@charset "utf-8";

/*html{
background:url(../images/tmp_html_bg.gif) repeat-y 50% 0;
height:100%;
}
*/
body{
color: #3d3d3d;
font-size: 75%;
line-height: 1.5;
/padding-left:1px;
height:100%;
}

a{color:#3d3d3d;}


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

 FRAME

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

#header{
background:#e4000f;
margin-bottom:8px;
position:relative;
z-index:1;
}

#header-inner{
color:#fff;
background:#e4000f;
position:relative;
width:936px;
min-height:20px;
_height:20px;
padding:8px 0 60px;
margin:0 auto;
}


#content{
clear:both;
position:relative;
width:936px;
min-height:500px;
_height:500px;
margin:0 auto;
padding-bottom:40px;
/*background:url(../images/tmp_content_bg.gif) repeat-y;*/
}

#content:after{
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}

#main{
width:704px;
padding:0 8px;
float:left;
}

#main2{
width:704px;
padding:0 8px;
clear:both;
}

body.structureType2 #main{
width:auto;
float:none;
}

#complementary{
width:208px;
float:right;
}

#footer{
clear:both;
background:#000;
position:relative;
zoom:1;
}


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

 HEADER

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

#header img{display:block;}

#header p#id{
top:20px;
left:0;
position:absolute;
margin:0;
}

#header p#loginMessage{
width:345px;
padding-left:370px;
margin:0;
font-size:84%;
_height:20px;
min-height:20px;
line-height:20px;
text-align:left;
}
#header p#loginMessage em{
font-style:normal;
font-weight:bold;
}

#header div#functionMenu{
width:180px;
height:20px;
padding-left:370px;
}

#header div#functionMenu ul{
margin:0;
list-style:none;
}

#header div#functionMenu ul li{
float:left;
margin:0;
}

#header div#functionMenu div#fontSizeController{
position:absolute;
top:5px;
right:0;
width:130px;
}

#header div#functionMenu div#fontSizeController p{
width:68px;
height:20px;
margin:0;
float:left;
background:url(../images/tmp_header_func04.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

div#fontSizeController ul li{
width:20px;
height:20px;
float:left;
background:url(../images/tmp_header_func05.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
}

div#fontSizeController ul li#switchFontSizeSmall {background-position:0 0;}
div#fontSizeController ul li#switchFontSizeMedium{background-position:-20px 0;}
div#fontSizeController ul li#switchFontSizeBig   {background-position:-40px 0;}

div#fontSizeController ul li#switchFontSizeSmall.active {background-position:0 -20px;}
div#fontSizeController ul li#switchFontSizeMedium.active{background-position:-20px -20px;}
div#fontSizeController ul li#switchFontSizeBig.active   {background-position:-40px -20px;}


/**/

#header ul#miscNavigation{
margin:0;
position:absolute;
bottom:60px;
left:752px;
width:183px;
clear:both;
list-style:none;
}

#header ul#miscNavigation li{
margin:0;
float:left;
}

/**/

#header #search{
width:188px;
height:20px;
margin:0;
position:absolute;
bottom:60px;
right:0;
}

#header #search #srchInput{
border:1px solid #000;
width:130px;
padding:2px 0;
height:14px;
line-height:16px;
display:block;
float:left;
background:#FFFFFF;
color:#333;
}

#header #search #searchButton{
float:left;
display:block;
width:56px;
height:20px;
cursor:pointer;
}

/**/

#header ul#globalNavigation{
margin:0;
width:930px;
height:40px;
list-style:none;
position:absolute;
right:0;
bottom:0;
}

#header ul#globalNavigation li{
float:left;
margin:0 -1px 0 0;
}

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

 MAIN

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

#content p#topicPath{
margin:0 -8px 1.5em;
font-size:84%;
line-height:1.4;
height:1.4em;
padding:0.8em 0 0.9em;
position:relative;
z-index:1;
}

#content p#topicPath a{
/*color:#e4000f;*/
/*text-decoration:none;*/
}

#content h1{
margin:0 -16px 1.2em -8px;
padding:0 8px 8px;
line-height:1.2;
font-size:190%;
/*font-size:150%;*/
color:#000;
background:url(../images/mod_h1_bg.gif) no-repeat 0 100%;
position:relative;
}

