@charset "utf-8";
/* ----------------------------------------------
to reset default style
------------------------------------------------- */
* {
 margin: 0px;
 padding: 0px;
 }

ol, ul{
 list-style: none;
}

img {
 border: none;
}

h1, h2, h3, h4, h5 {
 font-size: 12px;
 line-height: 1em;
 font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Arial, Helvetica;
 color: #000000;
 }
 
/*p,*/ 
th, td /*ul/*, li*/ {
 font-size : 12px;
 font-weight: normal;
 line-height: 1em;
 font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Arial, Helvetica;
 color: #000000;
 }

p {
  margin-bottom: 10px;
}

#privacy {
 margin-top: 18px;
}

#privacy dt {
 font-size: 13px;
 margin: 10px 0px 0px 0px;
}
#privacy dd {
 padding: 10px 0px 16px 10px;
 border-bottom: 1px #808080 dotted;
}


em, span {
 line-height: 1em;
 font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", "MS ゴシック", Arial, Helvetica;
 }
 
a:hover{
	border : none;
	color : #638FFF;
} 
	
a {
	color : #004BCF;
}
	
table,td,tr,th{
	padding : 0px;
	margin : 0px;
}

form{
	padding : 0px;
	margin : 0px;
}
	
input{
	margin: 0;
	padding: 0;
}

textarea{
	font-size: 12px;
}

/*テーブル指定*/

.kain{
	 margin:auto;
	 border-collapse:collapse;
	 margin:10px 0px 0px 0px;
	 background-color:#ffffff;
	 border:solid 1px #f4afb0;
	 line-height:15px;
	 padding:0px;
	 width:620px;
}
.kain td{
	 margin:5px;
	 border:solid 1px #f4afb0;
	 /* text-align:left; */
	 line-height:15px;
	 padding:10px;	 
}
.kain th{
	 border:solid 1px #f4afb0;
	 text-align:left;
	 line-height:15px;
	 background-color: #ffeeff;
}

.kain input ,select{
	vertical-align:middle;
}

.kain textarea {
	width: 400px;
}
.kain input[type="text"] {
	width: 80%;
}

.res{
	 border-collapse:collapse;
	 margin:15px 0px;
	 background-color:#ffffff;
	 border:solid 1px #f4afb0;
	 line-height:15px;
	 padding:0px;
	 width:620px;
}

.res input{
	vertical-align:middle;
	margin: 0px 0px 0px 15px;
	padding: 0px 5px;
}

.res td{
	 margin:0px;
	 border:solid 1px #f4afb0;
	 text-align:left;
	 line-height:20px;
}
.ltd{
	width:100px;
	padding:10px;
}
.ltd2{
	width:50px;
}
.ltd3{
	width:20px;
}

.det{
	float:right;
	padding:0px 10px;
	vertical-align:middle;
}

.kno{
	clear:both;
	text-align:center;
	margin:10px 0px 5px 0px;
	font-size:13px;
}
.kno a{
	text-decoration: none;
	margin : 0px 2px;
}

/*テーブルおわり*/

.memo{
	border :1px #f4afb0 solid;
	height:100px;
	margin:10px 0px;
	padding:10px;

}

.memo1{
	border :1px #f4afb0 solid;
	height:250px;
	margin:10px 0px;
	padding:10px;

}

.tit{
	border :1px #f4afb0 solid;
	text-align:center;
	font-size:16px;
	background-color:#ffc6c6;
	color:#000000;
}

.fit{
	height:30px;
	border :1px #f4afb0 solid;
	text-align:center;
	font-size:16px;
	/**background-color:#ffc6c6;**/
	background:#ffc6c6 url(../img/fitbg.gif) repeat-x;
	color:#777777;
	padding:2px;
	line-height:30px;
	font-weight:bold;
}

.fit2{
	height:40px;
	border :1px #f4afb0 solid;
	text-align:left;
	font-size:15px;
	/**background-color:#ffc6c6;**/
	background:#ffc6c6 url(../img/fitbg.gif) repeat-x;
	color:#777777;
	padding:2px;
	line-height:20px;
	font-weight:bold;
}

