@charset "shift-jis";

/* ================================================================
   リセット
================================================================ */
body, div,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, legend, input, textarea, p, blockquote, address,
th, td{
	margin: 0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #353535;
	font-size: 12px;
	line-height: 1.4;
}
address, cite, code, dfn, em, var {	font-style: normal;	font-weight: normal;}
img, a img {	text-decoration: none;	vertical-align: bottom;	background: transparent;	border: 0 none;}
fieldset { border: 0 none; }
ul, ol { list-style: none; }
/* --------------------------------------------------------------*/
.cut{	clear: both;	float: none;}
.block{	display: block;}
.auto{	width: auto;}
.clearfix{	zoom:1; } 
.clearfix:after{	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;}




/* ================================================================
   基本スタイル
================================================================ */

/* 文字リンク
-----------------------------------------------------------------*/
a:link,
a:visited {	color: #069;	text-decoration: underline;}
a:hover,
a:active {	text-decoration: none;	color: #f30;}


/* body
-----------------------------------------------------------------*/
body{	background: #fff url(img/_bk.jpg) repeat-y center top;}


/* #contents
-----------------------------------------------------------------*/
#contents{
	width: 800px;
	margin: 0px auto;
	text-align: left;
}

/* .unit
------------------------------*/
#contents .unit{
	margin-bottom: 30px;
	text-align: center;
}
#contents .unit{
	/*
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	*/
	padding-bottom: 40px;
	background: url(img/_dot01.gif) repeat-x left bottom;
}

/* p.txt
------------------------------*/
p.txt3{
	padding-top: 45px;
	padding-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	color: #000;
}
p.txt4{
	padding-top: 35px;
	padding-bottom: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #036;
	line-height: 1.5;
}
p.txt5{
	padding-top: 35px;
	padding-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
}

p.right{
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #036;
	text-align: right;
	margin-right: 100px;

}

/* p.photo
------------------------------*/
p.photo{	padding-top: 35px;}




/* ================================================================
   h1
================================================================ */
h1{
	height: 258px;
	padding-top: 110px;
	background: url(img/00_h1_bk.jpg) no-repeat left top;
	text-align: center;
}
h1.contact{
	height: auto;
	padding-top: 0px;
	background: url(none) ;
	text-align: center;
}




/* ================================================================
   #unit01
================================================================ */
h2{
	margin: 0px;
	padding: 0px 20px 5px 20px;
	text-align: center;
}

div.story {
	margin: 15px auto;
	line-height: 135%;
	text-align: left;
	font-weight: bold;
}
div.story p{
	width: 615px;
	margin: 15px auto;
	padding-left: 15px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}




/* ================================================================
   #unit03
================================================================ */
div.inner{
	width: 500px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
ul.listdeci{
	margin-left: 60px;
	padding-left: 10px;
	list-style-type: decimal;
	list-style-position: outside;
}
ul.listdeci li{
	margin-top: 8px;
	list-style-type: decimal;
	list-style-position: outside;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	color: #6c9af4;
} 
ul.listdeci li.child{
	margin-top: 0px;
	margin-left: 20px;
	list-style-type: circle;
	font-weight: bold;
	font-size: 16px;
	color: #454545;
} 




/* ================================================================
   #unit06
================================================================ */
table.price{
	width: 400px;
	margin: 10px auto;
	color: #333;
	font-weight: bold;
	border-top: 2px solid #666;
	border-right: 3px solid #666;
	border-bottom: 3px solid #666;
	border-left: 2px solid #666;
}
table.price th,
table.price td{
	padding: 5px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
table.price th{	background-color: #bfeff7;}
table.price td{	background-color: #fff;}




/* ================================================================
   #unitForm
================================================================ */
table#formTable {
	width: 600px;
	margin: 30px auto 10px auto;
	border: 1px solid #c0c0c0;
}
table#formTable th,
table#formTable td{
	padding: 8px 10px;
	line-height: 1.5;
}
table#formTable th{
	width: 2%;
	padding-left: 30px;
	font-size: 15px;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}
table#formTable td{	text-align: left;}
table#formTable td span{	font-size: 12px;}
table#formTable td span.ness,
table#formTable td span.err{	color: #f03;}
table#formTable td.contactLast{ padding-bottom: 30px;}

/* name
------------------------------*/
table#formTable th.name{	padding-left: 10px;	text-align: left;}
table#formTable th.nameContact{	background-color: #0473f8;}
table#formTable th.nameEnquete{	background-color: #7ab6ff;}

/* flow
------------------------------*/
table#formTable td.flow{
	padding: 15px 0px;
	background: url(img/_dot01.gif) repeat-x left bottom;
	text-align: center;
	font-size: 12px;
	color: #c0c0c0;
	letter-spacing: 0.1em;
}
table#formTable td.flow span{
	padding-right: 5px;
	padding-left: 5px;
}
table#formTable td.flow span.on{
	font-weight: bold;
	color: #069;
}
table#formTable td.flow span.arr{
	font-size: 10px;
	font-weight: bold;
}
table#formTable td.flow span.onArr{	color: #069;}

/* flow
------------------------------*/
table#formTable td.message{
	padding: 20px 0px 15px 0px;
	font-size: 15px;
	text-align: center;
}

/* input size
------------------------------*/
table#formTable input,
table#formTable textarea{	padding: 1px 5px;}
table#formTable input.width01{	width: 300px;}
table#formTable input.width02{	width: 200px;}
table#formTable textarea.width03{
	width: 370px;
	margin-top: 5px;
	margin-bottom: 5px;
}
table#formTable input.width04{	width: 280px;}
table#formTable input.width05{	width: 100px;}
table#formTable textarea.width06{	width: 420px;}
table#formTable input.widthZip{
	width: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* dl.dataEnquete
------------------------------*/
table#formTable dl.dataEnquete{
	margin-top: 20px;
	margin-left: 30px;
}
table#formTable dl.dataEnquete dt{
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}
table#formTable dl.dataEnquete dt span{
	font-size: 10px;
	vertical-align: middle;
}
table#formTable dl.dataEnquete dd{
	padding-bottom: 20px;
	padding-left: 1em;
}
table#formTable dl.dataEnquete dd.message{
	padding-right: 30px;
	padding-left: 0px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #036;
}

/* td.btn
------------------------------*/
table#formTable td.btn{
	padding: 2px 1px 1px 1px;
	background: url(img/_dot01.gif) repeat-x left top;
	text-align: center;
}
table#formTable td.btn div{
	padding: 50px 15px;
	background-color: #bbdaff;
	border-top: 1px solid #a6ceff;
	border-right: 1px solid #8cc0ff;
	border-bottom: 1px solid #8cc0ff;
	border-left: 1px solid #a6ceff;
}
table#formTable td.btn div p{
	padding-bottom: 15px;
}
table#formTable td.btn div input{
	margin-right: 5px;
	margin-left: 5px;
	padding: 4px 10px;
	border: 1px solid #999;
	background: #fff url(img/_bk_btn.jpg) repeat-x left bottom;
}




/* ================================================================
   #footer
================================================================ */
#footer ul{	text-align: center;}
#footer ul li{
	display: inline;
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px #c0c0c0 solid;
	line-height: 1.1;
}
#footer ul li.last{
	padding-right: 0px;
	border-right: none;
}
#footer ul li.pagetop{
	float: right;
	padding-left: 0px;
	border-right: none;
}
#footer dl{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
#footer dl dt{
	padding-bottom: 10px;
	font-weight: bold;
}




/* EOF */
