@charset "utf-8";

/*
Theme Name: 住宅プレゼン.net
Theme URI: http://kunugi.info/
Description: 住宅プレゼン.netのカスタマイズテーマ
Version: 1.0
Author: kunugi ltd
Author URI: http://kunugi.info/
Tags: white, custom header, fixed width, two columns, widgets

*/

*{
	margin:0;
	padding:0;
}

body {
	color: #000;
	background: #FFF;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 14px;
	line-height: 20px;
}

img,a img{
	border: none;
}

p{
	padding: 5px 0;
}

ul,ol{
	list-style: none;
	list-style-position: outside;
}
.align-right{
	text-align: right;
}
.align-center{
	text-align: center;
}
.clear{
	clear: both;
}

.red{
	font-weight: bold;
	color: #C00;
}

.fleft{
	float: left;
	padding: 0 10px 10px 0;
}

.notice{
	font-size: 12px;
}

div#wrapper {
	width: 760px;
	margin: 0 auto;
}

div#header{
	width: 760px;
	position: relative;
	font-size: 13px;
}

div#header h1{
	padding: 3px 0 3px 5px;
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	background-color: #8EC323;
}

div#header p#description{
	position: absolute;
	right: 5px;
	top: 3px;
	padding: 0;
	color: #FFF;
	background-color: #8EC323;
}

div#adress {
	position: absolute;
	top: 26px;
	right: 0;
}

div#menu {
	height: 42px;
	width: 760px;
}
div#menu ul{

}
div#menu ul li{
	float: left;
	width: 152px;
	height: 42px;
}
div#main_img{
	clear: left;
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 15px;
}
div#main_img p{
	padding: 0;
}
div#main_img h2{
	color: #FFF;
	background-color: #000;
	text-align: center;
	font-size: 13px;
	padding: 3px 0;
}
div.page-index{
	padding-top: 235px;
	background-image: url(../../../img/index/bg-main.jpg);
}

div.page-product{
	padding-top: 235px;
	background-image: url(../../../img/product/bg-product.jpg);
}
div.page-work{
	padding-top: 235px;
	background-image: url(../../../img/works01.jpg);
}
div.page-work2{
	padding-top: 235px;
	background-image: url(../../../img/works02.jpg);
}
div.page-plan{
	padding-top: 235px;
	background-image: url(../../../img/plan_main.jpg);
}
div.page-contact{
	padding-top: 235px;
	background-image: url(../../../img/contact_main.jpg);
}
div.page-company{
	padding-top: 235px;
	background-image: url(../../../img/com_main.jpg);
}
div.page-voice{
	padding-top: 235px;
	background-image: url(../../../img/voice_main.jpg);
}
div.page-qat{
	padding-top: 235px;
	background-image: url(../../../img/qa.jpg);
}
div.page-privacy{
	padding-top: 234px;
	background-image: url(../../../img/p_poricy.jpg);
}
div.page-sitemap{
	padding-top: 234px;
	background-image: url(../../../img/sitemap.jpg);
}

div.page-campain{
	padding-top: 235px;
	background-image: url(../../../img/special.jpg);
}

/*会社概要*/
p.company-title{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

p.table-company-top{
	width: 513px;
	margin: 20px auto 0 auto;
	padding: 0;
}
table.company{
	font-size: 13px;
	width: 513px;
	margin: 0 auto;
	background-image: url(../../../img/comp_03_bk.gif);
	background-repeat: repeat-y;
	border-collapse: collapse;
}
table.company th{
	font-weight: normal;
	text-align: left;
	padding: 8px 0 8px 10px;
	border-bottom: solid 1px #CECECE;
	vertical-align: top;
}
table.company td{
	vertical-align: top;
	padding: 8px 0 8px 0;
	border-bottom: solid 1px #CECECE;
}

p.table-company-bottom{
	width: 513px;
	margin: 0 auto 20px auto;
	padding: 0;
}

/*お客様の声*/
div.voice{
	font-size: 13px;
	width: 500px;
	height: 200px;
	padding: 25px 10px 15px 20px;
	margin: 0 auto;
	background-image: url(../../../img/voice/bg-voice.gif);
	background-repeat: no-repeat;
	background-position: top;
}
div.voice p{
	padding: 0;
}
div.voice p.vo-photo{
	float: left;
	padding: 0 10px 0px 0;
}
div.voice p.voice-title{
	color: #901011;
	font-weight: bold;
	margin-bottom: 10px;
}
p.voice-bottom{
	clear: left;
	width: 520px;
	margin: 0 auto 15px auto;
	padding: 0 10px 15px 0;
	font-size: 13px;
	text-align: right;
	background-image: url(../../../img/voice/voice_bt.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	
}


#contents {
	width: 760px;
	margin: 18px 0 0 0;
	padding: 0 0 10px 0;
}

#left {
	width: 537px;
	height: auto;
	float: left;
	padding: 0 0 0 12px;
}

