/***************************************/
/**   全体レイアウト           　     **/
/***************************************/
body {
	text-align: center;
	text-align:center;
	background-image: url(../image/common/back.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#mainarea {
	text-align: left;
	width: 800px;
	margin:0 auto;
	background-color: #FFFFFF;
}
.back{
	text-align: right;
}


/***************************************/
/**   ヘッダーレイアウト           　 **/
/***************************************/
#header {
	width: 800px;
	background-image: url(../image/top-back.gif);
}

.headcom {
	width: 300px;
	margin-top: 10px;
	float: left;
}

/***************************************/
/**   ナビ                         　 **/
/***************************************/
#navi {
	width: 800px;
	height: 41px;
	background-image: url(../image/navi-back.jpg);
	clear: both;
	background-repeat: repeat-x;
}
#navi ul {
	margin: 0px 0px 0px 37px;
	padding: 0px;
}
#navi li {
	margin: 0px 1px 0px 0px;
	padding: 0px;
	float: left;
}
#navi li a {
}
#navi li a span {
	display: none;
}
#navi img {
    vertical-align: top;
}


/***************************************/
/**   コンテンツ枠　　                **/
/***************************************/
#contwaku {
	width: 800px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}

/***************************************/
/**   トップイメージエリア         　 **/
/***************************************/
#topimage {
	width: 800px;
	clear: both;
}

/***************************************/
/**   サイドエリア         　         **/
/***************************************/
.side{
	background-image: url(../image/common/side-back.gif);
	background-repeat: repeat;
}

/***************************************/
/**   コンテンツエリア                **/
/***************************************/
#contents {
	width: 780px;
	margin-left: 10px;
}

.sub {
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

.sub li{
	font-size: 10px;
	background-image: url(../image/common/arrow-dpink.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	letter-spacing: 0em;
	background-position: 0px;
	color: #FF61CF;
}

.sekou-area {
	margin-bottom: 15px;
	width: 190px;
	background-color: #ffe8a4;
}

.sekou-area img{
	text-align: center;
	margin-bottom: 3px;
}

.present-area {
	margin-bottom: 15px;
	width: 190px;
	background-color: #FACED0;
}

.presen-area {
	background-image: url(../image/top-presen-back.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	border: 1px solid #CCCCCC;
	padding-bottom: 10px;
	background-position: bottom;
}

.presen-area table{
	margin-left: 29px;
}

.club-inst{
	margin-left: 29px;
}


/***************************************/
/**   内容　　　　　　                **/
/***************************************/

.cont-area {
	width: 560px;
	margin-top: 10px;
	margin-left: 10px;
}

.point ul{
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: 30px;
	background-color: #E4E4E4;
	padding: 5px;
}

.point li{
	background-image: url(../image/common/arrow-dpink.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	letter-spacing: 0.1em;
	background-position: 0px 3px;
	color: #FF3399;
	font-weight: bold;
	margin-bottom: 3px;
}

.clubinst{
	padding: 5px;
	border: 2px solid #CCCCCC;
	margin-bottom: 5px;
}

.clubinst td{
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}

.company{
	padding: 5px;
	border: 2px solid #CCCCCC;
	margin-bottom: 5px;
}

.link{
	margin-left: 10px;
	width: 530px;
	margin-bottom: 20px;
	margin-top: 20px;
	clear: both;
	padding: 5px 5px 10px;
	border: 1px dotted #999999;
}
.link h4{
	text-decoration: underline;
	font-size: 18px;
	letter-spacing: 1em;
	font-weight: bold;
	margin-bottom: 15px;
}
.link h5{
	text-decoration: underline;
	font-size: 14px;
	letter-spacing: 0.5em;
	font-weight: bold;
	margin-bottom: 15px;
	color: #007BC8;
}
.link td{
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.link .p-link{
	margin-left: 10px;
	font-size: 12px;
	line-height: 18px;
	padding-left: 15px;
	background-image: url(../image/common/arrow-dblue.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-color: #7D8245;
	margin-right: 10px;
}


/**   施工例  **/
.sekounavi{

}

.sekounavi ul{

}

.sekounavi li{
	float: left;
	margin-right: 2px;
}

.sekou-ex{
	margin-left: 10px;
	margin-right: 10px;
}

.sekou-ex .name{
	font-size: 16px;
	padding-left: 10px;
	background-color: #2e8ea6;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 13px;
	padding-bottom: 13px;
}

.sekou-ex .name2{
	font-size: 16px;
	padding-left: 10px;
	background-color: #8FD24A;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 13px;
	padding-bottom: 13px;
}

.sekou-ex th{
	width: 80px;
	background-color: #c4cdd0;
	text-align: center;
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sekou-ex td{
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sekou-com {
	background-image: url(../image/sekou/sekou-com-back.gif);
	background-repeat: repeat;
	width: 199px;
	border: 1px solid #C4CDD0;
	color: #0062AA;

}

.sekou-photo{
	margin: 10px;
}

.sekou-photo img{
	margin-left: 15px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	padding: 10px 10px 30px;
}


/***************************************/
/**   フッターエリア                  **/
/***************************************/
#futter{
	clear: both;
	color: #666666;
	text-align: center;
	margin-top: 10px;
	background-color: #B19D4E;
}

#futter h2{
	vertical-align: middle;
	color: #FFFFFF;
}

#futter h3{
	color: #000000;
	padding-bottom: 5px;
}


/***************************************/
/**   コンテンツセンターエリア        **/
/***************************************/
.pan {
	margin-top: 5px;
}