@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;
}
.margin-bottom{
	margin-bottom: 15px;
}

.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: #F39806;
}

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

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/main.jpg);
}

div.page-product{
	padding-top: 235px;
	background-image: url(../../../img/product.jpg);
}
div.page-work{
	padding-top: 234px;
	background-image: url(../../../img/works01.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-qa{
	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);
}


#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;
}


#po {
	width: 535px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: url(../../../img/po_bk.gif) repeat-y;
}

h3#point {
	width: 535px;
	height:26px;
	display: block;
	background: url(../../../img/point_title_bk.gif) no-repeat;
	font-size: 15px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	padding: 12px 0px 0px 0px;
	margin-bottom: 5px;
}
.potxt {
	font-size: 13px;
	color: #333333;
	text-align: center;
}


#po_sub {
	width: 480px;
	height: 100px;
	background: url(../../../img/po_sub_bk.gif) no-repeat;
	margin: 10px auto 0 auto;
	padding: 14px 0px 4px 20px;
	font-size: 13px;
	color: #333333;
	line-height: 180%;
	text-align: left;
	font-weight: bold;
}
#po_sub ol{
	list-style: decimal;
	list-style-position: inside;
}

p#poimg{
	padding: 0;
	text-align: center;
	margin-bottom: 10px;
}

div#plans {
	width: 534px;
	height:135px;
	margin: 15px 0px 15px 0px;
	padding: 0px;
}


.title {
	font-size: 13px;
	font-weight: normal;
	color: #000;
	width: 519px;
	height: 20px;
	padding: 3px 0 0 15px;
	background-image: url(../../../images/bg-title.gif);
	background-repeat: no-repeat;
}

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



#presen {
width: 518px;
height: 148px;
display: block;
margin: 16px 16px 0px 0px;
padding: 0px;
clear: both;
font-size: 11px;
color: #666666;
line-height: 150%;
}




#garally {
height: 125px;
margin: 0px 0px 15px 0px;
padding: 0px;
display:block;
}

.work {
width: 506px;
height:  92px;
display: block;
background: url(../../../img/works_bk.gif) repeat-y;
padding: 11px 14px 0px 11px;
}


#news_2 {
	width: 504px;
	font-size: 13px;
	overflow: auto;
	height: 200px;
	background: url(../../../img/po_bk.gif) repeat-y;
	text-align: left;
	padding: 15px;
}

.n_bot {
	padding: 0;
	margin-bottom: 15px;
}


/*商品ラインナップ*/
.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;
}
.product-title4{
	font-weight: normal;
	font-size: 16px;
	color: #000;
	height: 27px;
	margin-top: 20px;
	padding: 5px 0 0 18px;
	background-image: url(../../../img/product/bg-product-title.jpg);
	background-repeat: no-repeat;
	background-position:top;
}
.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;
}

.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-title{
	margin-bottom: 10px;
}
table.plan-table{
	width: 534px;
	table-layout: fixed;
	margin-bottom: 25px;
}
table.plan-table td{
	padding: 5px 0;
}

/*お問い合わせ*/
.contact-title{
	font-size: 16px;
	color: #41799D;
	font-weight: bold;
	margin-bottom: 15px;
}
div.contact-content{
	font-size: 16px;
	margin-bottom: 20px;
}
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 #F39806;
	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;
}

/*会社概要*/
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;
}


.photo {
float:left;
width: 120px;
height: 82px;
display: block;
margin: 0px 8px 0px 0px;
padding: 0px;
}

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

#other {
	width: 534px;

}

.service {
width: 534px;
height: 45px;
display: block;
margin: 10px 0px 0px 0px;
padding: 0px;
}

#right {
	float: right;
	width: 183px;
	height: auto;
}

.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;
	padding: 10px 0 0 0;
	line-height: 150%;
	font-size: 12px;
}

#footer a {
	color: #666666;
}


#footer a:hover {
	color: #0066CC;
}
#copy {
	width: 760px;
	color: #FFFFFF;
	background-color: #F39806;
	font-size: 13px;
	text-align: center;
	margin: 15px 0px 0px 0px;
	padding: 5px 0px;
}
#copy a,#copy a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
/*お客様の声*/
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;
	
}
/* サイト紹介 */
#relaySites {
	width: 520px;
	margin: 10px auto;
	padding: 0px 5px;
}
#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;
}