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

/*　extendArea　
-----------------------------------------------------------------*/
#extendArea {
	height: 35px;
	border-bottom: 1px solid rgb(152,157,170);
	background: #1D6CB3;
}
#externalLink {
	width: 660;
	margin: 0 auto;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ7";
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 2px;
	position: relative;
	font-weight: bold;

}

#externalLink .text a {
	display: block;
	padding: 1px;
	border: 1px solid #1D6CB3;
	text-decoration: none;
	color: #FFFFFF;
}
#externalLink .text a:link {
	color: #FFFFFF;
}
#externalLink .text a:visited {
	color: #FFFFFF;
}
#externalLink .text a:hover {
	border-color: rgb(255,255,255);
	color: rgb(255,255,255);
}


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

/* .unit
------------------------------*/
#contents .unit{
	width: 660px;
	margin: 0px auto 12px;
	padding: 10px;

}
#contents .unitL{/* ライン */
	padding-bottom: 10px;
	background: url(img/_dot01.gif) repeat-x left bottom;
}
#contents .unitC{
	text-align: center;
	margin-right: auto;
	margin-left: auto;

}

/* h3.txtTitle 
------------------------------*/
h3.txtTitle{
	margin-bottom: 30px;
	padding: 10px;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #b7b7b7;
	border-bottom: 1px solid #999;
	border-left: 1px solid #d0d0d0;
	background: url(img/_bk_btn.jpg) repeat-x left bottom;
}
h3.txtTitle span{
	display: block;
	padding: 2px 0px 2px 10px;
	border-left: 8px solid #06c;
	font-size: 17px;
}

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

/* p.contactb
------------------------------*/
p.contactb{
	padding-top: 15px;
	text-align: center;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}

/* ================================================================
   テキスト・スタイル（可変）
================================================================ */
p.txt3{
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	width: 610px;
	margin-right: auto;
	margin-left: auto;


}
p.txt4{
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 1.5;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
}
p.txt5{
	padding-top: 35px;
	padding-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
}


p.txt6{
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
}

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

/* ================================================================
   h3
================================================================ */
h3{
	padding-bottom: 10px;
}

h3.sec{
	padding-top: 15px;
}

/* ================================================================
   #unit01
================================================================ */
h2{	padding-bottom: 5px;}


/* ================================================================
   list
================================================================ */
ul.listdeci{
	margin-left: 45px;
	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.child{
	list-style-type: circle;
	font-weight: bold;
	font-size: 14px;
	color: #454545;
} 


ul.child li{
	margin-top: 0px;
	margin-left: 45px;
	list-style-type: circle;
	margin-right: auto;
	margin-bottom: 0px;
}  
ul.listmaru{
	margin-left: 45px;
	padding-left: 10px;
	list-style-type: square;
	list-style-position: outside;
}

ul.listmaru li{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: square;
	list-style-position: outside;
	font-weight: bold;
	font-size: 14px;
	line-height: 145%;
	padding-bottom: 12px;

}
/* ================================================================
   #unit03
================================================================ */

/* .product*/
div.product{
	width: 620px;
	padding: 0px;
	margin-bottom: 10px;

}

div.product .photo{
	float: left;
	width: 312px;
	padding: 0px;
	margin-top: 0px;

}

div.product p.protext{
	font-size: 16px;
	line-height: 155%;
	font-weight: bold;
	margin-left: 5px;
	padding-top: 10px;
	padding-bottom: 15px;
}

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



/* ================================================================
   #unit04
================================================================ */
table.schedule{
	width: 580px;
	margin: 10px auto 15px;
	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.schedule th,
table.schedule td{
	padding: 5px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
table.schedule th{	background-color: #bfeff7;}
table.schedule td.mo{	background-color: #E7F5F4;}
table.schedule td{	background-color: #fff;}

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

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

/* ================================================================
   #unit05
================================================================ */
div.voicebox{
	width: 600px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border: 1px solid #0099FF;
	padding: 10px;
}

div.voicebox h3{
	font-size: 16px;
	font-weight: bold;
	color: #003366;
	margin: 0px;
	padding: 0px;
}

div.voicebox h4{
	font-size: 14px;
	font-weight: bold;
	color: #003399;
	margin: 0px;
	padding: 0px;
}

div.voicebox p{
	font-size: 12px;
	line-height: 145%;
}

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: 6px 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;}

table#formTable td.contactLast .title{
	padding-bottom: 10px;
	color: #7ab6ff;
	line-height: 145%;
	font-weight: bold;
	padding-top: 12px;
	font-size: 16px;
}

table#formTable td.contactLast .day{
	padding-bottom: 10px;
	line-height: 160%;
	font-weight: bold;
}

/* name
------------------------------*/
table#formTable th.name{	padding-left: 10px;	text-align: left;}
table#formTable th.nameContact{	background-color: #0473f8;}
table#formTable th.nameSeminar{
	font-weight: bold;
	padding-left: 50px;
	color: #7ab6ff;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
}

table#formTable th.nameSemi-n{
	font-weight: bold;
	padding-left: 50px;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 145%;
	text-align: left;

}

/* 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.dataSeminar
------------------------------*/
table#formTable dl.dataSeminar{
	margin-top: 20px;
	margin-left: 30px;
}
table#formTable dl.dataSeminar dt{
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}
table#formTable dl.dataSeminar dt span{
	font-size: 10px;
	vertical-align: middle;
}
table#formTable dl.dataSeminar dd{
	padding-bottom: 20px;
	padding-left: 1em;
}
table#formTable dl.dataSeminar 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 {
	text-align: center;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
#footer ul{	text-align: center;}
#footer ul li{
	display: inline;
	padding-right: 6px;
	padding-left: 6px;
	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;
	padding-top: 7px;

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




/* EOF */