/* =========================================================== */
/* 全体設定 ================================================== */
/* =========================================================== */

*{
	padding						:0;
	margin						:0;
	font-size					:100%;
	font-style					:normal;
	font-family					:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana, Arial, Helvetica, sans-serif;
}

body{
	color						:#e6e6e6;
	line-height					:150%;
	text-align					:center;
	font-size					:80%;
	background					:#000000 url("./image/back.gif") repeat-y top center;
}

/* =========================================================== */
/* フォント設定 ============================================== */
/* =========================================================== */

small{
font-size:80%;
color:#cccccc;
margin:0 2px;
}

/* =========================================================== */
/* リンク - link ============================================= */
/* =========================================================== */

a{
color:#ffcc00;
}

a:visited{
color:#ffffff;
}

a:hover{
color:#ffcc00;
text-decoration:none;
}

/* =========================================================== */
/* イメージ設定 ============================================== */
/* =========================================================== */

img{
border:none;
}

/* =========================================================== */
/* 線設定 ==================================================== */
/* =========================================================== */

hr{
display:none;
}

/* =========================================================== */
/* 中身 - container ========================================= */
/* =========================================================== */

#container{
width:780px;
margin:0px auto;
}

/* =========================================================== */
/* ヘッダー - header ========================================= */
/* =========================================================== */

#header{
display:block;
background-image:url(./image/header.gif);
background-position:left top;
background-repeat:no-repeat;
margin:10px 0;
}

#header p{
display:none;
}

#header h1 a{
text-indent:-9999px;
display:block;
width:780px;
height:100px;
text-decoration:none;
margin:0 0 10px;
}

#footer ul,
#header ul{
width:770px;
height:30px;
margin:5px;
display:block;
list-style:none;
background-image:url(./image/menu.gif);
background-position:left top;
background-repeat:no-repeat;
}

#footer ul li,
#header ul li{
display:block;
list-style:none;
float:left;
}

#footer ul li a,
#header ul li a{
display:block;
background-position:left top;
height:30px;
text-align:left;
text-decoration:none;
text-indent:-9999px;
}

#footer ul li.select a,
#header ul li.select a,
#footer ul li a:hover,
#header ul li a:hover{
background-position:left bottom;
}

#footer ul li.top a,
#header ul li.top a{
background-image:url(./image/menu_top.gif);
width:68px;
}
#footer ul li.prof a,
#header ul li.prof a{
background-image:url(./image/menu_prof.gif);
width:88px;
}
#footer ul li.gallery a,
#header ul li.gallery a{
background-image:url(./image/menu_gallery.gif);
width:76px;
}
#footer ul li.price a,
#header ul li.price a{
background-image:url(./image/menu_price.gif);
width:77px;
}
#footer ul li.room a,
#header ul li.room a{
background-image:url(./image/menu_room.gif);
width:126px;
}
#footer ul li.study a,
#header ul li.study a{
background-image:url(./image/menu_study.gif);
width:126px;
}
#footer ul li.contact a,
#header ul li.contact a{
background-image:url(./image/menu_contact.gif);
width:91px;
}
#footer ul li.blog a,
#header ul li.blog a{
background-image:url(./image/menu_blog.gif);
width:50px;
}
#footer ul li.link a,
#header ul li.link a{
background-image:url(./image/menu_link.gif);
width:68px;
}


/* =========================================================== */
/* コンテンツ - contents ========================================= */
/* =========================================================== */

#contents{
width:780px;
text-align:left;
margin:40px 0;
}
#contents dl,
#contents p{
margin:0 0 30px;
display:block;
}

/* ---- index ------------------------------------------- */

/* hide from Mac IE \*/
* html #contents #index{
width:415px;
padding:0 0 0 45px;
}
* html #contents #info{
width:330px;
padding:0 45px 0 0;
}
/* */
#contents #index{
float:left;
width:320px;
padding:0 0 0 80px;
}
#contents #info{
float:right;
width:280px;
padding:0 80px 0 0;
}
#contents #info dl{
padding:10px;
background-color:#330000;
}

/* ---- profile ----------------------------------------- */

/* hide from Mac IE \*/
* html #contents #prof{
width:780px;
padding:0 300px 0 90px;
}
/* */
#contents #prof{
width:390px;
padding:0 300px 0 90px;
background-image:url(./image/back_profile.gif);
background-position:bottom center;
background-repeat:no-repeat;
}
#contents #prof p strong{
display:block;
}
#contents #prof p span{
display:block;
margin:0 0 5px;
}
#contents #prof p img{
display:block;
text-align:center;
}

