@charset "utf-8";


/* base
-----------------------------------------------*/
body{
background:url(../images/base_bg01.jpg) repeat left top #000;
color:#000;
min-width:1008px;
height:auto;
overflow-y:scroll;
position:relative;
}

a{
color:#733b00;
}

a:hover{
text-decoration:none;
}


/* header
-----------------------------------------------*/
#header{
min-width:1008px;
overflow:hidden;
}

#header img{
display:block;
}

#headerInner{
margin:0 auto;
width:984px;
position:relative;
zoom:1;
}

/*
#siteLogo{
position:absolute;
top:0;
left:10px;
padding:25px;
background:#fff;
border-bottom:2xp solid #d7d7d7;
}
*/

#headerUtility{
/*padding-left:396px;*/
padding-left:785px;
height:37px;
position:relative;
z-index:1;
zoom:1;
}
#headerUtility:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}

#headerUtilityNav{
margin:0;
float:left;
padding:9px 4px 0 0;
zoom:1;
}
#headerUtilityNav:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#headerUtilityNav li{
padding-right:16px;
float:left;
zoom:1;
}

#headerUtility #language{
width:136px;
float:left;
margin-top:7px;
}
#language{
margin:0;
}
#language li{
display:table-cell;
/display:inline;
vertical-align:top;
zoom:1;
}
#language img,
#language a{
display:block;
/display:inline;
vertical-align:top;
zoom:1;
}
.fontSizeChangeTtl{
font-size:0;
position:absolute;
top:8px;
right:15px;
margin:0;
}
#fontSizeChange{
margin:0;
zoom:1;
}
#fontSizeChange:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#headerUtility #fontSizeChange{
}
#fontSizeChange{
font-size:0;
position:absolute;
top:7px;
right:0;
margin:0;
}
#fontSizeChange dt{
text-align: center;
margin-bottom:3px;
}
#fontSizeChange dd{
float:left;
height:11px;
}
#fontSizeChange li{
float:left;
height:24px;
}
#fontSizeChange #fontSizeSmall{width:14px;}
#fontSizeChange #fontSizeNormal{width:21px;}
#fontSizeChange #fontSizeLarge{width:13px;}
.japanese #fontSizeChange #fontSizeSmall{background:url(../images/font-size_btn_small_c.gif) no-repeat;}
.japanese #fontSizeChange #fontSizeNormal{background:url(../images/font-size_btn_normal_c.gif) no-repeat;}
.japanese #fontSizeChange #fontSizeLarge{background:url(../images/font-size_btn_large_c.gif) no-repeat;}
#fontSizeChange #fontSizeSmall{background:url(../images/font-size_btn_small_c.gif) no-repeat;}
#fontSizeChange #fontSizeNormal{background:url(../images/font-size_btn_normal_c.gif) no-repeat;}
#fontSizeChange #fontSizeLarge{background:url(../images/font-size_btn_large_c.gif) no-repeat;}
#fontSizeChange .current img{
width:0;
height:0;
}
#fontSizeChange img{
display: inline;
}
#mainImageArea{
margin:0 -100%;
background:#fff;
}
#mainImage{
margin:0;
text-align:center;
/*
position:absolute;
right:-24px;
bottom:0;
_bottom:-1px;
*/
z-index:0;
}
#mainImage img{
display:inline;
}

.lowerNavArea{
background:#fff;
padding:0;
}
.lowerNavAreaInner{
width:984px;
margin:0 auto;
position:relative;
}
.lowerNavAreaInner #siteLogo{
margin:0;
width:255px;
height:89px;
border-left:1px solid #d6d6d6;
border-top:1px solid #d6d6d6;
float:left;
}
.lowerNavAreaInner #siteLogo img{
margin:13px 0 0 58px;
display:inline;
}
/*
.lowerNavAreaInner #siteLogo a:hover img{
filter:alpha(opacity=60) !important;
-moz-opacity:0.6 !important;
opacity:0.6 !important;
/zoom:1;
}
*/
.lowerNavAreaInner:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}

#globalNav{
float:left;
margin-bottom:0;
zoom:1;
}
#globalNav:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}

#globalNav li{
float:left;
}
/*
#globalNav li.firstChild{
padding:19px 16px 18px 186px;
background:#fff;
border:1px solid #d6d6d6;
border-right:none;
border-bottom:none;
}
*/
#globalNav li a{
border-left:1px solid #d6d6d6;
border-top:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
border-right:none;
display:block;
}
#globalNav li a:hover{
border-bottom-color:#eee7de;
}
#globalNav li.current a,
#globalNav li.current a:hover{
border-bottom-color:#fff;
}
#globalNav li.firstChild a{
border:none;
}



/* contents
-----------------------------------------------*/
#contents{
min-width:1008px;
}
.asideWith{background:url(../images/contents_bg_02.gif) repeat-y center top #fff; /padding-left:1px;}
.asideNone{background:url(../images/contents_bg_01.gif) repeat-y center top #fff;}

#contentsInner{
margin:0 auto;
padding-right:32px;
width:952px;
min-height:400px;
_height:400px;
background:url(../images/aside_bg_01.gif) no-repeat left top;
position:relative;
zoom:1;
}
#contentsInner:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}

.asideWith #categoryTitle{
margin:0;
position:absolute;
top:4px;
left:1px;
}
.asideNone #categoryTitle{
margin:0;
position:absolute;
top:4px;
left:1px;
}

