@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");

/* === 装飾 === */
h1{ margin: 0px; padding: 0px; font-size: 10px; color:#C1C1C1; }
H2{ margin: 0px; padding: 0px;}

/* === header === */
#home{ position:absolute; top:65px; left:335px; }
#header-contact{
	position: absolute;
	top: 20px;
	right: 0px;
	width:215px;
}

/* === navi === */
#navi ul{
	padding:0px;
	margin:0px;
}
#navi ul li{
	width: 136px;
	display: inline;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#navi ul li img{ vertical-align: bottom; }

/* === pankuzu === */
#pankuzu a{
	margin-right: 5px;
	padding: 0px 12px 0px 5px;
	background:url(../img/a_pankuzu.gif) right no-repeat;
}

/* === contents === */

/* concept.html */
.con-waku1-1{
	width: 711px;
	height: 280px;
	line-height: 130%;
	padding: 40px 40px 0px 65px;
	background: url(../img/concept/waku1-1-bg.jpg) no-repeat;
}
.con-waku1-2{
	width: 515px;
	height: 207px;
	line-height: 130%;
	padding: 20px 73px 0px 228px;
	background: url(../img/concept/waku1-2-bg.jpg) no-repeat;
}
.con-waku1-3{
	width: 711px;
	height: 222px;
	line-height: 130%;
	margin-bottom: 30px;
	padding: 10px 40px 0px 65px;
	background: url(../img/concept/waku1-3-bg.jpg) no-repeat;
}
.con-waku1-text{ padding-left: 30px;}
.point{ margin: 20px 0px; }
.con-waku2{
	width: 736px;
	height: 287px;
	line-height: 150%;
	padding: 0px 40px 0px 40px;
	background: url(../img/concept/waku2-bg.gif) no-repeat;
}
/* price.html */
#plan-list{
	position: relative;
	height:865px;
	margin-top: 7px;
	background-color: #FFFFFF;
}
#plan-list #p-list1{ position:absolute; top:0px; left:-7px;}
#plan-list #p-list2{ position:absolute; top:0px; left:274px;}
#plan-list #p-list3{ position:absolute; top:0px; left:560px;}
#plan-list #p-list4{ position:absolute; top:435px; left:-7px;}
#plan-list #p-list5{ position:absolute; top:435px; left:274px;}
#plan-list #p-list6{ position:absolute; top:435px; left:560px;}
#plan-box{ padding:0px; margin-bottom: 30px;}
#plan1{ height: 550px; background: url(../img/price/plan1-photo1.jpg) bottom left no-repeat; }
#plan2{ height: 550px; background: url(../img/price/plan2-photo1.jpg) bottom left no-repeat; }
#plan3{ height: 560px; background: url(../img/price/plan3-photo1.jpg) bottom left no-repeat; }
#plan4{ height: 445px; background: url(../img/price/plan4-photo1.jpg) bottom left no-repeat; }
#plan1,#plan2,#plan3,#plan4{ margin-bottom: 20px;}
#plan1-text,#plan2-text,#plan3-text{ line-height: 150%; padding: 35px 10px 10px 300px; }
#plan4-text{ line-height: 150%; padding: 25px 10px 10px 300px; }
.f-small{ font-size: 10px; }
#about-plan{
	width: 696px;
	height: 233px;
	padding:0px;
	margin: 0px auto 0px auto;
	background: url(../img/price/about-bg.jpg) bottom no-repeat;
}
#about-text{ width:470px; margin:20px 0px 0px 25px; line-height: 150%; }

/* flow.html */
#flow-waku1{
	position: relative;
	padding: 0;
	height: 1226px;
}
#flow1{ position:absolute; top:0px; left:0px;}
#flow2{ position:absolute; top:17px; left:443px;}
#flow3{ position:absolute; top:370px; left:338px;}
#flow4{ position:absolute; top:320px; left:0px;}
#flow5{ position:absolute; top:684px; left:328px;}
#flow6{ position:absolute; top:913px; left:0px;}
#flow-text{ position:absolute; top:1065px; left:360px;}

#flow-waku2{
	margin: 0px 20px;
	padding: 46px 20px 5px 20px;
	background: #FBF1F2 url(../img/flow/q-title.gif) top left no-repeat;
}
#flow-waku2 .q-title{
	color: #FFFFFF;
	font-weight: bold;
	line-height: 130%;
	padding: 8px 10px 5px 35px;
	background: url(../img/flow/q-title-bg.gif) top left no-repeat;
}
#flow-waku2 .q-box{
	line-height: 130%;
	padding: 15px 20px;
	margin-bottom: 20px;
	background: url(../img/flow/q-box-bg.gif) bottom left no-repeat;
}

