@charset "UTF-8";


/* 共通設定
--------------------------------------------------------------------
1. 初期設定
2. テキスト
3. clearfix
4. 大枠
5. footer
6. sidemenu
7. main
8. contents
9. other
10. margin
11.nav
--------------------------------------------------------------------*/


/* 1. 初期設定
--------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	margin:0px;
	padding:0px;
	font-weight: normal;
}

div, p, form, input{
	margin:0px;
	padding:0px;
}

table{
	font-size:100%;
	border:0px;
}

th, td{
	margin:0px;
	padding:0px;
	font-weight: normal;
}

img{
	margin:0px;
	padding:0px;
	border:0px;
}

li img{
	vertical-align:top;
}


ul, li, ol, dl, dt, dd{
	list-style:none;
	margin:0px;
	padding:0px;
}

html{
	height:100%;
}

body{
	color:#666666;
	background:#ebebeb url("/jp/common/img/bg_main.gif") center top repeat-y;
	margin:0px;
	padding:0px;
	text-align:center;
	min-width:898px;
	font-family: "ＭＳ Ｐゴシック",Hiragino Kaku Gothic,Arial,Helvetica,sans-serif;
	height:100%;
	overflow:scroll;
}
body.english{
	font-family:Helvetica,Arial,Lucida Sans Unicode;
}



/* 2. テキスト
--------------------------------------------------------------------*/
a:link, a:active, a:visited{
	color:#666666; text-decoration:underline;
}
a:hover{
	color:#666666; text-decoration:none;
}

.strong{
	font-style:normal;
	font-weight:bold;
	font-family:'ＭＳ Ｐゴシック',Hiragino Kaku Gothic Pro,sans-serif;
}


br{letter-spacing:0px;}

.center{
	text-align:center;
	margin:0 auto;
}



/* 3. clearfix
--------------------------------------------------------------------*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
	line-height: 0;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* for macIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end of for macIE */

.clear{
	clear:both;
}




/* 4. 大枠
--------------------------------------------------------------------*/
#container{
	width:898px;
	margin:0px auto;
	text-align:left;
	font-size:78%;
	min-height:100%;
	position:relative;
	line-height:1.4;
}

body > #container {
	height: auto;
}


#main{
	padding:24px 0px 114px 0px;
}


/* 5. header
--------------------------------------------------------------------*/
#header{
	width:898px;
	height:83px;
	background:url("/jp/common/img/bg_header.gif") left top no-repeat;
}
#header .logo{
	float:left;
	width:278px;
	padding-top:31px;
}
#header .language{
	float:right;
	width:175px;
	padding-top:9px;
}
#header .language ul li{
	float:left;
	padding-right:5px;
}
#header .language ul li span{
	display:block;
	width:75px;
	height:16px;
	background-color:#ffffff;
}


#gnavi{
	padding-bottom:7px;
}
#gnavi ul li{
	float:left;
}


/* 6. footer
--------------------------------------------------------------------*/
#footerwrap{
	width:898px;
	height:114px;
	position:absolute;
	bottom:0;
}



#footer-link{
	width:898px;
	padding:45px 0px 19px 0px;
}

#footer-link div.link{
	float:left;
	width:750px;
}
#footer-link div.link ul li{
	float:left;
	padding-right:8px;
}
#footer-link div.pagetoplink{
	float:right;
	width:93px;
	text-align:left;
	padding-top:5px;
}
#footer-link div.pagetoplink a{
	background:url("/jp/common/img/icon_pagetop.gif") 0px 2px no-repeat;
	padding:0px 0px 0px 17px;
}

#footer{
	width:898px;
	height:21px;
	background:url("/jp/common/img/bg_footer.gif") left top no-repeat;
	position:relative;
}

#footer div.link{
	width:600px;
}
#footer div.link ul li{
	float:left;
	padding-left:30px;
	font-size:10px;
	padding-top:4px;
}
#footer div.copy{
	position:absolute;
	top:4px;
	right:18px;
	color:#333333;
	text-decoration:none;
	font-size:10px;
}

