@charset "utf-8";


/*==============================================================================================
////////////////////////////////////////////////////////////////////////////////////////////////

	version: 1.0
	created: 2010/07/15
	update : -

////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/





/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 margin set

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
p{
margin:0 0 1em 0;
}

table{
margin:0 0 1em 0;
font-size:100%;
}

ul{
margin:0 0 1em 1.2em;
padding:0;
}

ol{
margin:0 0 1em 1.2em;
padding:0;
}




/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 base style

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
html{}
body{
position:relative;
padding:0;
background:#f4f4f4;
color:#141414;
line-height:1.5;
}
#document{}
#ad{
margin:0 auto;
width:984px;
zoom:1;
text-align:center;
}




/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 HeaderArea

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#header{
margin:0 auto;
padding:24px 0;
width:984px;
background:#f4f4f4;
text-align:left;
}
#header:after{
content:"";
display:block;
clear:both;
}
#header .logo,
#header .information,
#header .utilityArea{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:bottom;
margin-right:-0.4em;
}
#header .logo{
margin:0;
width:291px;
padding:0;
}
#header .information{
width:441px;
font-size:0.833em;
}
#header .information p{
margin:0;
}
#header .utilityArea{
position:relative;
width:236px;
margin-left:14px;
/padding-left:8px;
}
#header .utilityArea .language{
float:right;
margin:0 0 8px;
padding:0;
line-height:1;
}
#header .utilityArea .language dt,
#header .utilityArea .language dd{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:bottom;
line-height:1;
}
#header .utilityArea .language dt{
margin-right:8px;
/margin-right:4px;
}
#header .utilityArea .language dd{
border:1px solid #e3e3e3;
margin:0 0 0 -5px;
/margin-left:-1px;
}
#header .utilityArea .search{
clear:both;
margin:0;
line-height:1;
}
#header .utilityArea .search .searchText{
border:solid #cccccc;
border-width:1px 0 1px 1px;
width:209px;
/width:209px;
width:209px\9;
height:20px;
background:#fff465;
color:#292929;
}

#header .utilityArea #fontSizeChange{
position:absolute;
top:0;
left:40px;
/left:48px;
margin:0;
width:80px;
zoom:1;
}
#header .utilityArea #fontSizeChange dt,
#header .utilityArea #fontSizeChange dd{
float:left;
vertical-align:bottom;
overflow:hidden;
margin:0;
line-height:1;
text-indent:-999px;
}
#header .utilityArea #fontSizeChange dt{
margin-right:8px;
width:24px;
height:9px;
padding-top:6px;
background:url(../images/tmp_txt_fontSize.gif) no-repeat 0 6px;
}
#header .utilityArea #fontSizeChange dd{
margin:0 0 0 -1px;
width:17px;
height:16px;
cursor:pointer;
background:url(../images/tmp_img_fontSize.gif);
}
#header .utilityArea #fontSizeChange dd#switchFontSizeSmall{background-position:0 0;}
#header .utilityArea #fontSizeChange dd#switchFontSizeMedium{background-position:-16px 0;}
#header .utilityArea #fontSizeChange dd#switchFontSizeLarge{background-position:-32px 0;}
#header .utilityArea #fontSizeChange dd#switchFontSizeSmall:hover,
#header .utilityArea #fontSizeChange dd#switchFontSizeSmall.hover,
#header .utilityArea #fontSizeChange dd#switchFontSizeSmall.active{background-position: 0 -16px;}
#header .utilityArea #fontSizeChange dd#switchFontSizeMedium:hover,
#header .utilityArea #fontSizeChange dd#switchFontSizeMedium.hover,
#header .utilityArea #fontSizeChange dd#switchFontSizeMedium.active{background-position: -16px -16px;}
#header .utilityArea #fontSizeChange dd#switchFontSizeLarge:hover,
#header .utilityArea #fontSizeChange dd#switchFontSizeLarge.hover,
#header .utilityArea #fontSizeChange dd#switchFontSizeLarge.active{background-position: -32px -16px;}


.column1 #header{
width:736px;
}
.column1 #header .utilityArea{
display:none;
}

#header a{
text-decoration:none;
}
#header a:hover,
#header a:active{
text-decoration:underline;
}



/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 GlobalNavigation

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.globalNavigation{
position:relative;
z-index:100;
}
.globalNavigation ul{
position:relative;
margin:0 -1px 0 0;
list-style:none;
width:737px;
zoom:1;
}
.globalNavigation ul:after{
content:"";
display:block;
clear:both;
}
.globalNavigation li{
position:relative;
float:left;
margin:0;
border-left:1px  solid #767676;
padding:0;
zoom:1;
}
.globalNavigation li ul{
position:absolute;
top:32px;
left:0;
background:none;
width:auto;
z-index:100;
}
.globalNavigation li ul li{
float:none;
background:none;
border:none;
}
.globalNavigation li ul ul{
position:absolute;
top:0;
left:146px;
background:none;
width:auto;
z-index:100;
}

.globalNavigation li a{
overflow:hidden;
display:block;
text-indent:-1000px;
}
.globalNavigation li a:hover{
background-color:#9f9f9f;
}
.globalNavigation li.home a,
.globalNavigation li.service a,
.globalNavigation li.new a,
.globalNavigation li.backnumber a,
.globalNavigation li.subscription a{
width:147px;
height:32px;
}
.globalNavigation li.new a,
.globalNavigation li.backnumber a,
.globalNavigation li.subscription a{
width:146px;
}
.globalNavigation li li a{
display:inline;
text-indent:0;
background:#000000 no-repeat 0 0;
}
.globalNavigation li.home a{background-image:url(../../jp/common/images/tmp_gnav_home_n.gif);}
.globalNavigation li.new a{background-image:url(../../jp/common/images/tmp_gnav_new_n.gif);}
.globalNavigation li.backnumber a{background-image:url(../../jp/common/images/tmp_gnav_backnumber_n.gif);}
.globalNavigation li.subscription a{background-image:url(../../jp/common/images/tmp_gnav_subscription_n.gif);}
.globalNavigation li.service a{background-image:url(../../jp/common/images/tmp_gnav_service_n.gif);}
.globalNavigation li.home a:hover, .home .globalNavigation li.home a{background-image:url(../../jp/common/images/tmp_gnav_home_r.gif);}
.globalNavigation li.new a:hover, .new .globalNavigation li.new a{background-image:url(../../jp/common/images/tmp_gnav_new_r.gif);}
.globalNavigation li.backnumber a:hover, .backnumber .globalNavigation li.backnumber a{background-image:url(../../jp/common/images/tmp_gnav_backnumber_r.gif);}
.globalNavigation li.subscription a:hover, .subscription .globalNavigation li.subscription a{background-image:url(../../jp/common/images/tmp_gnav_subscription_r.gif);}
.globalNavigation li.service a:hover, .service .globalNavigation li.service a{background-image:url(../../jp/common/images/tmp_gnav_service_r.gif);}



/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 LocalNavigation

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.localNavigation ul{
margin:0;
padding:14px 0;
background:url(../images/mod_line_dotline02.gif) repeat-x 0 100%;
list-style:none;
line-height:1;
zoom:1;
}
.localNavigation ul:after{
content:"";
display:block;
clear:both;
}
.localNavigation li{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:middle;
margin:0 30px 0 0;
/margin:0 34px 0 0;
padding-left:9px;
background:url(../images/mod_ico_arw.gif) no-repeat 0 50%;
}
.localNavigation li img{
vertical-align:middle;
}



/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 ContetnsArea

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
/*  Container  */
#container{
clear:both;
width:100%;
}


