﻿
/* ::::::::::::::::::::::::::::::ページ左分け*/


#left_side

{
	float:left;
	margin:0px;
	padding:0px;
	width: 610px;


}


/* ::::::::::::::::::::::::::::::タイトル*/


h1{
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:0px;
	width: 610px;
	height:35px;
	font-size:18px;
	color:#000;
	text-align:left;
	text-indent:20px;
	line-height:35px;
	background-image: url(../images/example/head.gif);
	background-repeat: no-repeat;
	background-postion: top;

}




/* :::::::::::::::::::::::::::::::フロアマップリード*/


.read{
	margin:0px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	line-height:20px;
	text-align:left;
	background-image: url(../images/example/body.gif);
	background-repeat: repeat-y;
	background-postion: top;



}




/* :::::::::::::::::::::::::::::::フロアマップリード*/


.sub_title{
	margin:0px;
	padding:20px;
	padding-top:10px;
	padding-bottom:5px;
	color:#529900;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	text-align:left;
	background-image: url(../images/example/body.gif);
	background-repeat: repeat-y;
	background-postion: top;


}




/* :::::::::::::::::::::::::::::::フロアマップリード*/


.sub_title2{
	margin:0px;
	padding:20px;
	padding-top:20px;
	padding-bottom:10px;
	color:#529900;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	text-align:left;



}


/* ::::::::::::::::::::::::::::::ムービーフッター*/


h2{

	margin:0px;
	padding:0px;
	width: 610px;
	height:15px;
	font-size:18px;
	background-image: url(../images/example/foot.gif);
	background-repeat: no-repeat;
	background-postion: top;

}



/* :::::::::::::::::::::::::::::::下部お問合わせヘッド*/


h3{
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:0px;
	width: 610px;
	height:35px;
	font-size:18px;
	color:#FFF;
	text-align:left;
	text-indent:20px;
	line-height:35px;
	background-image: url(../images/example/head.gif);
	background-repeat: no-repeat;
	background-postion: top;

}




/* :::::::::::::::::::::::::::::::フロアマップリード緑*/


.fl_read_2{
	margin:0px;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	line-height:20px;
	text-align:left;




}












/*  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::施工例ピックアップ */ 



/* 左側コンテンツ  ヘッダー*/ 
#cst_hd{
	height:49px;
	width:540px;
	float:right;
	background-position: bottom;
        background-image: url(../images/example/cst_hd.gif);
	background-repeat: no-repeat;

}

/* 左側コンテンツ  ヘッダーイナバ１*/ 
cst_hd_inb1{
	height:49px;
	width:540px;
	float:right;
	background-position: bottom;
        background-image: url(../images/example/cst_hd_inb1.gif);
	background-repeat: no-repeat;

}

/* 左側コンテンツ  ヘッダーイナバ2*/ 
#cst_hd_inb2{
	height:49px;
	width:540px;
	float:right;
	background-position: bottom;
        background-image: url(../images/example/cst_hd_inb2.gif);
	background-repeat: no-repeat;

}

/* 左側コンテンツ  ヘッダーぽすと*/ 
#cst_hd_post{
	height:49px;
	width:540px;
	float:right;
	background-position: bottom;
        background-image: url(../images/example/cst_hd_post.gif);
	background-repeat: no-repeat;

}

/* 左側コンテンツ  ヘッダー門扉*/ 
#cst_hd_monpi{
	height:49px;
	width:540px;
	float:right;
	background-position: bottom;
        background-image: url(../images/example/cst_hd_monpi.gif);
	background-repeat: no-repeat;

}

/* 左側コンテンツ  ヘッダー門扉*/ 
#cst_hd_gomi{
	height:49px;
	width:540px;
	float:right;
	background-position: bottom;
        background-image: url(../images/example/cst_hd_gomi.gif);
	background-repeat: no-repeat;

}


/* 左側コンテンツ  ヘッダーカーテン*/ 
#cst_hd_car{
	height:49px;
	width:540px;
	float:right;
	background-position: bottom;
        background-image: url(../images/example/cst_hd_car.gif);
	background-repeat: no-repeat;

}








/* 左側コンテンツ  ヘッダー小*/ 
#cst_hd2{
	float:left;
	margin:0px;
	padding:0px;
	padding-top:5px;
	height:30px;
	width:610px;
	float:right;
	background-position: bottom;
        background-image: url(../images/example/cst_hd2.gif);
	background-repeat: no-repeat;

}