#footer a:link, #footer a:active, #footer a:visited{
	color:#333333; text-decoration:underline;
}
#footer a:hover{
	color:#333333; text-decoration:none;
}


/* 7. sidemenu
--------------------------------------------------------------------*/
#sidemenu{
	float:left;
	width:248px;
	min-height:10px;
}
#sidemenu ul li{
	padding-bottom:2px;
}

#sidemenu .subt{
	font-size:30px;
	color:#CCC;
	line-height: 1.1;
}



/* 8. contents
--------------------------------------------------------------------*/
#contents{
	float:right;
	width:620px;
	text-align:left;
}

#contents .subt{
	width:620px;
	border-bottom:2px solid #d2d2d2;
	padding-bottom:2px;
}

#main .ico_arrow li{
	padding-left:19px;
	clear:both;
	background:url("/jp/common/img/icon_arrow.gif") 0px 1px no-repeat;
}

.disc li,.disc dd{ list-style:disc; list-style-position:outside; line-height:1.2; margin-left:22px;}
.number li,.number dd{ list-style:decimal; list-style-position:outside; line-height:1.2; margin-left:22px;}
.disc dd,.number dd{display: list-item;}

.colL{ float:left;}
.colR{float:right;}

#main .r_title {
    border-left: 4px solid #d00f1b;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 6px;
    padding: 1px 0 1px 6px;
}

.bdbd{border-bottom: 1px dotted #999999!important;}
.bdbb{border-bottom: 2px solid #d2d2d2!important;}
.bdtb{border-top:#d2d2d2 2px solid!important;}


/* 9. other
--------------------------------------------------------------------*/
#container a:hover img.over{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.topicpath{
	font-size:90%;
	padding:7px 10px 0px 0px;
}

/* 10. margin
--------------------------------------------------------------------*/
.mb2{ margin-bottom:2px !important;}
.mb3{ margin-bottom:3px !important;}
.mb5{ margin-bottom:5px !important;}
.mb7{ margin-bottom:7px !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;}
.ml20{ margin-left:20px !important;}
.mt3{ margin-top:3px !important;}
.mt5{ margin-top:5px !important;}
.mt6{ margin-top:6px !important;}
.mt7{ margin-top:7px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.pb15{ padding-bottom:15px !important;}
.pb20{ padding-bottom:20px !important;}
.pb30{ padding-bottom:30px !important;}
.pb40{ padding-bottom:40px !important;}
.pb50{ padding-bottom:50px !important;}
.pb60{ padding-bottom:60px !important;}
.pt40{ padding-top:40px !important;}
.pt30{ padding-top:30px !important;}


/* 10. nav
--------------------------------------------------------------------*/
/*li#globalsite{
	width:158px;
	height:29px;
	background:url("/jp/common/img/m_global_1.gif") left top no-repeat;
	padding:7px 0 0 32px;
	position:relative;
}*/

li#globalsite{
  position: relative;
  float: left;
  margin: 0;
  padding: 5px;
  width: 180px;
  height: 26px;
  background:url("/jp/common/img/m_global_1.gif") left top no-repeat;
  border:none;
}
li#globalsite:hover {
  color: #fff;
}
li#globalsite ul {
  display: none;
  position:absolute;
  z-index:999;
  top: 30px;
  left: 0px;
  padding: 0px;
  width: 190px;
  background: #eee;
  font-size:10px;
  border:none;
}
li#globalsite ul li {
  margin: 0;
  padding: 0;
  width: 190px;
  border: none;
  border-bottom:1px solid #515652;
}
li#globalsite ul li a {
  display: inline-block;
  width: 179px;
  padding:4px 0 4px 11px ;
  height: 14px;
  text-decoration:none;
  font-size:9px;
}
li#globalsite ul li a:hover {
  background: #d8003a;
  color: #fff;
}