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


/******************************************************************************************************************************
 ******************************************************************************************************************************
 * GENERAL
 */

	html{}

	body {
		width:100%;
		background-color:#f5f5ec;
		color:#333;
		/*font:12px/1.4em  "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",arial,helvetica,clean,sans-serif;
		*font-size: x-small;
		*font: x-small;
		font-family:"メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",arial,helvetica,clean,sans-serif;*/
		font-size: 0.75em;
		-webkit-text-size-adjust: 0.75em;
		-ms-text-size-adjust: 0.75em;
		/*
		6px		0.500em	50.0%	5pt
		7px		0.583em	58.3%	5pt
		8px		0.667em	66.7%	6pt
		9px		0.750em	75.0%	7pt
		10px	0.833em	83.3%	8pt
		11px	0.917em	91.7%	8pt
		12px	1.000em	100.0%	9pt
		13px	1.083em	108.3%	10pt
		14px	1.167em	116.7%	11pt
		15px	1.250em	125.0%	11pt
		16px	1.333em	133.3%	12pt
		17px	1.417em	141.7%	13pt
		18px	1.500em	150.0%	14pt
		19px	1.583em	158.3%	14pt
		20px	1.667em	166.7%	15pt
		21px	1.750em	175.0%	16pt
		22px	1.833em	183.3%	17pt
		23px	1.917em	191.7%	17pt
		24px	2.000em	200.0%	18pt*/
	}

	.jp{font-family:helvetica,"Hiragino Kaku Gothic ProN","メイリオ","ＭＳ Ｐゴシック",sans-serif;}
	.en{font-family:akzidenz grotesk,helvetica,univers,arial,sans-serif;}



	/*link*/
	a { color:#000; text-decoration:none; outline:none; }
	a:hover { color:#000; text-decoration:none; }
	a:focus { -moz-outline-style:none; }


	/* text */
 	em{font-weight:bold;}
	.caution{font-size:0.833em;}
	.caution_em{/*font-size:0.833em;*/color:#990033;}

	/* float */
	.float_left{float:left;}
	.float_right{float:right;}

 	/*indent*/
	.indent1{text-indent:-1em;padding:0 0 0 1em;}
	.indent2{text-indent:-2em;padding:0 0 0 2em;}
	.indent3{text-indent:-3em;padding:0 0 0 3em;}
	.indent4{text-indent:-4em;padding:0 0 0 4em;}
	.indent5{text-indent:-5em;padding:0 0 0 5em;}
	.indent6{text-indent:-6em;padding:0 0 0 6em;}
	.indent7{text-indent:-7em;padding:0 0 0 7em;}
	.indent8{text-indent:-8em;padding:0 0 0 8em;}
	.indent9{text-indent:-9em;padding:0 0 0 9em;}


/******************************************************************************************************************************
 ******************************************************************************************************************************
 * CONTENT
 */

	/********************************************************/
	/*frame*/
	#content{width:1002px;margin:0px auto;padding:0px 0px 0px 22px;position:relative;}
 	#content #leftnav{width:270px;height:200%;background:url(../images/leftnav/leftnav_bg.gif) top left repeat-y;position:fixed;float:left;z-index:5;top:0px;}
	#content #contentbody{width:742px;padding:0px 0px 0px 320px;position:relative;float:left;}

 	/********************************************************/
 	/*leftnav*/
 	#leftnav h1{padding:4px 0px 38px 6px;}
 	/*#leftnav h1{padding:4px 0px 2px 6px;}*/
 	#leftnav h2{}

 	#leftnav #info_sns{padding:0 0px 22px 6px;font-family:"FOT-マティス Pro M";font-size:0.833em;line-height:1.4em;position: absolute;top:193px;left:2px;color: #333;}
 	#leftnav #info_sns a{display: block;}
 	#leftnav #info_sns a:hover{filter: alpha(opacity=55);-moz-opacity:0.55;opacity:0.55;}
 	#leftnav #info_sns .twitter{padding:0 0 0 0;float:left;margin-right: 14px;}
 	#leftnav #info_sns .twitter a{color:#1ab7ea;}
 	#leftnav #info_sns .twitter img{padding:0 2px 0 0;vertical-align: top;}
 	#leftnav #info_sns .facebook{padding:0 0 0 0;float:left;}
 	#leftnav #info_sns .facebook img{padding:0 3px 0 0;vertical-align: top;}
 	#leftnav #info_sns .facebook a{color:#315096;}

 	/*info live*/
	#leftnav #info_live{clear:both;padding-bottom:26px;}
	#leftnav #info_live h4{padding-bottom:8px;}
	#leftnav #info_live li{clear:both;font-family:"FOT-マティス Pro M";font-size:0.833em;padding:0px 0px 2px 18px;line-height:1.4em;}
	#leftnav #info_live li h5{float:left;width:64px;}

	#leftnav #info_live li p{float:left;width:186px;}

 	#leftnav #info_live a:hover h5{background-color:#CC9;}
  	#leftnav #info_live a:hover p{background-color:#CC9;}

	/*info live*/
	#leftnav #info_update{clear:both;padding-bottom:12px;}
	#leftnav #info_update h4{padding-bottom:10px;}
	#leftnav #info_update li{clear:both;font-family:"FOT-マティス Pro M";font-size:0.833em;padding:0px 0px 16px 18px;line-height:1.4em;background:url(../images/leftnav/info_dot.gif) 18px bottom no-repeat;margin-bottom:16px;}
	#leftnav #info_update li h5{width:230px;line-height:1.0em;padding-bottom:5px;}
	#leftnav #info_update li h5 img {vertical-align:top;padding-right:6px;}
	#leftnav #info_update li h5 .newico{padding-left:6px;padding-top:0px;}
	#leftnav #info_update li p{width:230px;padding:0px 0px 0px 1px;}

	/*#leftnav #info_update li.new h5{background:url(../images/leftnav/info_ico_new.gif) 94px 0px no-repeat;}*/
	#leftnav #info_update li a:hover p{display:block;background-color:#CC9;}

	#leftnav #info_update li.nom{margin-bottom:6px;}

	#leftnav #bnr_bokin{width:230px;padding-left:18px;position:relative;}


	/********************************************************/
 	/*contentnav*/
	#contentnav{width:660px;height:100px;background:url(../images/mainnav/mainnav_bg.png) top left no-repeat;position:fixed;top:0px;z-index:1;margin-left:330px;}
	#contentnav nav {height:87px;}
	#contentnav nav li{float:left;}
	#navgage{width:109px;height:2px;background-color:#9e6b7e;display:block;z-index: 5;}


	/********************************************************/
	/*footer*/
	footer{width:100%;height:25px;padding:4px 0px 0px 0px;background:url(../images/footer/footer_bg.gif) top left repeat-x;position:fixed;bottom:0px;z-index:55;}
	footer .innerbox{width:982px;margin:0 auto;}
	footer li{float:left;padding:0px 10px 0px 4px;background:url(../images/footer/footer_bg_dot.gif) top right no-repeat;}



/******************************************************************************************************************************
 ******************************************************************************************************************************
 * CLEAR FIX
 */

	div:after,ul:after,ol:after,dl:after,.clearfix:after { content: ""; display: block; clear: both; }
	div,ul,ol,dl,.clearfix { zoom: 1; }