@charset "utf-8";
/* clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
	zoom:1;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* 初期化 */

* {
	margin: 0;
	padding: 0;
}

img { vertical-align:bottom; border: none; }

body { text-align: center; background: #69c; }


/* 共通レイアウト */

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mtn5 { margin-top: -5px; }
.mtn10 { margin-top: -10px; }
.mtn15 { margin-top: -15px; }
.mtn20 { margin-top: -20px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mbn5 { margin-bottom: -5px; }
.mbn10 { margin-bottom: -10px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.mln5 { margin-left: -5px; }
.mln10 { margin-left: -10px; }
.mln20 { margin-left: -20px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mrn5 { margin-right: -5px; }
.mrn10 { margin-right: -10px; }
.mrn20 { margin-right: -20px; }
.mAuto { margin-left: auto; margin-right: auto; }

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

.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }

.inlineBlock {
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.sizeSS, .sizeSS a, .sizeSS p { font-size: 11px; line-height: 14px; }
.sizeS, .sizeS a, .sizeS p { font-size: 12px; line-height: 18px; }
.sizeL, .sizeL a { font-size: 16px; line-height: 24px; }
.sizeLL, .sizeLL a { font-size: 18px; line-height: 27px; }

.red { color: #f00; }
.gray { color: #808080; }

div#wrapper {
	margin: 0 auto;
	width: 930px;
	_width: 950px;
	padding: 0 10px 20px;
	font-size: 14px;
	line-height: 21px;
	font-family: "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	text-align: left;
	background: url(../images/bgHeader.jpg) no-repeat #fff;
}


/* ヘッダー */

div#header {
	height: 150px;
}

h1 {
	font-size: 11px;
	line-height: 19px;
	font-weight: normal;
}

div#header div.headerMain {
	float: left;
	width: 380px;
}
div#header div.headerMain img {
	display: block;
	margin-bottom: 5px;
}
div#header div.headerMain p {
	width: 350px;
	font-size: 11px;
	line-height: 14px;
}
div#header div.headerSub {
	float: right;
}


/* 上部ナビゲーション */

ul#naviTop {
	padding-bottom: 10px;
}
ul#naviTop li {
	float: left;
	margin-right: 2px;
	display: inline;
}


/* 左メニュー */

div#subColumn {
	float: left;
	width: 210px;
	margin-bottom: 10px;
}

ul.bnrEstiCont { list-style: none; margin: -10px 0 10px; }
ul li.bnrEstimate a { background: url(../images/bnrEstimate_off.png) no-repeat; }
ul li.bnrbigEstimate a { background: url(../images/bnrbigEstimate_off.png) no-repeat; }
ul li.bnrContact a { background: url(../images/bnrContact_off.png) no-repeat; }
ul li.bnrMail a { background: url(../images/bnrMail_off.png) no-repeat; }
ul li.bnrAgent a { background: url(../images/bnrAgent_off.png) no-repeat; }
ul li.bnrEstimate a:hover { background: url(../images/bnrEstimate_on.png) no-repeat; }
ul li.bnrbigEstimate a:hover { background: url(../images/bnrbigEstimate_on.png) no-repeat; }
ul li.bnrContact a:hover { background: url(../images/bnrContact_on.png) no-repeat; }
ul li.bnrMail a:hover { background: url(../images/bnrMail_on.png) no-repeat; }
ul li.bnrAgent a:hover { background: url(../images/bnrAgent_on.png) no-repeat; }


