@charset "utf-8";

/********************************************
*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*
共通設定css
*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*･*
********************************************/
*{
color:#666666;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body{
margin:0;
padding:0;
background:url(../commonimages/body_bg.gif) left top;
font-size:87.5%;/*デフォルトを16pxとした場合、約14px*/
line-height:143%;
}

#content_body{
width:840px;
margin:0 auto;
padding:0 2px;
background:url(../commonimages/content_shadow.gif) top repeat-y;
}

.flo_clear{
clear:both;
float:none;
}

.dis_none{
display:none;
}

img{
border:none;
vertical-align:bottom;
}

a{
outline:none;
color:#2d9acd;
}

a:hover{
color:#ee7330;
}

h1,h2,h3,h4,div,p,ul,li,dl,dt,dd{
margin:0;
padding:0;
list-style:none;
}

address{
font-style:normal;
}

strong{
font-weight:bold;
}

form{
margin:0;
padding:0;
}

/********************************************
ヘッダー
********************************************/
#header{
}

#line{
height:5px;
background:url(../commonimages/head_line01.gif) left top repeat-x;
}

#logo{
float:left;
width:255px;
padding:15px 0 15px 20px;
}

/*文字サイズ変更*/
#size_change{
float:right;
width:179px;
margin:12px 0 0 0;
padding:0 20px 0 0;
}

#size_change dl{
}

#size_change dt,
#size_change dd{
float:left;
}

#size_change dt{
display:block;
width:105px;
height:20px;
overflow:hidden;
text-indent:-9999px;
background:url(../commonimages/size_change.gif) left top no-repeat;
}

#size_change dd a{
display:block;
width:20px;
height:20px;
overflow:hidden;
text-indent:-9999px;
}

#size_change dd#small a{
margin:0 0 0 10px;
background:url(../commonimages/size_btn01.gif) left top no-repeat;
}

#size_change dd#small a:hover{
background:url(../commonimages/size_btn01.gif) left -20px no-repeat;
}

#size_change dd#medium a{
margin:0 0 0 2px;
background:url(../commonimages/size_btn02.gif) left -20px no-repeat;
}

#size_change dd#medium a:hover{
background:url(../commonimages/size_btn02.gif) left -20px no-repeat;
}

#size_change dd#large a{
margin:0 0 0 2px;
background:url(../commonimages/size_btn03.gif) left top no-repeat;
}

#size_change dd#large a:hover{
background:url(../commonimages/size_btn03.gif) left -20px no-repeat;
}

/*ヘッダーリンク*/
#head_link{
float:right;
width:406px;
margin:12px 0 0 0;
padding:0 20px 0 0;
}

#head_link ul{
}

#head_link li{
float:left;
}

#head_link li#contact,
#head_link li#link,
#head_link li#map{
padding:0 0 0 21px;
background:url(../commonimages/head_line02.gif) 10px top repeat-y;
}

#head_link li a{
display:block;
height:19px;
overflow:hidden;
text-indent:-9999px;
}

#head_link li#home a{
width:59px;
background:url(../commonimages/head_navi01.gif) left top no-repeat;
}
#head_link li#home a:hover{
background:url(../commonimages/head_navi01.gif) left -19px no-repeat;
}

#head_link li#contact a{
width:140px;
background:url(../commonimages/head_navi02.gif) left top no-repeat;
}
#head_link li#contact a:hover{
background:url(../commonimages/head_navi02.gif) left -19px no-repeat;
}

#head_link li#link a{
width:51px;
background:url(../commonimages/head_navi03.gif) left top no-repeat;
}
#head_link li#link a:hover{
background:url(../commonimages/head_navi03.gif) left -19px no-repeat;
}

#head_link li#map a{
width:93px;
background:url(../commonimages/head_navi04.gif) left top no-repeat;
}
#head_link li#map a:hover{
background:url(../commonimages/head_navi04.gif) left -19px no-repeat;
}

/********************************************
グローバルナビ
********************************************/
#glo_navi{
width:838px;
height:25px;
padding:0 1px;
overflow:hidden;
}

#glo_navi ul{
}

#glo_navi li{
float:left;
}

#glo_navi li a{
display:block;
height:25px;
overflow:hidden;
text-indent:-9999px;
}

#glo_navi li#profile a{
width:140px;
background:url(../commonimages/navi01.gif) left top no-repeat;
}
#glo_navi li#profile a:hover{
background:url(../commonimages/navi01.gif) left -25px no-repeat;
}

#glo_navi li#office a{
width:139px;
background:url(../commonimages/navi02.gif) left top no-repeat;
}
#glo_navi li#office a:hover{
background:url(../commonimages/navi02.gif) left -25px no-repeat;
}

#glo_navi li#news a{
width:140px;
background:url(../commonimages/navi03.gif) left top no-repeat;
}
#glo_navi li#news a:hover{
background:url(../commonimages/navi03.gif) left -25px no-repeat;
}

#glo_navi li#photo a{
width:140px;
background:url(../commonimages/navi04.gif) left top no-repeat;
}
#glo_navi li#photo a:hover{
background:url(../commonimages/navi04.gif) left -25px no-repeat;
}

#glo_navi li#media a{
width:140px;
background:url(../commonimages/navi05.gif) left top no-repeat;
}
#glo_navi li#media a:hover{
background:url(../commonimages/navi05.gif) left -25px no-repeat;
}

