@charset "shift-jis";

/* ================================================================
   基本スタイル
================================================================ */

/* 文字リンク
-----------------------------------------------------------------*/
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;}

/* topArea　
-----------------------------------------------------------------*/
#topArea {
	height: 20px;
	background: #B50000;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2px;
	width: 800px;
	margin-top: 0px;

}


/* #contents
-----------------------------------------------------------------*/
#contents{
	width: 800px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;


}

/* #unit01
-----------------------------------------------------------------*/
#unit01{
	width: 800px;
	margin: 0px auto;
	background-image: url(img/topback.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}

/* #unit06
-----------------------------------------------------------------*/
#unit06{
	width: 800px;
	margin: 0px auto;
	background-image: url(img/topback.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}



/* .unit
------------------------------*/
#contents .unit{/* 基本 */
	width: 700px;
	margin: 0px auto 50px;
	padding-right: 10px;
	padding-left: 10px;
}
#contents .unitL{/* ライン */
	padding-bottom: 30px;
	background: url(img/_dot01.gif) repeat-x left bottom;
}
#contents .unitC{/* センター */
	text-align: center;
}


/* p.photo
------------------------------*/
p.photo{
	padding-top: 35px;
	text-align: center;
}

/* p.kochira
------------------------------*/
p.kochira{
	text-align: center;
	padding: 0px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}

/* p.att
------------------------------*/
p.att{
	text-align: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-weight: bold;
	color: #FF0000;
	width: 620px;
	font-size: 14px;
	line-height: 145%;

}


/* ================================================================
   テキスト・スタイル（可変）
================================================================ */
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;
}

/* .story p */
div.story p{
	padding-top: 15px;
}

span.red{
	font-size: x-large;
	color: #FF0000;
}

span.sred{
	font-size: small;
	color: #FF0000;
}
/* ================================================================
   h1
================================================================ */
h1{
	height: 20px;
	background: no-repeat left top;
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 15px;
	margin-top: 5px;


}
h1.contact{
	height: auto;
	padding-top: 0px;
	background: url(none) ;
	text-align: center;
}


/* ================================================================
   h2   #unit01
================================================================ */
h2{
	padding-bottom: 25px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;


}

/* ================================================================
   h3 
================================================================ */
h3{
	padding-bottom: 12px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;


}

/* ================================================================
   #unit01
================================================================ */
.first{
	list-style-type: decimal;
	list-style-position: outside;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 12px;
	margin-top: 12px;
}

.first p.photoi{
	list-style-type: decimal;
	list-style-position: outside;
	float: right;
	padding-left: 10px;
}



ul.uni01{
	text-align: left;
}
ul.uni01 li{
	margin-top: 3px;
	list-style-type: circle;
	list-style-position: outside;
	font-weight: bold;
	font-size: 17px;
	text-align: left;
	color: #333333;
	line-height: 160%;
} 



/* ================================================================
   #unit02
================================================================ */
div.inner{
	width: 560px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
ul.listdeci{
	padding-left: 10px;
	list-style-type: square;
	list-style-position: outside;
	width: 540px;

}
ul.listdeci li{
	margin-top: 8px;
	list-style-type: square;
	list-style-position: outside;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #6c9af4;
	margin-bottom: 8px;

} 

ul.listdeci li.child{
	margin-top: 0px;
	margin-left: 15px;
	list-style-type: none;
	font-weight: bold;
	font-size: 16px;
	color: #454545;
} 

/* ================================================================
   #unit03
================================================================ */
div.graph{
	width: 540px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

div.graph h4.ya_af{
	width: 540px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
	font-weight: bold;
	color: #3f6b16;
	background-image: url(img/yaji.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	padding: 2px 2px 7px;
	margin-bottom: 7px;
	height: 70px;
}

div.graph h4{
	width: 540px;
	margin-top: 7px;
	margin-right: auto;
	margin-left: auto;
	font-size: 18px;
	font-weight: bold;
	color: #3f6b16;
	text-align: center;
	padding: 2px;
	margin-bottom: 7px;
}

div.graph h5{
	width: 540px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	font-weight: bold;
	color: #33421C;
	text-align: center;
	margin-bottom: 5px;
}

div.graph p{
	width: 540px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
	line-height: 150%;
	font-weight: bold;
}

div.graph p.yaji{
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	text-align: center;
	margin-bottom: 3px;
	line-height: 145%;
}

/* ================================================================
   #unit04
================================================================ */
div.cost{
	width: 458px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

div.cost h4{
	width: 458px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 5px;


}

div.cost ul{
	width: 458px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;

}

div.cost li{
	width: 400px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	list-style-position: inside;
	list-style-type: square;
	font-size: 20px;
	line-height: 160%;
	font-weight: bold;
	background-position: left;
}

div.cost p.t{
	width: 400px;
	font-size: 14px;
	line-height: 150%;
	font-weight: bold;
	background-position: left;
	padding: 3px 10px 3px 20px;
}

div.cost p.total{
	width: 380px;
	font-size: 24px;
	line-height: 150%;
	font-weight: bold;
	background-position: left;
	padding: 10px 10px 3px 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #336699;
	margin-left: 5px;

}

/* ================================================================
   #unit05
================================================================ */
div.voice{
	width: 520px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

div.voice p{
	width: 520px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	line-height: 145%;
	text-align: left;
	margin-bottom: 5px;
	font-size: 16px;

}

div.voice p.name{
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	line-height: 145%;
	text-align: left;
	margin-bottom: 12px;
	font-weight: bold;
	color: #006699;
}

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




/* ================================================================
   #unit06
================================================================ */
div.accces{
	width: 450px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

div.accces h4{
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	font-weight: bold;
	color: #669933;
	text-align: center;
}

div.accces p{
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
	text-align: center;
}

div.accces span.green{
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
	text-align: center;
	color: #669900;
}




/* ================================================================
   #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: #d72810;}
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: #F3DCE3;
	border: 1px solid #FFCCCC;

}
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{
	width: 700px;
	margin-right: auto;
	margin-left: auto;

}
#footer ul{
	text-align: left;

}
#footer ul li{
	display: inline;
	padding-right: 7px;
	padding-left: 7px;
	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;
	display: inline;


}
#footer dl{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
#footer dl dt{
	padding-bottom: 10px;
	font-weight: bold;
}




/* EOF */