/* common settings */
@charset iso-8859-1;

.dummy{margin:0;}

body{margin:0; padding:0; color:#333333;}

#container {
padding:0;
width:100%;
background:#FFFFFF url(../common/headdeco.gif) repeat-x top;
text-align:center;
color:#333333;
}

#basearea{
padding:0;
margin:0 auto 0 auto;
width:760px;
text-align:left;
}

.px9{font-size:55%; line-height:1.6;}
.px10{font-size:75%; line-height:1.6;}
.px12{font-size:83%; line-height:1.6;}
.px14{font-size:90%; line-height:1.6;}
.px16{font-size:100%; line-height:1.6;}

img{border:0;}

p{margin:0;
padding:0;}

.clear{clear:both}

h1, h2 ,h3 {
margin:0;
padding:0;
}

form{margin:0;
padding:0;}

.txtred{color:#990000;}
.txtred2{color:#CC0000;}
.txtblue{color:#0000CC;}

.italic{font-style:italic;}

.clearfix{zoom:1;} 
.clearfix:after { 
content: ""; 
display: block; 
height: 1px; 
clear: both; 
/* hack \*/ 
overflow:hidden; 
/* end hack */ 
}

/* link text */

#mainarea a:link, #footerarea a:link {
text-decoration: underline;
color: #003399;
}
#mainarea a:visited, #footerarea a:visited {
text-decoration: underline;
color: #003399;
}
#mainarea a:hover, #footerarea a:hover {
text-decoration: underline;
color: #0066FF;
}
#mainarea a:active, #footerarea a:active {
text-decoration: underline;
color: #003399;
}

#mainarea .txtred a:link {
text-decoration: underline;
color: #990000;
}
#mainarea .txtred a:visited {
text-decoration: underline;
color: #990000;
}
#mainarea .txtred a:hover {
text-decoration: underline;
color: #660000;
}
#mainarea .txtred a:active {
text-decoration: underline;
color: #990000;
}

/* font size */
#headerarea #fontsize{width:116px;}
#headerarea #fontsize ul{
margin:0;
padding:0;
list-style:none;
}

#headerarea #fontsize li{
margin:0;
padding:0;
float:left;
}

#headerarea #fontsize #fonttitle{
width:60px;
height:18px;
}
#headerarea #fontsize #fontsize01{
width:19px;
height:18px;
}
#headerarea #fontsize #fontsize02{
width:18px;
height:18px;
}
#headerarea #fontsize #fontsize03{
width:18px;
height:18px;
}

#headerarea #fontsize #fontsize01 a{
display:block;
text-indent:-9999px;
font-size:0px;
width:19px;
height:18px;
text-decoration:none;
background:url(../common/fontbtn.jpg) no-repeat;
/* hack \*/
overflow:hidden;
/* end hack */
}
#headerarea #fontsize #fontsize01 a:hover{
background:url(../common/fontbtn.jpg) no-repeat 0 -18px;
}
#headerarea #fontsize #fontsize02 a{
display:block;
text-indent:-9999px;
font-size:0px;
width:18px;
height:18px;
text-decoration:none;
background:url(../common/fontbtn.jpg) no-repeat -19px -18px;
/* hack \*/
overflow:hidden;
/* end hack */
}
#headerarea #fontsize #fontsize03 a{
display:block;
text-indent:-9999px;
font-size:0px;
width:18px;
height:18px;
text-decoration:none;
background:url(../common/fontbtn.jpg) no-repeat -38px 0;
/* hack \*/
overflow:hidden;
/* end hack */
}
#headerarea #fontsize #fontsize03 a:hover{
background:url(../common/fontbtn.jpg) no-repeat -38px -18px;
}

/* box */
#headerarea{padding-top:37px;}

#headerarea #logo{float:left; height:41px;}
#headerarea #fontsize{
float:right;
}

#mainarea{
width:760px;
background:url(../common/btnarea_bg.gif) repeat-y;
}

/* navigation */

