@charset "shift_jis";
/* ===========================================================================
CSS Information

Update:2007/12/03

01：reset
02：link
03：Clear Fix Hack (Float Clear Hack)
04：base
05：header
06：glovalNavi
07：footer
08：contents
09：sideMenu
10：common
11：category
12：popup

=========================================================================== */

/*----------------------------------------------------------------------------
	01：reset
----------------------------------------------------------------------------*/

body,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,p,table,form,img {
margin:0;
padding:0;
font-size:100%;
line-height:1.4;
}

body {
color:#000;
font-size:80%;
line-height:1.4;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

html {overflow-y:scroll;}
img {border:0;vertical-align:top;}
ul,ol {list-style-type:none;}
table { border-collapse:collapse; border-spacing:0; } 
select option {padding:0 5px;}
hr{display:none;}

/*----------------------------------------------------------------------------
	02：link
----------------------------------------------------------------------------*/

a:link {color:#0033CC;text-decoration:none;}
a:visited {color:#0033CC;text-decoration:none;}
a:hover {color:#0033CC;text-decoration:underline;}
a:active {color:#0033CC;text-decoration:none;}
*:focus {-moz-outline-style:none;}/* Firefox点線回避 */
a {outline:none;}

/*----------------------------------------------------------------------------
	03：Clear Fix Hack (Float Clear Hack)
----------------------------------------------------------------------------*/

/* for New Browser */
.clearfix:after,
#mainColumn:after,
#topColumnLeft dl:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* for IE */
.clearfix,
#mainColumn,
#topColumnLeft dl{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix,
* html #mainColumn,
* html #topColumnLeft dl{ height:1%;}
.clearfix,
#mainColumn,
#topColumnLeft dl{display:block;}
/* End hide from IE-mac */

/*----------------------------------------------------------------------------
	04：base
----------------------------------------------------------------------------*/
#wrap {
width:762px;
margin:0 auto;
background:#666;
text-align:left;
}
#wrapInner {
width:760px;
margin:0 1px;
background:#fff;
}
#mainColumn{
background:url(../../common_lib/img/bg_maincolumn.gif) left top repeat-y;
}

#topicpath{
padding:6px 9px 4px 9px;
background:url(../../common_lib/img/bg_topicpath.gif) left top;
font-size:85%;
}
#topicpath span{
margin:0 5px;
}
/*----------------------------------------------------------------------------
	05：header
----------------------------------------------------------------------------*/
#header #headMenu {
width:760px;
padding:7px 0 4px 0;
border-bottom:1px solid #DEDEDE;
background:url(../../common_lib/img/hd_bg.gif) left top;
}
#header #headMenu h1 {
float:left;
padding-left:17px;
font-size:85%;
font-weight:normal;
}
#header #headMenu #headMenuList{
float:right;
padding-right:17px;
font-size:85%;
text-align:right;
}
#header #headMenu #headMenuList li {
display:inline;
vertical-align:baseline;
}
#header #headMenu #headMenuList li a {
padding-left:4px;
border-left:1px solid #000;
color:#000;
}
#header #headMenu #headMenuList li.hmBorder a {
padding-right:4px;
border-right:1px solid #000;
}
#header #headMain {
width:730px;
margin:13px 15px 12px 15px;
}
#header #headMain h2 {
float:left;
width:170px;
height:39px;
}
#header #headMain #serchBox {
float:right;
text-align:right;
padding-top:13px;
}

/*----------------------------------------------------------------------------
	06：footer
----------------------------------------------------------------------------*/
#footer {
border-bottom:1px solid #333;
}
#footer #footList {
width:760px;
padding:6px 0 5px 0;
background:#333;
text-align:center;
}
#footer #footList li {
display:inline;
}
#footer #footList li a{
padding-left:6px;
border-left:1px solid #fff;
color:#fff;
}
#footer #footList li.flBorder a{
padding-right:6px;
border-right:1px solid #fff;
}
#footer #footBox {
margin:15px 52px 14px 29px;
}
#footer #footBox ul {
float:left;
height:15px;
}
#footer #footBox li {
display:inline;
font-size:15px;
line-height:15px;
height:15px;
}
#footer #copyright {
float:right;
text-align:right;
font-size:85%;
}

/*----------------------------------------------------------------------------
	07：glovalNavi
----------------------------------------------------------------------------*/
#glovalNavi {
position:relative;
width:760px;
height:35px;
margin-bottom:9px;
}
#glovalNavi li {
position:absolute;
top:0;
height:35px;
}
#glovalNavi li#gnPla{left:0px; width:101px;}
#glovalNavi li#gnSaf{left:101px; width:113px;}
#glovalNavi li#gnQan{left:214px; width:70px;}
#glovalNavi li#gnIte{left:284px; width:115px;}
#glovalNavi li#gnCm{left:399px; width:87px;}
#glovalNavi li#gnCom{left:570px; width:87;}
#glovalNavi li#gnBus{left:657px; width:103px;}
#glovalNavi li#gnRec{left:486px; width:84px;}

