@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: #09658a;
	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;

}

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

}



/* .unit
------------------------------*/
#contents .unit{/* 基本 */
	width: 700px;
	margin: 0px auto 25px;
	padding-right: 10px;
	padding-left: 10px;
}
#contents .unitL{/* ライン */
	padding-bottom: 20px;
	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: bolder;
	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{
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 12px;
	margin-top: 12px;
	text-align: center;

}

/* ================================================================
   #unit02
================================================================ */
div.inner{
	width: 560px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
ul.red{
	padding-left: 10px;
	width: 540px;

}
ul.red li{
	margin-top: 5px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	color: #a3034e;
	margin-bottom: 12px;
	padding-left: 30px;

} 


/* ================================================================
   #unit03
================================================================ */
div.inner2{
	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;
	margin-left: 0px;


} 

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

/* ================================================================
   #unit06
================================================================ */

div.roominner{
	width: 620px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/photo-06.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 208px;
	margin-bottom: 15px;
}

div.roominner h5{
	width: 232px;
	margin-right: 10px;
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
	text-align: left;
	margin-left: 3px;
}

div.roominner ul{
	width: 232px;
	margin-right: 10px;
	text-align: left;
	margin-left: 5px;
	margin-bottom: 10px;
}

div.roominner li{
	width: 232px;
	margin-right: 10px;
	font-size: 15px;
	line-height: 145%;
	text-align: left;
	margin-left: 5px;
	list-style-type: none;
	margin-bottom: 5px;

}

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

div.voice p.office{
	width: 186px;
	margin-top: 10px;
	margin-right: 5px;
	text-align: left;
	margin-bottom: 12px;
	float: left;
	padding: 0px;

}

div.voice .name{
	margin-top: 10px;
	line-height: 145%;
	text-align: left;
	margin-bottom: 10px;
	color: #333333;
	padding: 5px;
	float: right;
	border-top: 2px solid #336699;
	border-right: 2px solid #336699;
	border-bottom: 2px solid #336699;
	border-left: 2px solid #336699;
	width: 400px;
}

div.voice .name p{
	margin-top: 5px;
	line-height: 145%;
	text-align: left;
	color: #333333;
	font-size: 14px;
	font-weight: bold;

}

/* ================================================================
   #unit08
================================================================ */

div.profile{
	width: 600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;

}

div.profile h4{
	width: 610px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;

}

div.profile p{
	width: 610px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 14px;
	line-height: 145%;
	font-weight: bold;
	text-align: left;

}

div.profile p.add{
	width: 610px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-weight: bold;
	font-size: 18px;
	line-height: 160%;
	text-align: center;
	color: #003333;


}

div.profile p.acc{
	width: 600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
	color: #006699;


}




/* ================================================================
   #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: #C7E0EB;
	border: 1px solid #c7e0eb;

}
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 */