/*  Wrapper  */
#wrapper{
position:relative;
margin:0 auto;
padding:0 0 24px;
width:984px;
text-align:left;
background:#f4f4f4;
zoom:1;
}
#wrapper:after{
content:"";
display:block;
clear:both;
}
.column1 #wrapper{
width:736px;
}
#wrapper.column2{
background:url(../images/tmp_bg_wrapper.gif) repeat-y 0 0;
}

/*  MainContents  */
#mainContents{
float:left;
margin:0;
padding:0;
width:736px;
text-align:left;
}
.topicPath{
margin:0;
padding:12px 0;
color:#000000;
line-height:1;
font-size:0.833em;
}
.topicPath em{
color:#8f8f8f;
font-weight:normal;
line-height:1;
}
.topicPath a{
text-decoration:none;
}
.topicPath a:hover,
.topicPath a:active{
text-decoration:underline;
}
.pagetop{
position:absolute;
bottom:0;
right:0;
margin:0;
padding:0;
}

/*  subContents  */
#subContents{
overflow:hidden;
float:right;
margin:0;
padding:0;
width:236px;
}
#subContents a{
text-decoration:none;
}
#subContents a:hover,
#subContents a:active{
text-decoration:underline;
}



/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 FooterArea

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#footer{
clear:both;
margin:0 auto;
padding:0 0 15px;
width:984px;
font-size:0.833em;
background:#f4f4f4;
zoom:1;
}
#footer:after{
content:"";
display:block;
clear:both;
}
.column1 #footer{
position:relative;
width:736px;
}

.utilityNavigation{
overflow:hidden;
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:bottom;
border-top:1px solid #5f5f5f;
padding-top:20px;
width:736px;
zoom:1;
}
.utilityNavigation ul{
display:block;
float:left;
margin:0 0 0 -8px;
padding:0 0 0 8px;
width:240px;
list-style:none;
zoom:1;
}
.utilityNavigation li{
margin:0 0 5px;
padding-left:9px;
background:url(../images/mod_ico_arw.gif) no-repeat 0 0.5em;
zoom:1;
}
.copyright{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:bottom;
margin:0 0 0 -20px;
width:260px;
text-align:right;
}
/*.copyright span{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
text-align:left;
}*/

#footer a{
text-decoration:none;
}
#footer a:hover,
#footer a:active{
text-decoration:underline;
}
.column1 .copyright{
position:absolute;
bottom:20px;
right:0;
}