.bnrEstiCont .bnrEstimate a, .bnrEstiCont .bnrbigEstimate a, .bnrEstiCont .bnrContact a {
	text-decoration: none !important;
	display: block;
	padding-top: 80px;
	text-align: center;
	font-size: 13px;
}
.bnrEstiCont .bnrAgent a {
	text-decoration: none !important;
	display: block;
	padding-top: 56px;
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
}
.bnrEstiCont .bnrEstimate a:hover, .bnrEstiCont .bnrbigEstimate a:hover, .bnrEstiCont .bnrContact a:hover, .bnrEstiCont .bnrAgent a:hover {
	text-decoration: underline !important;
}
.bnrEstiCont .bnrEstimate a .sub, .bnrEstiCont .bnrbigEstimate a .sub, .bnrEstiCont .bnrContact a .sub {
	color: #000!important;
	text-align: left;
	font-size: 12px !important;
	line-height: 32px;
}
.bnrEstiCont .bnrAgent a {
	color: #000!important;
}
.bnrEstiCont .bnrEstimate a:hover .sub, .bnrEstiCont .bnrbigEstimate a:hover .sub, .bnrEstiCont .bnrContact a:hover .sub, .bnrEstiCont .bnrAgent a:hover {
	color:#C00!important;
}

div#subColumn ul.variation {
	padding-bottom: 5px;
	background: url(../images/btnBoder.png) no-repeat bottom;
	margin-bottom: 10px;
}
div#subColumn ul.variation li {
	list-style-type: none;
	margin-bottom: 10px;
}

div#subColumn dl {
	margin-bottom: 10px;
}
div#subColumn dl dt {
	color: #fff;
	line-height: 40px;
	text-align: center;
	background: url(../images/bgMenu.png) no-repeat;
	margin-left: -6px; 
}
div#subColumn dl dd ul li {
	display: inline;
	font-size: 12px;
	line-height: 1.5;
}
div#subColumn dl dd ul li a {
	display: block;
	padding-left: 30px;
	line-height: 40px;
	text-decoration: none;
	color: #000; 
}
ul.bnrEstiCont li a:hover { text-decoration: underline; }
div#subColumn dl.detail dd ul li a { background: url(../images/bgDetail_off.png); }
div#subColumn dl.detail dd ul li a:hover { background: url(../images/bgDetail_on.png); }
div#subColumn dl.shop dd ul li a { background: url(../images/bgShop_off.png); }
div#subColumn dl.shop dd ul li a:hover { background: url(../images/bgShop_on.png); }

div#subColumn dl dd dl dt {
	color: #000;
	line-height: 1.5;
	text-align: left;
	background: none;
	margin-left: 0; 
}

/* メインカラム */

div#mainColumn {
	float: right;
	width: 710px;
	margin-bottom: 20px;
}

ul.breadList li {
	list-style-type: none;
	float: left;
	margin-right: 0.25em;
	font-size: 12px;
}

.mainImg {
	width: 710px;
	height: 427px;
	position: relative;
	margin-bottom: 10px;
}
.mainImg02 {
	background: url(../images/mainimg4.jpg) no-repeat;
	width: 710px;
	margin-bottom: 10px;
}

.maintopImg img {
	width: 710px;
	height: 427px;
	position: absolute;
 }

.toptitle, .toptxt {
	position: absolute !important;
	background: none !important;
	z-index: 21 !important;
	padding: 0 !important;
}

.toptitle h2, .toptitle h3 {
	font-size: 28px;
	font-weight: bold;
	color: #FFF;
	background-image: none !important;
	margin-top: 5px;
}

div.mainImg .toptxt, div.mainImg02 .toptxt {
	width: 690px;
	font-size: 12px !important;
	color: #000 !important;
	padding: 2px 10px 10px 10px !important;
}

div.mainImg .toptxt {
	margin: 340px 0 0 0 !important;
}

div.mainImg02 .toptxt {
	margin: 45px 0 0 0 !important;
}

h2, h3 {
	margin-left: -6px;
	padding-left: 20px;
	line-height: 40px;
	background: url(../images/bgH2H3.png) no-repeat;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
}
h3 { margin-bottom: 10px; }

dl dt.dtH4 {
	font-size: 18px;
	color: #036;
	border-top: 1px solid #036;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border-bottom: double #036;
	margin-bottom: 0.5em;
}

