@charset "shift_jis";

*{
	list-style: none;
	margin: 0;
	padding: 0;
}



img{
	border: 0;
}



body{
	line-height: 1.3;
	background: url(../common-image/body-bg.gif) center 100px no-repeat;
	color: #333;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size: 80%;
}



.clear{
	clear: both;
}



html>/**/body {
  font-size: 13px; /* IEを除くブラウザのfontサイズ */
}



/* ================================= */
/* 　　ヘッダーcssを強制上書き       */  
/* ================================= */

div#contents {
	width: 900px !important;
}



div#wrapper {
	width: 900px;
	margin: 0 auto;
	padding: 10px 0 30px;
	background: #FFF;
}



/*FCXロゴ、左よせ*/
h2#fcx-logo{
	float: left;
	width: 192px;
	margin-left: 5px;
}



/*グローバルナビ、右よせ*/
ul#global-navi{
	float: right;
	width: 600px;
}



ul#global-navi li{
	float: left;
	padding-top: 7px;
}



p.h-shadow{
	clear: both;
	height:5px;
}



/*flashエリア*/
div#flashcontent{
	height: 400px;
	line-height: 400px;
	text-align: center;
}


/*flash下のコンテンツエリア*/
div#ua-contents{
	padding-top: 20px;
	background: url(../common-image/shadow.gif) left top no-repeat;
}



/*indexページ、ニュース＆トピックス*/
div#news-topics{
	float: left;
	width: 450px;
}



#news-topics h3{
	margin-bottom: 10px;
}



#news-topics dt{
	display: block;
	float: left;
	width: 65px;
	padding-left: 5px;
}



#news-topics dd{
	float: left;
	width: 380px;
	line-height: 1.3;
	margin-bottom: 10px;
}




#news-topics dd a{
	color: #26AAFF;
	text-decoration: none;
}



#news-topics dd a:visited{
	color: #0071AF;
	text-decoration: none;
}



#news-topics dd a:hover{
	color: #C00;
	text-decoration: underline;
}




p.index-caution{
	clear: both;
	font-size:88%;
	margin-top: 20px;
	padding: 7px 0 0 5px;
	border-top: 1px solid #ccc;
}



/*indexページ、バナー部分*/
ul#bnr{
	float: right;
	width: 418px;
}



ul#bnr li.kyoushitsu{
	height: 80px;
	margin-bottom: 3px;
}



ul#bnr li{
	height: 41px;
	margin-bottom: 3px;
}




/* ================================= */
/* 　　　　 子ページ汎用             */  
/* ================================= */

p.txt{
	line-height: 1.8;
	padding: 10px 20px 10px 20px;
}



p.caution{
	font-size: 90%;
}



p.america{
	margin: 1.8em 0 2.4em;
	font-size: 88%;
	text-align: right;
}




/* ================================= */
/* 　　　　 コンセプト               */  
/* ================================= */

p.concept-txt{
	line-height: 1.8;
	padding: 0 12px 10px 5px;
}

ul.concept-btn{
	margin:0 0 14px 10px;
}

ul.concept-btn li{
height:35px;
vertical-align:top;
}



/* ================================= */
/* 　　　　 主要諸元　               */  
/* ================================= */

div#equipment-box{
	clear: both;
	padding: 10px 20px 0;
}



div#equipment-box h3{
	margin-bottom: 5px;
	padding-left: 5px;
	border-left: 5px solid #0099FF;
}

div#equipment-box h4.komidashi{
	margin-bottom:0.6em;
}



div#equipment-box h3 span{
	font-weight: normal;
	font-size: 70%;
}



div#equipment-box table.spec,
div#equipment-box table.equip{
	border-top: 1px solid #aaa;
	border-collapse: collapse;
}



div#equipment-box table.spec td,
div#equipment-box table.equip td{
	padding: 2px 0;
	border-bottom: 1px solid #aaa;
}



div#equipment-box table.spec tr:hover,
div#equipment-box table.equip tr:hover{
	background: #E6F2FF;
}



div#equipment-box table.spec td:hover,
div#equipment-box table.equip td:hover{
	background: #E6F2FF;
}



div#equipment-box table.spec td.indent,
div#equipment-box table.equip td.indent{
	padding-left: 0.4em;
}



div#equipment-box table.spec td.indent,
div#equipment-box table.equip td.indent{
	padding-left: 0.4em;
}



div#equipment-box table.spec td.no-hover,
div#equipment-box table.equip td.no-hover{
	background: #FFF;
}



div#equipment-box table.spec td.bl{
	border-left: 1px solid #aaa;
	text-align: center;
}



div#equipment-box table.equip-photo td.itemname{
	height: 32px;
	vertical-align: top;
	padding-top: 2px;
}




/* ================================= */
/* 　　　　 FCXの歩み                */  
/* ================================= */

/*div#histroy{
	clear: both;
	width: 580px;
	margin: 0 auto;
	padding: 20px 0 30px;
}



div#histroy h3{
	margin: 0 0 20px 20px;
}



div#histroy a{
	text-decoration: none;
}



div#histroy a:visited{
	text-decoration: none;
}



div#histroy a:hover{
	color: #c00;
	text-decoration: underline;
}*/

/* ================================= */
/* 　　　　 クラリティイベント                */  
/* ================================= */
div#clarity-event-container{
background-repeat:repeat-y;
}

div#clarity-event-contents{
	width:746px;
	padding:0 77px 30px;
}

.txtblue{
color:#268BED;
font-weight:bold;
}

.txtred{
color:#FF0000;
font-weight:bold;
}

table.detail-txt td{
padding:2px 0;
}

.CLARITY{
	border:solid 1px #F03;
	width:900px;
	height:38px;
	padding-top:20px;
    text-align:center;
	font-size:13px;
	color:#F03;
}

	

/*201603 ua add*/

div.finish{
	background:#fafafa;
	padding-top:5px;
	height: 45px;
}

div.finish div{
	width:900px;
	margin:0 auto;
}



div.finish div p.finishcopy{
	float:left;
	width:50%;
	color:#C00;
	line-height:1.5;
	font-size:12px;
}

div.finish div ul{
	float:right;
	width:50%;
	font-size:12px;
	text-align:right;
	padding-top:0.3em;
}

div.finish div ul li{
	margin-bottom:0.1em;
}

.finishCaution {
	background: #ddd;
	height: 40px !important;
}

.finishCaution p {
	width:900px;
	margin:0 auto;
	text-align: center;
	line-height: 40px;
	color: #f00;
	font-weight:bold;
}

/* clearfix: 2008-12-10 ---------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 1; overflow: hidden;}
.clearfix { display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}