@charset "UTF-8";

/* __________ common __________ */

*{
margin:0;
padding:0;
}

body{
text-align:center;
background:#eee;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", Osaka, sans-serif, Verdana, Arial, Helvetica;
color:#333;
}

img{
border:none;
}

a:link{
color:#333;
text-decoration:underline;
}
a:visited{
color:#333;
text-decoration:underline;
}
a:hover{
color:#666;
text-decoration:underline;
}
a:active{
color:#666;
text-decoration:none;
}

.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix{
min-height:1px;
}
*html .clearfix{
height:1px;
}


/* __________ base __________ */

#container{
width:960px;
margin:0 auto;
padding:0 20px;
text-align:center;
background:#FFF;
}


/* __________ header __________ */

#header{
height:46px;
margin:0 8px;
padding:30px 0;
overflow:hidden;
}

#header h1{
float:left;
width:200px;
margin-right:217px;
}

#header div{
float:left;
}

/* _____ header textsize _____ */

#textsize{
width:49px;
height:25px;
padding:21px 0 0 59px;
background:url(../images/header_textsize.gif) left top no-repeat;

/* サイト内検索非表示設定 
margin-left:169px;*/
}
#textsize p,span{
display:none;
}
#textsize li{
float:left;
list-style:none;
}
#textsize a{
display:block;
height:25px;
}

#textsize #text_s{
width:19px;
padding-right:5px;
}
#textsize #text_s a{
background:url(../images/header_textsize1.gif) left bottom no-repeat;
}
#textsize #text_s a:hover{
background:url(../images/header_textsize1_on.gif) left bottom no-repeat;
}

#textsize #text_l{
width:25px;
}
#textsize #text_l a{
background:url(../images/header_textsize2.gif) left top no-repeat;
}
#textsize #text_l a:hover{
background:url(../images/header_textsize2_on.gif) left top no-repeat;
}


/* _____ header search _____ */

#header #search1{
width:160px;
height:26px;
padding:20px 0 0 10px;
background:url(../images/header_search1.gif) left top no-repeat;
}
#header #search1 p{
display:none;
}


#header #search2{
width:99px;
height:26px;
padding:20px 0 0 0;
background:url(../images/header_search2.gif) left top no-repeat;

/* サイト内検索非表示設定 
border-left:#ccc solid 1px;*/
}
#header #search2 p{
display:none;
}


/* __________ menu __________ */

#menu{
width:937px;
height:43px;
margin:0 8px;
padding:7px 0 0 7px;
background:url(../images/menu.gif) left top no-repeat;
}
#menu li{
float:left;
margin-right:5px;
list-style:none;
}
#menu a{
display:block;
height:36px;
}

#menu #menu01{
width:96px;
}
#menu #menu01 a{
background:url(../images/menu01.gif) left top no-repeat;
}
#menu #menu01 a:hover{
background:url(../images/menu01_on.gif) left top no-repeat;
}

#menu #menu02{
width:106px;
}
#menu #menu02 a{
background:url(../images/menu02.gif) left top no-repeat;
}
#menu #menu02 a:hover{
background:url(../images/menu02_on.gif) left top no-repeat;
}

#menu #menu03{
width:116px;
}
#menu #menu03 a{
background:url(../images/menu03.gif) left top no-repeat;
}
#menu #menu03 a:hover{
background:url(../images/menu03_on.gif) left top no-repeat;
}

#menu #menu04{
width:116px;
}
#menu #menu04 a{
background:url(../images/menu04.gif) left top no-repeat;
}
#menu #menu04 a:hover{
background:url(../images/menu04_on.gif) left top no-repeat;
}

#menu #menu05{
width:126px;
}
#menu #menu05 a{
background:url(../images/menu05.gif) left top no-repeat;
}
#menu #menu05 a:hover{
background:url(../images/menu05_on.gif) left top no-repeat;
}

#menu #menu06{
width:116px;
}
#menu #menu06 a{
background:url(../images/menu06.gif) left top no-repeat;
}
#menu #menu06 a:hover{
background:url(../images/menu06_on.gif) left top no-repeat;
}

#menu #menu07{
width:100px;
}
#menu #menu07 a{
background:url(../images/menu07.gif) left top no-repeat;
}
#menu #menu07 a:hover{
background:url(../images/menu07_on.gif) left top no-repeat;
}

