@charset "Shift_JIS";

/* --------------------------------------------
更新日：20071116

01：各要素のリセット
02：リンクテキスト
03：基本レイアウト
03-1：ヘッダー
03-2：メインナビ
03-3：フッター
03-4：パンくずリスト
03-5：コンテンツレイアウト
03-6：サイドメニュー
03-7：地域エリア
04：共通スタイル
04-1：見出し
04-2：共通レイアウト
04-3：フォント
04-4：リスト
-----------------------------------------------*/

/* 01：各要素のリセット
---------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
font-size:100%;
}
html {
overflow-y:scroll;
}
body {
color:#666666;
background:#FFFFFF;
text-align:center;
}

ul,ol {list-style-type:none;}

dt{font-weight:bold;}

img {
border:0;
vertical-align:top;
}

td{vertical-align:top;}


/* 02：リンクテキスト
---------------------------------------------------------------------------*/
a{
color:#525252;
text-decoration:none;
}
a:hover{
color:#2d60b0;
text-decoration:underline;
}
.linkcolor a{
color:#2d60b0;
text-decoration:underline;
}
.linkcolor a:hover{
color:#2d60b0;
text-decoration:underline;
}


/* 03：基本レイアウト/コンテンツ内共通スタイル
---------------------------------------------------------------------------*/
#header,
#mainnavi ul,
#mainBox,
#footer ul{
width:750px;
}
.pageTop {
margin:30px 0 10px 0;
text-align:right;
}
.pageTopContent {
margin:15px 0 15px 0;
text-align:right;
}

.backTop{
margin:20px 0 0 0;
text-align:center;
}

/* 03-1：ヘッダー　----------------------- */
#header {
margin:0 auto 7px auto;
}
#header table{
width:750px;
}
#header #logo {
margin:9px 0 0 0;
}
#header #hdSearch {
margin:8px 0 3px 0;
text-align:right;
}
#hdSearch #hsTitle {position:relative;top:1px;}
#hdSearch #hsForm {position:relative;top:0px;width:110px;height:16px;}
#hdSearch #hsBt {position:relative;top:2px;}

#header #hdLink li{
display:inline;
font-size:70%;
margin:0 6px 0 0;
}
#hdLink li a{
padding:0 0 0 9px;
background:url(../images/ex_arrow_common.gif) left 2px no-repeat;
}
#hdLink li.hdLink{
padding:0 6px 0 0;
background:url(../images/ex_dotted_h.gif) right 2px repeat-y;
}
#hdLink li#hdEngl{
position:relative;
top:3px;
margin:0;
}
#hdLink li#hdEngl a{
background:none;
padding:0;
}


/* 03-2：メインナビ　----------------------- */
#mainnavi{
background:url(../images/mn_bg.gif) repeat-x;
}
#mainnavi ul{
border-top:#2255a4 3px solid;
height:39px;
position:relative;
text-align:left;
margin:0 auto;
}
#mainnavi li{position:absolute;}
#mainnavi #mnHome {top:0;left:0;}
#mainnavi #mnTemp {top:0;left:93px;}
#mainnavi #mnReco {top:0;left:191px;}
#mainnavi #mnCamp {top:0;left:284px;}
#mainnavi #mnServ {top:0;left:377px;}
#mainnavi #mnLopp {top:0;left:471px;}
#mainnavi #mnPass {top:0;left:565px;}
#mainnavi #mnComp {top:0;left:658px;}


/* 03-3：フッター　----------------------- */
#footer {
background:#f5f5f5;
border-top:solid 1px #b8b8b8;
border-bottom:solid 1px #2255a4;
font-size:70%;
padding:7px 0;
}
#footer ul{
margin:0 auto;
}
#footer ul li{
display:inline;
}
#footer ul li.ftLink{
padding:0 8px 0 0;
margin:0 8px 0 0;
background:url(../images/ex_dotted_h.gif) right repeat-y;
}
#copyright{
padding:10px 0;
font-size:70%;
}

/* 03-4：パンくずリスト　----------------- */
#topicPath {
padding:6px 0;
}
#topicPath span{
margin:0 5px;
}

/* 03-5：コンテンツレイアウト　----------- */
#mainBox {
font-size:80%;
margin:0 auto;
text-align:left;
line-height:1.3;
}
#leftBox {
width:547px;
padding:0 13px 0 0;
}
#leftBox2 {
width:547px;
padding:0 13px 0 0;
clear:both;
}
#mainimg,#mainimgFla {
margin:0 0 15px 0;
}
#mainimgFla {
width:547px;
height:222px;
}
#mainimgFla table{
margin:60px 0 0 48px;
width:450px;
}

