* { margin:0; padding:0; font-size:100%;}
img { border:none; }

body {
text-align: center;
font-family: sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background:url(images/bg.gif);
}

body div {
font-size:small;
text-align: left;
margin: 0 auto;
color:inherit;
}

/* ----------全体枠---------- */

#container {
width:950px;
border-left:solid 1px #BBBBBB;
border-right:solid 1px #BBBBBB;
background:#FFFFFF;
}

#container h1 {
height:60px;
}

/* ----------ヘッダー---------- */
#header {
	background-color:#EEEEEE;
}

.edit {
	padding:5px 10px;
	font-size:90%;
	border-bottom:solid 2px #91BD0A;
	background:#B1E022;
}

.profile {
	float:left;
	padding:5px;
	border-right:1px dotted #CCCCCC;
	display:block;
}

.mail {
	clear:both;
	padding:0px 5px 5px;
}

/* ----------コンテンツ---------- */
#contents {
	float:left;
	width:700px;
	padding:5px;
}

#contents .menu {
	float:left;
	width:160px;
	padding:5px;
	background:#EEEEEE;
}

#contents .main {
	float:right;
	width:520px;
}

#contents .main h2 {
	padding:5px 10px;
	margin:10px 0px;
	border-left:solid 5px #3FBEE7;
	border-top:solid 1px #DDDDDD;
	border-right:solid 1px #DDDDDD;
	border-bottom:solid 1px #DDDDDD;
	background:url(images/h2-bg.gif) repeat-x;
	font-size:110%;
}

#contents .main h3 {
	margin-bottom:10px;
	padding:5px 0px;
	border-bottom:solid 1px #3FBEE7;
}

#contents .main h4 {
margin:10px 0px;
padding:2px 10px;
border:solid 1px #DDDDDD;
background-color:#EEEEEE;
color:#3FBEE7
}

#contents .main p {
	padding:5px;
	}

.main ol {
margin-left:20px;
}

.main li{
margin-bottom:10px;
}

#contents .main ol {
margin-left:20px;
}

#beginner {
margin-bottom:10px;
}

#process li {
padding:2px 0px 2px 20px;
margin-bottom:5px;
background:url(images/process-list-1.gif) no-repeat 0% 0%;
display:inherit;
}

#process li li {
padding-left:20px;
background:url(images/process-list-2.gif) no-repeat 0% 0%;
display:inherit;
}

#process .anchor-top {
text-align:right;
}

#process strong {
color:#CC0000;
}

.reserved dt {
	padding:3px 10px;
	border-left:5px solid #A0CB2D;
	border-bottom:1px solid #DDDDDD;
	background:#EEEEEE;
}

.reserved dd {
	padding:2px 0px 5px 50px;
	background:#FFFFFF;
}

.all-list {
	color:#EAC100;
}

#login table {
	width:100%;
	margin-bottom:10px;
	border-bottom:solid 2px #DDDDDD;
	background-color:#EEEEEE;
	text-align:center;
	}

#login caption{
	border-bottom:solid 3px  #3FBEE7;
	color:#3FBEE7;
	text-align:left;
}

#login td {
	padding:3px;
	}
	
#login span {
	font-size:x-small;
	}
	
.regist-new {
margin:5px 0px;
background:#3FBEE7;
}

#reservation,#confirm1,#confirm2,#regist,#mail {
	width:100%;
	background-color:#EEEEEE;
	border-collapse : collapse;
}

#reservation caption, #confirm1 caption,#confirm2 caption, #regist  caption {
	font-size:110%;
	padding:5px;
	color:#CC0000;
	font-weight:bold;
}

#reservation .cell1 ,#confirm1 .cell1,#confirm2 .cell1, #regist .cell1 {
	width:90px;
	padding:5px;
	border:solid 1px #DDDDDD;
}

#mail .cell1 {
	width:120px;
	padding:5px;
	border:solid 1px #DDDDDD;
	}
	
#reservation .cell2, #confirm1 .cell2,#confirm2 .cell2 ,#regist .cell2, #mail .cell2{
	padding:5px;
	border:solid 1px #DDDDDD;
	background-color:#FFFFFF;
}

#calender {
	width:240px;
	padding:3px 5px;
	border-top:double 3px #CCCCCC; 
	border-bottom:double 3px #CCCCCC; 
	background-color:#DDDDDD;
}
.decision {
	color:#CC0000;
}

.notice {
	margin:10px;
	text-align:center;
}

#fee {
	border-collapse : collapse;
}

#fee th {
	padding:5px;
	border:solid 1px #DDDDDD;
	background-color:#3FBEE7;
	color:#FFFFFF;
}

#fee td {
	padding:5px;
	border:solid 1px #DDDDDD;
}

#fee .way {
	width:180px;
}

#fee .pay {
	width:180px;
}


.faq dt{
	padding:5px 0px 5px 30px;
	background:url(images/faq-q.gif) no-repeat 0% 0%;
	color:#0066CC;
}

.faq dd{
	margin-bottom:5px;
	padding:5px 0px 5px 30px;
	border-bottom:solid 2px #DDDDDD;
	background:url(images/faq-a.gif) no-repeat 0% 0%;
}


.menulist dt {
	padding:3px 10px;
	height:18px;
	font-size:90%;
	color:#FFFFFF;
	background:url(images/menu-bg.gif);
}


.menulist li {
	display:inline;
}

.menulist li a{
	padding:3px 10px;
	display: block;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	background:#DDDDDD;
}

.menulist li a:hover {
	background:#EEEEEE;
}

.pandr {
	margin-top:10px;
	padding:8px;
	font-size:90%;
	background:#FFFFFF;
	border:solid 1px #CCCCCC;
}

.pandr dt {
	padding:3px;
	margin-bottom:5px;
	background:#CCDF7B;
}

/* ----------右メニュー---------- */
#r-menu {
	float: right;
	width: 235px;
}

.info {
	padding:5px;
	margin:10px 10px 10px 0px;
	background:#EEEEEE;
	font-size:90%;
}

.info h2{
	padding:3px 5px;
	height:18px;
	background:url(images/info-bg.gif);
}

.info ul {
	background:#FFFFFF;
	border:solid 1px #CCCCCC;
}

.info li {
	padding:5px 2px 2px 20px;
	border-top:dotted 1px #CCCCCC;
	background:url(images/info-list-style.gif) no-repeat 5px 8px;
	display:inherit;
	}
	
.info span {
	font-size:95%;
}

.ad {
	padding:5px;
	margin:10px 10px 10px 0px;
	background:#EEEEEE;
	}

.ad dd{
	display:block;
}

/* ----------フッター---------- */
#footer {
	clear: both;
	padding:20px 10px 10px;
	font-size:90%;
	font-style:normal;
	background:#DDDDDD;
}