@charset "utf-8";
* {padding:0px;margin:0px;border:0ox;}
body{
	/* background-repeat: repeat;
	background-image: url(happa.jpg);*/
	background-color:#fff;
	font-size: 16px;
	line-height: 24px;
	color: #555555;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-top:3px solid #499749; 
}


/* ▼各ページ共通2分割フレーム▼  */
.wrap-deckbox {
	max-width:1400px;
	min-width:600px;
	margin:0px 5% 0px 5%;
	/*border:4px cyan dotted; アトケス  */
	overflow:auto;	
}
.wrap-deckbox .boxL {	
	float:left;
	width:230px;
	/*border:1px solid orange;アトケス  */
}
.wrap-deckbox .boxR {
	width:75%;
	margin-left:235px;
 /*border:2px solid green;アトケス  */
}
/* ▲各ページ共通2分割フレーム▲  */

/* topページ */
#wrap-toppage {
	width:95%;
	margin:0px auto;
	border:solid 2px #ddd ;	/*アトケス  */
	background-color:#fff;
	background-color:#eee;
}

#decktop {
	width:100%;
	margin:0px auto ;
	text-align:center;
}
#decktop-in {
	width:80%;
	margin:10px auto;
	font-size:15px;
	font-weight:bold;
	color:#666;
	line-height:18px;
}

/* top　施工例　*/
.wakusekou {
	float:left;
	width:240px;
	height:240px;
	padding:5px;
	margin:5px;
	border: solid 1px gray;
	font-size:13px;
	line-height:18px;
	background-color:white;
	text-align:left;
}
.wakusekou img{text-align:center;margin:5px 20px;}
.sp-hardulin {font-size:12px;font-weight:bold;color:green; }
.sp-raccoona {font-size:12px;font-weight:bold;color:maroon; }
.sp-conce {font-size:12px;font-weight:bold;color:maroon; }

.sp-hardulin,.sp-raccoona ..sp-conce {font-size:12px;font-weight:bold;text-indent:20px; }

/* top　サイトトマップ */
.wakusiteflame{
	max-width:600px;
	min-width:300px;
	float:left;
	border:2px solid gray;
	margin:15px;
	background-color:#fffffe;
	font-size:13px;
	color:#444;
	line-height:20px;
	padding:6px;
	height:175px;
	text-align: left;
}
.topsnsbox {
	float:left;
	width:240px;
	height:230px;
	padding:0px;
	margin:5px;
	border: solid 1px gray;
	font-size:13px;
	line-height:18px;
	background-color:white;
	text-align:left;
}


#info-deck {width:100%;height:100%;margin:0px auto}

/*  各ページタイトル　h1 */
#decktoptitle{
	width:90%;
	margin:10px auto;
	text-align:center;
	padding-top:3px;
	height:40px;
}
#decktoptitle h1{
		font-size:24px;
			color:#444;
		text-align:center;}



.deck-box1,.deck-box2,.deck-box3,.deck-box4,.deck-box5,.deck-box6,.deck-box7{
	min-width:480px;
	max-width:1200px;
	margin-left:5%;
	margin-right:5%;
	margin-bottom:20px;
	border:1px gray solid;
	background-color:#fffffe;
}

/* 各ページ特長  */
.tokuchono {
	font-size:22px;
	font-weight:bold;
	letter-spacing:1px;
	color:#444;
	margin:25px auto 15px 10px;
text-shadow: 2px 2px 3px #ccc;
vertical-align:top;
}

@media (min-width:717px) { /*480以上の場合   */
.deck-box-nemeL{}
.deck-box1,.deck-box2,.deck-box3,.deck-box4,.deck-box5,.deck-box6,.deck-box7{height:210px;}
}
@media (max-width:717px) { /*480以下の場合   */
.deck-box-nemeL{}
.deck-box1,.deck-box2,.deck-box3,.deck-box4,.deck-box5,.deck-box6{height:300px;}
}