#left .title{
	color: #FFF;
	background-image: url(../../../img/bg-title.gif);
	background-repeat: no-repeat;
	padding: 2px 0 2px 15px;
	font-size: 14px;
	font-weight: bold;
}

#left .page-title{
	margin-bottom: 20px;
}

/*トップページ*/
ul#point {
	width: 535px;
	height:54px;
}
ul#point li{
	float: left;
	width: 160px;
	height: 120px;
	padding: 52px 5px 10px 8px;
	color: #333;
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 12px;
}

ul#point li h3.point-title{
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	margin-bottom: 12px;
}
ul#point li p.point-title2{
	color: #C61823;
	font-weight: bold;
	padding: 0;
}


ul#point li.po1 {
	margin-right: 7px;
	background-image: url(../../../img/index/bg-point1.jpg);
}
ul#point li.po2 {
	margin-right: 7px;
	background-image: url(../../../img/index/bg-point2.jpg);
}
ul#point li.po3 {
	background-image: url(../../../img/index/bg-point3.jpg);
}

div#point-text {
	clear: both;
	color: #333;
	background-image: url(../../../img/index/bg-point-text.jpg);
	background-repeat: no-repeat;
	background-position: top;
	font-size: 12px;
	width: 510px;
	height: 132px;
	padding: 16px 10px 0 14px;
	line-height: 150%;
	margin-bottom: 15px;
}

div#point-text h2#title-point-text{
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 10px;
}

div#point-text p.ptext{
	padding: 0 220px 0 0;
	line-height: 19px;
}

p.link-campain{
	padding: 0;
	margin-bottom: 15px;
}

div#plan {
	position: relative;
	width: 534px;
	height:158px;
	margin-bottom: 10px;
	padding: 10px 0 0 0;
	background-image: url(../../../img/index/bg-plan.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

div#plan h3.title-plan{
	font-size: 22px;
	padding-left: 160px;
	font-weight: bold;
	margin-bottom: 5px;
}
div#plan .sub-title-plan{
	font-size: 16px;
	color: #28A9E2;
	padding-left: 200px;
	font-weight: bold;
}

div#plan .link-plan{
	position: absolute;
	left: 35px;
	top: 111px;
	padding: 0;
}

.work {
	width: 506px;
	height: 160px;
	display: block;
	background: url(../../../img/works_bk.jpg);
	background-repeat:  no-repeat;
	background-position: bottom;
	padding: 10px 14px 0px 14px;
	margin-bottom: 15px;
}
.photo {
	float:left;
	width: 120px;
	height: 82px;
	display: block;
	margin: 0 8px 5px 0;
}

.photo2 {
	float:left;
	width: 120px;
	height: 82px;
	display: block;
	margin: 0 0  5px 0;
}

#news {
	overflow: auto;
	height: 160px;
	display: block;
	width: 504px;
	background: url(../../../img/po_bk.gif) repeat-y;
	text-align: left;
	padding: 15px;
}

.txt19 {
	margin: 3px;
	font-size: 11px;
	color: #993333;
	letter-spacing: 1pt;
	line-height: 150%;
}

.txt16 {
	margin: 3px;
	font-size: 11px;
	color: #333333;
	letter-spacing: 1pt;
	line-height: 150%;
}

#n_bot {
	margin: 0 0 15px 0;
}


#other {
	width: 534px;
}

ul.service li{
	margin-top: 10px;
}

