@charset "Shift_JIS";
html{
overflow-y:scroll;
}
body{
margin:0 auto;
padding:0;
color:#3A3A3A;
background-color:#FFF;
text-align:center;
}
/*
リンク
----------------------------------------*/
a:link{
color:#2473B0;
text-decoration:underline;
}
a:visited{
color:#0A5792;
text-decoration:underline;
}
a:hover{
color:#5A9CCF;
text-decoration:none;
}
/*
ナビゲーションのスキップ
----------------------------------------*/
.navskip{
display:none;
}
/*
全体の大枠
----------------------------------------*/
#wrapper{
margin:0 auto;
padding:0;
}
/*区切り線*/
hr{
clear:both;
display:none;
}
/*回り込み解除*/
.clear{
clear:both;
}
/*画像右寄せ*/
.image_right{
margin:0 0 10px 20px;
padding:0;
float:right;
}
/*画像左寄せ*/
.image_left{
margin:0 20px 10px 0;
padding:0;
float:left;
}
/*中央揃え*/
.center{
margin:0;
padding:0;
text-align:center;
}
/*右寄せ*/
.right{
margin:0;
padding:0;
text-align:right;
}
/*画像のボーダー消し*/
img{
margin:0;
padding:0;
border:0;
vertical-align:bottom;
}
/*ページトップへ*/
.pagetop{
clear:both;
margin:0 0 5px 0;
padding:20px 0 0 0;
text-align:right;
}
/*パンくず*/
.topicpath{
clear:both;
display:block;
margin:0 auto;
padding:10px 0;
font-size:70%;
width:800px;
text-align:left;
}
/*
フォント関係
----------------------------------------*/
p{
margin:12px 0;
padding:0;
font-size:80%;
line-height:1.6;
}
.font_s{
font-size:70%;
}
.date{
color:#412B1D;
}
/*
ヘッダー
----------------------------------------*/
#header{
position:relative;
margin:0 auto;
padding:0;
width:800px;
height:75px;
}
#header h1{
position:absolute;
top:15px;
left:0;
margin:0;
padding:0;
width:295px;
height:45px;
float:left;
}
#logo{
position:absolute;
top:15px;
left:0;
margin:0;
padding:0;
width:295px;
height:45px;
float:left;
}
/*サブナビ*/
#sub_nav{
position:absolute;
top:10px;
right:90px;
margin:0;
padding:0;
width:290px;
height:15px;
list-style:none;
text-align:right;
}
#sub_nav li{
margin:0;
padding:0;
display:inline;
line-height:0;
}
/*英語*/
.english{
position:absolute;
top:10px;
right:0;
margin:0;
padding:0;
width:75px;
height:15px;
}
/*ヘッダーナビ*/
.header_nav{
position:absolute;
top:35px;
right:0;
margin:0;
padding:0;
width:220px;
height:25px;
list-style:none;
}
.header_nav li{
margin:0;
padding:0;
display:inline;
}
/*
グローバルナビ
----------------------------------------*/
#g_nav{
clear:both;
margin:0 auto;
padding:0;
height:60px;
background : url(../../../css/g_nav_bg.gif) repeat-x center top;
}
#g_nav_inner{
margin:0 auto;
padding:0;
width:800px;
text-align:left;
}
#g_nav .dropdown{
margin:10px 0 0 0;
padding:0;
float:left;
cursor:pointer;
}
#g_nav .dropdown dt{
margin:0;
padding:0;
width:100px;
cursor:pointer;
}
#g_nav .dropdown dd{
overflow:hidden;
position:absolute;
display:none;
margin:0;
padding:0;
width:152px;
z-index:200;
opacity:0;
}
#g_nav .dropdown ul{
margin:0;
padding:0;
width:150px;
list-style:none;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
border-left:1px solid #CCC;
}
#g_nav .dropdown ul li{
margin:0;
padding:0;
display:inline;
}
#g_nav .dropdown a, .dropdown a:visited{
display:block;
padding:7px 5px;
color:#3A3A3A;
text-decoration:none;
font-size:75%;
width:140px;
border-bottom:1px solid #CCC;
background-color:#FFF;
}
#g_nav .dropdown a:hover{
background-color:#E5E5E5;
text-decoration:none;
}
/*リスト*/
#contents ul{
margin:10px 0 10px 25px;
padding:0;
font-size:80%;
line-height:1.6;
}
/*ノーマルリスト*/
#contents ul .normal_list{
margin:0;
padding:0;
line-height:1.6;
}
/*アイコンリスト*/
#contents ul .icon_list{
margin:0 0 5px -18px;
padding:0 0 0 18px;
font-weight:bold;
line-height:1.6;
background : url(../../../css/icon.gif) no-repeat left center;
list-style:none;
}
/*左テキスト・右画像の場合*/
.image_box01{
margin:10px 0;
padding:0;
width:800px;
}
.image_box01 .text{
margin:0;
padding:0 30px 0 0;
width:80%;
vertical-align:top;
}
.image_box01 .photo{
margin:0;
padding:12px 0 0 0;
vertical-align:top;
}
.image_box01 .photo p{
margin:5px 0;
padding:0;
font-size:65%;
color:#717171;
line-height:1.5;
}
/*右テキスト・左画像の場合*/
.image_box02{
margin:10px 0;
padding:0;
width:800px;
}
.image_box02 .text{
margin:0;
padding:0 0 0 30px;
width:80%;
vertical-align:top;
}
.image_box02 .photo{
margin:0;
padding:12px 0 0 0;
vertical-align:top;
}
.image_box02 .photo p{
margin:5px 0;
padding:0;
font-size:65%;
color:#717171;
line-height:1.5;
}
/*画像3つ並び*/
.image_box03{
margin:10px 0;
padding:0;
width:800px;
}
.image_box03 .photo01{
margin:0;
padding:0 10px 0 0;
width:260px;
}
.image_box03 .photo02{
margin:0;
padding:0;
width:260px;
}
.image_box03 .photo01 p, .image_box03 .photo02 p{
margin:5px 0;
padding:0;
font-size:65%;
color:#717171;
line-height:1.5;
}
/*
トップイメージ
----------------------------------------*/
#topimage{
clear:both;
margin:10px auto 0 auto;
padding:0;
width:800px;
}
/*
コンテンツ
----------------------------------------*/
#contents{
clear:both;
margin:10px auto 0 auto;
padding:0;
width:800px;
text-align:left;
}
#contents h1{
margin:0;
padding:0;
width:800px;
}
#contents h2{
margin:10px 0 25px 0;
padding:15px 10px 20px 10px;
font-size:110%;
border-top:5px solid #623504;
background : url(../../../css/h2_bg.gif) no-repeat center bottom;
}
#contents h3{
clear:both;
margin:25px 0 15px 0;
padding:7px 5px 7px 20px;
font-size:90%;
background : url(../../../css/h3_bg.gif) no-repeat 6px center;
border:1px solid #CCC;
}
#contents h4{
clear:both;
margin:20px 0 10px 0;
padding:0 0 8px 0;
font-size:80%;
color:#623504;
background : url(../../../css/h4_bg.gif) repeat-x center bottom;
}
#contents .h1title{
margin:10px 0 25px 0;
padding:15px 10px 20px 10px;
font-size:110%;
width:auto;
border-top:5px solid #623504;
background : url(../../../css/h2_bg.gif) no-repeat center bottom;
}
#contents .h2subt{
clear:both;
margin:25px 0 15px 0;
padding:7px 5px 7px 20px;
font-size:90%;
background : url(../../../css/h3_bg.gif) no-repeat 6px center;
border:1px solid #CCC;
}
/*
サイトマップ
----------------------------------------*/
/*各ページタイトル*/
#contents .sitemap_t{
margin:25px 0 15px 0;
padding:0 0 7px 0;
font-size:90%;
color:#623504;
border-top:none;
border-bottom:1px solid #CCC;
background:none;
}
/*
フッター
----------------------------------------*/
#footer{
margin:5px auto 0 auto;
padding:15px 0 10px 0;
font-size:85%;
background : url(../../../css/footer_bg.gif) repeat-x;
text-align:left;
}
#footer .address{
margin:0 auto;
padding:0;
width:800px;
}
#copyright{
margin:0 auto;
padding:10px 0;
font-size:85%;
color:#FFF;
background : url(../../../css/copyright_bg.gif) repeat-x;
text-align:left;
}
#copyright p{
margin:0 auto;
padding:0;
width:800px;
}