/* staff.html */
#category{ width: 215px; }
#category ul{ margin-bottom: 20px; padding: 0px; }
#category ul li{
	display:block;
	width: 215px;
	height: 33px;
	padding: 0px;
	list-style-type: none;
	vertical-align: bottom;
	background:url(../img/blog/cate-list-bg1.jpg) no-repeat;
}
#category ul li.blog-menu{
	width: 175px;
	height: 18px;
	color: #FFFFFF;
	padding: 10px 5px 5px 35px;
	background:url(../img/blog/menu-title-bg.jpg) no-repeat;
}
#category ul li.cate-month{
	width: 215px;
	height: 49px;
	background:url(../img/blog/cate-month-bg.jpg) no-repeat;
}
#category ul li.last{
	background:url(../img/blog/cate-list-bg2.jpg) no-repeat;
}
#category a{
	display: block;
	width: 186px;
	height: 18px;
	padding: 10px 5px 5px 25px;
}
#list-month{margin: 0px 17px 12px; width: 180px;
padding-top:12px;}

h3.cate-title{
	color: #FFFFFF;
	font-size: 12px;
	margin-bottom: 12px;
	padding: 7px 10px 7px 30px;
	background: url(../img/blog/cate-title-bg.jpg) no-repeat;
}
.entry-box{width:560px; margin-bottom: 50px;}
h4.entry-title{
	width: 560px;
	margin:5px 0px;
	padding: 0px;
	background: url(../img/blog/entry-title-bg.gif) no-repeat;
}
h4.entry-title a{
	display: block;
	width: 525px;
	color: #000000;
	font-size: 12px;
	line-height: 130%;
	text-decoration: none;
	padding: 8px 10px 10px 25px;
	background: url(../img/blog/cate-title-bar.gif) bottom no-repeat;
}
.entry-day{ text-align: right; font-size: 10px; margin: 5px 0px;}
.entry-text{margin:20px 0px; line-height: 175%;}
.entry-more{
	text-align:right;
	padding-right:15px;
	background:url(../img/blog/entry-more.gif) bottom right no-repeat;
	clear: both;
}
.entry-list-box{
	clear: both;
	padding: 0px;
}
.entry-list{
	width: 250px;
	padding:0px;
	margin:0px auto 0px auto;
	list-style-type:none;
}
.entry-list li{display:inline; float:left; padding-right:5px;}
.entry-list a{
	text-decoration:none;
	display:block;
	padding:2px 4px;
	color:#C91715;
	border:solid 1px #C91715;
}
.entry-list a:hover,.entry-list a:active{
	text-decoration:none;
	background-color:#FDE5E5;
}

.entry-navi-box{
	width: 560px;
	margin-top: -30px;
	padding-top: 20px;
	background: url(../img/blog/entry-navi-bar.gif) top left no-repeat;
}
.entry-navi{
	width: 400px;
	padding:0px;
	text-align: left;
	line-height: 150%;
	list-style-type:none;
}
.entry-navi li{ padding-left: 15px; }
.entry-navi li.next{ background: url(../img/blog/navi-next.gif) top left no-repeat; }
.entry-navi li.befor{ background: url(../img/blog/navi-befor.gif) top left no-repeat; }
.entry-navi li.list{ background: url(../img/blog/navi-list.gif) top left no-repeat; }


#blog-contact-bar{
	width: 260px;
	height: 87px;
	padding: 82px 0px 0px 301px;
	margin: 50px auto 0px auto;
	background:url(../img/blog/contact-bar.jpg) no-repeat;
}

/* contact.html */
.form-box1{ background-color:#FCF3F4; padding: 15px; margin: 0px 20px;}
#form-contact{
	margin: 20px;
	border-bottom: solid 1px #D7D4CD;
	border-right: solid 1px #D7D4CD;
}
#form-contact th,#form-contact td{
	border-left: solid 1px #D7D4CD;	
	border-top: solid 1px #D7D4CD;
	background-color: #FFFFFF;
	padding: 4px 10px 5px 10px;
}
#form-contact th{ background-color:#F9F5EA; text-align:center; color:#553911; width: 180px; }
#form-contact td{ width: 555px; }
.plan-list1 ul{}
.plan-list1 ul li{ float:left; width:120px; list-style-type:none; }

#thanks{
	margin: 20px;
	padding: 30px auto;
	line-height: 175%;
	border: solid 3px #F4E0E1;
	background: #FCF3F4 url(../img/contact/thanks-bg.gif) top right no-repeat;
	text-align: center;
}
#thanks-enpty{ height: 200px; background-color: #FFFFFF;}

/* map.html */
#gaiyou{ margin: 0px 20px; margin-bottom: 20px; }
#gaiyou table{ border-top: solid 1px #C7C7C7; border-bottom: solid 1px #C7C7C7; }
#gaiyou tr{ margin-bottom: 2px;}
#gaiyou th,#gaiyou td{ padding: 5px 0px; background:url(../img/map/gaiyou-td.gif) bottom left repeat-x;}
#gaiyou th{
	width:100px;
	text-align:center;
	border-right: solid 2px #CE1415;
}
#gaiyou td{
	width:655px;
	text-align:left;
	padding-left: 15px;
}
#gaiyou th.bottom,#gaiyou td.bottom{ background-image: none;}
#map{ margin: 0px 20px; margin-bottom: 20px; }