#article{
padding:25px 0 20px 0;
width:664px;
float:right;
}

#topicpath{
margin:0;
padding-bottom:20px;
font-size:87.5%;
}
#topicpath a{
color:#000;
text-decoration:none;
}
#topicpath a:hover{
text-decoration:underline;
}
#topicpath .current{
color:#a3a3a3;
}

#aside{
padding-top:4px;
padding-bottom:20px;
width:257px;
float:left;
background:url(../images/aside_bg_01.gif) no-repeat left top;
}

#localNav{
margin-left:80px;
}
#localNav.noneLocalNavtitle{
padding-top:52px;
background:url(../images/lnav_bg_03.gif) no-repeat left top;
}
#localNav h1,
#localNav h2{
border-left:1px solid #f0f0f0;
}
#localNav .title{
position:relative;
height:52px;
margin:0;
}
#localNav .title img{
position:absolute;
right:0;
}
#localNav ul{
padding:1px 0 0 0px;
background:url(../images/lnav_bg_01.gif) no-repeat 1px top;
margin-left: 2px;
}
#localNav ul li{
padding-bottom:1px;
background:url(../images/lnav_bg_01.gif) no-repeat 1px bottom;
}
#localNav ul li:hover{
background-color:#eee7de;
}
#localNav ul li.current{
background:url(../images/lnav_bg_02.gif) repeat-y left bottom;
}
#localNav ul li.current img{
border-right:1px solid #fff;
}
#localNav ul li ul{
margin:0 1px 0 0;
background:url(../images/lnav_bg_04.gif) repeat-y 14px top;
}
#localNav ul li ul:hover{
background-color:#f0f0f0;
}
#localNav ul li.current ul:hover{
background-color:#fff;
}
#localNav ul li ul li,
#localNav ul li ul li.current{
padding:1px 0 0 0;
background:url(../images/lnav_bg_01.gif) no-repeat 1px top;
}
#localNav ul li.current ul li img{
border-right:none;
}
#localNav ul li.current ul li.current{
background:url(../images/lnav_bg_01.gif) no-repeat 1px top;
}
#localNav ul li.current ul li.current img{
border-right:1px solid #fff;
}
#localNav ul img,
#localNav ul a{
display:block;
_display:inline;
vertical-align:top;
zoom:1;
}


/* footer
-----------------------------------------------*/
#address{
border-bottom:1px solid #525252;
min-width:1008px;
background:#d4d4d4;
zoom:1;
}
#addressInner{
margin:0 auto;
padding:13px 0;
width:984px;
position:relative;
zoom:1;
}
#address span{
position:absolute;
left:-9999px;
}

#pageTop{
margin:0;
position:absolute;
right:0;
bottom:-1px;
_bottom:-2px;
}

#addressList{
margin:0;
}
#addressList li{
padding-right:27px;
display:table-cell;
/display:inline;
zoom:1;
}
#addressList li img{
display:block;
}

#footer{
margin:0 auto;
padding:18px 0 3px 0;
width:984px;
min-width:1008px;
position:relative;
color:#fff;
}
#footer img{
display:block;
}

#footerUtilityNav{
margin-left:-15px;
zoom:1;
}
#footerUtilityNav:after{
height:0;
display:block;
clear:both;
visibility:hidden;
content:".";
line-height:0;
}
#footerUtilityNav li{
padding-left:15px;
position:relative;
float:left;
}
#footerUtilityNav li img{
}
#footerUtilityNav li span{
position:absolute;
left:-9999px;
}

#copyright{
position:absolute;
top:40px;
right:0;
}
#copyright span{
position:absolute;
left:-9999px;
}


/* generic style
-----------------------------------------------*/
.alignL{
text-align:left !important;
}

.alignC{
text-align:center !important;
}

.alignR{
text-align:right !important;
}

.marginOff{
margin-bottom:0 !important;
}

.fontSizeSmallA01{
font-size:87.5%;
}

.fontSizeBigA01{
font-size:117%;
}

.fontColorA01{
color:#000 !important;
}

.fontColorB01{
color:#f00 !important;
}

.fontColorC01{
color:#8a8a8a !important;
}

.imgVAlignM{
vertical-align:middle;
}


/* debug
-----------------------------------------------*/
.debugMessageA01{
margin-bottom:0;
clear:both;
color:#f20;
font-weight:bold;
}

.debugMessageA02{
margin-bottom:0;
clear:both;
color:#f20;
}

/* spGuide
-----------------------------------------------*/
#spGuide{
display:none;
/*position:absolute;*/
position:fixed;
/*bottom:-5px;*/
bottom:0;
width:100%;
height:352px;
overflow:hidden;
text-align:center;
background:rgba(0,0,0,0.5);
z-index:9999;
}
#spGuide p{
padding:30px 0;
margin-bottom:0;
line-height:0;
}
#spGuide .btn.active{
padding:28px 0;
}
#spGuide p img.open{
display:none;
}
#spGuide .btn+p{
display:block;
padding-top:0;
}