#menu #menu08{
width:119px;
}
#menu #menu08 a{
background:url(../images/menu08.gif) left top no-repeat;
}
#menu #menu08 a:hover{
background:url(../images/menu08_on.gif) left top no-repeat;
}

#menu span{
display:none;
}


/* __________ leftarea __________ */

#leftarea{
float:left;
width:690px;
margin:0 40px 0 8px;
text-align:left;
}
*html #leftarea{
display:inline;
}


/* __________ rightarea __________ */

#rightarea{
float:right;
width:214px;
margin:0 8px 0 0;
}
*html #rightarea{
display:inline;
}

.r_frame{
width:184px;
margin-bottom:40px;
padding:19px 14px 9px;
border:#CCC solid 1px;
}
.r_frame div{
margin-bottom:10px;
}

.r_frame2{
width:184px;
margin-bottom:40px;
padding:19px 14px 9px;
border:#CCC solid 1px;
}
.r_frame2 div{
margin-bottom:10px;
}

.r_frame #r_menu01 a{
display:block;
width:184px;
height:34px;
background:url(../images/r_menu01.gif) left top no-repeat;
}
.r_frame #r_menu01 a:hover{
background:url(../images/r_menu01_on.gif) left top no-repeat;
}

.r_frame #r_menu02 a{
display:block;
width:184px;
height:34px;
background:url(../images/r_menu02.gif) left top no-repeat;
}
.r_frame #r_menu02 a:hover{
background:url(../images/r_menu02_on.gif) left top no-repeat;
}

.r_frame span{
display:none;
}


/* __________ footer __________ */

#footer{
clear:both;
width:944px;
margin:0 8px;
padding:70px 0 20px;
}

#f_menu{
float:left;
width:384px;
height:24px;
margin-right:314px;
padding-left:20px;
background:url(../images/f_menu.gif) left top no-repeat;
}
*html #f_menu{
display:inline;
margin-right:0;
}

#f_menu li{
float:left;
margin-right:38px;
list-style:none;
}
#f_menu a{
display:block;
height:24px;
}

#f_menu #f_menu01{
width:52px;
}
#f_menu #f_menu01 a{
background:url(../images/f_menu01.gif) left top no-repeat;
}
#f_menu #f_menu01 a:hover{
background:url(../images/f_menu01_on.gif) left top no-repeat;
}

#f_menu #f_menu02{
width:75px;
}
#f_menu #f_menu02 a{
background:url(../images/f_menu02.gif) left top no-repeat;
}
#f_menu #f_menu02 a:hover{
background:url(../images/f_menu02_on.gif) left top no-repeat;
}

#f_menu #f_menu03{
width:35px;
}
#f_menu #f_menu03 a{
background:url(../images/f_menu03.gif) left top no-repeat;
}
#f_menu #f_menu03 a:hover{
background:url(../images/f_menu03_on.gif) left top no-repeat;
}

#f_menu #f_menu04{
width:70px;
}
#f_menu #f_menu04 a{
background:url(../images/f_menu04.gif) left top no-repeat;
}
#f_menu #f_menu04 a:hover{
background:url(../images/f_menu04_on.gif) left top no-repeat;
}

#f_menu span{
display:none;
}

#copyrights{
float:right;
}
*html #copyrights{
display:inline;
}


/* __________ other_parts __________ */

.detailbtn{
clear:both;
margin:0 0 0 596px;
}
.detailbtn a{
display:block;
width:94px;
height:13px;
background:url(../images/detailbtn.gif) left top no-repeat;
}
.detailbtn a:hover{
background:url(../images/detailbtn_on.gif) left top no-repeat;
}
.detailbtn span{
display:none;
}

.pagetop{
clear:both;
margin:20px 0 0 621px;
}
.pagetop a{
display:block;
width:69px;
height:11px;
background:url(../images/pagetop.gif) left top no-repeat;
}
.pagetop a:hover{
background:url(../images/pagetop_on.gif) left top no-repeat;
}
.pagetop span{
display:none;
}

.line{
clear:both;
background:#ccc;
height:1px;
}
.line hr{
display:none;
}


/* __________ pages_common __________ */

#topicpath{
width:944px;
margin:0 8px;
padding:18px 0 25px;
text-align:left;
}