/* ---- gallery ----------------------------------------- */

/* hide from Mac IE \*/
* html #contents #gallery{
width:780px;
padding:0 126px;
}
/* */
#contents #gallery{
width:528px;
padding:0 126px;
background-image:url(./image/back_gallery.gif);
background-position:top center;
}

/* ---- price ------------------------------------------- */

/* hide from Mac IE \*/
* html #contents #price{
width:780px;
padding:0 200px;
}
/* */
#contents #price{
width:380px;
padding:0 200px;
background-image:url(./image/back_price.gif);
background-position:top center;
}

#contents #price dl dt{
font-weight:bold;
padding:3px;
border-bottom:1px solid #333333;
}
#contents #price dl dd{
margin:0 0 10px 10px;
}
#contents #price table{
border:1px solid #999999;
border-collapse:collapse;
margin:0 0 30px;
}
#contents #price table th{
padding:3px 5px;
border:1px solid #666666;
}
#contents #price table td{
padding:3px 5px;
border:1px solid #666666;
}




/* ---- contact ----------------------------------------- */

/* hide from Mac IE \*/
* html #contents #contact{
width:780px;
padding:0 180px;
}
/* */
#contents #contact{
width:420px;
height:500px;
padding:0 180px;
background-image:url(./image/back_contact.gif);
background-position:top center;
}

#contents #contact form dl dt{
font-weight:bold;
}
/* hide from Mac IE \*/
* html #contents #contact form dl dd{
	margin:0;
}
/* */
#contents #contact form dl dd{
	margin:0 0 0 40px;
}
#contents #contact form p{
	text-align:center;
}
#contents #contact form p ul{
	text-align:left;
	margin:10px 0;
}
#contents #contact form p input{
	color:#333333;
}

/* ---- lesson --------------------------------------- */

/* hide from Mac IE \*/
* html #contents #room{
	width				:780px;
	padding				:0 180px;
}
/* */
#contents #room{
	width				:420px;
	padding				:0 180px;
}
#contents #room p{
	margin				:0 20px 10px;
}
#contents #room table{
	margin				:10px 10px 30px;
	border				:1px solid #999999;
	border-collapse		:collapse;
}
#contents #room table th{
	padding				:5px;
	width				:100px;
	border				:1px solid #666666;
	text-align			:left;
}
#contents #room table td{
	padding				:5px;
	width				:250px;
	border				:1px solid #666666;
}
#contents #room ul{
	margin				:10px 20px 50px;
}

/* ---- blog ----------------------------------------- */

/* hide from Mac IE \*/
* html #contents #blog{
width:780px;
padding:0 50px;
}
/* */
#contents #blog{
width:680px;
padding:0 50px;
}

/* ---- link ----------------------------------------- */

/* hide from Mac IE \*/
* html #contents #link{
width:780px;
padding:0 50px;
}
/* */
#contents #link{
width:680px;
padding:0 50px;
}

/* ---- h2 ---------------------------------------------- */

#contents h2{
display:block;
height:50px;
text-indent:-9999px;
text-align:left;
margin:0 0 10px;
background-position:top center;
background-repeat:no-repeat;
}

#contents h2.intro{
background-image:url(./image/introduction.gif);
width:320px;
}
#contents h2.info{
background-image:url(./image/information.gif);
width:280px;
}
#contents h2.prof{
background-image:url(./image/profile.gif);
width:390px;
}
#contents h2.gallery{
background-image:url(./image/gallery.gif);
width:528px;
}
#contents h2.price{
background-image:url(./image/price.gif);
width:380px;
}
#contents h2.order{
background-image:url(./image/order.gif);
width:380px;
}
#contents h2.contact{
background-image:url(./image/contact.gif);
width:420px;
}
#contents h2.room{
background-image:url(./image/lesson.gif);
width:420px;
}
#blog h2.blog{
background-image:url(./image/blog.gif);
width:480px;
display:block;
height:50px;
text-indent:-9999px;
text-align:left;
margin:0 0 10px;
background-position:top center;
background-repeat:no-repeat;
}

#contents h2.link{
background-image:url(./image/link.gif);
width:680px;
}

/* ---- h3 ---------------------------------------------- */