/*----------------------------------------------------------------------------
	08：contents
----------------------------------------------------------------------------*/
#mainContent{
float:right;
width:550px;
margin-bottom:10px;
}
ul#localNavi{
	position:relative;
	width:550px;
	height:32px;
	background:url(../../common_lib/img/ln_bg.gif) left top repeat-x;
	background-image: url(../img_n/bg_ln.gif);
}
ul#localNavi li{
position:absolute;
top:0;
height:32px;
}

ul#localNavi2{
	position:relative;
	width:550px;
	height:32px;
	background:url(../../common_lib/img/ln_bg.gif) left top repeat-x;
	background-image: url(../img_n/bg_ln2.gif);
}
ul#localNavi2 li{
position:absolute;
top:0;
height:32px;
}



h4{margin-bottom:15px;}
h5{margin-bottom:10px;}

#contentArea{
width:530px;
margin:0 10px 10px 10px;
}
#contentAreaBottom{
width:504px;
margin:0 23px 0 23px;
}
p.pageTop{
text-align:right;
margin-bottom:5px;
}
#seoBox{
width:504px;
padding-top:12px;
background:url(../../common_lib/img/ex_dotline_1.gif) left top repeat-x;
}
#seoBox #seoLogo{
float:left;
padding-top:3px;
padding-left:6px;
}
#seoBox #seoTxt{
float:right;
width:312px;
font-size:85%;
}
/*----------------------------------------------------------------------------
	09：sideMenu
----------------------------------------------------------------------------*/
#sideMenu{
float:left;
width:210px;
background:url(../../common_lib/img/sm_bg.gif) left top repeat-x;
}
#sideMenuInner{
width:192px;
margin:0 9px;
}

#sideMenu #smEstimate{
margin-bottom:9px;
background:url(../../common_lib/img/fm_sm_estimate_m.gif) left top repeat-y;
}
#sideMenu #smEstimateIn{
background:url(../../common_lib/img/fm_sm_estimate_b.gif) left bottom no-repeat;
padding:2px 5px 8px 5px;
}

#sideMenu #smContact{
margin-bottom:9px;
background:url(../../common_lib/img/fm_sm_contact_m.gif) left top repeat-y;
}
#sideMenu #smContactIn{
background:url(../../common_lib/img/fm_sm_contact_b.gif) left bottom no-repeat;
padding:2px 5px 8px 7px;
}

#sideMenu #smMobile{
margin:0 1px 9px 1px;
background:url(../../common_lib/img/fm_sm_mobile_m.gif) left top repeat-y;
}
#sideMenu #smMobileIn{
background:url(../../common_lib/img/fm_sm_mobile_b.gif) left bottom no-repeat;
width:190px;
padding:9px 0;
}
#sideMenu #smMobileInner{
margin:0 6px 0 11px;
}
#sideMenu #smMobileQR{
float:left;
width:64px;
}
#smMobileTxt{
float:right;
width:99px;
}

#sideMenu #smPlan{
margin:0 1px 8px 1px;
background:url(../../common_lib/img/fm_sm_plan_m.gif) left top repeat-y;
}
#sideMenu #smPlanIn{
background:url(../../common_lib/img/fm_sm_plan_b.gif) left bottom no-repeat;
padding:7px 13px 13px 13px;
}

#sideMenu #smZaimu{
margin:0 1px 0px 1px;
}

#sideMenu #smVeriSign{
margin:0 1px 0 1px;
text-align:center;
}
#sideMenu .smBana{
width:190px;
margin:0 1px 9px 1px;
}
/*----------------------------------------------------------------------------
	10：common
----------------------------------------------------------------------------*/
/*clear*/
div.clear{
clear:both;
margin:0;
padding:0;
height:1px;
font-size:1px;
line-height:1px;
}

/*column*/
.col1CategoryTop{
width:260px;
background:url(../../common_lib/img/fm_col1_cat_m.gif) left top repeat-y;
}
.col1CategoryTopIn{
width:260px;
background:url(../../common_lib/img/fm_col1_cat_b.gif) left bottom no-repeat;
}

.col1CategoryBox,
.col2CategoryBox {
width:260px;
}
.col1CategoryInner,
.col2CategoryInner {
width:230px;
margin:0 15px;
padding:11px 0;
}

.col1CategoryInner .col1Text, 
.col2CategoryInner .col2Text {
width:125px;
float:left;
font-size:85%;
}
.col1CategoryInner .col1Ph, 
.col2CategoryInner .col2Ph {
width:105px;
float:left;
text-align:right;
}

.col2CategoryTop{
width:530px;
background:url(../../common_lib/img/fm_col2_cat_m.gif) left top repeat-y;
}
.col2CategoryTopIn{
width:530px;
background:url(../../common_lib/img/fm_col2_cat_b.gif) left bottom no-repeat;
}



.colGetFlash{
width:500px;
margin-bottom:15px;
}
.colGetFlashTxt{
float:left;
width:350px;
font-size:85%;
}
.colGetFlashIcon{
float:right;
width:116px;
text-align:left;
}

