@charset "shift_jis";

/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

body {
font-family:Arial,'Lucida Grande','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
font-size: 100%;
text-align: center;
background: #b2d9f5 url(img/bg.gif) repeat-x 0 0;
color: #333;
}
p,dd,dt,li
{font-size: 80%;}
td,th
{
font-size: 75%;
}
/* IE6用の設定▼ \*/
* html body {
font-size: x-small;
}
/* ▲IE6用の設定 */

img {border:0;vertical-align:bottom;}
a:link {color:#03F;}
a:visited {color:#039;}
a:hover,a:active {color:#903;}

* {
margin:0;
padding:0;
line-height:1.5;
list-style: none;
}

/****** 段落タグ関連 *******/
.caution
{color: #f00;}

.s_color
{color: #82B0EF;}


/****** イメージ関連 *******/
.image_border
{
border: solid 1px #ccc;
margin-bottom: 15px;
}
/****** プラグイン等のバナー *******/
.ban_p
{
}

.ban_p img
{float: left;
margin-right: 10px;
}
/****** 基本テーブル設定 *******/
.form_tbl
{
margin: 15px 0;
}

.form_tbl th
{
text-align: left;
color: #fff;
background: #71bdfc;
padding: 10px;
border-bottom: solid 2px #fff;
vertical-align: top;
}
.form_tbl td
{
padding: 10px;
}
.form_tbl td li
{margin-bottom: 5px;font-size: 100%;}
.form_tbl td dl
{margin-bottom: 5px;font-size: 125%;}
.error_list
{
padding: 15px 0 15px 35px;
background: #f0feff;
}
.error_list li
{list-style: disc;font-weight:bold;}

.sub_res
{
font-weight: bold;
text-align: center;
font-size: 80%;
}
.sub_res input
{margin: 10px 0 10px 5px;}
/****** パンくず *******/
.bread_p
{
font-size: 80%;
padding: 6px 0 6px 10px;
background: url(img/bread_bg.gif) repeat-x left bottom;
}
.bread_p a
{color: #2c6adb;}
.bread_p a:hover
{color: #f90;}

/****** ページの先頭へ ********/
.page_top
{
margin-top: 25px;
text-align: right;
}
.page_top a
{
font-size: 80%;
color: #333;
text-decoration: none;
background: url(img/ptop_bg.gif) no-repeat 0 0;
padding-left: 15px;
}
.page_top a:hover
{color: #f90;}

.page_back
{
margin-top: 25px;
text-align: right;
}
.page_back a
{
font-size: 80%;
color: #333;
text-decoration: none;
background: url(img/back_arrow.gif) no-repeat 0 0;
padding-left: 15px;
}
.page_back a:hover
{color: #f90;}




.key
{font-size: 80%;width: 740px;margin: 0 auto;text-align: left;}
/*
-----------------------------------------------
▼ブロック
----------------------------------------------- */
#ALL
{
width: 740px;
margin: 0 auto;
background: #fff;
text-align: left;
}

#contents
{
width: 738px;
border: solid 1px #ccc;
}


#main_contents
{
width: 506px;
float: left;
margin: 10px 0 10px 0px;
padding-left: 10px;
}
/** ie **/
*html #main_contents
{width: 516px;}

#main_contents h3
{
font-size: 95%;
border-bottom: solid 3px #82b0ef;
margin-bottom: 10px;
}
.def
{
margin-bottom: 15px;
}

#side_menu
{
width: 199px;
float: right;
margin-top: 10px;
padding-right: 10px;
}
/** ie **/
*html #side_menu
{width: 209px;}

.menu_block
{
margin-bottom: 10px;
padding: 5px;
border: solid 1px #ccc;
background: #F6F6F7 url(img/sidem_bg.gif) repeat-x left bottom;
}
.menu_block h3
{
font-size: 90%;
border-bottom: solid 3px #82b0ef;
margin-bottom: 3px;
padding: 3px;
}

.menu_block dd
{
margin: 0 0 0 10px;
padding: 3px 0 3px 0;
border-bottom: solid 1px #ccc;
}

.menu_block dd li
{
font-size: 100%;
}
.menu_block dt
{
font-weight: bold;
padding: 3px 0 3px 0;
color: #2c6adb;
border-bottom: solid 1px #ccc;
font-size: 80%;
}
.final_b
{border: 0px !important;}

.menu_block a
{
text-decoration: none;
font-weight: bold;
color: #2c6adb;
padding: 5px 0 5px 20px;
background: url(img/sidea_arrow.gif) no-repeat 0 .4em;
}
.menu_block a:hover
{
color: #f90;
background: url(img/sideahover_arrow.gif) no-repeat 0 .4em;
}
.menu_block ul
{
}
.menu_block li
{margin-left: 5px;}
.menu_block dd li a
{
padding: 0;
background: none !important;
}
.menu_block li .mthis
{color: #f90 !important;font-weight: bold;}

.s_this
{
color: #f90 !important;
background: url(img/sideahover_arrow.gif) no-repeat 0 .4em !important;
}

.pack_link
{
margin-bottom: 10px;
border: solid 1px #0099ff;
padding-bottom:5px;
}
.pack_link dt
{
font-weight: bold;
padding: 4px;
margin-bottom: 2px;
}
.pack_link dt a
{color: #333;text-decoration:none;}
.pack_link dt a:hover
{color: #f90;}

.pack_link dd
{
padding: 2px 0 5px 0;
}

.mli
{background: #eaffff url(img/mli_bg.gif) repeat-x left bottom;}
.ls_eco
{background: #edfdf1 url(img/eco_bg.gif) repeat-x left bottom;}
.gfs
{background: #f8eecf url(img/gfs_bg.gif) repeat-x left bottom;}
.b_float
{float: left;margin: 3px;}
.b_nonfloat
{margin:5px 0 0 10px;}
/*
-----------------------------------------------
▼ヘッダー
----------------------------------------------- */
#header
{
width: 100%;
background: url(img/header_bg.gif) repeat-x bottom left;
}
 
.header_bg
{
margin: 0 auto;
width: 740px;
text-align: left;
}
.header_bg h1
{
float: left;
margin: 5px 0 0 10px;
}
.in_b
{
float: right;
margin: 5px 10px 5px 0;
}


.header_bg ul
{
margin: 5px 0 0 10px;
background: url(img/menu_bg.gif) no-repeat 0 0;
height: 33px;
}

.header_bg li
{
float: left;
}
.header_bg li a
{
width:120px;
display: block;
height: 33px;
text-indent: -8000em;
}


/****** hoverスタイル *******/
a.h_button:hover
{background: url(img/menu_hover_bg.gif) no-repeat 0 0;}
a.c_button:hover
{background: url(img/menu_hover_bg.gif) no-repeat -120px 0;}
a.c_button_this
{background: url(img/menu_hover_bg.gif) no-repeat -120px 0 !important;}
a.s_button:hover
{background: url(img/menu_hover_bg.gif) no-repeat -240px 0;}
a.s_button_this
{background: url(img/menu_hover_bg.gif) no-repeat -240px 0 !important;}
a.b_button:hover
{background: url(img/menu_hover_bg.gif) no-repeat -360px 0;}
a.b_button_this
{background: url(img/menu_hover_bg.gif) no-repeat -360px 0 !important;}
a.r_button:hover
{background: url(img/menu_hover_bg.gif) no-repeat -480px 0;}
a.r_button_this
{background: url(img/menu_hover_bg.gif) no-repeat -480px 0 !important;}
a.l_button:hover
{background: url(img/menu_hover_bg.gif) no-repeat -600px 0;}
a.l_button_this
{background: url(img/menu_hover_bg.gif) no-repeat -600px 0 !important;}

/*
-----------------------------------------------
▼フッター
----------------------------------------------- */
.footer
{
width: 740px;
background: #65b6fc url(img/footer_bg.gif) repeat-y 0 0;
text-align: left;
padding-bottom:10px;
}
.footer p
{
background: #d0dae2;
text-align: right;
padding: 5px;

}
.footer dl
{
margin: 10px 15px 0 15px;
}
.footer  dt
{
font-weight: bold;
}


.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

.phone_call
{
font-size: 120%;
}

/* css_end */