#contents h3{
clear:left;
display:block;
height:30px;
text-indent:-9999px;
text-align:left;
background-position:center left;
background-repeat:no-repeat;
}
#contents #index h3.a{
background-image:url(./image/h3_index01.gif);
}
#contents #index h3.b{
background-image:url(./image/h3_index02.gif);
}
#contents #index h3.c{
background-image:url(./image/h3_index03.gif);
}
#contents #prof h3.a{
background-image:url(./image/h3_prof01.gif);
}
#contents #prof h3.b{
background-image:url(./image/h3_prof02.gif);
}
#contents #gallery h3.a{
background-image:url(./image/h3_gallery01.gif);
}
#contents #gallery h3.b{
background-image:url(./image/h3_gallery02.gif);
}
#contents #price h3.a{
background-image:url(./image/h3_price01.gif);
}
#contents #price h3.b{
background-image:url(./image/h3_price02.gif);
}
#contents #price h3.c{
background-image:url(./image/h3_price03.gif);
}
#contents #price h3.d{
background-image:url(./image/h3_price04.gif);
}
#contents #price h3.e{
background-image:url(./image/h3_price05.gif);
}
#contents #price h3.f{
background-image:url(./image/h3_price06.gif);
}
#contents #room h3.a{
	background-image			:url("./image/h3_room01.gif");
}
#contents #room h3.b{
	background-image			:url("./image/h3_room02.gif");
}
#contents #room h3.c{
	background-image			:url("./image/h3_room03.gif");
}

/* ---- h4 ---------------------------------------------- */

#contents h4{
	clear						:left;
	display						:block;
	height						:90px;
	text-indent					:-9999px;
	text-align					:left;
	background-position			:center left;
	background-repeat			:no-repeat;
}
#contents #room h4.a{
	background-image			:url("./image/h4_room01.gif");
}
#contents #room h4.b{
	background-image			:url("./image/h4_room02.gif");
}
#contents #room h4.c{
	background-image			:url("./image/h4_room03.gif");
}
#contents #room p.h4{
	display						:none;
}

#contents #room dl.price01{
	margin						:0 0 30px;
	display						:block;
	text-indent					:-9999px;
	text-align					:left;
	background					:transparent url("./image/room_price01.gif") no-repeat bottom left;
	height						:80px;
}
#contents #room dl.price02{
	margin						:0 0 30px;
	display						:block;
	text-indent					:-9999px;
	text-align					:left;
	background					:transparent url("./image/room_price02.gif") no-repeat bottom left;
	height						:230px;
}
#contents #room dl.price03{
	margin						:0 0 30px;
	display						:block;
	text-indent					:-9999px;
	text-align					:left;
	background					:transparent url("./image/room_price03.gif") no-repeat bottom left;
	height						:90px;
}
#contents #room dl.price01 dt,
#contents #room dl.price01 dd,
#contents #room dl.price02 dt,
#contents #room dl.price02 dd,
#contents #room dl.price03 dt,
#contents #room dl.price03 dd{
	display						:none;
}

#contents #room dl.fqa dt{
	margin						:0 0 5px;
	padding						:0 0 0 25px;
	display						:block;
	text-align					:left;
	background					:transparent url("./image/fqa_dt.gif") no-repeat top left;
	height						:20px;
	color						:#99ccff;
}
#contents #room dl.fqa dd{
	margin						:0 0 10px 20px;
	padding						:0;
	display						:block;
	text-align					:left;
	background					:transparent url("./image/fqa_dd.gif") no-repeat top left;
}

/* =========================================================== */
/* フッター - footer ========================================= */
/* =========================================================== */

div#footer{
	float:none;
	clear:both;
	width:100%;
	height:50px;
	text-align:center;
	font-size:80%;
	color:#666666;
}
div#footer a{
	color:#666666;
}
div#footer address{
	margin:10px 0 0;
}

/* =========================================================== */
/* フッター - footer ========================================= */
/* =========================================================== */

form fieldset {
border:none;
}

form legend {
display:none;
}



#navigation {
	width: 220px;
	float: right;
	margin: 0px 15px 0 0;
}
#logs {
	float: left;
}
#blog, div#comment, div#trackback {
	margin: 0px 15px;
}

div#page, div#navi{
	float: none;
	clear: both;
	padding: 0px 15px;
	text-align:left;
}
div#work, div#form, div#canvas, div#env, div#status {
	float: none;
	clear: both;
	padding: 0px 15px;
	text-align:left;
}

#navigation h2 {
	text-align:left;
	margin:0 0 5px;
	padding: 3px;
	border-bottom:1px solid #cccccc;
}

div#navigation ul {
	margin: 0px 10px 0px 12px;
	text-align:left;
}
div#navigation ul li {
	margin: 0px 0px 0px 0px;
	text-align:left;

	list-style-type: none;
}
div#navigation ul li ul {
	margin: 0px 0px 0px 20px;
	text-align:left;
}