/* 03-6：サイドメニュー　----------- */
#sidemenu {
background:url(../images/ex_sm_middle.gif) repeat-y;
margin:0 0 10px 0;
line-height:1.3;
}
#sidemenu h2{
background:url(../images/ex_sm_top.gif) bottom no-repeat;
padding:0 0 4px 0;
}
#sidemenu ul{
background:url(../images/ex_sm_bottom.gif) bottom no-repeat;
padding:0 0 3px 0;
height:1%;；
}
#sidemenu ul li{
background:url(../images/ex_dotted_w.gif) bottom repeat-x;
margin:0 6px;
padding:4px 0;
}
#sidemenu ul li.dottedNone{
background:none;
}
#sidemenu ul li a{
padding:0 0 0 12px;
display:block;
height:1%;
}
#sidemenu a:hover{
text-decoration:none;
}

/* 03-7：地域エリア ----------- */
#mainBox #lmArea{
width:730px;
margin:0 auto 6px auto;
}
#lmArea ul{
margin:0 0 4px 0;
}
#lmArea ul li{
display:inline;
margin:0 0 0 3px;
}
#lmArea #areaAbout a{
padding:0 0 0 14px;
font-size:80%;
}


/* 04：共通スタイル
---------------------------------------------------------------------------*/
/* 04-1：見出し　------------------------- */
h2{margin:0 0 10px 0;}
#sidemenu h2{margin:0;}

/* 04-2：共通レイアウト　----------------- */
.marginB10{margin-bottom:10px;}
.marginB15{margin-bottom:15px;}
.marginB17{margin-bottom:17px;}
.marginB20{margin-bottom:20px;}
.marginR10{margin-right:10px;}
.marginL10{margin-left:10px;}

.paddingLR26{padding-left:26px; padding-right:26px;}
.paddingT7 {padding-top:7px;}
.paddingB9 {padding-bottom:9px;}

.valignM {vertical-align:middle;}
.valignB {vertical-align:bottom;}
.valignT {vertical-align:top;}


/* 04-3：フォント　----------------------- */
.fontsize01{font-size:115%;}
.fontsize02{font-size:85%;}
.fontsize03{font-size:100%;}

