@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	font-weight:normal;}
	
body{
	text-align:center;}
	
.red{
	color:#CC3300;
	font-weight:bold;}
	
.center{
	text-align:center;}

.clear{
	clear:both;}
.img{
	margin:2em 0;}
#container{
	text-align:left;
	width:700px;}
/*------------------------------------------------------------------------　■ ヘッダ部分------------*/
#header{
	width:700px;
	height:116px;
	background:url(../image/header.gif) no-repeat;}
	
#header h1{
	text-align:right;
	padding:50px 20px 0 0;
	color:#666666;}
	
#navigation p{
	margin:29px 0 0 35px;
	font-size:11px;}
	
#navigation a:link{
	color:#6699FF;}
	
#navigation a:visited{
	color:#666666;}
	
#navigation a:hover{
	color:#FF99FF;}
	
/*------------------------------------------------------------------------　■ メイン部分------------*/
#main{
	width:700px;
	background:url(../image/contents/body.gif) repeat-y;}
	
#top{
	width:700px;
	height:100px;
	background:url(../image/main/top.jpg) no-repeat;}
	
#title_knowledge{
	width:700px;
	height:100px;
	background:url(../image/main/knowledge.jpg) no-repeat;}

#title_misunderstand{
	width:700px;
	height:100px;
	background:url(../image/main/mis.jpg) no-repeat;}

#title_faq{
	width:700px;
	height:100px;
	background:url(../image/main/faq.jpg) no-repeat;}
	
#title_link{
	width:700px;
	height:100px;
	background:url(../image/main/link.jpg) no-repeat;}

#title_sitemap{
	width:700px;
	height:100px;
	background:url(../image/main/sitemap.jpg) no-repeat;}
/*------------------------------------------------------------------------　■ コンテンツ部分------------*/
#contents{
	float:right;
	width:500px;
	padding:30px 0 0 0;
background:url(../image/contents/body.gif) repeat-y;
background-position:right;}
	
#contents h2{
	margin:0 0 20px 0;
	padding:3px 0 0 20px;
	background:url(../image/contents/line.gif) no-repeat;
	height:22px;}
	
#contents p{
	line-height:1.8em;
	padding:0 40px 20px 20px;}

#contents div.top_left{
	float:left;
	width:310px}
#contents div.top_right{
	width:150px;
	padding:0 40px 0 0;
	float:right;}
#contents ul{
	list-style-type:none;
	margin:0 0 30px 0;}
#contents li{
	line-height:2em;
	padding:0 0 0 40px;
	background:url(../image/contents/arrow.gif) no-repeat 20px ;}
	
#contents div.frame_up01{
	width:479px;
	height:47px;
	background:url(../image/contents/frame-up01.gif) no-repeat;}

#contents div.frame_up01 p{
	color:#FFFFFF;
	padding:12px 0 0 95px;}
#contents div.frame_up02 p{
	padding:13px 0 0 95px;}
#contents div.frame_up02,#contents div.frame_bottom{
	width:479px;
	height:35px;}
	
#contents div.frame_up02{
	background:url(../image/contents/frame-up02.gif) no-repeat;}
	
#contents div.frame_bottom{
	background:url(../image/contents/frame-bottom.gif) no-repeat;}
	
#contents div.frame_middle{
	width:479px;
	padding:25px 0 0 0;
	background:url(../image/contents/frame-middle.gif) repeat-y;}
	
#contents div.frame_middle dl{
	margin:0 0 0 40px;}
	
#contents div.frame_middle dt{
	margin:0 0 20px 0;
	padding:3px 0 0 20px;
	background:url(../image/contents/line.gif) no-repeat;
	height:22px;}
	
#contents div.frame_middle dd{
	width:400px;
	padding:0 0 2em 20px;
	line-height:1.8em;}
#contents div.frame_middle ul{
	
	}
#contents div.frame_middle li{
	padding:0 0 0 100px;
	list-style-type:none;
	background:url(../image/contents/circle.gif) no-repeat 80px 50%;}

#contents p.faq_q{
	background:url(../image/contents/question.gif) no-repeat 15px 50%;
	width:460px;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	background-color:#f0f4ff;
	padding:1px 0 1px 40px;
	margin:0 0 15px 0;}

#contents p.faq_a{
	background:url(../image/contents/answer.gif) no-repeat 15px 50%;
	background-color:#ebf4ff;
	width:460px;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:2px 0 0 40px;
	margin:0 0 30px 0;}
/*------------------------------------------------------------------------　■ メニュー部分------------*/
#menu{
	float:left;
	width:198px;}
#menu ul{
	padding:0 0 31px 0;
	background:url(../image/menu/bottom.gif) no-repeat;
	background-position:bottom;}
	
#menu ul li{
	list-style-type:none;
	padding:0 0 0 15px;	}
	
#menu ul li a:link,#menu ul li a:visited{
	padding:0 0 0 20px;
	_padding:10px 0 0  20px;
	display:block;
	width:168px;
	height:31px;
	background:url(../image/menu/off.gif) no-repeat;}

#menu ul li a:hover{
	padding:0 0 0 20px;
	_padding:10px 0 0  20px;
	display:block;
	width:168px;
	height:31px;
	background:url(../image/menu/on.gif) no-repeat;}
	
/*------------------------------------------------------------------------　■ フッタ－部分------------*/

#footer{
	padding:40px 0 0 0;
	clear:both;
	background:url(../image/footer.gif) no-repeat;
	width:700px;
	height:39px;
	_height:79px;}
#footer p a:link,#footer p a:hover,#footer p a:visited{
	color:#000000;
	text-decoration:none;}
#footer p.adspace{
	margin:10px 10px 0 0;
	color:#999999;
	text-align:right;}
#footer p.adspace a:link,#footer p.adspace a:visited,#footer p.adspace a:hover{
	color:#999999;
	text-decoration:none;
	}