@charset "UTF-8";

/***************************************************
   HTML All Class Element Styles
***************************************************/

html { color: #221815; background-color: #ccdded; }
body { text-align: center; font-family:Meiryo;  }
.cb { clear: both; font-size: 0; }
.red { color: #ff3300; }

#layout { background-image: url(img/bs.jpg); background-position: center; background-repeat: repeat-y; background-color: #ccdded; }
#layout #in { width: 840px; margin: 0 auto; background-color: #fff; }
#layout #header { background-image: url(img/header.jpg); background-repeat: no-repeat; width: 840px; height: 140px; text-align: left; }
#layout #header #banner { position: relative; left: 642px; top: 18px; width: 176px; } 

#main_back { background-image: url(img/m_back.jpg); background-position: center top; background-repeat: repeat-x; background-color: #fff; height: 224px; }
#main { width: 750px; margin: 0 auto; padding: 0 0 0 0; }
#main .float_space { float: left; width: 10px; height: 1px; font-size: 0; }
#left { width: 170px; float: left; font-size: 12px; text-align: left; margin: -9px 0 0 0; }
#left #sidemenu { background: url(img/side_bs.jpg) repeat-y; width: 170px; text-align: left; }
#left #access { width: 170px; margin: 0 auto; }
#left #access  a { color: #1111ff; }
#left #access  a:hover { text-decoration: underline; }
#center { width: 20px; float: left; }

#footer { background-color: #0054a7; height: 20px; width: 100%; line-height: 20px; text-align: center; color: #fff; font-size: 11px; }

.title { background-image: url(img/title.jpg); background-repeat: no-repeat; width: 580px; height: 39px; }
.title h2 { text-indent: 15px; font-size: 15px; font-weight: bold; position: relative; top: 10px; }

.contents { width: 560px; height: 200px; margin: 5px auto; text-align: left; }
.contents_in { padding: 10px 15px; }



/***************************************************
  Sidebar Element Styles
***************************************************/

.side_m01 { display: block; background-image: url(img/menu.jpg); background-repeat: no-repeat; width: 152px; height: 29px; margin: 0 auto; color: #000; font-size: 13px; font-weight: bold; text-align: left; }

.side_m01 em { color: #0054a7; display: inline; padding: 0px 0 0 10px; font-size: 13px; line-height: 28px; }
.side_m01 strong { color: #0054a7; display: inline; padding: 0px 0 0 10px; font-size: 10px; line-height: 28px; }

.side_m01 a { display: block; background-image: url(img/menu.jpg); background-repeat: no-repeat; width: 152px; height: 29px; margin: 0 auto; color: #000; font-size: 13px; font-weight: bold; text-align: left; }

.side_m01 a:hover { display: block; background-image: url(img/menu.jpg); background-repeat: no-repeat; }
.side_m01 a em { color: #4d4d4d; display: inline; padding: 0px 0 0 10px; font-size: 13px; line-height: 28px; }
.side_m01 a:hover em { color: #0054a7; }
.side_m01 a strong { color: #4d4d4d; display: inline; padding: 0px 0 0 10px; font-size: 10px; line-height: 28px; }
.side_m01 a:hover strong { color: #0054a7; }


.midasi {width:560px; height:38px; 
			background-image:url(img/c_title.jpg); 
			background-repeat:no-repeat; 
			margin:0; }
			
.midasitext {text-align:left;
			
			font-weight:bold;
			font-size:20px;
			color: #339900;
			padding-top:7px;
			padding-left:20px;}		
.komidasi {
			margin-bottom:5px;
		
			height:20px;
			border-bottom:1px #003399 solid;
			font-size:14px;
			font-weight:bold;
			padding-left:15px;}	
			
.komidasi2 {
			margin-bottom:5px;
		
			height:20px;
			background-color: #003399;
			color:#FFFFFF;
			font-size:14px;
			font-weight:bold;
			padding-left:15px;}					
			
			
.komitext {width:510px;
			margin-left:15px;
			margin-bottom:20px;
			}