.mes{
	font-size:13px;
	border:1px #f4afb0 solid;
	padding: 5px 20px 5px 20px;
	margin:10px 0px 5px 0px;
	text-align:center;
	line-height:20px;
}

.msg{
	font-size: 12px;
	margin: 10px 0px 5px 0px;
}

.error{
	border:1px #f4afb0 solid;
	color: #ff0000;
	font-size: 12px;
	padding:10px;
	margin:10px 0px 5px 0px;
	line-height: 15px;
}

.sub{
	margin:5px auto;
	text-align:center;
	color: #FF0066;
}

.txt{
	border :1px #ff99cc solid;
}



/*トップへ戻る*/
.goto{
	height:20px;
	border:1px #f4afb0 solid;
	text-align:center;
	/*  margin:5px 0px 20px 0px; */
	margin:5px 0px 5px 0px;
	float:right;
}

.goto a{
	color:#000000;
	text-decoration: none;
	display: block;
	line-height:20px;
	padding: 0px 10px 0px 10px;
}
.goto a:hover{
	color:#ffffff;
	background-color:#ffc6c6;
}

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

.go input{
	width:100px;
}

.go1{
	width:260px;
	height:25px;
	border:1px #f4afb0 solid;
	text-align:center;
	margin:5px 10px 30px 0px;
	float:left;
}
.go1 a{
	color:#000000;
	text-decoration: none;
	display: block;
	line-height:25px;
}
.go1 a:hover{
	color:#ffffff;
	background-color:#ffc6c6;

}

.go2{
	width:260px;
	height:25px;
	border:1px #f4afb0 solid;
	text-align:center;
	margin:5px 0px 30px 10px;
	float:right;
}
.go2 a{
	color:#000000;
	text-decoration: none;
	display: block;
	line-height:25px;
}
.go2 a:hover{
	color:#ffffff;
	background-color:#ffc6c6;
}



/* ----------------------------------------------
site style
------------------------------------------------- */
html{
	margin : 0px auto;
	}


body{
     font : normal 10px normal;
	 margin : 0px auto;
	 text-align : center;
	 width : 800px;
	 background-color:#ffffff;
}

/*右カラム*/
.con{
	width:620px;
	margin:0px;
	padding:5px 1px 5px 0px;
	min-height:360px;
	float:right;
	background-color:ffffff;
}

strong {
       font-size : 12px;
       font-weight : normal;
}

em{
	visibility : hidden;
}
/**
input{
	margin-right : 5px;
}
**/
	
td, th{
	padding:5px;
}

/*---------------------------
wrapper
---------------------------*/ 
 div#wrapper {
	width : 800px;
    margin : 0px auto;
	text-align : left;
	font-size: 12px;
}

/*---------------------------
header
---------------------------*/
#header {
	padding: 0px;
	width: 800px;
	}
	
#header #logo{
	display : block;
	width : 300px;
	float : left;
	margin: 25px 0 0 20px;
	padding: 0px 0 0 0px;
	}

#header #right{
	float : right;
	margin-top : 5px;
	margin-right : 5px;
	}

#header #right ul{
	margin-top : 10px;
	margin-left : 10px;
	margin-right: 0px;
	margin-bottom : 0px;
	padding:0px;
	}
	
#header #right li{
	float : left;
	margin-right : 10px;
	}
	

	
#header #top{
	height : 33px;
	background : url(../img/horizon_bg.gif) no-repeat;
	}
	
#header #top h1{
	margin : 0px 0px 0px 70px;
	padding : 10px 0px 0px 0px ;
	height : 20px;
	font-weight: normal;
	}
	
#header #middle{
	height : 100px;
	border:#F4AFB0 solid;
	border-width: 0px 3px;
	}

#header #bottom{
	height : 30px;
	background:url(../img/header_bottom.gif) no-repeat;
	margin:0 0 5px 0;
	padding:0 0 0 0px;
	position: relative;
	border:#ff99cc solid 3px;
	border-top-width: 0px;
	}
	
#header #bottom form{
	padding : 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color : #ffffff;
}

#header #bottom p{
	float : left ;
	padding: 0px;
	height: 30px;
	width: 550px;
	margin-top: 5px;
	margin-bottom:0;
	margin-right: 0;
	margin-left:0px;
	position: absolute;
	left:190px;
	}
	
	
