@charset "utf-8";

/*基本設定
------------------------------------------------------------ */
html {	
	overflow-y: scroll;
	height:100%;
}
body {
	width:100%;
  min-height:100%;
  height:auto !important;
	color: #333;
	background-color: #FFF;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;
}
* html body {    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;}
*:first-child+html body {    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif ;}
hr	{	display: none;}
strong {font-weight:bold;}


/*汎用設定
------------------------------------------------------------ */
.mt00 { margin-top: 0!important; }
.mt05 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }

.mr00 { margin-right: 0!important; }
.mr04 { margin-right: 4px!important; }
.mr05 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }

.mb00 { margin-bottom: 0!important; }
.mb05 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb80 { margin-bottom: 80px!important; }

.ml00 { margin-left: 0!important; }
.ml05 { margin-left: 5px!important; }
.ml09 { margin-left: 9px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }

.pt00 { padding-top: 0!important; }
.pb00 { padding-bottom: 0!important; }
.pb20 { padding-bottom: 20px!important; }

.floatR { float: right!important; }
.floatL { float: left!important; }
.clearB { clear: both!important; }

.txCenter { text-align: center!important; }
.txRight { text-align: right!important; }
.txLeft { text-align: left!important; }
.fwBold { font-weight: bold!important; }

a.noLink{
	cursor:default;
}
.noBorder{
	border:none!important; 
}
li.noMark{
	list-style:none !important;
}


/* floatバグ回避ハック
------------------------------------------------------------ */
span.clear {
	margin: 0;
	display: block;
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* テキスト汎用設定
------------------------------------------------------------ */
.text08  { font-size:49%; }
.text09  { font-size:59%; }
.text10 { font-size:69%; }
.text11 { font-size:73%; }
.text12 { font-size:77%; }
.text13 { font-size:85%; }
.text14 { font-size:93%; }
.text15 { font-size:100%; }/*基準値*/
.text16 { font-size:108%; }
.text17 { font-size:116%; }
.text18 { font-size:123.1%; }
.text19 { font-size:131%; }
.text20 { font-size:138.5%; }
.text21 { font-size:146.5%; }
.text22 { font-size:153.9%; }
.text23 { font-size:161.6%; }
.text24 { font-size:167%; }
.text25 { font-size:174%; }
.text26 { font-size:182%; }
.text27 { font-size:189%; }
.text28 { font-size:197%; }


/* aタグの色設定
------------------------------------------------------------ */
a{
	color:#00a6eb;
}
a:hover{
	color:#e16a52;
}


/* その他汎用設定
------------------------------------------------------------ */
/*画像のマウスオーバー*/
.opt_img a:hover img,
a.opt_img:hover img {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}




/* body
------------------------------------------------------------ */
body{
	background:url(../images/common_bg_01.jpg) left top repeat-x;
}



/* header
------------------------------------------------------------ */
#header{
	width:100%;
	height:101px;
}
#headerBody{
	width:942px;
	height:98px;
	margin:0 auto;
}
#headerMain{
	float:left;
	width:772px;
	height:98px;
}
#headerMain h1{
	width:450px;
	height:61px;
}
#headerMain h1 a{
	display:block;
	width:450px;
	height:0;
	padding-top:61px;
	overflow:hidden;
	background:url(../images/header_ttl_01.jpg) left top no-repeat;
}
.eng #headerMain h1 a{
	width:540px;
	background:url(../images/header_ttl_01-e.jpg) left top no-repeat;
}
#headerMain p{
	height:30px;
	padding-top:7px;
	padding-left:150px;
	color:#2a2a2a;
	background:url(../images/header_bg_01.jpg) left top no-repeat;
}
#lang{
	float:left;
	width:170px;
	height:34px;
	padding-top:44px;
}
#lang li{
	float:left;
	width:85px;
	height:34px;
}
#lang li a,
#lang li span{
	display:block;
	width:85px;
	height:0;
	padding-top:34px;
	overflow:hidden;
}
#lang li.n1 span{
	background:url(../images/header_btn_01.jpg) left -34px no-repeat;
}
#lang li.n1 a{
	background:url(../images/header_btn_01.jpg) left top no-repeat;
}
#lang li.n2 span{
	background:url(../images/header_btn_01.jpg) -85px top no-repeat;
}
#lang li.n2 a{
	background:url(../images/header_btn_01.jpg) -85px -34px no-repeat;
}
#lang li a:hover{
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* gnavi
------------------------------------------------------------ */
#gnavi{
	width:942px;
	height:72px;
	margin:0 auto;
}
#gnavi li{
	float:left;
	width:235px;
	height:72px;
}
#gnavi li.n4{
	width:237px;
}
#gnavi li a,
#gnavi li span{
	display:block;
	width:235px;
	height:0;
	padding-top:72px;
	overflow:hidden;
}
#gnavi li.n1 a{
	background:url(../images/gnavi_bg_01.jpg) left top no-repeat;
}
.eng #gnavi li.n1 a{
	background:url(../images/gnavi_bg_01-e.jpg) left top no-repeat;
}
#gnavi li.n1 a:hover,
#gnavi li.n1 span{
	background:url(../images/gnavi_bg_01.jpg) left -72px no-repeat;
}
.eng #gnavi li.n1 a:hover,
.eng #gnavi li.n1 span{
	background:url(../images/gnavi_bg_01-e.jpg) left -72px no-repeat;
}
#gnavi li.n2 a{
	background:url(../images/gnavi_bg_01.jpg) -235px top no-repeat;
}
.eng #gnavi li.n2 a{
	background:url(../images/gnavi_bg_01-e.jpg) -235px top no-repeat;
}
#gnavi li.n2 a:hover,
#gnavi li.n2 span{
	background:url(../images/gnavi_bg_01.jpg) -235px -72px no-repeat;
}
.eng #gnavi li.n2 a:hover,
.eng #gnavi li.n2 span{
	background:url(../images/gnavi_bg_01-e.jpg) -235px -72px no-repeat;
}
#gnavi li.n3 a{
	background:url(../images/gnavi_bg_01.jpg) -470px top no-repeat;
}
.eng #gnavi li.n3 a{
	background:url(../images/gnavi_bg_01-e.jpg) -470px top no-repeat;
}
#gnavi li.n3 a:hover,
#gnavi li.n3 span{
	background:url(../images/gnavi_bg_01.jpg) -470px -72px no-repeat;
}
.eng #gnavi li.n3 a:hover,
.eng #gnavi li.n3 span{
	background:url(../images/gnavi_bg_01-e.jpg) -470px -72px no-repeat;
}
#gnavi li.n4 a{
	width:237px;
	background:url(../images/gnavi_bg_01.jpg) -705px top no-repeat;
}
.eng #gnavi li.n4 a{
	width:237px;
	background:url(../images/gnavi_bg_01-e.jpg) -705px top no-repeat;
}
#gnavi li.n4 a:hover,
#gnavi li.n4 span{
	width:237px;
	background:url(../images/gnavi_bg_01.jpg) -705px -72px no-repeat;
}
.eng #gnavi li.n4 a:hover,
.eng #gnavi li.n4 span{
	width:237px;
	background:url(../images/gnavi_bg_01-e.jpg) -705px -72px no-repeat;
}




