@charset "EUC-JP";/* 文字コードセット */
@media print{
 body {_zoom: 69%; /*WinIE only */ }
}

* {margin: 0px;padding: 0px;}/* 各ブラウザの独自解釈をリセット */


/* ■全体の設定---------------------------------------------------- */
body { 
	color:#333;
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1.0em;/* 基本フォントサイズ */
	line-height: 1.6em;/* 基本の行間 */
 -webkit-print-color-adjust: exact;

}

html{overflow:scroll;}/* Firefoxで強制的に縦スクロールを出す */

a{outline:none; }
a img{border:none;background:transparent;}/* 画像のリンクのボーダーを消す */

/*
a:link {text-decoration: none;color: #000033;}
a:visited {text-decoration: none;color: #000033;}
a:hover {text-decoration: underline;color: #000033;}
a:active {text-decoration: none;color: #000033;}
*/

*.floatclear{
	clear: both;
}
/* 改ページ */
*.pagebreak{page-break-before : always;}

/* ■ラインー---------------------------------------------------- */
.line3{
	background-color:#1460A9;
	width:100%;
	height:3px;
	margin-bottom:2px;
}

.line1{
	background-color:#1460A9;
	width:100%;
	height:1px;
}

/* ■ヘッダー---------------------------------------------------- */
#header{ /* header画像のサイズ設定,センタリング */
	width:950px;
	margin:0px auto;
}

h1{ /* headerタイトル */
	font-size:0.8em;
	font-weight:normal;
	text-align:left;
	color: #000000;
}

/* menu */
#menu{
	float: left;
	width:100%;
	background-color: #afc9ca;
}

#menucon{
	width:950px;
	margin:0px auto;
}

#menucon ul li {
	float: left;
	list-style-type: none;
	margin:3px auto;
}

#menucon ul li a {
	display: block;
	width: 157px;
	height: 0;
	padding-top: 46px;
	overflow: hidden;
	background-image: url(../img/menu.png);
}

.navHome { background-position: 0 top;}
.navExample { background-position: 791px top;}
.navReform { background-position: 632px top;}
.navCompany {  background-position: 475px top;}
.navLink { background-position: 316px top;}
.navContact { background-position: 159px top;}
.navHome:hover { background-position: 0 bottom;}
.navExample:hover { background-position: 791px bottom;}
.navReform:hover { background-position: 632px bottom;}
.navCompany:hover { background-position: 475px bottom;}
.navLink:hover { background-position: 316px bottom;}
.navContact:hover { background-position: 159px bottom;}

/* 全体の設定,ボックスのセンタリング */
#wrapper{
	clear: both;
	width:950px;
	margin:0px auto;
	background-color:#ffffff;
	padding-bottom:5px;
	text-align:left;
}


/* ■h2,h3の装飾
---------------------------------------------------- */
h2{
	clear: both;
	height:25px;
	margin:20px 0px 5px;
	padding:5px 20px;
	color: #ffffff;
	font-size:1.1em;
	font-weight: normal;
	background-color: #3a546b;
}

h3{
	clear: both;
	height:20px;
	margin:20px 0px 0px;
	padding:5px 20px;
	color: #ffffff;
	font-size:1.1em;
	text-align:right;
	font-weight: normal;
}


/* ■パン屑ナビ
---------------------------------------------------- */
#nav {
	width: 950px;
	clear: both;
	font-size: 0.8em;
	padding: 5px 5px;
}

#nav ul {
	margin: 0px 10px;
	list-style-type: none;
}
#nav li {
	float: left;
	padding: 0px 0px 0px 0px;
	color: #808080;
}
#nav li a{
	text-decoration: none;
	color: #808080;
}
#nav li a:hover{
	color: #FF0000;
	text-decoration: underline;
}


/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}


/* ■コンテンツの装飾
---------------------------------------------------- */
.content{ 
	margin:0px 5px 10px;
}
.smallright {
	font-size:0.8em;
	text-align:right;
}

.stronglright {
	font-weight:bold;
	text-align:right;
}

.strong{
	font-weight:bold;
}

.indent{
	margin:8px 20px;
}

.centering{ /* センタリング */
	text-align:center;
}

.gazoleft{/* 画像回り込み左 */
	float: left;
	margin-right: 0.3em;
	margin-bottom: 0em;
}

.gazoright{/* 画像回り込み右 */
	float: right;
	margin-right: 0.3em;
	margin-bottom: 0em;
}

.nodeco a{/* リンク下線なし白 */
	text-decoration: none;
	color: #ffffff;
}
.nodeco a:hover{
	text-decoration: none;
	color: #ffffff;
}