table { font-size: 100%; }

table.tableClr {
	border-collapse: collapse;
	border-spacing: 0;
}
table.tableClr th, table.tableClr td {
	border: 1px solid #369;
	padding: 0.5em;
}
table.tableClr tr.even td { background: #ffe5b2; }
table.tableClr th {
	background: #69c;
	text-align: center;
	color: #fff;
	font-weight: normal;
}
table.tableClr th.per10 { width: 10%; }
table.tableClr th.per20 { width: 20%; }
table.tableClr th.per30 { width: 30%; }
table.tableClr th.per40 { width: 40%; }
table.tableClr th.per50 { width: 50%; }
table.tableClr td { background: #f2f2f2; }

table.tableCenter {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	text-align: center;
}

ol.plain, ul.plain {
	margin-left: 2em;
}
ol.tNone, ul.tNone {
	list-style-type: none;
}

ul.per48 li { width: 48%; }

ul.listMark li {
  list-style-type: none;
	padding-left: 35px;
	min-height: 22px;
  height: auto !important;
  height: 22px;
	background: url(../images/listMark.gif) left center no-repeat;
	margin-bottom: 0.5em;
}

dl.listMark dt {
	padding-left: 35px;
	min-height: 22px;
  height: auto !important;
  height: 22px;
	background: url(../images/listMark.gif) left center no-repeat;
	color: #369;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 5px;
}
dl.listMark dd {
	padding-left:35px;
	padding-bottom: 1em;
	border-bottom: 1px dashed #999;
	margin-bottom: 1em;
}

ul.txtBanner li {
	list-style-type: none;
	float: left;
	margin-right: 1em;
	font-size: 12px;
}
ul.txtBanner li a {
	display: block;
	padding: 8px 10px 8px 25px;
	background: url(../images/bgArrow.gif) no-repeat 10px center #399;
	color: #fff;
	border: 1px solid #036;
}


/* お見積りお問い合わせ */

div#mainColumn ul.bnrEstiCont {
	margin: 0 0 10px;
	text-align: center;
	clear: both;
}
div#mainColumn ul.bnrEstiCont li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	width: 210px;
}

div#mainColumn ul.bnrEstiCont .bnrbigEstimate {
	margin-left: 39px;
	margin-right: 39px;
}

ul.bnrMailL {
	clear: both;
	text-align: center;
	margin: 20px 0;
	list-style: none;
}
ul.bnrMailL li {
	display:inline-block;
	/display:inline;
	/zoom:1;
}


/* フッタ */

div#footer {
	clear: both;
	border-top: 1px solid #444;
	padding-top: 10px;
	text-align: center;
}
#footer p { display: inline; }
#footer p a {
	color: #000;
	text-decoration: none;
}


/* ------------------------------
 トップページ
------------------------------ */
div.txtH2 {
	margin-left: -6px;
	padding: 10px 0 0 6px;
	background: url(../images/txtH2.jpg) no-repeat top;
}

dl.step dt {
	clear: left;
	float: left;
	margin-bottom: 20px;
}
dl.step dd {
	height: 100px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
}

/*雑記帳*/
ul.s_link {
	list-style:none;
}
ul.s_link li a {
	color:#000;
	text-decoration:none;
	font-size:12px;
}

.shousaibtn {
	width: 217px;
	position: absolute;
	top: 46px;
	left: 490px;
}
.mainImg02 .btmmainimg4 {
	padding-top: 92px;
}
.bodertop {
	background: url(../images/boder_top.gif) no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 8px;
	border: none;
}

.boderbtm {
	background: url(../images/boder_btm.gif) no-repeat;
	margin-top: 10px;
	margin-bottom: 20px;
	height: 8px;
	border: none;
}

/*販促宣伝に効果的な配色パターン*/

h4.top_4 {
	font-weight: normal;
	margin-top: 10px;
	font-size: 16px;
	color: #369;
}