@charset "UTF-8";

html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,em,strong,a,a:hover,pre,code,fieldset,form,legend,input,button,textarea,p,table,th,td,img{
	margin:0px;
	padding:0px;
	zoom:1;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6,em,strong,a,a:hover{font-size:100%;font-weight:normal;font-style:normal;text-decoration:none;outline:none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
/*
10px = 77%     11px = 85%     12px = 93%     13px = 100%　14px = 108%    15px = 116%    16px = 123.1%  17px = 131%　18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%　22px = 167%    23px = 174%    24px = 182%    25px = 189%　26px = 197% 
*/

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table,tr,td{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}




/* BODY
	--------------------------------------------------------------------------------------------------*/
html,
body	{ margin:0 auto; text-align:center;}

/* LAYOUT
	--------------------------------------------------------------------------------------------------*/
	#header	{ height:367px; margin:0px 0 29px; background:url(../imgs/header/line_bg.gif) repeat-x left top;}
	#contents	{ width:877px; position:relative; margin:0 auto; text-align:left; overflow:hidden;}
	#footer		{ clear:both; padding:52px 0 48px;}
	


/* HEADER
	--------------------------------------------------------------------------------------------------*/
#header-inner	{ width:877px; position:relative; margin:0 auto; text-align:left;}

#header-inner #ci a		{ width:171px; height:70px; padding:15px 7px 0 0; display:block; text-indent:-9999px; background:url(../imgs/header/logo.gif) no-repeat right 15px;}
#header-inner strong	{ display:block;}

	#images		{ width:877px; height:191px; position:relative; margin:17px 0 0;}
	#images img	{ position:absolute; top:0; left:0; display:block; display:none;}
	#header-line{ height:3px; margin:22px 0 0; overflow:hidden; background:url(../imgs/header/line_shadow.gif) no-repeat left top;}

	/*nav　グローバルナビゲーション*/
	#nav			{ width:876px; padding-left:1px; overflow:hidden; background:url(../imgs/header/nav_bg.png) no-repeat left top;}
	#nav li			{ height:73px; float:left; text-indent:-9999px;}
	
	#nav li#n_01	{ width:292px;}
	#nav li#n_02	{ width:290px;}
	#nav li#n_03	{ width:292px;}
	
	#nav li a		{ height:73px; display:block; text-indent:-9999px;}
	#nav li#n_01 a	{ background:url(../imgs/header/nav_btn_01.png) no-repeat left top;}
	#nav li#n_02 a	{ background:url(../imgs/header/nav_btn_02.png) no-repeat left top;}
	#nav li#n_03 a	{ background:url(../imgs/header/nav_btn_03.png) no-repeat left top;}
	#nav li#n_01 a.active,
	#nav li#n_02 a.active,
	#nav li#n_03 a.active{ background:none;}

	
	
	/*option-nav　サブナビゲーション*/
	#option-nav		{ overflow:hidden; position:absolute; right:10px; top:40px;}
	#option-nav li	{ height:20px; float:left; margin-left:10px; display:inline;}
	
	#option-nav li a 		{ height:20px; display:block;}
	#option-nav li span		{ position:absolute; top:-9999px;}
	#option-nav li#op_01 a	{ width:118px; background:url(../imgs/header/op_nav_01.png) no-repeat left top;}
	#option-nav li#op_02 a	{ width:84px; background:url(../imgs/header/op_nav_02.png) no-repeat left top;}
	#option-nav li#op_lang_en a	{ width:66px; background:url(../imgs/header/op_nav_lang_en.png) no-repeat left top;}
	#option-nav li#op_lang_jp a	{ width:55px; background:url(../imgs/header/op_nav_lang_jp.png) no-repeat left top;}
	
	/*
	#option-nav li#op_03	{ width:135px; height:20px; background:url(../imgs/header/op_nav_03.png) no-repeat left top; cursor:pointer;}
	#option-nav li#op_03:hover	{ background:url(../imgs/header/op_nav_03.png) no-repeat left bottom; cursor:pointer;}
	#option-nav li#op_03 a	{ width:41px; margin:0 0 0 95px; background:url(../imgs/header/op_nav_04.png) no-repeat left bottom; cursor:pointer;}
	#option-nav li#op_03 a.over			{ background:url(../imgs/header/op_nav_04.png) no-repeat left bottom;}
	#option-nav li#op_03:hover a		{ background:url(../imgs/header/op_nav_04.png) no-repeat left top;}
	#option-nav li#op_03:hover a.over	{ background:url(../imgs/header/op_nav_04.png) no-repeat left bottom;}
	*/
	#option-nav li#op_03 a	{ width:135px; height:20px; display:block; background:url(../imgs/header/op_nav_03.png) no-repeat left top; cursor:pointer;}
	#option-nav li#op_03 a:hover	{ background:url(../imgs/header/op_nav_03.png) no-repeat left bottom; cursor:pointer;}
	#option-nav li#op_03 a em		{ width:41px; height:20px; display:block; text-indent:-9999px; margin:0 0 0 95px; background:url(../imgs/header/op_nav_04.png) no-repeat left bottom; cursor:pointer;}
	#option-nav li#op_03 a:hover em	{ background:url(../imgs/header/op_nav_04.png) no-repeat left top;}
	#option-nav li#op_03 a.open em		{ background:url(../imgs/header/op_nav_04.png) no-repeat left top;}
	#option-nav li#op_03 a.open:hover em{ background:url(../imgs/header/op_nav_04.png) no-repeat left bottom;}
	#option-nav li#op_01 a:hover,
	#option-nav li#op_02 a:hover,
	#option-nav li#op_lang_en a:hover,
	#option-nav li#op_lang_jp a:hover		{ background-position:left bottom;}
	
	
	/*bread-nav　パンくずリスト*/
	#bread-nav		{ overflow:hidden;}
	#bread-nav li	{ float:left; color:#555; font-size:93%; line-height:38px; letter-spacing:1px;}
	#bread-nav li a			{ color:#555; line-height:38px;}
	#bread-nav li a:hover	{ color:#e33c68;}
	#bread-nav li.first a	{ padding:0 0 0 17px; background:url(../imgs/header/bread_bg.gif) no-repeat left center;}
	#bread-nav li span		{ padding:0 10px;}





/* CONTENTS
	--------------------------------------------------------------------------------------------------*/
#main a,
#sub a	{-webkit-transition:ease-out 0.2s all;-moz-transition:ease-out 0.2s all;-o-transition:ease-out 0.2s all;transition:ease-out 0.2s all;}



/* FOOTER
	--------------------------------------------------------------------------------------------------*/
#footer img			{ display:block;}
#footer img.first	{ clear:both; padding:41px 0 0 45px;}
#footer div			{ text-align:left;}

	/*footer-nav　フッターナビゲーション*/
	#footer-nav		{ width:876px; overflow:hidden; margin:0 auto; background:url(../imgs/footer/bg_curner_3.png) repeat-y left top;}
	
	#footer-nav	dl			{ width:141px; margin:33px 0 0 19px; float:left; display:inline;}
	#footer-nav dl.first	{ margin-left:45px;}
	#footer-nav dt			{ font-size:93%; font-weight:bold; line-height:24px; color:#e5e5e5; padding-bottom:1px; border-bottom:1px solid #999; letter-spacing:1px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
	#footer-nav dd			{ margin:8px 0 0; color:#e5e5e5; letter-spacing:2px;}
	#footer-nav dd a		{ font-size:93%; color:#e5e5e5;}
	#footer-nav dd a:hover	{ border-bottom:1px dotted #e5e5e5;}
	#footer-nav dd span		{ margin:0 6px 0 0;}
		
		#footer-nav div			{ margin:12px 0 8px 45px; padding:2px 0 1px; overflow:hidden;}
		#footer-nav p			{ float:left; color:#e5e5e5; padding:0 22px 0 0; letter-spacing:1px;}
		#footer-nav p a			{ color:#e5e5e5; font-size:93%; line-height:24px;}
		#footer-nav	p a:hover 	{ text-decoration:underline;}
		#footer-nav p span		{ margin-right:10px;}
	
		/*bunner　バナーリンク*/
		#footer-nav div#bunner		{ clear:both; overflow:hidden; padding:0 45px 4px 0;}
		#footer-nav div#bunner a	{ float:left; display:inline; }
		#footer-nav div#bunner a + a	{ margin:0 0 0 12px;}

	 
	/*footer-inner　内部コンテンツ*/
	#footer-inner		{ width:876px; margin:0 auto; padding:20px 0 0; background:url(../imgs/footer/bg_curner_3.png) repeat-y left top;}
	#footer-inner div	{ padding:0 45px; overflow:hidden;}
	#footer-inner p		{ color:#e5e5e5; float:left; letter-spacing:1px;}
	#footer-inner a		{ color:#e5e5e5; font-size:85%;}
	#footer-inner a:hover	{ text-decoration:underline;}
	#footer-inner p span	{ margin-right:6px;}
	#footer-inner p em		{ font-size:77%; line-height:20px;}
	#footer-inner img		{ clear:both;}
	
	#footer-inner div div	{ float:right; padding:0 45px 30px 0; display:inline;}
	#footer-inner div div p	{ float:left; margin-left:17px; display:inline;}
	
#footer-line	{ height:1px; overflow:hidden; background:#F06;}

/* STYLE
	--------------------------------------------------------------------------------------------------*/