div#navigation dl {
	margin: 0px 10px 0px 12px;
}
div#navigation dl dt {
	text-align:left;
}
div#navigation dl dd {
	text-align:left;
	margin:0 0 0 20px;
}

div#navigation form dl {
}
div#navigation form dl dt {
	display: none;
}
div#navigation form dl dd {
	text-align:left;
}
div#navigation form p {
	margin-left: 12px;
	margin-bottom: 0px;
}

#navigation table {
	width: 180px;
	margin: -2px 0px 7px 7px;
	border: 0px solid #AAAAAA;
}
@media screen {
	div#navigation table {
		margin: -2px auto 7px auto;
	}
}
div#navigation table tr th {
	padding: 5px;
}
div#navigation table tr td {
	padding: 2px;
	text-align: center;
}
@media screen {
	div#navigation table tr td {
        	padding: 2px;
        }
}

div#navigation .day {
	color: #ffffff;
}
div#navigation .satday {
	color: #6666cc;
}
div#navigation .sunday {
	color: #cc6666;
}
div#navigation .today {
font-weight:bold;
}

div#navigation .calender {
	margin: 2px 10px;
}
div#navigation .calender li {
	display: inline;
	margin-right: 10px;
}

div#navigation .block {
margin:0 0 30px;
}


#logs {
	width: 498px;
}
html>body #logs {
	width: 500px;
}

#blog .diary {
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #000033;
}

#blog h3 {
	margin: 5px 5px 10px 5px;
	padding: 5px;
	border-bottom: 1px solid #cc9900;
	text-align:left;
}
#blog h4 {
	margin: 10px;
	text-align:left;
}

#blog .text * {
	font-size: x-small;
	text-align:left;
}
html>body #blog .text * {
	font-size: small;
	text-align:left;
}
#blog .text p {
	margin: 15px 10px;
	text-align:left;
}
#blog .text ul {
	margin: 15px 30px;
	text-align:left;
}
#blog .text ol {
	margin: 15px 40px;
	text-align:left;
}

#blog .info {
	margin: 5px 10px;

	text-align: right;
}
#blog .info * {
	font-size: 10px;
}
#blog .info li {
	display: inline;
	margin-left: 5px;
}

#blog .list {
	border: 1px solid #AAAAAA;
	margin: 0px 0px 10px 20px;
	padding: 5px 10px;
	text-align:left;
}
#blog .list h4 {
	border-bottom: 1px solid #CCCCCC;
	margin: 0px 0px 15px 0px;
	padding: 3px 5px;
	text-align:left;

	color: #444444;
	background-color: #FFFFFF;
}
#blog .list ul {
	margin: 0px 0px 10px 20px;
}
#blog .list dl dt {
	margin: 0px 5px;
        font-weight: bold;
}
#blog .list dl dd {
	margin: 10px 10px 0px 15px;
}

div#trackback h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;
}
div#trackback dl {
	margin-bottom: 10px;
	padding: 2px 2px 10px 2px;
	border: 1px solid #AAAAAA;
}
div#trackback dl dt {
	margin-top: 10px;
	margin-left: 10px;
}
div#trackback dl dd {
	margin-left: 30px;
}

div#comment .comment {
	margin-bottom: 10px;
	padding: 2px 2px 10px 2px;
	border: 1px solid #AAAAAA;
}

div#comment h2 {
	margin-bottom: 15px;
	padding: 5px;
	border-top: 3px double #999999;
	border-bottom: 3px double #999999;
}
div#comment h3 {
	margin: 5px 5px 10px 5px;
	padding: 5px;
}

div#comment .text * {
	font-size: x-small;
}
html>body div#comment .text * {
	font-size: small;
}
div#comment .text p {
	margin: 10px;
}

/* ----- ページ移動 ------------------------------------ */

div#page h2 {
	display: none;
}

div#page ul {
	margin: 0px;
}
div#page ul li {
	display: inline;

	margin-right: 10px;
}

/* ----- ナビゲーション -------------------------------- */

div#navi h2 {
	display: none;
}

div#navi ul {
	margin: 5px 0px;

	text-align: right;
}
div#navi ul li {
	display: inline;

	margin-left: 5px;
}

div#navi form dl {
}
div#navi form dl dt {
	display: none;
}
div#navi form dl dd {
	float: left;
}
div#navi form input {
	padding: 0px;
}

#link dl{
	margin:20px 0;
}
#link dl dt{
	clear:both;
	float:left;
	width:200px;
	height:40px;
	display:block;
}
#link dl dd{
	width:500px;
}