/* ２分割 */
.double{
	width: 50%;
	margin: 5px auto;
	float: left;
}

/* その他の装飾設定
---------------------------------------------------- */
.btn_contact{/* ページトップ */
	width: 25px;
	height: 90px;

	position: fixed; 
	bottom: 180px; 
	right: 0px; 
	z-index: 1;

 filter:alpha(opacity=80); 
 -moz-opacity:0.80; 
 -khtml-opacity: 0.80; 
 opacity:0.80; 
}
.btn_pagetop{/* ページトップ */
	width: 25px;
	height: 90px;

	position: fixed; 
	bottom: 80px; 
	right: 0px; 
	z-index: 1;

 filter:alpha(opacity=80); 
 -moz-opacity:0.80; 
 -khtml-opacity: 0.80; 
 opacity:0.80; 
}


.ymarker { /* 黄色マーカー */
	font-size: 1.5em; /*文字サイズ */
	font-weight: bold; /* 文字の太さ（太字） */
	background-color: #ffff00;
}

div.detail{ /* 詳細テキスト */
	margin:10px 30px 10px;
	padding:0px;
	line-height: 170%;
	text-align:left;
}

/* ■フッター
---------------------------------------------------- */
/* フッターの装飾,センタリング */
#foot{
	clear: both;
	background-color:#1460A9;
	width:100%;
	height:3px;
}

#footer{
	clear: both;
	width:950px;
	margin:0px auto;
	color: #000000;
	font-size: 9pt;
}

#footer a{
	text-decoration: none;
	color: #000000;
}

#footer a:visited {
	text-decoration: none;
	color: #000000;
}

#footer a:hover{
	text-decoration: underline;
	color: #000000;
}

#footer a:active {
	text-decoration: none;
	color: #000000;
}

p.footaddress{
	padding:10px 10px 0px;
	text-align:center;
	margin-bottom:0px
}

p.footmenu{
	text-align:center;
	font-size: 9pt;
	margin-bottom:0px
}

#copyrightarea{
	background-color: #1460A9;
}
p.copyright{
	padding:1px 0px;
	width:950px;
	color: #ffffff;
	text-align:right;
	font-size: 8pt;
	margin:0px auto;
}


/* ■トップページ---------------------------------------------- */
/* box slider */
.frameLine {
	padding: 0px;
}
.bx-wrapper {
	width: 950px;
	margin: 0 auto;
	position: relative;
}
.bx-wrapper .bx-pager {
	text-align: center;
	margin-top: 5px;
}
.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	z-index: 9999;
}
.bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: 0;
	width: 30px;
	height: 30px;
	z-index: 9999;
	color: #fcfcfc;
	text-decoration: none;
	font-size: 30px;
	font-weight: bold;
	-moz-text-shadow: 1px 1px 2px #333333;
	-webkit-text-shadow: 1px 1px 2px #333333;
	text-shadow: 1px 1px 2px #333333;
}
.bx-prev {
	left: -15px;
}
.bx-next {
	right: -15px;
}

/* チェック */
.check{
	border: solid 4px #80EB35;
	width: 800px;
	margin: 0 auto;
}

.check img {
	margin: -20px 47px 0px;
}

.check ul {
	padding:0px 170px;
	text-align:left;
	list-style-image: url(../img/check.gif); 
	font-size:1.3em;
	line-height: 1.7em;
}

/* 認定店 */
.authshop{
	height:198px;
	background-image: url('../img/top/authshop.png');
	margin:20px auto;
	padding:40px 310px 5px 10px;
}

/* 特約店 */
.logo{ /* ロゴ */
	height:45px;
	margin:0px;
	padding:5px 10px 0px;
	vertical-align:bottom;
	color: #000000;
	font-size:1.1em;
}
.logo p{ /* ロゴテキスト */
	margin:10px 10px 10px 120px;
} 

/* 栄四郎 */
h3.eishiroti{ /* タイトル */
	background-color: #8C8843;
}

.eishirologo{ /* ロゴ */
	border: solid 2px #8C8843;
	border-left: solid 5px #8C8843;
	border-right: solid 5px #8C8843;
}

.eishirocon{ /* コンテンツ */
	padding: 10px;
	border-left: solid 5px #8C8843;
	border-right: solid 5px #8C8843;
	border-bottom: solid 5px #8C8843;
}

table.characteristic{
	border-top: solid 1px #8C8843;
	border-left: solid 1px #8C8843;
	border-right: solid 1px #8C8843;
	border-collapse: collapse;
	margin: 10px;
}