#mainarea #menuarea{
width:150px;
float:left;
}
#mainarea #menuarea ul{
padding:0;
margin:0;
}
#mainarea #menuarea li{
width:150px;
display:inline;
list-style:none;
float:left;
}
#mainarea #menuarea a{
text-indent:-9999px;
text-decoration:none;
display:block;
font-size:8px;
/* hack \*/
overflow:hidden;
/* end hack */
}
#btn01 a{background:url(../common/navigation.gif) no-repeat; width:150px; height:46px;}
#btn01 a:hover{background:url(../common/navigation.gif) no-repeat -150px 0; width:150px; height:46px;}
#btn01o {width:150px; height:127px;}
#btn02 a{background:url(../common/navigation.gif) no-repeat 0 -46px; width:150px; height:46px;}
#btn02 a:hover{background:url(../common/navigation.gif) no-repeat -150px -46px; width:150px; height:46px;}
#btn02o {width:150px; height:100px;}
#btn03 a{background:url(../common/navigation.gif) no-repeat 0 -92px; width:150px; height:46px;}
#btn03 a:hover, #btn03o a{background:url(../common/navigation.gif) no-repeat -150px -92px; width:150px; height:46px;}
#btn04 a{background:url(../common/navigation.gif) no-repeat 0 -138px; width:150px; height:46px;}
#btn04 a:hover, #btn04o a{background:url(../common/navigation.gif) no-repeat -150px -138px; width:150px; height:46px;}
#btn05 a{background:url(../common/navigation.gif) no-repeat 0 -184px; width:150px; height:46px;}
#btn05 a:hover, #btn05o a{background:url(../common/navigation.gif) no-repeat -150px -184px; width:150px; height:46px;}
#btn05next {width:150px; height:181px;}
#btn06 a{background:url(../common/navigation.gif) no-repeat 0 -230px; width:150px; height:46px;}
#btn06 a:hover, #btn06o a{background:url(../common/navigation.gif) no-repeat -150px -230px; width:150px; height:46px;}
#btn07 a{background:url(../common/navigation.gif) no-repeat 0 -276px; width:150px; height:46px;}
#btn07 a:hover{background:url(../common/navigation.gif) no-repeat -150px -276px; width:150px; height:46px;}
#btn07o {width:150px; height:154px;}
#btn08 a{background:url(../common/navigation.gif) no-repeat 0 -322px; width:150px; height:45px;}
#btn08 a:hover, #btn08o a{background:url(../common/navigation.gif) no-repeat -150px -322px; width:150px; height:45px;}

#subnavi1{
width:150px;
height:127px;
position:relative;
}
#subnavi1 ul{
padding:0;
margin:0;
}
#subnavi1 li{
width:150px;
display:inline;
list-style:none;
float:left;
}
#subnavi1 a{
text-indent:-9999px;
text-decoration:none;
display:block;
font-size:8px;
/* hack \*/
overflow:hidden;
/* end hack */
}
#btn11 a{background:url(../common/navi01.gif) no-repeat; width:150px; height:46px;}
#btn11 a:hover, #btn11o a{background:url(../common/navi01.gif) no-repeat -150px 0; width:150px; height:46px;}
#btn12 a{background:url(../common/navi01.gif) no-repeat 0 -46px; width:150px; height:27px;}
#btn12 a:hover, #btn12o a{background:url(../common/navi01.gif) no-repeat -150px -46px; width:150px; height:27px;}
#btn13 a{background:url(../common/navi01.gif) no-repeat 0 -73px; width:150px; height:27px;}
#btn13 a:hover, #btn13o a{background:url(../common/navi01.gif) no-repeat -150px -73px; width:150px; height:27px;}
#btn14 a{background:url(../common/navi01.gif) no-repeat 0 -100px; width:150px; height:27px;}
#btn14 a:hover, #btn14o a{background:url(../common/navi01.gif) no-repeat -150px -100px; width:150px; height:27px;}