.txtstyle01 {font-weight:bold;}
.color01 {color:#EF0E0F;}
.color02 {color:#2453a5;}
.color03 {color:#8d8d8d;}

/*上付き文字・下付き文字*/
.sup70 {vertical-align: 0.6em; line-height: 100%; font-size: 70%;}
.sub70 {vertical-align: 0em; line-height: 100%; font-size: 70%;}

/* 04-4：リスト　------------------------- */
ul.list01{
list-style:disc outside;
margin-left:15px;
}

/*コメクラス*/
.kome01{display:block;padding-left:1em;text-indent:-1em;}/*※*/
.kome02{display:block;padding-left:1.6em;text-indent:-1.6em;}/*（1）［1］*/
.kome03{display:block;padding-left:0.5em;text-indent:-0.5em;}/*・*/
.kome04{display:block;padding-left:1.3em;text-indent:-1.3em;}/*1．1）*/
.kome05{display:block;padding-left:1.5em;text-indent:-1.5em;}
.kome06{display:block;padding-left:2em;text-indent:-2em;}


/* 04-5：box　------------------------- */
/*大枠(サイドメニューあり)*/
.frame1In {background:url(../images/ex_frame_b_w547.gif) bottom no-repeat;padding:10px 12px 15px 12px;height:1%;}
.frame1Hd {background:url(../images/ex_frame_t_w547.gif) top no-repeat;}
.frame1 {background:url(../images/ex_frame_m_w547.gif) repeat-y; margin-bottom:15px;}

/*大枠(サイドメニューなし)*/
.frame2In {background:url(../images/ex_frame_b_w750.gif) bottom no-repeat;padding:10px 15px 15px 15px;height:1%;}
.frame2Hd {background:url(../images/ex_frame_t_w750.gif) top no-repeat;}
.frame2 {background:url(../images/ex_frame_m_w750.gif) repeat-y;margin-bottom:15px;}

/*大枠なし(サイドメニューなし)*/
.noframeIn {background:bottom no-repeat;padding:10px 15px 15px 15px;height:1%;}
.noframeHd {background:top no-repeat;}
.noframe {background:repeat-y;margin-bottom:15px;}

/*1列(サイドメニューあり)*/
.column1In {background:url(../images/ex_column1_ft.gif) no-repeat bottom;padding:10px 12px 12px 12px;height:1%;}
.column1Hd {background:url(../images/ex_column1_hd.gif) no-repeat top;}
.column1 {background:url(../images/ex_column1_in.gif) repeat-y;}

/*1列(サイドメニューなし)*/
.column1NsIn {background:url(../images/ex_ns_column1_ft.gif) no-repeat bottom;padding:10px 12px 12px 12px;height:1%;}
.column1NsHd {background:url(../images/ex_ns_column1_hd.gif) no-repeat top;}
.column1Ns {background:url(../images/ex_ns_column1_in.gif) repeat-y;}

/*2列(サイドメニューあり)*/
.column2In {background:url(../images/ex_column2_ft.gif) no-repeat bottom;padding:10px 9px 12px 9px;height:1%;}
.column2Hd {background:url(../images/ex_column2_hd.gif) no-repeat top;}
.column2 {background:url(../images/ex_column2_in.gif) repeat-y;}

/*2列(サイドメニューあり・左側のみ)*/
.column2LIn {background:url(../images/ex_column2l_ft.gif) no-repeat bottom;padding:10px 9px 12px 9px;height:1%;}
.column2LHd {background:url(../images/ex_column2l_hd.gif) no-repeat top;}
.column2L {background:url(../images/ex_column2l_in.gif) repeat-y;width:256px;}

/*2列(サイドメニューなし)*/
.column2NsIn {background:url(../images/ex_ns_column2_ft.gif) no-repeat bottom;padding:10px 12px 12px 12px;height:1%;}
.column2NsHd {background:url(../images/ex_ns_column2_hd.gif) no-repeat top;}
.column2Ns {background:url(../images/ex_ns_column2_in.gif) repeat-y;}

/*2列(サイドメニューなし・左側のみ)*/
.column2LNsIn {background:url(../images/ex_ns_column2l_ft.gif) no-repeat bottom;padding:10px 9px 12px 9px;height:1%;}
.column2LNsHd {background:url(../images/ex_ns_column2l_hd.gif) no-repeat top;}
.column2LNs {background:url(../images/ex_ns_column2l_in.gif) repeat-y;width:352px;}

/*3列(サイドメニューあり)*/
.column3In {background:url(../images/ex_column3_ft.gif) no-repeat bottom;padding:10px 9px 12px 9px;height:1%;}
.column3Hd {background:url(../images/ex_column3_hd.gif) no-repeat top;}
.column3 {background:url(../images/ex_column3_in.gif) repeat-y;}

/*3列(サイドメニューあり・1列目、2列目なし)*/
.column3_1_3In {background:url(../images/ex_column3_1_3_ft.gif) no-repeat bottom;padding:10px 9px 12px 9px;height:1%;}
.column3_1_3Hd {background:url(../images/ex_column3_1_3_hd.gif) no-repeat top;}
.column3_1_3 {background:url(../images/ex_column3_1_3_in.gif) repeat-y;}

/*3列(サイドメニューなし・エリア版)*/
.column3_1NsIn {background:url(../images/ex_ns_column3_1_ft.gif) no-repeat bottom;padding:10px 10px 12px 10px;height:1%;}
.column3_1NsHd {background:url(../images/ex_ns_column3_1_hd.gif) no-repeat top;}
.column3_1Ns {background:url(../images/ex_ns_column3_1_in.gif) repeat-y;}

/*ポップアップ*/
h1#popupH1{width:547px;text-align:left;margin:10px auto;}
.popupIn {background:url(../images/ex_frame_b_popup.gif) bottom no-repeat;padding:15px 15px;height:1%;}
.popupHd {background:url(../images/ex_frame_t_popup.gif) top no-repeat;}
.popup {width:547px;background:url(../images/ex_frame_m_popup.gif) repeat-y; margin:15px auto;font-size:80%;}
.popup p{text-align:left}

/*ポップアップ2*/
h1#popup2H1{width:397px;text-align:left;margin:10px auto;}
.popup2In {background:url(../images/ex_frame_b_popup2.gif) bottom no-repeat;padding:15px 15px;height:1%;}
.popup2Hd {background:url(../images/ex_frame_t_popup2.gif) top no-repeat;}
.popup2 {width:397px;background:url(../images/ex_frame_m_popup2.gif) repeat-y; margin:15px auto;font-size:80%;}
.popup2 p{text-align:left}

.genki td{vertical-align:middle; font-size:12px;}