@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(elements.css);

body {
	font-family:'メイリオ', Meiryo, Arial, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	background:url(../images/common/low_bg.jpg) #fbf9fe repeat-x ;
	font-size: 14px;
	color: #333;
	line-height: 1.4em;
	
}
p{
	text-align: left;
	text-justify: inter-ideograph;
}


div#wrapper {
	width: 968px;
	margin: 0 auto;

}

/****************************************************
/  Settings for div#header
/****************************************************/

div#header {
	width: 962px;
	height: 210px;
	margin: 0 auto;
}

	div#header ul{
		width: 962px;
		height: 44px;
		margin: 0 auto;
	}

		div#header ul li{
			float: left;
		}
		
/****************************************************
/  Settings for div#cont_out
/****************************************************/

div#cont_out {
	width: 968px;
	margin: 0 auto;
	background: url(../images/common/mainbg_mid.jpg) repeat-y;
	_margin-top: -6px;/* for IE6.0*/
	}


	div#cont_out:after ,
	div#cont_in:after {  
	  content: ".";  
		 display: block;  
		  visibility: hidden;  
		 height: 0.1px;  
		  font-size: 0.1em;  
		line-height: 0;  
		clear: both;  
	  }
	  
/****************************************************
/  Settings for div#cont_in
/****************************************************/

	div#cont_out div#cont_in {
		width: 968px;
		margin: 0 auto;
		background: url(../images/common/mainbg_top.jpg) no-repeat;
				}

/****************************************************
/  Settings for div#topicpath
/****************************************************/
div#cont_in p#topicpath{
	display: block;
	width: 690px;
	float: left;
	font-size: 12px;
	height: 23px;
	padding: 5px 0 0 15px;
	
}

	div#cont_in p#topicpath a{
		text-decoration: none;
	}

/****************************************************
/  Settings for div#main_out
/****************************************************/

div#cont_in div#main_out{
	width: 705px;
	background:url(../images/common/lowcont_bg_mid.jpg) repeat-y;
	float: left;
	margin: 0 0 0 5px;

	}

/****************************************************
/  Settings for div#main_in
/****************************************************/

div#cont_in div#main_in{
	width: 684px;
	background:url(../images/common/lowcont_bg_top.jpg) no-repeat;
	min-height: 600px;
	padding: 0 0 0 19px;
	overflow: hidden;
	}



	div#main_out:after ,
	div#main_in:after {  
	  content: ".";  
		 display: block;  
		  visibility: hidden;  
		 height: 0.1px;  
		  font-size: 0.1em;  
		line-height: 0;  
		clear: both;  
	  }

/****************************************************
/  Settings for div#side_menu
/****************************************************/

div#cont_in div#side_menu{
	width: 220px;
	padding: 10px 0 0 20px;	
	float: left;
	line-height: 1.1em;
}

	div#cont_in div#side_menu div#info{
		width: 211px;
		height: 203px;
		background: url(../images/common/right_info.jpg) no-repeat ;
	}

		div#cont_in div#side_menu div#info p{
			font-size: 11px;
			_font-size:9px;/* for IE6.0*/
			width: 195px;
			padding: 0 5px 0 11px;
			}

/****************************************************
/  Settings for ul#sidenavi in div#side_menu
/****************************************************/
div#side_menu ul#sidenavi{
	width: 211px;
	border-top: solid 1px #c0bfc4;
	margin: 5px 0 0 0;
	}

	div#side_menu ul#sidenavi li{
		width: 191px;
		height: 25px;
		padding: 10px 0 0 20px;
		background:url(../images/common/side_navi_bg_off.jpg) no-repeat;
		font-size: 14px;
		font-weight: bold;
		/margin-top: -3px;
		}

	div#side_menu ul#sidenavi li.title{
		width: 211px;
		height: 22px;
		padding: 6px 0 0 0;
		background:url(../images/common/side_navi_title_bg.jpg) no-repeat;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		/margin-top: -3px;
		}


		div#side_menu ul#sidenavi li a{
			display: block;
			width: 191px;
			height: 25px;
			margin: -10px 0 0 -20px;
			padding: 10px 0 0 20px;
			color: #4c4a4a;
			text-decoration: none;
		}

		div#side_menu ul#sidenavi li a:hover{
		background:url(../images/common/side_navi_bg_on.jpg) no-repeat;
		color: #0066FF;
		}

/****************************************************
/  Settings for ul#faq in div#side_menu
/****************************************************/

div#side_menu div#faq_bg{
	background: url(../images/common/right_qa_bg.jpg) repeat-y ;
}


div#side_menu ul#faq{
	background: url(../images/common/right_qa_bg.jpg) repeat-y ;
}



	div#side_menu ul#faq li{
		background: url(../images/common/right_qa_list.jpg) no-repeat 0 0;
		width: 156px;
		height: 53px;
		padding: 7px 15px 0 40px;
		font-size: 12px;
			}

	div#side_menu ul#faq li a{
		zoom: 1;
		text-decoration: none;
		}




/****************************************************
/  Settings for div#footer
/****************************************************/
div#cont_in div#footer{
		width: 947px;
		height: 69px;
		background: url(../images/common/foot.jpg) no-repeat ;
		clear: both;
		padding: 10px 0 0 15px;		
		font-size: 12px;
	}

div#cont_in div#footer a{
		text-decoration: none;
		color: #003366;
}