#header #bottom #log{
	margin-left:10px;
	}
	
#header #bottom input{
	margin:0 0 0 5px;
	padding:0 0 0 0;
	}
	
#header #bottom #logout{
	height: 30px;
	width: 90px;
	padding:0px;
	margin:0 0 0 805px;
	}
	
#header #bottom #login{
	height: 30px;
	width: 90px;
	padding:0px;
	margin:0px;
	position: absolute;
	left:725px;
	}

/*---------------------------
?p???N?Y
---------------------------*/
#header #breadcrumbs{
	margin-left: 10px;
	font-size: 10px;
	}
/*---------------------------
main
---------------------------*/
#main {
	width : 800px;
	padding: 3px 0px 20px 0px;
	border-top: #ff99cc solid;
	border-width: 1px 3px;
	
	}

/*---------------------------
col_m
---------------------------*/	
#main #col_m{
	width : 640px;
	margin-right : 5px;
	float : right ;
	font-size:12px;
	line-height: 20px;
	}

#main #col_m .content_m_title{
	width : 498px;
	border: 1px solid #808080;
	padding:0px;
	margin:0px;
	}
	
#main #col_m span.absolute{
	color: #FF0000;
	font-size: 10px;
	}
	
/*---------------------------
pick
-------------------------*/
#main #col_m #pick{
	border : 1px #F4AFB0 solid;
	border-top-width : 0px;
	padding: 5px;
	margin-bottom: 10px;
	}

#main #col_m #pick ul{
	list-style-image:url(../img/arrow_pink.gif);
	list-style-position:inside;
	}
	

#main #col_m #pick li{
	height:  20px;
	margin:  5px 0px 0px 0px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px #808080 dotted;
	}
	
#pick a{
/**	vertical-align: 10px;
	padding-bottom: 3px;
	vertical-align: top; **/
}

/*---------------------------
col_l
---------------------------*/
#main #col_l{
	width : 152px;
	margin :0px 2px 0 1px;
	padding:0;
	float: left;
}
	
#main #col_l img{
	margin:0px;
	padding:0px;
}
	
#main #col_l .content_l_title{
	width : 148px;
	border: 1px solid #ff99cc;
}
	
#main #col_l #beginner{
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	text-align: center;
	border: 1px solid #f4afb0;
	border-top-width: 0px;
	width: 150px;
	/**line-height:50px;**/
}
#main #col_l #beginner p{
	padding: 2px 5px 0px 5px;
	margin: 0px;
	color:#444444;
	line-height:16px;
}
#main #col_l #beginner strong{
	color: #F09191;
	font-weight:bold;
}

#main #col_l #touroku{
	margin-bottom : 10px;
	padding: 5px 0 5px 0;
	}
	
#main #col_l #touroku p{
	padding: 5px;
	border:dotted #f4afb0;
	border-width : 0 0 1px 0;
	margin-bottom: 5px;
	}
	
#main #col_l #touroku a#btn{
	margin-left : 50px;
	margin-top : 260px;
	}
	
#main #col_l #touroku li{
	height:40px;
	border-width:1px;
	border-color:#f4afb0;
	border-style:solid;
	float:left;
	margin-bottom: 10px;
	width: 150px;
	line-height:50px;
	text-align:center;
}
	
#main #col_l #banner{
	margin-left : 20px;
}

#main #col_l #menu{
	border : 1px #ff99cc solid;
	border-top-width : 0px;
	padding: 0px;
	margin: 0px;
	}
	
#main #col_l #menu ul{
	margin:0;
	padding: 0px;
	}
	
#main #col_l #menu ul li{
	margin: 0px;
	padding: 0px;
	height: 40px;
	}
	
#main #col_l #touroku li a{
	color:#000000;
	text-decoration: none;
	display: block;
	line-height:40px;
}

#main #col_l #touroku li a:hover{
	color:#ffffff;
	background-color:#ffc6c6;
}

.out{
	margin:20px 0px;
	
}