#subnavi2{
width:150px;
height:100px;
position:relative;
}
#subnavi2 ul{
padding:0;
margin:0;
}
#subnavi2 li{
width:150px;
display:inline;
list-style:none;
float:left;
}
#subnavi2 a{
text-indent:-9999px;
text-decoration:none;
display:block;
font-size:8px;
/* hack \*/
overflow:hidden;
/* end hack */
}
#btn21 a{background:url(../common/navi02.gif) no-repeat; width:150px; height:46px;}
#btn21 a:hover, #btn21o a{background:url(../common/navi02.gif) no-repeat -150px 0; width:150px; height:46px;}
#btn22 a{background:url(../common/navi02.gif) no-repeat 0 -46px; width:150px; height:27px;}
#btn22 a:hover, #btn22o a{background:url(../common/navi02.gif) no-repeat -150px -46px; width:150px; height:27px;}
#btn23 a{background:url(../common/navi02.gif) no-repeat 0 -73px; width:150px; height:27px;}
#btn23 a:hover, #btn23o a{background:url(../common/navi02.gif) no-repeat -150px -73px; width:150px; height:27px;}

#subnavi3{
width:150px;
height:154px;
position:relative;
}
#subnavi3 ul{
padding:0;
margin:0;
}
#subnavi3 li{
width:150px;
display:inline;
list-style:none;
float:left;
}
#subnavi3 a{
text-indent:-9999px;
text-decoration:none;
display:block;
font-size:8px;
/* hack \*/
overflow:hidden;
/* end hack */
}
#btn31 a{background:url(../common/navi03.gif) no-repeat; width:150px; height:46px;}
#btn31 a:hover, #btn31o a{background:url(../common/navi03.gif) no-repeat -150px 0; width:150px; height:46px;}
#btn32 a{background:url(../common/navi03.gif) no-repeat 0 -46px; width:150px; height:27px;}
#btn32 a:hover, #btn32o a{background:url(../common/navi03.gif) no-repeat -150px -46px; width:150px; height:27px;}
#btn33 a{background:url(../common/navi03.gif) no-repeat 0 -73px; width:150px; height:27px;}
#btn33 a:hover, #btn33o a{background:url(../common/navi03.gif) no-repeat -150px -73px; width:150px; height:27px;}
#btn34 a{background:url(../common/navi03.gif) no-repeat 0 -100px; width:150px; height:27px;}
#btn34 a:hover, #btn34o a{background:url(../common/navi03.gif) no-repeat -150px -100px; width:150px; height:27px;}
#btn35 a{background:url(../common/navi03.gif) no-repeat 0 -127px; width:150px; height:27px;}
#btn35 a:hover, #btn35o a{background:url(../common/navi03.gif) no-repeat -150px -127px; width:150px; height:27px;}
#btn36 a{background:url(../common/navi03.gif) no-repeat 0 -154px; width:150px; height:27px;}
#btn36 a:hover, #btn36o a{background:url(../common/navi03.gif) no-repeat -150px -154px; width:150px; height:27px;}

#subnavi4{
width:150px;
height:181px;
position:relative;
}
#subnavi4 ul{
padding:0;
margin:0;
}
#subnavi4 li{
width:150px;
display:inline;
list-style:none;
float:left;
}
#subnavi4 a{
text-indent:-9999px;
text-decoration:none;
display:block;
font-size:8px;
/* hack \*/
overflow:hidden;
/* end hack */
}
#btn41 a{background:url(../common/navi04.gif) no-repeat; width:150px; height:46px;}
#btn41 a:hover, #btn41o a{background:url(../common/navi04.gif) no-repeat -150px 0; width:150px; height:46px;}
#btn42 a{background:url(../common/navi04.gif) no-repeat 0 -46px; width:150px; height:27px;}
#btn42 a:hover, #btn42o a{background:url(../common/navi04.gif) no-repeat -150px -46px; width:150px; height:27px;}
#btn43 a{background:url(../common/navi04.gif) no-repeat 0 -73px; width:150px; height:27px;}
#btn43 a:hover, #btn43o a{background:url(../common/navi04.gif) no-repeat -150px -73px; width:150px; height:27px;}
#btn44 a{background:url(../common/navi04.gif) no-repeat 0 -100px; width:150px; height:27px;}
#btn44 a:hover, #btn44o a{background:url(../common/navi04.gif) no-repeat -150px -100px; width:150px; height:27px;}
#btn45 a{background:url(../common/navi04.gif) no-repeat 0 -127px; width:150px; height:27px;}
#btn45 a:hover, #btn45o a{background:url(../common/navi04.gif) no-repeat -150px -127px; width:150px; height:27px;}
#btn46 a{background:url(../common/navi04.gif) no-repeat 0 -154px; width:150px; height:27px;}
#btn46 a:hover, #btn46o a{background:url(../common/navi04.gif) no-repeat -150px -154px; width:150px; height:27px;}