#content h1.heading-lv1_1,
#content h1.heading-lv1_2,
#content h1.heading-lv1_3,
#content h1.heading-lv1_4,
#content h1.heading-lv1_5,
#content h1.heading-lv1_6,
#content h1.heading-lv1_7{
margin:-50px -16px 0 -8px;
padding:60px 8px 25px;
min-height:40px;
_height:40px;
}

#content h1.heading-lv1_1{background:url(../images/mod_h1_bg00.gif) no-repeat 0 100%;}
#content h1.heading-lv1_2{background:url(../images/mod_h1_bg00.gif) no-repeat 0 100%;}
#content h1.heading-lv1_3{background:url(../images/mod_h1_bg00.gif) no-repeat 0 100%;}
#content h1.heading-lv1_4{background:url(../images/mod_h1_bg00.gif) no-repeat 0 100%;}
#content h1.heading-lv1_5{background:url(../images/mod_h1_bg05.jpg) no-repeat 0 100%;}
#content h1.heading-lv1_6{background:url(../images/mod_h1_bg00.gif) no-repeat 0 100%;}
#content h1.heading-lv1_7{background:url(../images/mod_h1_bg07.gif) no-repeat 0 100%;}

body.structureType2 #content h1.heading-lv1_1{background:url(../images/mod_h1_bg00_2.gif) no-repeat 0 100%;}
body.structureType2 #content h1.heading-lv1_2{background:url(../images/mod_h1_bg00_2.gif) no-repeat 0 100%;}
body.structureType2 #content h1.heading-lv1_5{background:url(../images/mod_h1_bg05_2.jpg) no-repeat 0 100%;}
body.structureType2 #content h1.heading-lv1_7{background:url(../images/mod_h1_bg07_2.gif) no-repeat 0 100%;}

#content h1 span.notation{
display:block;
font-size:53%;
/*font-size:67%;*/
color:#e4000f;
margin:0 0 0.3em;
}

#content h1 img{
vertical-align:middle;
}

#content p.toPagetop{
margin:1em 0 2em;
text-align:right;
}


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

 COMPLEMENTARY

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
div.widget{
margin:0 0 15px;
width:208px;
}

/* widget_1 */
div.widget_1{
clear:both;
border:1px dashed #e4000f;
padding:10px;
font-size:84%;
margin:8px 0;
zoom:1;
}

div.widget_1:after{
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}

div.widget_1 h3{
border-bottom:1px dashed #e4000f;
color:#e4000f;
padding:0.4em 10px;
font-size:120%; /*GSH*/
margin:-10px -10px 0.4em;
}
div.widget_1 h3 a{
color:#e4000f;
text-decoration:none; /*GSH*/
}
div.widget_1 h3 a:hover{
text-decoration:underline;
}

div.widget_1 p{margin-bottom:0;}
div.widget_1 a{color:#3D3D3D;}
div.widget_1 a.link{font-weight:bold;}

/* widget_2 */
div.widget_2{
clear:both;
border:2px solid #000;
padding:9px;
font-size:84%;
margin:8px 0;
zoom:1;
}

div.widget_2:after{
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}

div.widget_2 h3{
color:#FFF;
padding:5px;
font-size:100%;
margin:-9px -9px 0.4em;
background:#000;
}

div.widget_2 h3 a{
color:#FFF;
text-decoration:none;
}

div.widget_2 h3 a:hover{
color:#FFF;
text-decoration:underline;
}

div.widget_2 p{
margin-bottom:0;
}

div.widget_2 a.link{
font-weight:bold;
}

/* widget_3 */

div.widget_3{
padding:10px 10px 5px;
background:#fff1f2;
margin:0 0 8px;
font-size:84%;
}

div.widget_3 h3{
margin:0 0 10px;
}

div.widget_3 div.widget_3-separator{
border-top:1px dashed #e4000f;
margin:0.6em -10px;
height:1px;
overflow:hidden;
}

/* ranking */

div.widget_3 table.widget_3-ranking{
width:100%;
}

div.widget_3 table.widget_3-ranking th,
div.widget_3 table.widget_3-ranking td{
padding:0;
border-color:#FFF1F2;
border-width:0 2px 8px 0;
border-style:solid;
font-weight:bold;
}

div.widget_3 table.widget_3-ranking th{
vertical-align:top;
background:#aaaaaa;
width:1%;
}

div.widget_3 table.widget_3-ranking td{
vertical-align:middle;
}
div.widget_3 table.widget_3-ranking td img{
float:left;
margin:0 8px 0 5px;
}

div.widget_3 table.widget_3-ranking td a{
overflow:hidden;
display:block;
zoom:1;
}

div.widget_3 table.widget_3-ranking a{
color:#3d3d3d;
text-decoration:none;
font-weight:bold;
font-size:110%;
}

div.widget_3 table.widget_3-ranking a:hover{
text-decoration:underline;
}

div.widget_3 table.widget_3-ranking tr#ranking1 th,
div.widget_3 table.widget_3-ranking tr#ranking2 th,
div.widget_3 table.widget_3-ranking tr#ranking3 th{
background:#e4000f;
vertical-align:middle;
}