/*---------------------------
col_g
---------------------------*/
#main #col_g{
	width : 600px;
	float : right;
	padding-bottom:5px;
	margin-bottom:3px;
	border: #ff99cc solid;
	border-width: 1px 1px;
	}
	
/*---------------------------
back
---------------------------*/
#main #back{
	font-size: 10px;
	margin: 5px 5px 5px 0px;
}	

/*---------------------------
footer
---------------------------*/
#footer {
	height: 33px;
	background : url(../img/horizon_bg.gif) no-repeat;
	width: 800px;
	clear:both;
	padding : 10px 8px 8px 8px;
	text-align:center;
}

#footer p{
	height : 20px;
}

#footer ul{
	text-align:center;
}

#footer li{
	display:inline; 
	padding-right:1em;
	border : #ff99cc solid;
	border-width : 0px 1px 0px 0px;
/*	padding :1px 8px 0px 0px;*/
	padding :1px 6px 0px 8px;
	margin:0 0px 0 0;
	vertical-align:middle;
}

#footer li a{
	text-decoration: none;
	text-align:center;
	padding-top:1px;
}
	
#footer a:hover{
	color:#FFFFFF;
}


.left{
	text-align:right;
	margin:0px 100px 0px 0px;

}

.button {
	margin: 5px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	background-color: #FF9999;
	color: #000000;
	font-size:12px;
}
.button_big {
	margin: 5px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	background-color: #FF9999;
	color: #000000;
	font-size:13px;
}
.button_small {
	margin: 0px 0px 0px 0px;
	padding: 1px 7px 1px 7px;
	background-color: #FF9999;
	color: #000000;
	font-size:11px;
}
.button:hover, .button_big:hover, .button_small:hover{
	background-color: #FF66FF;
}

.absolute{
	color: #ff0000;
	font-size: 12px;
}

/* adminから */
.phot{
	width:130px;
	float:left;
	background-color:#ffc6c6;
}

.photo_tn{
	padding: 5px;
}

.syo{
	 border-collapse:collapse;
	 margin:0px 0px 10px 0px;
	 background-color:#ffffff;
	 border:solid 1px #f4afb0;
	 line-height:15px;
	 padding:0px;
	 width:486px;
	 float:right;
}

.syot{
	width:100px;
}

.syon{
	 border-collapse:collapse;
	 margin:10px 0px 10px 0px;
	 background-color:#ffffff;
	 border:solid 1px #f4afb0;
	 line-height:15px;
	 padding:0px;
	 width:100%;
	 float:right;
}

.syo th, .syon th{
	 margin:0px;
	 border:solid 1px #f4afb0;
	 text-align:left;
	 line-height:20px;
	 background-color: #ffeeff;
}
.syo td, .syon td{
	 margin:0px;
	 border:solid 1px #f4afb0;
	 text-align:left;
	 line-height:20px;	
}

.komoku{
	clear:both;
	width:598px;
	height:20px;
	line-height:20px;
	border:solid 1px #f4afb0;
	padding:10px;
}


/*index*/
#map{
	float:left;
}

#area{
	border:solid 1px #f4afb0;
	margin:0px 0px 10px 0px;
	padding:10px;
	height:210px;
}

#area2{
	border:solid 1px #f4afb0;
	margin:0px 0px 10px 0px;
	padding:10px;
	height:165px;
}

.int, .int2{
	width:350px;
	border:solid 2px #f4afb0;
	margin:0px 15px 0px 0px;
	padding: 0px 5px 0px 5px;
	float:right;
	vertical-align:middle;
}

.int td{
	line-height:15px;
}
.int2 td{
	line-height:18px;
}

#clear{
	clear:all;
}

#sea{
	border:solid 1px #f4afb0;
	margin:10px 0px;
	padding:10px;
}

#qua{
	border:solid 1px #f4afb0;
/**	margin:10px 0px;**/
	margin:0px 0px 10px 0px;
	padding:10px;
	vertical-align:middle;
}

#qua .title, #privacy .title{
	margin:5px 0px 0px 0px;
	font-size:13px;
	border: #f4afb0 solid;
	border-width: 0px 0px 0px 6px;
	padding:0px 0 0 3px;
}