#glo_navi li#books a{
width:139px;
background:url(../commonimages/navi06.gif) left top no-repeat;
}
#glo_navi li#books a:hover{
background:url(../commonimages/navi06.gif) left -25px no-repeat;
}

/********************************************
メインイメージ
********************************************/
#main_ttl{
width:836px;
padding:2px 2px 0 2px;
}

#main_ttl h1{
display:none;
}

/********************************************
コンテンツ
********************************************/
#left_content{
float:left;
width:580px;
padding:20px 0 20px 20px;
}

#left_content #topic_path{
padding:0 0 5px 0;
font-size:86%;
line-height:120%;
background:url(../commonimages/line01.gif) left bottom repeat-x;
}

#anchor_link{
margin:15px 0 0 0;
}

#anchor_link ul{
}

#anchor_link li{
float:left;
margin:0 15px 0 0;
padding:0 0 0 15px;
background:url(../commonimages/icon05.gif) left top no-repeat;
}

#left_content .box01{
width:580px;
background:url(../commonimages/box_bg01.gif) left top repeat-y;
}

#left_content .box01_com{
width:580px;
}

#left_content .box02{
width:580px;
margin:15px 0 0 0;
background:url(../commonimages/box_bg01.gif) left top repeat-y;
}

#left_content .box02_com_top{
width:580px;
margin:15px 0 0 0;
background:url(../commonimages/box_bg01.gif) left top repeat-y;
}

#left_content .box02_com{
width:580px;
margin:5px 0 0 0;

}

#left_content .box02 .line02{
width:560px;
height:1px;
margin:10px auto;
background:url(../commonimages/line02.gif) left top repeat-x;
}

#left_content .box02 .line03{
width:560px;
height:1px;
margin:10px auto;
background:url(../commonimages/line01.gif) left top repeat-x;
}

#left_content .box01 .ttl01,
#left_content .box02 .ttl01{
}

#left_content .box01_com .ttl01_com,
#left_content .box02_com .ttl01_com{
padding:0;
margin:0;
}

#left_content .box01 .ttl01 h2,
#left_content .box02 .ttl01 h2{
display:none;
}

#left_content .box01 .text01,
#left_content .box02 .text01{
width:580px;
padding:15px 0;
background:url(../commonimages/1px_cccccc.gif) left bottom repeat-x;
}

#left_content .box01 .text01_com,
#left_content .box02 .text01_com{
width:580px;
padding:0;

}

#left_content .box01 .text01 p,
#left_content .box02 .text01 p{
padding:0 15px;
}

#left_content .box02 .text01 .anchor_top{
width:555px;
margin:0 auto;
text-align:right;
}

#left_content .box03{
margin:15px 0 0 0;
background:url(../commonimages/box_bg01.gif) left top repeat-y;
}

#left_content .box03 .ttl01{
width:550px;
padding:1px 15px 0 15px;
background:url(../commonimages/1px_cccccc.gif) left top repeat-x;
}

#left_content .box03 .ttl01 .left{
float:left;
}

#left_content .box03 .ttl01 .right{
float:right;
padding:5px 0;
}

#left_content .box03 .ttl01 h2{
display:none;
}

#left_content .box03 .line01{
clear:both;
width:560px;
height:1px;
margin:0 auto;
background:url(../commonimages/line01.gif) left top repeat-x;
}

#left_content .box03 .text01{
padding:15px 0;
background:url(../commonimages/1px_cccccc.gif) left bottom repeat-x;
}

#left_content .box03 .line02{
width:560px;
height:1px;
margin:10px auto;
background:url(../commonimages/line02.gif) left top repeat-x;
}

.anchor_top{
margin:15px 0 0 0;
font-size:80%;
text-align:right;
}

.anchor_top a{
padding:0 0 0 15px;
background:url(../commonimages/icon06.gif) left top no-repeat;
}

/********************************************
右リンク
********************************************/
#right_content{
float:right;
width:200px;
padding:20px 20px 20px 0;
}

#right_content .bnr01{
width:200px;
}

#right_content .bnr02{
width:200px;
margin:15px 0 0 0;
}

#mobile{
width:200px;
margin:15px 0 0 0;
background:url(../commonimages/mobile_bg01.gif) left top repeat-y;
}

#mobile #mobile_txt01{
width:180px;
padding:0 10px;
}

#mobile #mobile_qr{
float:left;
width:85px;
padding:0 0 0 10px;
}

#mobile #mobile_txt02{
float:right;
width:85px;
padding:0 10px 0 0;
}

#mobile .mobile_btn{
float:right;
width:85px;
margin:5px 0 0 0;
padding:0 10px 0 0;
}

#mobile #mobile_uri{
clear:both;
width:180px;
padding:5px 10px;
font-size:86%;
line-height:120%;
background:url(../commonimages/1px_cccccc.gif) left bottom repeat-x;
}

/********************************************
フッタ
********************************************/
#footer_link{
clear:both;
width:818px;
margin:0 auto;
padding:5px 10px;
background:url(../commonimages/1px_2d9acd.gif) left top repeat-x;
font-size:86%;
text-align:center;
}

#footer_line{
width:838px;
height:1px;
margin:0 auto 1px auto;
background:url(../commonimages/1px_2d9acd.gif) left top repeat-x;
}

#footer_copy{
background:#2d9acd;
text-align:center;
}

.comment_link_jump{
margin:0 0;
padding:5px 15px 0 0;
}

.comment_link_buck{
margin:0 0;
padding:5px 15px 0 0;
}