/* 左側コンテンツ  ボディー*/ 
#cst_bd{
	float:left;
	margin:0px;
	padding:10px;
	padding-top:0px;
	padding-bottom:0px;
	width:590px;
	text-align:left;
	font-size: 12px;
	line-height:18px;
	font-family: "ＭＳ Ｐゴシック", "osaka","sans-serif ";
	color: #8E6621;
	float: left;
	background-position: top;
        background-image: url(../images/example/cst_bd.gif);
	background-repeat: repeat-y;
}





/* 左側コンテンツ  フッター*/ 
#cst_ft{
	float:left;
	margin:0px;
	padding:0px;
	height:8px;
	width:610px;
	background-position: top;
        background-image: url(../images/example/cst_ft.gif);
	background-repeat: no-repeat;
}

/* 左側コンテンツ  リード*/ 
.cst_read{
	margin:0px;
	padding:0px;
	text-align:left;
	font-size: 12px;
	line-height:18px;
        font-weight:bold;
	font-family: "ＭＳ Ｐゴシック", "osaka","sans-serif ";
	color: #8E6621;
        background-color:#F3E5C9;
	background-repeat: repeat-y;
}

/* 左側コンテンツ  詳細*/ 
.cst_detail{
	margin:0px;
	padding:5px;
	text-align:left;
	font-size: 12px;
	line-height:18px;
	font-family: "ＭＳ Ｐゴシック", "osaka","sans-serif ";
	color: #333;
        background-color:#FAF4E7;
	background-repeat: repeat-y;
}


/* 左側コンテンツ  お問い合わせください*/ 
#cst_cont{
	height:110px;
	width:540px;
	float:right;
	background-position: top;
        background-image: url(../images/example/contact.gif);
	background-repeat: no-repeat;

}



/* 左側コンテンツ リンク*/

a.cst:link { 
color: #8E6621;
font-family: "ＭＳ Ｐゴシック", "osaka","sans-serif "; 
font-size: 12px;  
text-decoration: underline;


}   
a.cst:visited {                 /* 既に見たリンク */
color: #8E6621;
font-family: "ＭＳ Ｐゴシック", "osaka","sans-serif "; 
font-size: 12px; 
line-height:18px;
text-decoration: none     /* 下線を消す */
}
a.cst:active { 
color: #8E6621;
font-family: "ＭＳ Ｐゴシック", "osaka", "sans-serif ";   
text-decoration: underline
}      /* クリック時のリンク */

a.cst:hover {                   /* カーソルが上にある時のリンク */
color: #8E6621;
font-family: "ＭＳ Ｐゴシック", "osaka", "sans-serif "; 
font-size: 12px; 
text-decoration: underline
}



/* :::::::::::::::::::::::::::::::お問合わせリード*/


.contact_read{
	margin:0px;
	padding:20px;
	padding-top:0px;
	padding-bottom:0px;
	height:200px;
	font-size:14px;
	line-height:20px;
	text-align:left;
	background-image: url(../images/example/body.gif);
	background-repeat: repeat-y;
	background-postion: top;



}

#contact_link{
	margin:0px;
	padding:20px;
	padding-top:10px;
	padding-bottom:0px;
	height:230px;
	font-size:14px;
	line-height:22px;
	text-align:left;
	background-image: url(../images/example/body.gif);
	background-repeat: repeat-y;
	background-postion: top;



}

/* 製作・技術に関してリンク */



 ul{
list-style-type: none;
margin:0px;
}

li.contact{
float:left;
width: 250px;
padding-top:1px;
padding-left:1px;

}

 li.contact a{
text-align: center;
display:block;
width:100%;
background-color: #B79654;
font-size: 11px; 
line-height:24px; 
color:white;
font-weight:bold;

}

 li.contact a:hover{

background-color: #D0BB90;
color: white;
font-size: 11px;  
font-weight:bold;
line-height:24px; 
}


/* ::::::::::::::::::::::::::::::next-back リンク下*/


h4{

	float:right;
	margin:0px;
	padding:5px;
	padding-top:5px;
	padding-bottom:10px;
	width:400px;
	height:12px;
	font-size:12px;
	color:#529900;
	text-align:right;
	font-weight:lighter;

}


/* ::::::::::::::::::::::::::::::トップへ戻るボタン*/


h5{
	float:left;
	margin:0px;
	padding:5px;
	padding-top:5px;
	padding-bottom:10px;
	width: 180px;
	height:12px;
	font-size:12px;
	color:#529900;
	text-align:left;
	font-weight:lighter;
	font-family:arial;

}