#qua input{
	margin:0px 0px 0px 15px;
	vertical-align:middle;
}

#qua .button1{
	margin:5px 0px 0px 0px;
	padding: 2px 10px 2px 10px;
	color: #000000;
	background-color: #FF9999;
	font-size:12px;
}
#qua .button1:hover {
	background-color: #FF66FF;
}

.con h1{
	font-size:15px;
	font-weight: bold;
	color:#F09191;
	margin:0px 0px 0px 0px;
}

.p1{
	/**background-color:#f4afb0;**/
	background:#f4afb0 url(../img/p1bg.gif) repeat-x;
	font-weight: bold;
	color: #ffffff;
	font-size:15px;
	line-height:20px;
	padding:0px 0px 0px 10px;
}

/*---------------------------
list
---------------------------*/
#col_b h1{
	margin-left: 10px;
}
#col_b a{
	text-decoration: none;
}

#main #col_m #col_b{
	width: 618px;
	border: solid 1px #f4afb0;
	margin-bottom: 10px;
	padding-top : 10px;
}

#main #col_m #col_b  #item_head{
	margin: 10px;
}

#main #col_m #col_b  #item_head dl,dt,dd{
	width: 588px;
	padding: 0;
	margin: 0 0 0 0px;
	}
	
#main #col_m #col_b  #item_head #title{
	border : solid 1px #f4afb0;
	border-bottom-width: 0px;
	height: 10px;
	padding: 5px;
	width: 588px;
	margin: 0 0 0 0px;
	}

#main #col_m #col_b  #item_head #title span{
	color:#ff0000;
	}
	

#main #col_m #col_b  #item_head dd{
	border : solid 1px #f4afb0;
	border-top-width: 0px;
	height: 100%;
	padding: 5px;
	}

#main #col_m #col_b  #item_head #number{
	border: dotted #808080;
	border-width: 0px 0px 2px 0px;
	width: 250px;
	margin: 0px 0px 10px 5px;
	padding-bottom: 5px;}
	
#main #col_m #col_b  #item_head #number span{
	font-size: 14px;
	color:#231E84;
	margin-left: 50px;
	}
	
#main #col_m #col_b  #item_head select#month {
	margin-left: 520px;
	width : 100px;
	height: 20px;}
	
#main #col_m #col_b  #item_head div#title input{
	height: 20px;
	margin:0px;}


.item_title{
	width: 578px;
	/**background-color:#f4afb0; **/
	background:#f4afb0 url(../img/titlebg.gif) repeat-x;
	border: solid 1px #f4afb0;
	font-weight: bold;
	color: #777777;
	font-size:15px;
	line-height:20px;
	margin-left: 10px;
	padding:2px 10px 2px 10px;
	text-decoration: underline;
}

.item_title a{
	color: #777777;
}
.item_title a:hover{
	color: #ffffff;
}

#item2{
	border: solid 1px #f4afb0;
	width: 578px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 10px;
}

#item2 .content_l{
	float:left;
	width: 140px;
	height: 140px;
	background-color: #ffeeff;
}
#item2 .content_l img{
	padding: 10px;
	text-align:center;
}

#item2 .content_r{
	float:right;
	width: 430px;
}

#item2 .content_r table{
	margin-left: 10px;
	border-collapse:collapse;
	width:410px;
}	
#item2 th{
	width: 70px;
	border:solid 1px #f4afb0;
	text-align:left;
	line-height:15px;
	background-color: #ffeeff;
}
#item2 td{
	border:solid 1px #f4afb0;
	line-height:15px;
}

#item2 .content_l2{
	float:left;
	width: 210px;
	height: 140px;
	background-color: #ffeeff;
}
#item2 .content_l2 img{
	padding: 5px;
	text-align:center;
}
#item2 .content_r2{
	float:right;
	width: 360px;
}
#item2 .content_r2 table{
	margin-left: 10px;
	border-collapse:collapse;
	width:340px;
}

/*---------------------------
sitemap
---------------------------*/
#sitemap li{
	list-style-type:circle;
	list-style-position:inside;
	line-height:20px;
}


/* ----counter measure for bug------------------------------------------------------------ */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.clearfix {display: inline-block;} 


/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */