/* Base Weblog (base-weblog.css) */

/* basic elements */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}


form { margin: 0; padding: 0; }
a { 
	text-decoration: none;
	color: #ff6600;
	}

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

a img { border: 0; 
	}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin-top: 0px;
    margin-bottom: 0px;
}







body{
	background: #f5f5f5;
	text-align: center;
	margin: 0px;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	line-height: 140%;
	font-size: 13px;
	color: #333333;
	}


img {
	border: none;
	}


h1{
	width: 305px;
	height: 55px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-decoration: none;
	}
h1 a{
	width: 305px;
	height: 55px;
	display: block;
	text-decoration: none;
	background: #f5f5f5 url(img/banner_title.gif) no-repeat 0 20px;
	text-indent: -9999px;
	}
h2{
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	display: inline;
	}


h3{
	}
h4{
	}






/*  ■  ボックス  ■  */


#container{
	margin: 0px auto;
	text-align: left;
	width: 780px;
	}


#banner{
	width: 780px;
	height: 310px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #f5f5f5 url(img/banner_backB.jpg) no-repeat left top;
	}

#header{
	width: 780px;
	height: 255px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#description{
	width: 460px;
	height: 20px;
	position: relative;
	top: -20px;
	left: 305px;
	text-align: right;
	}



#main{
	width: 735px;
	margin: 0px 20px 0px 25px;
	padding: 0px 0px 0px 0px;
	clear: both;
	}

#footer{
	width: 760px;
	text-align: center;
	margin: 20px 10px 20px 10px;
	padding: 0px;
	border-top: #999999 1px solid;
	}


/*  ■  ヘッダー  ■  */

#contact{
	width: 150px;
	height: 40px;
	position: relative;
	top: -75px;
	left: 620px;
	}

#contact em{
	width: 150px;
	height: 40px;
	display: block;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	}
#contact a{
	width: 150px;
	height: 40px;
	display: block;
	margin: 0px;
	padding: 0px;
	background: url(img/banner_contact.gif) no-repeat left top;
	text-decoration: none;
	}



/*  ■  コンテンツ  ■  */

#main h3{
	width: 730px;
	height: 85px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	}

#title_guide { background: url(img/title_guide.gif) no-repeat 0 20px; }
#title_example { background: url(img/title_example.gif) no-repeat 0 20px; }
#title_flow { background: url(img/title_flow.gif) no-repeat 0 20px; }
#title_faq { background: url(img/title_faq.gif) no-repeat 0 20px; }
#title_company { background: url(img/title_company.gif) no-repeat 0 20px; }
#title_contact { background: url(img/title_contact.gif) no-repeat 0 20px; }
#title_news { background: url(img/title_news.gif) no-repeat 0 20px; }


.contents{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	}

.text{
	width: 730px;
	}

.text p{
	margin: 10px 0px px 0px;
	padding: 0px 0px 0px 0px;
	}

.text h4{
	width: 425px; 
	height: 30px;
	margin: 0px;
	padding: 0px;
	}

h5{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: normal;
	}

.entry-header{
	color: #009900;
	font-size: 15px;
	font-weight: bold;
	}

.entry{
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: #66cc00 1px dashed;
	}

.entry-body{
	padding: 0px 0px 0px 20px;
	}

#caption_guide01{background: url(img/caption_guide01.gif) no-repeat left top; text-indent: -9999px;}
#caption_guide02{background: url(img/caption_guide02.gif) no-repeat left top; text-indent: -9999px;}
#caption_guide03{background: url(img/caption_guide03.gif) no-repeat left top; text-indent: -9999px;}
#caption_guide04{background: url(img/caption_guide04.gif) no-repeat left top; text-indent: -9999px;}
#caption_guide05{background: url(img/caption_guide05.gif) no-repeat left top; text-indent: -9999px;}
#caption_example01{background: url(img/caption_example01.gif) no-repeat left top; text-indent: -9999px;}