div.widget_3 table.widget_3-ranking tr#ranking1 img,
div.widget_3 table.widget_3-ranking tr#ranking2 img,
div.widget_3 table.widget_3-ranking tr#ranking3 img{
float:none;
display:block;
margin:0;
}


/**/
div.widget-ad{
margin:0 0 15px;
width:208px;
}

div.widget-ad img,
div.widget-ad object,
div.widget-ad iframe{
display:block;
width:208px;
vertical-align:bottom;
}


div#widget-login{
background:#e4000f;
margin:8px 0;
padding:7px 0 3px 8px;
}

div#widget-login *{
color:#fff;
}

div#widget-login ul{
margin:5px 0;
list-style:none;
height:28px;
}

div#widget-login ul li{
margin:0 2px 0 0;
float:left;
}

div#widget-login h3{
margin:0 0 7px;
}

div#widget-login p,
div#widget-login table{
margin:0 0 0.3em;
}

div#widget-login div.separator{
background:url(../images/mod_line04.gif) repeat-x;
margin:0.3em 0;
}

div#widget-login p a.link{
padding-left:22px;
font-size:84%;
background:url(../images/mod_ico_link2.gif) no-repeat 0 50%;
}

/* rss */

div#rss ul li a{
text-decoration:none;
}

div#rss ul li a:hover{
text-decoration:underline;
}

/*
div#widget-rss{
padding:10px 0;
}

div#widget-rss a{
text-decoration:none;
}

div#widget-rss a:hover{
text-decoration:underline;
}
*/

#complementary ul.bannerPickup{
margin:0 0 15px;
padding-top:10px;
border-left: 1px solid #E4000F;
border-right: 1px solid #E4000F;
border-bottom: 1px solid #E4000F;
text-align:center;
list-style:none;
}

#complementary ul.bannerList{
/*margin:30px 0;*/
margin:15px 0; /*GSH*/
text-align:center;
list-style:none;
}

#complementary ul.bannerPickup li,
#complementary ul.bannerList li{
margin:0 0 10px;
}


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

 FOOTER

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
#footer p.toPagetop{
position:absolute;
left:50%;
margin:-36px 0 0 180px;
}

body.structureType2 #footer p.toPagetop{
margin-left:380px;
}

#footer #copyrights{
background:#e0e0e0;
color:#8f8f8f;
}

#footer #copyrights p{
width:906px;
padding:1.2em 15px;
letter-spacing:0.1em;
margin:0 auto;
font-size:67%;
}

#footer #siteInfo{
overflow:hidden;
font-size:84%;
width:906px;
padding:1.2em 15px;
margin:0 auto;
}

#footer #siteInfo *{
color:#8f8f8f;
}

#footer #siteInfo ul{
float:left;
margin:0;
list-style:none;
white-space:nowrap;
}

#footer #siteInfo ul li{
display:inline;
border-left:1px solid #8f8f8f;
margin:0 0 0 1em;
padding:0 0 0 1em;
white-space:nowrap;
}
#footer #siteInfo ul li:first-child{
border:none;
padding:0;
margin:0;
}
#footer #siteInfo ul li.first-child{ /*IE-expression (first-child) */
border:none;
padding:0;
margin:0;
}
#footer #siteInfo ul li{ /* IE-expression (first-child) */
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}

#footer #siteInfo ul li a{
white-space:nowrap;
}

#footer #siteInfo address{
float:right;
white-space:nowrap;
}