@charset "utf-8";

/*====================================
ブラウザスタイルリセット
====================================*/

html,h1,h2,h3,h4,h5,h6,pre,p,blockquote,dl,dt,dd,ul,ol,li,th,td,form,fieldset,input,textarea {margin:0; padding:0;}

/*====================================
文字サイズ制御スタイル
====================================*/

body{width:auto; height:auto; margin:0; padding:0; background:url(../img/bg.gif); font-size:75%; line-height:150%; color:#333333; font-family: Verdana, Arial, Helvetica, sans-serif;}
html>/**/body{font-size:12px;}

.small{font-size:85%;}
html>/**/.small{font-size:10px;}

/*====================================
共通利用スタイル
====================================*/

.space_h0{clear:both; height:0px; font-size:0; line-height:0;}
.space_h5{clear:both; height:5px; font-size:0; line-height:0;}
.space_h10{clear:both; height:10px; font-size:0; line-height:0;}
.space_h15{clear:both; height:15px; font-size:0; line-height:0;}
.space_h20{clear:both; height:20px; font-size:0; line-height:0;}
.space_h25{clear:both; height:25px; font-size:0; line-height:0;}
.space_h30{clear:both; height:30px; font-size:0; line-height:0;}

.mh05{margin:5px 0;}
.mh10{margin:10px 0;}
.mh15{margin:15px 0;}
.mh20{margin:20px 0;}
.mh30{margin:30px 0;}

.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

.mr05{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}

.ml05{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}

.left {float:left;}
.right {float:right;}
.clear{clear:both;}

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

.red{color:#CC0000;}
.red_b{color:#CC0000; font-weight:bold;}

li{list-style-type:none;}
img{border:0;}
table{border-collapse:collapse;}
th{font-weight:normal; text-align:left; vertical-align:top;}

/*--フォーマット用レイアウト--*/
#conteiner{width:800px; height:auto; margin:0 auto;}

/*--ページ内移動リンク用--*/
#hidden_nav,#anchor_contents,#anchor_side,#anchor_head,#anchor_foot,#anchor_gnav_s{display:none;}
#anchor_links{height:10px; line-height:0; font-size:0;}
#anchor_links li{float:left;}


/*====================================
コンテンツ領域スタイル
====================================*/

/*--伸縮するボディ部分--*/
#contents{width:800px; height:auto; margin-top:110px; background:url(../img/contents_bg.gif) repeat-y;}
#home #contents{background:url(../img/contents_bg.gif) repeat-y;}

#faq #contents, #info #contents, #about #contents, #story #contents{width:800px; height:auto; background:url(../img/contents_bg2.gif) repeat-y; margin-top:110px; clear:both;}
#other #contents{width:800px; height:auto; background:url(../img/contents_bg3.gif) repeat-y; margin-top:110px; clear:both;}

#contents_home{width:800px; height:auto; background:url(../img/contents_bg.gif) repeat-y; margin-top:110px; clear:both;}
#contents_full{width:800px; height:auto; background:url(../img/contents_bg3.gif) repeat-y; margin-top:110px; clear:both;}
#contents_2column{width:800px; height:auto; background:url(../img/contents_bg2.gif) repeat-y; margin-top:110px; clear:both;}

/*--パンくずナビゲーション--*/
#breadcrumbs{width:765px; height:27px; background:url(../img/contents_top.gif) no-repeat bottom; padding:3px 0 0 35px; line-height:100%; overflow:hidden; display:block;}

/*--メインコンテンツ--*/
#main{width:758px; margin:0 auto;}

#faq #main, #info #main, #story #main{width:556px; padding-left:20px; margin:0; float:left;}
#other #main{width:758px; padding-left:20px; margin:0;}

#main_home{width:758px; margin:0 auto;}
#main_full{width:758px; padding-left:20px; margin:0;}
#main_2column{width:556px; padding-left:20px; margin:0; float:left;}


/*--メインコンテンツ h1--*/
#faq #main h1, #info #main h1, #about #main h1, #story #main h1{background:url(../img/h1_bg_2column.jpg) no-repeat; padding-top:2px; height: 40px;}
#other #main h1{background:url(../img/h1_bg_full.jpg) no-repeat; padding-top:2px; height: 40px;}

#main_full h1{background:url(../img/h1_bg_full.jpg) no-repeat; padding-top:2px; height: 40px;}
#main_2column h1{background:url(../img/h1_bg_2column.jpg) no-repeat; padding-top:2px; height: 40px;}


/*--ローカルリンク（右カラム）--*/
#rightcolumn{width:187px; padding-right:20px; float:right;}
#lnav{background:url(../img/lnav_bottom.gif) bottom no-repeat; padding-bottom:8px;}

.main_cat{line-height:120%;}
.main_cat li p{color:#666;}
.main_cat li a, .main_cat li p{width:154px; min-height:16px; height: auto !important; height: 16px; display:block; padding:9px 5px 5px 28px;}
.main_cat li a, .main_cat li p{background:url(../img/lnav_btn.gif) no-repeat 0 0;}
.main_cat li a:hover, .main_cat li a.on{background:url(../img/lnav_btn.gif) no-repeat 0 -200px; color: #333;}
.main_cat .sub a, .main_cat .sub p{width:154px; min-height:16px; height: auto !important; height: 16px; display:block; padding:7px 5px 5px 28px;}
.main_cat .sub a{background:url(../img/lnav_btn2.gif) no-repeat 0 0;}
.main_cat .sub a:hover{background:url(../img/lnav_btn2.gif) no-repeat 0 0; color: #333;}
.main_cat .sub p{background:url(../img/lnav_btn2.gif) no-repeat 0 -200px;}
.main_cat .sub2 a{width:154px; min-height:16px; height: auto !important; height: 16px; display:block; padding:3px 5px 3px 28px;}
.main_cat .sub2 a, .main_cat .sub2 p{background:url(../img/lnav_btn3.gif) no-repeat 0 0;}
.main_cat .sub2 a:hover, .main_cat .sub2 a.on{background:url(../img/lnav_btn3.gif) no-repeat 0 -200px; color: #333;}


/*--サブグローバルリンク（フッタ上）--*/
#faq #sub_gnav, #info #sub_gnav, #story #sub_gnav, #about #sub_gnav{width:800px; height:30px; padding-top:14px; text-align:center; background:url(../img/sub_gnav_bg2.gif) no-repeat; overflow:hidden; display:block; clear:both;}
#other #sub_gnav{width:800px; height:30px; padding-top:14px; text-align:center; background:url(../img/sub_gnav_bg.gif) no-repeat; overflow:hidden; display:block;}


#sub_gnav_full{width:800px; height:30px; padding-top:14px; text-align:center; background:url(../img/sub_gnav_bg.gif) no-repeat; overflow:hidden; display:block;}
#sub_gnav_2column{width:800px; height:30px; padding-top:14px; text-align:center; background:url(../img/sub_gnav_bg2.gif) no-repeat; overflow:hidden; display:block; clear:both;}


/*====================================
ヘッダ領域スタイル
====================================*/

/*--レイアウト--*/
#header{width:780px; height:108px; position:absolute; top: 0; left: 50%; margin-left: -390px; z-index:1; padding-top:12px; background:url(../img/hd_bg.gif) repeat-x 0px 12px;}

/*--ロゴまわり--*/
#mark{width:134px; float:left;}
#logo{width:396px; float:left; text-align:left;}
#site_caption{width:396px; height:19px; display:block; overflow:hidden; text-align:left;}

/*--サイト内検索と文字サイズ変更--*/
#search_switch{float:right; width:250px;}

/*--文字サイズ変更--*/
#switch{float:right; width:157px;}
#switch ul li{float:left;}
#switch ul li a{text-indent:-9999px; display:block; overflow:hidden; height:21px;}

#size_btn01 a {width:32px; background:url(../img/txt_size_s.gif) no-repeat 0 0;}
#size_btn01 a:hover{background:url(../img/txt_size_s.gif) no-repeat 0 -21px;}

#size_btn02 a {width:32px; background:url(../img/txt_size_m.gif) no-repeat 0 -21px;}
#size_btn02 a:hover{background:url(../img/txt_size_m.gif) no-repeat 0 -21px;}

#size_btn03 a {width:30px; background:url(../img/txt_size_l.gif) no-repeat 0 0;}
#size_btn03 a:hover{background:url(../img/txt_size_l.gif) no-repeat 0 -21px;}

/*--サイト内検索--*/
#search_box{float:right; width:250px; clear:right; height:22px; padding-top:10px; text-align:right;}

#search_box form{padding:0; margin:0; line-height:100%;}
#search_box input{font-size:100%;}
#search_box #searchform{width:100px;}
#search_box .searchform{border:solid 1px #CCCCCC; background-color:#F2F2F2; margin-right:4px;}
#search_box .submit{background:url(../img/btn_search.gif) no-repeat; width:45px; height:19px; border:0; text-indent:-9999px;}


/*--グローバルリンク--*/
#global_nav_hd{height:42px; clear:both; padding-top:7px;}
#global_nav_hd ul li{float:left;}
#global_nav_hd ul li a{text-indent:-9999px; display:block; overflow:hidden; height:42px;}

#hd_btn01 a{width:80px; background:url(../img/gnav_btn1.gif) no-repeat 0 0;}
#hd_btn01 a:hover,#home #hd_btn01 a{background:url(../img/gnav_btn1.gif) no-repeat 0 -42px;}

#hd_btn02 a{width:124px; background:url(../img/gnav_btn2.gif) no-repeat 0 0;}
#hd_btn02 a:hover,#search #hd_btn02 a{background:url(../img/gnav_btn2.gif) no-repeat 0 -42px;}

#hd_btn03 a{width:114px; background:url(../img/gnav_btn3.gif) no-repeat 0 0;}
#hd_btn03 a:hover,#info #hd_btn03 a{background:url(../img/gnav_btn3.gif) no-repeat 0 -42px;}

#hd_btn04 a{width:104px; background:url(../img/gnav_btn4.gif) no-repeat 0 0;}
#hd_btn04 a:hover,#story #hd_btn04 a{background:url(../img/gnav_btn4.gif) no-repeat 0 -42px;}

#hd_btn05 a{width:137px; background:url(../img/gnav_btn5.gif) no-repeat 0 0;}
#hd_btn05 a:hover,#about #hd_btn05 a{background:url(../img/gnav_btn5.gif) no-repeat 0 -42px;}

#hd_btn06 a{width:128px; background:url(../img/gnav_btn6.gif) no-repeat 0 0;}
#hd_btn06 a:hover,#faq #hd_btn06 a{background:url(../img/gnav_btn6.gif) no-repeat 0 -42px;}

#hd_btn07 a{width:93px; background:url(../img/gnav_btn7.gif) no-repeat 0 0;}
#hd_btn07 a:hover,#inquiry #hd_btn07 a{background:url(../img/gnav_btn7.gif) no-repeat 0 -42px;}


/*====================================
フッタ領域スタイル
====================================*/

/*--レイアウト--*/
#footer{width:800px; height:60px; background:url(../img/ft_bg.gif) no-repeat; clear:both; line-height:100%;}

/*--その他リンク--*/
#footer #global_nav_ft{width:750px; height:28px; margin:0 auto; padding-top:12px; vertical-align:top;}
#footer #global_nav_ft a:link    {text-decoration: none ; color:#666666;}
#footer #global_nav_ft a:visited {text-decoration: none ; color:#666666;}
#footer #global_nav_ft a:hover   {text-decoration: underline ; color:#666666;}
#footer #global_nav_ft a:active  {text-decoration: none ; color:#666666;}

#footer #sitemap{float:left; height:13px; background:url(../img/ic_sitemap.jpg) no-repeat;}
#footer #sitemap a{padding:0 20px 0 15px; display:block; line-height:13px;}
#footer #link{float:left; height:13px; background:url(../img/ic_link.jpg) no-repeat;}
#footer #link a{padding:0 20px 0 15px; display:block; line-height:13px;}
#footer #privacy{float:left; height:13px; background:url(../img/ic_privacy.jpg) no-repeat;}
#footer #privacy a{padding:0 20px 0 15px; display:block; line-height:13px;}

#footer #btn_pagetop{width:120px; height:13px; float:right;}
#footer #global_nav_ft ul #btn_pagetop a{text-indent:-9999px; display:block; overflow:hidden;}
#footer #btn_pagetop a{width:120px; height:13px; background:url(../img/btn_pagetop.jpg) no-repeat; display:block; overflow:hidden;}
#footer #btn_pagetop a:hover{background:url(../img/btn_pagetop.jpg) no-repeat 0 -13px;}

/*--コピーライト--*/
#copyright{width:780px; height:25px; text-align:right; margin:0 auto;}