@media (min-width:480px) { /*480以上の場合   */
.deck-box-nemeL{height:30px;padding:10px;width:40%;font-size:24px;float:left;color:#fff}
.deck-box-nemeR{height:30px;padding:5px;width:55%;font-size:13px;float:right;color:#555;line-height:16px;}
}
@media (max-width:480px) {
.deck-box-nemeL{height:30px;padding:5px;width:90%;font-size:24px;color:#fff;}
.deck-box-nemeR{height:30px;padding:5px;width:90%;font-size:13px;color:#555;}
}

.boxin {margin:5px;}

.blocklink ul {list-style:none;}
li {float:left;opacity: 0.8;}

.blocklink a{
	display:block;
	width:126px;
	height:50px;
	padding-top:15px;
	padding-bottom:3px;
	padding-right:4px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	border:0px solid green;
	text-align:right;
	vertical-align:bottom;
}

.blocklink a:link   {text-decoration:none;border-bottom:0px #add8e6 dashed;}
.blocklink a:visited{text-decoration:none;border-bottom:0px #0000cd dashed;}
.blocklink a:hover {text-decoration:none;border-bottom: 0px #0000ff solid;}
.blocklink a:active {text-decoration: none; }

.blocklink a:hover {background-color:yellow;color:#000;}

/* デッキ各ページ共通  */
.boxR #r-cont{width:100%;padding:0px;}
.boxR .p-ulin {border:solid 5px #4E020f;}
.boxR .p-ama{border:solid 5px #A30404;}
.boxR .p-ewood{border:solid 5px #0D7034;}
.boxR .p-con{border:solid 5px #003366;}
.boxR .p-rac{border:solid 5px #0083C9;}
.boxR .p-mini{border:solid 5px #CC99FF;}
.boxR .p-chishiki{border:solid 3px #ddd;
margin-bottom:20px;}

/*　ダイナミツクカラー　　*/

.dbc1 {background-color:#d16b16;}
.dbc2 {background-color:#00904a;}
.dbc3 {background-color:#6d1782;}
.dbc4 {background-color:#0168b3;}
.dbc5 {background-color:#8f253b;}
.dbc6 {background-color:#a0c238;}
.dbc6 {background-color:#261e1c;}
.dbc7 {background-color:#222584;}

/* sns各ページ */
.h1sns,.h2sns {
 ctext-aling:center;
 font-size:18px;
 text-indent:30px;
 margin:7px auto;
 width:90%;
}

.boxfoto1{background-image:url(dktop1.jpg)}
.boxfoto2{background-image:url(dktop2.jpg)}
.boxfoto3{background-image:url(dktop3.jpg)}
.boxfoto4{background-image:url(dktop4.jpg)}
.boxfoto5{background-image:url(dktop5.jpg)}
.boxfoto6{background-image:url(dktop6.jpg)}
.boxfoto7{background-image:url(dktop7.jpg)}
.boxfoto7-1{background-image:url(dktop7-1.jpg)}
.boxfoto7-2{background-image:url(dktop7-2.jpg)}



/*▼実現3つの方法▼*/

#jizugenlink a{color:#0099FF;text-decoration:none;}
#jizugenlink a:link {color: #0099FF;text-decoration:none;}
#jizugenlink a:visited {color: #0066FF;}
#jizugenlink a:hover { color: #ff0000;text-decoration: underline; }
#jizugenlink a:active { color: #ff8000; }


.jitugen-tbwaku {
width:90%;
margin:-10px auto ;
}
.jitugen-tbwaku1 {
width:90%;
margin:5px auto;
}

.jitugen-tbwaku2 {
width:90%;
margin:5px auto;
}
.jitugen-tbwaku3 {
width:90%;
margin:5px auto;
}
.jitugen1,.jitugen2,.jitugen3{
	width:95%;
	/*min-width:480px;
	max-width:1200px;*/
	/*margin-left:5%;
	margin-right:5%;*/  /* あとでもどとす   */
	margin-left:1%;
	margin-right:0;
	margin-bottom:20px;
	padding:10px;
	border-radius: 15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	background-color: #F6F4F0;
	font-weight: bold;
	font-size: 15px;
	line-height: 24px;
}

.jitugen1{border: 5px solid #8c6239;}
.jitugen2{border: 5px solid #8cc63f;}
.jitugen3{border: 5px solid #f7931e;}

/* ▼ステップ ▼ */
.step123 {
	width:90%;
	margin:5px auto 0px auto;
	font-size:36px;
	font-weight:bold;
/*text-shadow: 2px 5px 2px #ccc;*/
	color: darkgreen;
	text-shadow: 4px 4px 6px gray;
}
.step123-in {
	width:85%;
	margin:5px auto 5px auto;
	font-weight:bold;
	font-size:22px;
}


/* ▼もう少し話します ▼ */
.morespeak {
	min-width:480px;
	max-width:1200px;
	margin-left:1%;
	margin-right:0;
	padding:10px;
	border:solid 1px gray; /*あとけす  */
	text-align:left;
	background-color:#fffffe;
}
/* ▼各画像巾 ▼ */
.w-wid{
	width:100%;
	margin:0 auto;
	text-align:	center;
}




/* ▼new6種類のデッキ ▼ */
.t-hard,.t-soft {
	clear:both;
	width:100%;
	margin:8px auto 4px 0px;
	height:30px;
	font-weight: bold;
	color: #ffffff;
	text-indent:10px;
	line-height: 30px;
}
.t-hard {background-color:#467609;}
.t-soft{background-color: #C53705;}
.dkh1,.dkh2,.dks1,.dks2,.dks3,.dks4,.dks5{
	width:330px;
	margin-right:10px;
	margin-bottom:15px;
	text-align:left;
	float:left;
	border: 1px solid #999999;
	-webkit-box-shadow:2px 2px 2px #dddddd;
	-moz-box-shadow:2px 2px 2px #ddddddy;
	box-shadow:2px 2px 2px #dddddd;
	position:relative;
}
.dkcont{
	position:absolute;
	width:95%;
	margin:0px auto;
	bottom:5px;
	left:5px;
	font-size:12px;
	line-height:14px;
	color: #333333;
}
/* ▲new6種類のデッキ ▲ */


h4{
	width:95%;
	height:30px;
	margin:10px auto 5px 0px;
	font-size:22px;
	text-indent:15px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(im-deck/back2.jpg);
	line-height: 30px;
}

.contactus {
	max-width:700px;
	min-width:480px;
	text-align:center;
	margin:5px auto;
}
	
	
.wakushowroom {
	max-width:800px;
	margin:5px auto;
	background-color:#fffffe;
}
.showroom {
	max-width:800px;
	min-width:480px;
	margin:5px auto;
	text-align:left;
}

/*　各ページ　サブメニュー */
.eamenu {
	width:95%;
	margin:15px auto;
}
	
/* 共通カラー  */
	
.cl-ulun{color:#4E020f;}
.cl-ama{color:#A30404;}
.cl-ewood{color:#0D7034;}
.cl-con{color:#003366;}
.cl-rac{color:#0083C9;}
.cl-mini{color:#CC99FF;}