td.classifi {
	width: 250px;
	padding:5px 10px ;
	text-align:center;
	vertical-align:top;
	border-bottom: solid 1px #8C8843;
}

td.character{
	width: 605px;
	padding:5px 10px;
	text-align:left;
	border-bottom: solid 1px #8C8843;
}

.eishiroex{ /* 栄四郎施工例 */
	margin:0px 5px 10px;
}

/* LIXIL T-roof */
h3.troofti{ /* タイトル */
	background-color: #829C9D;
}

.trooflogo{ /* ロゴ */
	border: solid 2px #829C9D;
	border-left: solid 5px #829C9D;
	border-right: solid 5px #829C9D;
}

.troofcon{ /* コンテンツ */
	padding: 10px;
	border-left: solid 5px #829C9D;
	border-right: solid 5px #829C9D;
	border-bottom: solid 5px #829C9D;
}

.troofcom{ /* 表彰 */
	padding-top: 110px;
	padding-bottom: 110px;
}

span.sup {
	vertical-align: super;
	font-size:0.65em;
 }



/* デクラ DECRA */
h3.decrati{ /* タイトル */
	background-color: #918152;
}

.decralogo{ /* ロゴ */
	border: solid 2px #918152;
	border-left: solid 5px #918152;
	border-right: solid 5px #918152;
}

.decracon{ /* コンテンツ */
	padding: 10px;
	border-left: solid 5px #918152;
	border-right: solid 5px #918152;
	border-bottom: solid 5px #918152;
}

/* ■施工例---------------------------------------------- */
h3.exam{ /* タイトル */
	background-color: #604439;
	margin:10px 0px 5px;
}

/* ■屋根リフォーム---------------------------------------------- */
.retitle{ /* タイトル */
	margin-top:5px;
	text-align:left;
}

.restitle{ /* タイトル */
	margin-top:1px;
	text-align:left;
}

.retext{
	margin:0px 10px 30px 20px;
	font-size:0.9em;
}


/* ■会社概要---------------------------------------------- */
table.company{
	border-top: solid 1px #8C8843;
	border-left: solid 1px #8C8843;
	border-right: solid 1px #8C8843;
	border-collapse: collapse;
	margin: 10px;
}

td.comtitle {
	width: 250px;
	padding:5px 10px ;
	text-align:center;
	vertical-align:top;
	border-bottom: solid 1px #8C8843;
	border-right: solid 1px #8C8843;
	font-weight: bold; /* 文字の太さ（太字） */
}

td.comcont{
	width: 630px;
	padding:5px 10px;
	text-align:left;
	border-bottom: solid 1px #8C8843;
}


/* ■リンク---------------------------------------------- */
table.lnk{
	border-top: solid 1px #8C8843;
	border-left: solid 1px #8C8843;
	border-right: solid 1px #8C8843;
	border-collapse: collapse;
	margin: 10px;
}

td.lnktitle {
	width: 350px;
	padding:5px 10px ;
	text-align:center;
	vertical-align:top;
	border-bottom: solid 1px #8C8843;
	border-right: solid 1px #8C8843;
	font-weight: normal; /* 文字の太さ（太字） */
}

td.lnkcont{
	width: 530px;
	padding:5px 10px;
	text-align:left;
	border-bottom: solid 1px #8C8843;
}

/*========== お問い合わせ ==========*/
#toi_main{
	margin: 0 50px 0;
	background-color: #fff;
	text-align:left;
}

form{
 width: 90%;
 margin: 20px auto;
}

label{
 display: block;
 float: left;
 width: 20%;
 margin-bottom: 10px;
}

#mailform p{
 padding: 10px;
 clear: left;
}

#send{
 padding: 10px;
 background-color: #ccc;
 text-align: center;
}


/* ■プライバシーポリシー-------------------------------------- */
.privacyol{
	float: left;
	width:900px;
	margin:0px 0px 30px 50px;
}


/* ■サイトマップ---------------------------------------------- */
.sitemap{
	float: left;
	width:400px;
	margin:0px 30px;
	color: #000000;
}

.sitemap a{
	text-decoration: none;
	color: #000000;
}

.sitemap a:visited {
	text-decoration: none;
	color: #000000;
}

.sitemap a:hover{
	text-decoration: underline;
	color: #000000;
}

.sitemap a:active {
	text-decoration: none;
	color: #000000;
}

.sitemap p{
	font-size:0.8em;
	color: #808080;
	margin-left:10px;
	margin-bottom:10px;
}