.image_right {float: right; margin: 0px; padding: 0px;}
.image_left {float: left;  margin: 0px; padding: 0px;}

.clear{
	margin: 0px;
	padding: 0px;
	clear: both;
	color: #f5f5f5;
	font-size: 1px;
	line-height: 10px;
	}


.module-list-item{
	list-style-image: url(img/list_image.gif);
	}

.module-list-item{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 15px;
	}

.module-list-item a{
	color: #009900;
	}
.module-list-item a:hover{
	color: #ff6600;
	}









/*  ■  テキスト・施工例  ■  */

.text2{
	width: 425px;
	}

.text2 p{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

.text2 h4{
	width: 425px; 
	height: 30px;
	margin: 0px;
	padding: 0px;
	color: #66cc00;
	font-size: 18px;
	}
.text2 h5{
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-weight: bold;
	}

.example_table{
	margin: 0px;
	padding: 0px 0px 20px 0px;
	table-layout: auto;
	width: 730px;
	}
.example_table td{
	text-align: left;
	vertical-align: top;
	}


/*  ■  テキスト・フロー  ■  */

.text3{
	width: 730px;
	}

.text3 p{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}

.text3 h4{
	width: 460px; 
	height: 30px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
.text3 h5{
	width: 350px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	}

#caption_flow01{background: url(img/caption_flow01.gif) no-repeat left top; text-indent: -9999px;}
#caption_flow02{background: url(img/caption_flow02.gif) no-repeat left top; text-indent: -9999px;}
#caption_flow03{background: url(img/caption_flow03.gif) no-repeat left top; text-indent: -9999px;}
#caption_flow04{background: url(img/caption_flow04.gif) no-repeat left top; text-indent: -9999px;}
#caption_flow05{background: url(img/caption_flow05.gif) no-repeat left top; text-indent: -9999px;}
#caption_flow06{background: url(img/caption_flow06.gif) no-repeat left top; text-indent: -9999px;}
#caption_flow07{background: url(img/caption_flow07.gif) no-repeat left top; text-indent: -9999px;}
#caption_flow08{background: url(img/caption_flow08.gif) no-repeat left top; text-indent: -9999px;}
#caption_flow09{background: url(img/caption_flow09.gif) no-repeat left top; text-indent: -9999px;}


#company_table{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	table-layout: fixed;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	line-height: 140%;
	font-size: 13px;
	color: #333333;
	}
.company_table_left{
	text-align: left;
	vertical-align: top;
	width: 130px;
	}
.company_table_left{
	text-align: left;
	vertical-align: top;
	}












/*  ■  フッター  ■  */

#footer p{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #666666;
	}

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

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





/*  ■  メインメニュー  ■  */
#menubox{
	width: 780px;
	height: 55px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	}

#menu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	text-indent: -9999px;
	}

#menu li{
	display: block;
	width: 140px;
	height: 55px;
	margin: 0px 10px 0px 0px;
	float: left;
	}

#menu a{
	display: block;
	width: 140px;
	height: 55px;
	text-decoration: none;
	background: #f5f5f5 url(img/mainmenu.gif) no-repeat left top;
	}

#menu01 a{background-position: 0 0;}
#menu02 a{background-position: -150px 0;}
#menu03 a{background-position: -300px 0;}
#menu04 a{background-position: -450px 0;}
#menu05 a{background-position: -600px 0;}

#menu01 a:hover{background-position: 0 -55px;}
#menu02 a:hover{background-position: -150px -55px;}
#menu03 a:hover{background-position: -300px -55px;}
#menu04 a:hover{background-position: -450px -55px;}
#menu05 a:hover{background-position: -600px -55px;}







/*  ■ font ■  */

.f14{font-size: 14px;}
.f13{font-size: 13px;}
.f12{font-size: 12px;}
.f11{font-size: 11px;}

.red{color: #cc0000;}
.gray{color: #666666;}