@charset "UTF-8";

/* 基本
---------------------------------------------*/
*{ margin:0; padding:0; zoom:1;} 
html{ height:100%;}
html>/**/body{ overflow:-moz-scrollbars-vertical;}
html:first-child body{ min-height:100%; padding-bottom:1px;}
body { color: #777777; font-size: 12px; font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic','Lucida Grande','Geneva','Arial','Helvetica','Verdana', Sans-serif; background: #FFFFFF; background:url(../images/background.gif) top left repeat;}
img { vertical-align: top;}
a { color: #777777; text-decoration: none;}
a:visited { color: #777777; text-decoration: none;}
a:hover, a:focus { color: #777777; text-decoration: underline;}
a:active { color: #777777; text-decoration: underline;}

#wrapper { margin: 0 auto;}

#contents { width: 784px; margin: 0 auto; background-color:#FFFFFF; position: relative; padding:8px 8px 8px 8px;}
#contents_title { width:800px; margin: 0 auto; }



#left_contents { float:left; width: 532px; background-color:#FFFFFF; }
#right_contents { float:left; width: 252px; background-color:#FFFFFF; }
#contents p { line-height: 1.4; letter-spacing: 0.05em; text-align: justify; text-justify: inter-ideograph; }
#contents span { line-height: 1.1; letter-spacing: 0.05em; text-align: justify; text-justify: inter-ideograph; }
#contents h2 { line-height: 1.4; letter-spacing: 0.05em; text-align: justify; text-justify: inter-ideograph; }
#header span { line-height: 1.4; letter-spacing: 0.05em; text-align: justify; text-justify: inter-ideograph; }


#content_inner { clear: both; width: 100%; /* for WinIE6,7 */ position: relative; width: 800px; margin-top: 5px;}
#content_inner_m_t_7 { clear: both; width: 100%; /* for WinIE6,7 */ position: relative; width: 800px; margin-top: 7px;}
#section { float: left; }
#contents h2 {  }


#inner p { line-height: 1.4; letter-spacing: 0.05em; text-align: justify; text-justify: inter-ideograph; }
#inner li { line-height: 1.4; letter-spacing: 0.05em; text-align: justify; text-justify: inter-ideograph; }
.waku { border: 1px solid #c5c5c5;}
.waku_bla { border: 1px solid #999999;}



/* お申し込み・お問い合わせ
---------------------------------------------*/
#information_01 { width:237px; padding:20px 0 20px 254px;}
#information_01 a { display: block; text-decoration: none; text-indent: -9999px; height: 40px; overflow:hidden;}
#information_01 a { width: 237px; background: url("../images/pdf.gif") top left no-repeat;}
#information_01 a:hover, #information_01 a:active, #information_01 a.selected { background-position: 0 -40px;}


/* FAQ
---------------------------------------------*/
#faq_title { width:784px; padding-bottom:5px;}
#faq_01 { width:750px; padding:0 17px 0 17px; }


/* ご利用料金
---------------------------------------------*/
.table02 {padding:5px 5px 5px 5px; background-color:#d33129; font-size:12px; color:#FFFFFF; font-weight:bold; width:95px;}
.table02_01 {padding:5px 5px 5px 5px; background-color:#d33129; font-size:12px; color:#FFFFFF; font-weight:bold; width:80px;}
.table02_02 {padding:5px 5px 5px 5px; background-color:#FFFFFF; font-size:12px; color:#000000; }
.table03 {padding:5px 5px 5px 5px; background-color:#b2b2b2; font-size:14px; color:#3c3c3c; font-weight:bold; width:95px; text-align:center;}
.table03_01 {padding:5px 5px 5px 5px; background-color:#b2b2b2; font-size:12px; color:#3c3c3c; font-weight:bold; width:80px;}
.table03_02 {padding:5px 5px 5px 5px; background-color:#FFFFFF; font-size:12px; color:#3c3c3c; }

/* サービス
---------------------------------------------*/
#service_title { width:784px; padding-bottom:8px}
#service_01 { width:767px; padding-left:17px; }
#service_01_01 { text-align:right; padding-right:17px; }
#service_02 { margin: 0 auto; width:750px; border: 1px solid #c5c5c5; }
#service_02_01 { width:740px; padding:5px 5px 5px 5px; background-color:#d33129; }
#service_02_02 { width:710px; padding:15px 20px 15px 20px; }
#service_02_02_01 { float:left; width:68px;}
#service_02_02_02 { float:left; width:120px; padding:0 30px 0 30px;}
#service_02_02_03 { float:left; width:300px;}
#service_02_02_04 { float:left; text-align:center; width:160px; padding:15px 0 0 0;}

#service_03 { width:767px; padding-left:17px; }
#service_03_01 { float:left; width:346px;}
#service_03_01_01 { padding:0px 0 10px 0;}
#service_03_01_02 { background: url("../images/service05.gif") top left no-repeat; width:325px; height:100px; padding:30px 10px 0px 10px;}
#service_03_02 { float:left; padding-left:30px;}

#service_04 { width:237px; padding:20px 0 20px 254px;}
#service_04 a { display: block; text-decoration: none; text-indent: -9999px; height: 40px; overflow:hidden;}
#service_04 a { width: 237px; background: url("../images/omousikomi.gif") top left no-repeat;}
#service_04 a:hover, #service_04 a:active, #service_04 a.selected { background-position: 0 -40px;}


.table {padding:5px 5px 5px 5px; background-color:#FFFFFF; font-size:11px;}

/* トップページ
---------------------------------------------*/
#top_01 { width: 523px; padding-right:9px; background: url("../images/top_back01.jpg") top left no-repeat; height:271px}
#top_01_01 { display: block; text-decoration: none; text-indent: -9999px; height: 12px; overflow:hidden;}

#top_01_02 { padding:220px 0 0 75px;}
#top_01_02 a { display: block; text-decoration: none; text-indent: -9999px; height: 17px; overflow:hidden;}
#top_01_02 a { width: 100px; background: url("../images/top_otoiawase.gif") top left no-repeat;}
#top_01_02 a:hover, #top_01_02 a:active, #top_01_02 a.selected { background-position: 0 -17px;}

#top_02 { width: 523px; padding-right:9px;}
#top_02_01, #top_02_02, #top_02_03 { width:257px; height:57px; float:left; padding-top:7px;}
#top_02_04, #top_02_05, #top_02_06 { width:257px; height:57px; float:left; padding-left:9px; padding-top:7px;}
.top_02 {padding:25px 0 0 85px; color:#000000;}

#top_02_01 a, #top_02_02 a, #top_02_03 a, #top_02_04 a, #top_02_05 a, #top_02_06 a { display: block; text-decoration: none; height: 59px; text-indent: -9999px; overflow:hidden; }
#top_02_01 a { width: 257px; background: url("../images/top_card01.gif") top left no-repeat;}
#top_02_02 a { width: 257px; background: url("../images/top_card02.gif") top left no-repeat;}
#top_02_03 a { width: 257px; background: url("../images/top_card03.gif") top left no-repeat;}
#top_02_04 a { width: 257px; background: url("../images/top_card04.gif") top left no-repeat;}
#top_02_05 a { width: 257px; background: url("../images/top_card05.gif") top left no-repeat;}
#top_02_06 a { width: 257px; background: url("../images/top_card06.gif") top left no-repeat;}

#top_02_01 a:hover, #top_02_01 a:active, #top_02_01 a.selected, #top_02_02 a:hover, #top_02_02 a:active, #top_02_02 a.selected, #top_02_03 a:hover, #top_02_03 a:active, #top_02_03 a.selected, #top_02_04 a:hover, #top_02_04 a:active, #top_02_04 a.selected, #top_02_05 a:hover, #top_02_05 a:active, #top_02_05 a.selected, #top_02_06 a:hover, #top_02_06 a:active, #top_02_06 a.selected { background-position: 0 -59px;}

#top_03 { width:252px; height:162px; float:left;}
#top_04 { width:252px; height:162px; float:left; padding-top:5px;}
#top_05 { width:252px; height:162px; float:left; padding-top:5px;}
.top_03 {padding:50px 0 0 105px;}

#top_03 a, #top_04 a, #top_05 a { display: block; text-decoration: none; height: 162px; text-indent: -9999px; overflow:hidden; }
#top_03 a { width: 252px; background: url("../images/top_back02.jpg") top left no-repeat;}
#top_04 a { width: 252px; background: url("../images/top_back03.jpg") top left no-repeat;}
#top_05 a { width: 252px; background: url("../images/top_back04.jpg") top left no-repeat;}

#top_03 a:hover, #top_03 a:active, #top_03 a.selected, #top_04 a:hover, #top_04 a:active, #top_04 a.selected, #top_05 a:hover, #top_05 a:active, #top_05 a.selected, #top_06 a:hover, #top_06 a:active, #top_06 a.selected { background-position: 0 -162px;}




#top_title { clear: both; width: 100%; /* for WinIE6,7 */ width: 580px; font-weight:bold; font-size:18px; color:#000000; padding-top:10px; border-bottom: 3px solid #c52c1e; }

.top_textarea { padding-top:5px;}
#top_hyou { width:570px; padding:10px 5px 0px 5px;}
#top_hyou02 { width:570px; padding:0px 5px 0px 5px;}
#top_hyou_title_left { float:left; width:420px; padding:5px 5px 5px 5px; color:#FFFFFF; font-weight:bold; height:22px;}
#top_hyou_title_right { float:left; width:130px; padding:7px 5px 3px 5px; color:#FFFFFF; font-weight:bold; font-size:14px; height:22px;}



#top_hyou_contents { width:555px; padding:5px 5px 5px 10px; background-color:#f8f8f8;}




#tb01, #tb02 { width:275px; float:left; padding-left:10px; padding-top:10px;}
#tb01 a , #tb02 a { display: block; text-decoration: none; text-indent: -9999px; height: 85px; }
#tb01 a { width: 275px; background: url("../images/tb01.gif") top left no-repeat;}
#tb02 a { width: 275px; background: url("../images/tb02.gif") top left no-repeat;}
#tb01 a:hover, #tb01 a:active, #tb01 a.selected { background-position: 0 -85px;}
#tb02 a:hover, #tb02 a:active, #tb02 a.selected { background-position: 0 -85px;}


/* ロゴとタイトル
---------------------------------------------*/

#title { text-align: center; padding: 0px 0px 2px; }

/* フッター
---------------------------------------------*/
#footer { width:800px; margin: 0 auto; height:100px;}
#footer_contents { float:left; padding-top: 5px; padding-left:8px; }
#copyright { float:right; padding-top: 7px; font-size: 11px; padding-right:8px; }

/* ヘッダー&ロゴ
---------------------------------------------*/
#header { width: 800px; margin: 0 auto; position: relative; }
#logo { float:left; width:226px; height:68px; padding:5px 0 5px 0;}
#header_contents { width:574px; position: relative;}
#header_text {width:351px; float:left; padding-left:35px; padding-top:17px;}
#header_info { float:left; width:188px; padding-top:4px;}
#header_contents02 { width:574px;}


/* メニュー
---------------------------------------------*/
#navi { width:549px; padding-left:25px; }

#globalNavigation li { float:left; padding-left:10px; padding-top:7px;}
#globalNavigation li a { display: block; text-decoration: none; text-indent: -9999px; height: 11px; overflow:hidden;}

#gn01 a { width: 48px; background: url("../images/menu01.gif") top left no-repeat;}
#gn02 a { width: 81px; background: url("../images/menu02.gif") top left no-repeat;}
#gn03 a { width: 71px; background: url("../images/menu03.gif") top left no-repeat;}
#gn04 a { width: 86px; background: url("../images/menu04.gif") top left no-repeat;}
#gn05 a { width: 147px; background: url("../images/menu05.gif") top left no-repeat;}

#gn01.gn_on a { width: 48px; background: url("../images/menu01.gif") top left no-repeat; background-position: 0 -11px;}
#gn02.gn_on a { width: 81px; background: url("../images/menu02.gif") top left no-repeat; background-position: 0 -11px;}
#gn03.gn_on a { width: 71px; background: url("../images/menu03.gif") top left no-repeat; background-position: 0 -11px;}
#gn04.gn_on a { width: 86px; background: url("../images/menu04.gif") top left no-repeat; background-position: 0 -11px;}
#gn05.gn_on a { width: 147px; background: url("../images/menu05.gif") top left no-repeat; background-position: 0 -11px;}

#globalNavigation a:hover, #globalNavigation a:active, #globalNavigation a.selected { background-position: 0 -11px;}

/* クリア
---------------------------------------------*/
.c-both { clear:both; height:0px; font-size:0px; line-height:0%; }

/* テキスト装飾
---------------------------------------------*/

.lh80 { line-height:80%; }
.lh100 { line-height:100%; }
.lh120 { line-height:120%; }
.lh150 { line-height:150%; }
.p_b_15 { padding-bottom:15px;}
.p_b_10 { padding-bottom:10px; }
.p_b_8 { padding-bottom:8px; }
.p_b_7 { padding-bottom:7px; }
.p_b_6 { padding-bottom:6px; }
.p_b_5 { padding-bottom:5px; }
.p_b_4 { padding-bottom:4px; }
.p_b_3 { padding-bottom:3px; }
.p_t_8 { padding-top:8px; }
.td_ph10ps5 { padding:10px 5px 10px 5px; }
.pad5 { padding:5px 5px 5px 5px; }
.p_10 { padding:10px; }
.p_8 { padding:8px; }
.p_5 { padding:5px; }
.p_0 { padding:0px; }
.p_t_2 { padding-top:2px; }
.p_t_5 { padding-top:5px; }
.p_t_10 { padding-top:10px; }
.p_t_11 { padding-top:11px; }
.p_t_12 { padding-top:12px; }
.p_t_13 { padding-top:13px; }
.p_t_14 { padding-top:14px; }
.p_t_15 { padding-top:15px; }
.p_l_5 { padding-left:7px; }
.p_l_7 { padding-left:7px; }
.p_l_10 { padding-left:10px; }
.p_l_15 { padding-left:15px; }
.p_l_20 { padding-left:20px; }
.p_l_30 { padding-left:30px; }
.p_l_40 { padding-left:40px; }
.p_l_80 { padding-left:80px; }
.p_l_254 { padding-left:254px; }
.p_r_2 { padding-right:2px; }
.p_r_3 { padding-right:3px; }
.p_r_5 { padding-right:5px; }
.p_r_10 { padding-right:10px; }
.p_r_15 { padding-right:15px; }
.p_r_20 { padding-right:20px; }
.p_r_30 { padding-right:30px; }
.p_r_40 { padding-right:40px; }

.m_r_2 { margin-right:2px; }
.m_r_3 { margin-right:3px; }
.m_r_5 { margin-right:5px; }
.m_r_10 { margin-right:10px; }
.m_t_2 { margin-top:2px; }
.m_t_3 { margin-top:3px; }
.m_t_5 { margin-top:5px; }
.m_t_8 { margin-top:8px; }
.m_t_10 { margin-top:10px; }
.m_t_15 { margin-top:15px; }
.m_t_20 { margin-top:20px; }
.m_t_25 { margin-top:25px; }
.m_t_30 { margin-top:30px; }
.m_b_30 { margin-bottom:30px; }
.m_b_20 { margin-bottom:20px; }
.m_b_18 { margin-bottom:18px; }
.m_b_15 { margin-bottom:15px; }
.m_b_10 { margin-bottom:10px; }
.m_b_8 { margin-bottom:8px; }
.m_b_5 { margin-bottom:5px; }
.m_b_3 { margin-bottom:3px; }
.m_b_2 { margin-bottom:2px; }
.m_b_1 { margin-bottom:1px; }
.m_l_2 { margin-left:2px; }
.m_l_5 { margin-left:5px; }
.m_l_6 { margin-left:6px; }
.m_l_7 { margin-left:7px; }
.m_l_8 { margin-left:8px; }
.m_l_10 { margin-left:10px; }
.m_l_15 { margin-left:15px; }
.m_l_18 { margin-left:18px; }
.m_l_20 { margin-left:20px; }

.wid_476 { width:476px; }
.wid_237 { width:476px; }
.width200 { width:200px; }
.width350 { width:350px; }

.blu { color:#0000FF; }
.blk { color:#000000; }
.gray { color:#868787; }
.gray33 { color:#333333; }
.gray3C { color:#3c3c3c; }
.gray77 { color:#777777; }
.red { color:#d33129; }
.org { color:#CC6600; }
.gol { color:#b39243; }
.white { color:#FFFFFF;}
.bld { font-weight:bold;}
.nml { font-weight:normal;}
.px10 { font-size:10px;}
.px11 { font-size:11px;}
.px12 { font-size:12px;}
.px14 { font-size:14px;}
.px16 { font-size:16px;}
.px18 { font-size:18px;}
.px20 { font-size:20px;}
.px22 { font-size:22px;}
.bg_gray { background-color:#CCCCCC; }
.bg_red { background-color:#c52c1e; }
.bg_blk { background-color:#000000; }
.border { border: 1px solid #CCCCCC; font-size:12px; padding:2px;}
.border_33 { border: 1px solid #333333; padding-top:5px;}
.border_blk { border: 1px solid #000000; }
.m10 {margin: 10px;}
.m10t {margin-top: 10px;}
.m10b {margin-bottom: 10px;}
.m10r {margin-right: 10px;}
.m10l {margin-left: 10px;}
.m10tl {margin-top: 10px;margin-left: 10px;}
.m10tr {margin-top: 10px;margin-right: 10px;}
.m10tb {margin-top: 10px;margin-bottom: 10px;}
.m10lr {margin-left: 10px;margin-right: 10px;}
.m20l {margin-left: 20px;}
.m20r {margin-right: 20px;}
.m20b {margin-bottom: 20px;}