/* contents 共通 */
.img-left{ float:left; margin: 0px 20px 10px 0px; }
.img-right{ float: right; margin: 0px 0px 10px 20px; }
.red{ color: #CC0000; }
.glay{ color: #7C7C7C; }

#next{ margin: 30px 0px; text-align:center; }
#next img{ vertical-align:bottom; margin-right:10px;}
#contact-bar{
	width: 356px;
	height: 95px;
	padding: 80px 0px 0px 320px;
	margin: 0px auto 0px auto;
	background:url(../img/contact-bar.jpg) no-repeat;
}
#fortop{
	margin-top: -3px;
	text-align: right;
}

/* === footer === */
#footer-navi ul{ margin:0px; padding:0px; }
#footer-navi ul li{
	float: left;
	padding: 0px 5px;
	list-style-type: none;
	border-right: solid 1px #FFFFFF;
}
#footer-navi ul li.top{
	border-left: solid 1px #FFFFFF;
}
#footer-navi a{	color: #FFFFFF;	text-decoration: underline; }
#footer-navi a:hover{ color: #FFFFFF; text-decoration: none; }
#footer-box #add{
	width: 350px;
	padding-left: 130px;
	margin-top: -43px;
}
#footer-box a{ color: #93827A; text-decoration: underline;}
#footer-box a:hover{ color: #93827A; text-decoration: none;}
#footer-kitatoku{
	position: absolute;
	top: 10px;
	left: 671px;
}
#copyright{
	position: absolute;
	top: 80px;
	right: 0px;
	overflow: hidden;
}

/* === topページ === */
#main-img1{ position:absolute; top:95px; left:0px; }
#main-img2{ position:absolute; top:0px; left:407px; }
#top-main{
	float: right;
	width: 560px;
	text-align: left;
}

#top-left{
	float: left;
	width:215px;
}
#top-left ul li{ list-style-type: none; margin-bottom: 10px;}
#photo{
	width:190px;
	height: 145px;
	text-align: left;
	margin-bottom: 15px;
	padding: 50px 10px 10px 15px;
	background: url(../img/top/photo-bg.jpg) no-repeat;
}
#photo-title{ font-size:11px; margin-bottom:5px;}
#photo-text{
	font-size: 10px;
	line-height: 140%;
	margin-top: -128px;
	padding-left: 95px;
}

.plan-left{
	width: 276px;
	float: left;
	margin: 0px 5px 8px 0px;
}
.plan-right{
	width:277px;
	float: right;
	margin-bottom: 8px;
}
.m-r04{ margin-right:4px;}
#news{
 margin-bottom: 20px;
}
#news ul{ margin-left:5px; padding:0px; width:560px; }
#news ul li{
	padding: 5px 0px 8px 5px;
	line-height: 150%;
	list-style-type:none;
	background: url(../img/top/news-bar.gif) bottom left no-repeat;
}
.news-day{
	color:#707070;
	font-size: 10px;
	padding-left: 20px;
	background: url(../img/top/news-ya.gif) left no-repeat;
}
.news-text{
	margin-top: -18px;
	width: 425px;
	padding-left: 125px;
}

#aya{
	width: 546px;
	height: 250px;
	line-height: 175%;
	padding: 80px 10px 10px 20px;
	background: url(../img/top/aya-more-bg.jpg) no-repeat;
}
#aya ul{
	margin-left: 10px;
}
#aya ul li{
	padding-left: 18px;
	list-style-type: none;
	background: url(../img/top/aya-list.gif) top left no-repeat;
}
#aya #more{
	text-align:right;
	margin-top: -20px;
	padding-right: 15px;
}



/************************************************************
formmail start
*************************************************************/

#kaku{
padding:20px 0px;
}

table.mess_table{
border-bottom:1px solid #C7C5BE;
border-left:1px solid #C7C5BE;
margin:0px auto;
}
table.mess_table th{
border-top:1px solid #C7C5BE;
border-right:1px solid #C7C5BE;
vertical-align:top;
text-align:left;
padding:7px 10px;
background:#EAEAEA;
font-weight:normal;
width:200px;
}
table.mess_table td{
border-top:1px solid #C7C5BE;
border-right:1px solid #C7C5BE;
vertical-align:top;
text-align:left;
padding:7px 10px;
background:#F6F6F6;
font-weight:normal;
}

p.mess_txt{
line-height:200%;
padding:20px 0px;
text-align:center;
}
div.mess_button{
padding:20px 0px;
text-align:center;
}
div.mess_button input{
margin:10px 50px 10px 0px;
vertical-align:middle;
}
div.mess_button img{
vertical-align:middle;
}

.error_mail{
width:500px;
margin:0px auto;
line-height:180%;
padding:10px 0px;
font-weight:bold;
color:#ee0000;
}
.error_txt{
width:500px;
margin:0px auto;
line-height:200%;
}

#form_message{
padding-top:20px;
}








/************************************************************
formmail end
*************************************************************/