@charset "utf-8";

/*------------------------------------------------------------


body
	.header
		.menu	メニュー

	.main			
		.sidemenu	サイドメニュー		
		.contents	コンテンツ	

	.footer
	
-------------------------------------------------------------*/



div.header,
div.main,
div.neck,
div.footer {
	text-align: left;
}



.fl{	list-style-type: none;	margin:0;padding:0;}
.fl li{	list-style-type: none;	margin:0;padding:0;	float:left;}
.f0{	list-style-type: none;	margin:0;padding:0;}
.f0 li{	list-style-type: none;	margin:0;padding:0;}




h1,h2,h3,h4{				margin:0;padding:0;		}



body {
	margin:0;padding:0;
	text-align:center;
	background-repeat: repeat;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	background-color:#F6F4F1;
}


.container{
	width:1020px;
	background-color: #fff;	
	margin: 0 auto;	
}



/*----------------------------------------------------------------------
■ヘッダ部分
.header
	.menu
----------------------------------------------------------------------*/

div.header{
	background-color: #fff;
	background-image: url( ../images/head_bg.gif );
	background-repeat: repeat-x;
	margin: 0 auto;
	width: 960px;
	height: 393px;
	position:relative;
}


	h1.logo{display:none;}
	.menu{
		background-color:#171818;
		width:960px;overflow:hidden;
		height:58px;
		position:relative;
		margin-top:10px;
	}
	.menu_home{
		position:absolute;
		top:0;
		right:0;
		width:176px; height:58px;
	}


	#one-ddcontent{position:absolute; left:288px;top:393px;overflow:hidden; width:220px;display:none;  z-index:200; opacity:0;background:#fff;}
	.underline {border-bottom:1px solid #ffffff;}
	#one-ddcontent a:link,
	#one-ddcontent a:visited{background:#171818;height:40px;margin:0;padding:0;display:block; padding-left:10px; color:#ccc !important; text-decoration:none !important; line-height:38px; font-size:12px;overflow:hidden;}
	#one-ddcontent a:hover{color:#fff !important;background-color:#5A5B5B; }
	#one-ddcontent div{ width:240px;overflow:hidden; margin-top:1px;}
	
	
	


/*----------------------------------------------------------------------
■メイン
.main 960px;
	contents
	sidemenu
----------------------------------------------------------------------*/


div.main{
	width:960px;
	margin: 0 auto;

	clear:both;
	margin-top:35px;
}










/*----------------------------------------------------------------------
BODY
----------------------------------------------------------------------*/
div.main .contents{
	width:700px;
	background-color:#fff;
	margin-left:0px;
	float:left;
}


	/* otoiawase */
		.inqbox{
			background-image:url(../images/otoi_bg.gif);
			padding:5px;
			
		}
		.inqbox_inner{
			
			background-color:#F7F7F7;
			padding:12px;
		}
		.inqbox p{
			margin-top:12px;
			line-height:1.5;
		}
		.inqbox_button{
			text-align:center;
			margin-top:14px;
		}


	/* sub_page */

		/* merit */
		.sub_merit{
			background-position:100% 0;
			background-repeat:no-repeat;
			margin-top:20px;
		}
		.sub_merit h3{
			margin-bottom:18px;
			
		}	
		.sub_merit p{
			width:430px;
			line-height:1.6;
			
		}
		
		/* charactors */
		.sub_chara li{
			width:210px;
			font-size:11px;
			line-height:1.4;
			margin-left:35px;
			padding-top:10px;
		}
		
		/* q and a talk */
		.qa_talk{
			margin:0px 0 0px 0;
		}

	/* other merits */

		dl,dd,dt{
		margin:0;padding:0;	font-size:12px;
		}
		.othermerits dt{
			font-weight:bold;
			margin-top:20px;	line-height:1.3;
		}
		.othermerits dd{
			margin-top:12px;
			line-height:1.6;
		}



	
/*----------------------------------------------------------------------
SIDE
----------------------------------------------------------------------*/
div.main .sidemenu{
	width:230px;
	/*background-color: #A7977E;*/
	float:left;
	margin-left:30px;
}

		
	.side_banners li{margin-top:20px;}
	
	
	
	
	.submenu li{
		height:44px;
		overflow:hidden;
		background-position:0 100%;
		background-repeat:no-repeat;
		background-image:url(../images/dot_700.gif);
	}
	.submenu a:link,.submenu a:visited{
		height:44px;
		background-position:0 50%;
		background-repeat:no-repeat;
		background-image:url(../images/sub_ya.gif);
		line-height:44px;
		overflow:hidden;
		padding-left:15px;	
		font-size:12px;	
	}
	.submenu a:link, .submenu a:visited{
		color:#48453F;
		text-decoration:none;
	}
	.submenu a:hover{
		color:#F25570;
		text-decoration:none;
	}
	
	



/*----------------------------------------------------------------------
■FOOTER
----------------------------------------------------------------------*/


div.footer{
	width:960px;
	margin: 0 auto;	
	position: relative;
	border-top:1px solid #8F8F8F;
	margin-top:35px;
	padding-top:18px;		
	padding-bottom:21px;
	
	background-image:url(../images/footer_logo.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
		
}





div.footer .footmenu{
		text-align:left;
		color:#444;
		width:700px;
		line-height:1.6;

}











/* ----------------------------------------------------------------------------------
CLEARFIX

---------------------------------------------------------------------------------- */


div.neck:after,
div.main:after,
ul.fl:after,
tabhead:after,
clearfix:after
{
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.clear{
height:1px;overflow:hidden;
clear:both;
}





a.rollover_alpha:hover img,
.side_banners a:hover img
{
	filter: alpha(style=0, opacity=80);
	opacity:0.8; 
}