/* contents */

#mainarea #contarea{
width:590px;
float:right;
padding-bottom:30px;
}

#mainarea #contarea p.wndate{
margin-top:10px;
}

#prevnext{
width:106px;
padding-top:15px;
float:right;
}
#prevnext ul{
margin:0;
padding:0;
list-style:none;
}
#prevnext li{
margin:0;
padding:0;
list-style:none;
float:left;
}
#prevnext a{
width:47px;
height:23px;
text-indent:-9999px;
text-decoration:none;
display:block;
font-size:8px;
/* hack \*/
overflow:hidden;
/* end hack */
}
#prevnext #prev a{background:url(../common/btn_back.gif) no-repeat;}
#prevnext #prev a:hover{background:url(../common/btn_backo.gif) no-repeat;}
#prevnext #next a{background:url(../common/btn_next.gif) no-repeat;}
#prevnext #next a:hover{background:url(../common/btn_nexto.gif) no-repeat;}
#prevnext .nextsp{margin-left:12px;}
#prevnext .nextsp2{margin-left:59px;}
#prevnext .prevsp{margin-left:59px;}

/* footer */

#footerarea{
width:760px;
margin:0 auto 0 auto;

}

#footerarea #footnavi{
width:760px;
height:31px;
background:url(../common/footnavi.gif) no-repeat;
position:relative;
overflow:hidden;
}

#footerarea #footnavi a{
text-indent:-9999px;
text-decoration:none;
display:block;
font-size:8px;
/* hack \*/
overflow:hidden;
/* end hack */
background:url(../common/footnavi.gif) no-repeat;
}
#footerarea #footnavi #foot01 a{position:absolute; background-position:-15px -11px; top:11px; left:15px; width:32px; height:11px;}
#footerarea #footnavi #foot01 a:hover{background-position:-15px -42px; width:32px; height:11px;}
#footerarea #footnavi #foot02 a{position:absolute; background-position:-68px -11px; top:11px; left:68px; width:48px; height:11px;}
#footerarea #footnavi #foot02 a:hover{background-position:-68px -42px; width:48px; height:11px;}
#footerarea #footnavi #foot03 a{position:absolute; background-position:-140px -11px; top:11px; left:140px; width:43px; height:11px;}
#footerarea #footnavi #foot03 a:hover{background-position:-140px -42px; width:43px; height:11px;}

#footerarea .address{
width:760px;
background:#EFEEE2;
padding:5px 0 5px 0;
text-align:center;
}

#footerarea #btntotop{
float:left;
margin:21px 0 12px 0;
width:180px;
height:14px;
}
#footerarea #btntotop a{
width:180px;
height:14px;
text-indent:-9999px;
text-decoration:none;
display:block;
font-size:8px;
/* hack \*/
overflow:hidden;
/* end hack */
}
#footerarea #btntotop a{background:url(../common/btn_totop.gif) no-repeat;}
#footerarea #btntotop a:hover{background:url(../common/btn_totopo.gif) no-repeat;}

#footerarea #btntohead{
float:right;
margin:21px 0 12px 0;
width:65px;
height:14px;
}
#footerarea #btntohead a{
width:65px;
height:14px;
text-indent:-9999px;
text-decoration:none;
display:block;
font-size:8px;
/* hack \*/
overflow:hidden;
/* end hack */
}
#footerarea #btntohead a{background:url(../common/btn_tohead.gif) no-repeat;}
#footerarea #btntohead a:hover{background:url(../common/btn_toheado.gif) no-repeat;}
.copyright{
clear:both;
text-align:right;
padding-bottom:30px;
}