/*layout*/
.layout500{
	width:500px;
	margin-left:5px;
	margin-right:15px;
}

/*color*/
.accentColor{color:#9A0000;}

/*font-size*/
.size85{font-size:85%;}

/*note*/
.note1{display:block;padding-left:1em;text-indent:-1em;}


/*line*/
.dotLine1{
height:1px;
background:url(../../common_lib/img/ex_dotline_1.gif) left top repeat-x;
}

/*margin*/
.marginB5{margin-bottom:5px;}
.marginB10{margin-bottom:10px;}
.marginB15{margin-bottom:15px;}
.marginB20{margin-bottom:20px;}


/*float*/
.floatL{float:left;}
.floatR{float:right;}

/*align*/
.tAlignR{text-align:right;}

/*----------------------------------------------------------------------------
	11：category
----------------------------------------------------------------------------*/
/*top*/
#mvFlash{
margin-bottom:9px;
}
#topColumn{
width:530px;
margin:0 10px 9px 10px;
}
#topColumnLeft{
float:left;
width:340px;
}
#topColumnLeft #topTopics{
background:url(../../common_lib/img/fm_top_topics_m.gif) left top repeat-y;
}
#topColumnLeft #topTopicsHd{
background:url(../../common_lib/img/fm_top_topics_t.gif) left top no-repeat;
}
#topColumnLeft #topTopicsIn{
padding:10px 0px 10px 0px;
background:url(../../common_lib/img/fm_top_topics_b.gif) left bottom no-repeat;
}
#topColumnLeft #topTopicsHeader{
margin-bottom:8px;
padding:0 14px 7px 12px;
background:url(../../common_lib/img/ex_top_topics.gif) left bottom no-repeat;
}
#topColumnLeft #topTopicsHeader #topTopicsTitle{
float:left;
width:72px;
}
#topColumnLeft #topTopicsHeader #topTopicsBack{
float:right;
width:102px;
}
#topColumnLeft #topTopicsOver{
overflow:auto;
width:330px;
height:138px;
margin:0 5px;
}
#topColumnLeft #topTopicsOver dl{
margin:0 11px;
width:285px;
}
#topColumnLeft #topTopicsOver dt{
float:left;
width:53px;
}
#topColumnLeft #topTopicsOver dd{
float:left;
width:232px;
}
#topColumnLeft #topTopicsOver div.clear{
width:285px;
}
#topColumnRight{
float:right;
width:180px;
}
#topColumnRight #topCalendar{
margin-bottom:10px;
background:url(../../common_lib/img/fm_top_calendar_m.gif) left top repeat-y;
}
#topColumnRight #topCalendarIn{
background:url(../../common_lib/img/fm_top_calendar_b.gif) left bottom no-repeat;
}

/*----------------------------------------------------------------------------
	12：popup
----------------------------------------------------------------------------*/
#popup #popWrap{
margin:0 10px;
}
#popup #popHead{
background:url(../../common_lib/img/bg_popup_head.gif) left top repeat-x;
margin-bottom:16px;
padding-top:17px;
padding-bottom:9px;
text-align:left;
}
#popup #popContent{
margin:0 5px 32px 5px;
}
#popup h2{
text-align:left;
margin-bottom:3px;
}
#popup #popFoot{
margin-bottom:14px;
padding-bottom:23px;
background:url(../../common_lib/img/bg_popup_foot.gif) 0 27px repeat-x;
}


#popup .popupSet{
width:232px;
margin:0 auto;
}
#popup .popupFm{background:url(../../common_lib/img/fm_popup_m.gif) left top repeat-y;}
#popup .popupFmHd{background:url(../../common_lib/img/fm_popup_t.gif) left top no-repeat;}
#popup .popupFmIn{background:url(../../common_lib/img/fm_popup_b.gif) left bottom no-repeat;}
#popup .popupFm img{margin:0 4px 4px 4px;}
#popup .popupSet .popupSetTxt{
margin:8px 6px 0px 6px;
text-align:left;}
#popup .popFlashBorder{border:1px solid #ccc;}
#popup .popFlashTxt{
width:310px;
margin:8px auto 0 auto;
text-align:left;
}
#popup #greetingFla{
width:420px;
margin:0 auto;
border:1px solid #ccc;
}
#popup #knackFlaFm{
position:relative;
width:359px;
height:320px;
margin:0 auto;
background:url(../../common_lib/img/bg_knock_popup.gif) top left no-repeat;
}
#popup #knackFlaFm #knackFla{
position:absolute;
top:16px;
left:19px;
width:320px;
height:240px;
}
#popup #knackFlaFm #knackFlaBt{
position:absolute;
top:256px;
left:154px;
width:44px;
height:64px;
}

#popup h2.popH2Img{
background:url(../../common_lib/img/ex_dotline_1.gif) left bottom repeat-x;
margin-bottom:10px;
padding-bottom:2px;
}