/*商品ラインナップ*/
.product-title{
	font-weight: normal;
	font-size: 16px;
	color: #000;
	height: 47px;
	padding: 5px 0 0 18px;
	background-image: url(../../../img/product/bg-product-title.jpg);
	background-repeat: no-repeat;
}
.product-title2{
	font-weight: normal;
	font-size: 16px;
	height: 47px;
	color: #000;
	padding: 5px 0 0 18px;
	background-image: url(../../../img/product/bg-product-title2.jpg);
	background-repeat: no-repeat;
}
.product-title3{
	font-weight: normal;
	font-size: 16px;
	height: 47px;
	color: #000;
	padding: 5px 0 0 18px;
	background-image: url(../../../img/product/bg-product-title3.jpg);
	background-repeat: no-repeat;
}
.gaikan-content{
	color: #333;
	width: 508px;
	height: 97px;
	padding: 0 10px 10px 18px;
	background-image: url(../../../img/product/bg-gaikan.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
.gaikan-content p{
	padding: 2px 0 0 3px;
}
.gaikan-content p.plan-link{
	padding: 6px 0 0 0;
}
.gaikan-content p.plan-link a{
	color: #F00;
}

.gaikan-content p.gaikan-content-subtitle{
	padding-left: 27px;
	color: #FFF;
}
.naikan-content{
	color: #333;
	width: 508px;
	height: 97px;
	padding: 0 10px 10px 18px;
	background-image: url(../../../img/product/bg-naikan.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
.naikan-content p{
	padding: 2px 0 0 3px;
}

.naikan-content p.plan-link{
	padding: 6px 0 0 0;
}
.naikan-content p.plan-link a{
	color: #F00;
}
.naikan-content p.naikan-content-subtitle{
	padding-left: 27px;
	color: #FFF;
}
.sand-content{
	color: #333;
	width: 508px;
	height: 97px;
	padding: 0 10px 10px 18px;
	background-image: url(../../../img/product/bg-3d.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}

.sand-content p{
	padding: 2px 0 0 3px;
}

p.sand-content-subtitle{
	color: #FFF;
}

.product-content{
	color: #333;
	width: 516px;
	padding: 0 10px 10px 10px;
	background-image: url(../../../img/product/bg-product-content.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 25px;
}
.product-subtitle{
	padding: 0 0 3px 0;
	color: #5785C4;
	font-weight: bold;
	border-bottom: solid 2px #5785C4;
	margin-bottom: 5px;
}

div.modering-content{
	position: relative;
}
.modering-text{
	width: 185px;
	font-size: 13px;
	position: absolute;
	right: 0;
	top: 115px;
	color: #5785C4;
	font-weight: bold;
}

div.zumen-content{
	position: relative;
}
p.zumen-text{
	font-size: 13px;
	position: absolute;
	right: 10px;
	top: 38px;
	color: #5785C4;
	font-weight: bold;
}
p.modering-sample{
	width: 155px;
	padding: 8px 5px;
	color: #FFF;
	background-color: #C00;
	margin-top: 10px;
}

/*制作実績*/
table.zisseki td{
	padding: 7px 10px 8px 0;
}
table.zisseki td.td3{
	padding: 7px 0 8px 0;
}

/*料金プラン*/
h3.plan-title1{
	padding: 1px 0 0 15px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	background-image: url(../../../img/plan/bg-plantitle1.gif);
	background-repeat: no-repeat;
	width: 537px;
	height: 19px;
}
h3.plan-title2{
	padding: 1px 0 0 15px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	background-image: url(../../../img/plan/bg-plantitle2.gif);
	background-repeat: no-repeat;
	width: 537px;
	height: 19px;
}
h3.plan-title3{
	padding: 1px 0 0 15px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	background-image: url(../../../img/plan/bg-plantitle3.gif);
	background-repeat: no-repeat;
	width: 537px;
	height: 19px;
}
div.plan-content{
	width: 552px;
	font-size: 13px;
	background-image: url(../../../img/plan/bg-plan.gif);
	background-repeat: repeat-y;
	margin-bottom: 15px;
}
div.plan-left{
	padding: 10px 0 10px 6px;
	width: 195px;
	float: left;
}
div.plan-right{
	padding: 10px 6px 10px 0;
	width: 339px;
	float: right;
}
table.plan-table{
	width: 339px;
	border: solid 1px #CCCCCC;
	border-collapse: collapse;
	margin-top: 5px;
}
table.plan-table th{
	padding: 4px 0 4px 3px;
	text-align: left;
	font-weight: normal;
	width: 88px;
	border: solid 1px #CCCCCC;
}
table.plan-table td{
	padding: 4px 3px;
	border: solid 1px #CCCCCC;
}

p.footer-plan{
	clear: both;
	padding: 0;
}

/*お問い合わせ*/
.contact-title{
	font-size: 16px;
	color: #41799D;
	font-weight: bold;
	margin-bottom: 15px;
}
div.contact-content{
	font-size: 16px;
}
p.tele-number{
	font-weight: bold;
	font-size: 18px;
	color: #BB2B18;
}

table.contact-form{
	width: 534px;
	border: solid 1px #666;
	border-collapse: collapse;
	margin-bottom: 30px;
	font-size: 13px;
	color: #666;
}
table.contact-form th{
	text-align: left;
	font-weight: normal;
	width: 172px;
	background-color: #DEEEF3;
	border: solid 1px #666;
	padding: 8px 0 8px 8px;
}
table.contact-form td{
	border: solid 1px #666;
	padding: 8px 8px;
}

/*プライバシーポリシー*/
h3.privacy-title{
	font-size: 22px;
	font-weight: normal;
	padding: 10px 0;
	border-bottom: solid 1px #666;
	margin-bottom: 20px;
}
div.privacy-content{
	margin-bottom: 25px;
}
div.privacy-content h4{
	color: #993333;
}

table.tokuteisyou{
	border-collapse: collapse;
}
table.tokuteisyou th{
	color: #993333;
	width: 180px;
	text-align: left;
	padding: 10px 0;
	font-weight: normal;
	border-bottom: solid 1px #CCC;
}
table.tokuteisyou td{
	padding: 10px 10px;
	border-bottom: solid 1px #CCC;
}

/*サイトマップ*/
div.sitemap-content ul{
	list-style: none;
	list-style-position: outside;
	line-height: 28px;
}
div.sitemap-content ul li{
	padding: 5px 5px 5px 5px;
	margin-bottom: 20px;
}
div.sitemap-content ul li span{
	border-left: solid 3px #6B9621;
	padding-left: 10px;
}

div.sitemap-content ul li ul{
	list-style: none;
	list-style-position: outside;
	border: none;
	padding: 5px;
	margin: 5px 0 5px 25px;
}

/*サイド*/
#right {
	width: 183px;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}

.sub {
margin: 0px 0px 10px 0px;
padding: 0px;
text-align: center;
}

#footer {
	clear: both;
	width: 760px;
	height: auto;
	font-size: small;
	color: #666666;
	text-align: center;
	margin: 10px 0px;
	line-height: 150%;
	font-size: 12px;
}

#footer a {
	color: #666666;
}


#footer a:hover {
	color: #0066CC;
}

#copy {
width: 760px;
background: url(../../../img/green_bk.gif) repeat;
height: 10px;
color: #FFFFFF;
font-size: small;
text-align: center;
margin: 10px 0px 0px 0px;
padding: 5px 0px;
}

#voice {
width: 530px;
height: auto;
padding: 0px;
margin: 3px 0px 0px 0px;
background: url(../../../img/voice_bk.gif) repeat-y;
margin: 10px auto;
}

#vobot {
width: 530px;
height: 23px;
clear:both;
margin: 0px;
padding: 0px;
}

.vo_photo {
width: 150px;
padding: 0px;
margin: 6px;
display: block;
float: left;
}


/* サイト紹介 */
#relaySites {
	width: 520px;
	margin: 0 auto;
	padding: 0px 5px;
	border: 1px solid #a0a0a0;
	border-top: none;
}
#relaySites .siteBox {
	display: block;
	width: 250px;
	height: 360px;
	margin: 10px 5px;
	float: left;
}
#relaySites .siteBox .image {
	text-align: center;
}
#relaySites .siteBox .name {
	text-align: center;
	color: #901011;
	line-height: 16px;
}
#relaySites .siteBox .name a {
	color: #901011;
}
#relaySites .siteBox .title {
	text-align: center;
	color: #333333;
	line-height: 16px;
	width: 250px;
	height: 16px;
	padding: 0;
	background: none;
}
#relaySites .siteBox .text {
	text-align: left;
	font-size: 88%;
	color: #101010;
	line-height: 1.4em;
	height: 60px;
	overflow: hidden;
	margin: 0 1em;
}