/* contents
------------------------------------------------------------ */
#contents{
	width:820px;
	margin:0 auto;
	padding:50px 60px 100px 60px;
	background:url(../images/common_bg_02.png) left -80px repeat-y;
}



/* pageTitle
------------------------------------------------------------ */
#pageTitle{
	width:100%;
	height:128px;
	background:url(../images/header_bg_03.jpg) center top no-repeat #2f2f2f;
}
#pageTitle #pageTitleBody{
	width:900px;
	height:88px;
	padding-top:40px;
	margin:0 auto;
}
#pageTitle #pageTitleBody h2{
	width:215px;
	height:0;
	padding-top:88px;
	overflow:hidden;
}








/* footer
------------------------------------------------------------ */
#footer{
	width:100%;
	padding-bottom:140px;
	background:url(../images/footer_bg_01.jpg) left top repeat-x #dadada;
}
#footer #footerBody{
	width:940px;
	margin:0 auto;
}
#footer #footerBody #footerMain{
	float:left;
	width:860px;
	padding-top:20px;
}
#footer #footerBody #footerMain ul{
	margin-bottom:10px;
}
#footer #footerBody #footerMain ul li{
	float:left;
	padding:0 20px;
	border-left:1px solid #555;
}
#footer #footerBody #footerMain ul li a{
	color:#555;
	text-decoration:none;
}
#footer #footerBody #footerMain ul li.n1{
	padding-left:0;
	border:none;
}
#footer #footerBody #footerMain p{
	color:#555;
}
#footer #footerBody .pagetop{
	float:left;
	width:80px;
	height:33px;
}
#footer #footerBody .pagetop a{
	display:block;
	width:80px;
	height:0;
	padding-top:33px;
	overflow:hidden;
	background:url(../images/footer_btn_01.jpg) left top no-repeat;
}