@charset 'utf-8';
@import url("./common.css");

/* ==================================================
  INDEX index.css
----------------------------------------------------

/* 1.course
=====================================*/
.course_box{
	width		: 500px;
	color		: #fffff0;
	float		: left;
	margin-top  : 10px;
	margin-left : 25px;
	margin-bottom : 5px;
	line-height	: 1.8;
	}
	
.course_box h3{
	margin		: 0 0 0 0;
	display		: inline;
	}
	
.kayak{
	width		: 500px;
	height      : 110px;
	padding		: 5px 0;
	border		: solid 2px #9C9;
	}

.kayak img{
	float		: left;
	margin		: 5px 10px;
	}

.kayak h4{
	margin		: 5px 0 0 5px;
	font-size	: 14px;
	font-weight	: bold;
	color       : #FF8400;
	}

.kayak p{
	margin		: 0 10px 0 5px;
	}

.hijyagawa{
	width		: 500px;
	float		: left;
	margin-top  : 10px;
	margin-left : 25px;
	margin-bottom : 5px;
	}
	
.hijyagawa h3{
	margin		: 0 0 0 0;
	display		: inline;
	}
	
.hijyagawa2{
	width		: 500px;
	height      : 260px;
	padding		: 5px 0;
	border		: solid 2px #9C9;
	}

.miryoku_box{
	width		: 235px;
	height      : 120px;
	color		: #fffff0;
	float		: left;
	margin-top  : 5px;
	margin-left : 10px;
	margin-right : 5px;
	margin-bottom : 5px;
	line-height	: 1.8;
	background	: url("../img/bg_miryoku.jpg") top left no-repeat;
	}
		
.miryoku_box img{
	margin-right : 5px;
	}
.miryoku_box p{
	margin		: 60px 5px;
	margin-left : 15px;
	}

.miryoku_box a:link {   
	color		: #C2CA6C;
	}  
	
.miryoku_box a:visited {  
	color		: #C2CA6C;
	}
	
.miryoku_box a:hover {  
	color		: #C2CA6C;
	text-decoration	: none;
	}
	
.miryoku_box a:active {  
	color		: #C2CA6C;
	} 
		
.sunset_box{
	width		: 235px;
	height      : 120px;
	color		: #203903;
	float		: left;
	margin-top  : 5px;
	margin-left : 10px;
	margin-right : 5px;
	margin-bottom : 5px;
	line-height	: 1.8;
	background	: url("../img/bg_sunset.jpg") top left no-repeat;
	}
		
.sunset_box img{
    margin-right : 5px;
	}

.sunset_box p{
	margin		: 60px 5px;
	margin-left : 15px;
	}
.sunset_box a:link {   
	color		: #8A5802;
	}  
	
.sunset_box a:visited {  
	color		: #8A5802;
	}
	
.sunset_box a:hover {  
	color		: #8A5802;
	text-decoration	: none;
	}
	
.sunset_box a:active {  
	color		: #8A5802;
	}
	
	
.hotal_box{
	width		: 235px;
	height      : 120px;
	color		: #fffff0;
	float		: left;
	margin-top  : 5px;
	margin-left : 5px;
	margin-bottom : 5px;
	line-height	: 1.8;
	background	: url("../img/bg_hotal.jpg") top left no-repeat;
	}

.hotal_box img{
    margin-right : 5px;
	}
	
.hotal_box p{
	margin		: 60px 5px;
	margin-left : 10px;
	}
.hotal_box a:link {   
	color		: #C2CA6C;
	}  
	
.hotal_box a:visited {  
	color		: #C2CA6C;
	}
	
.hotal_box a:hover {  
	color		: #C2CA6C;
	text-decoration	: none;
	}
	
.hotal_box a:active {  
	color		: #C2CA6C;
	} 
	
.miryoku2_box{
	width		: 235px;
	height      : 120px;
	color		: #fffff0;
	float		: left;
	margin-top  : 5px;
	margin-left : 5px;
	margin-bottom : 5px;
	line-height	: 1.8;
	background	: url("../img/bg_miryoku2.jpg") top left no-repeat;
	}
		
.miryoku2_box img{
    margin-right : 5px;
	}
	
.miryoku2_box p{
	margin		: 60px 5px;
	margin-left : 10px;
	}

.miryoku2_box a:link {   
	color		: #fff;
	}  
	
.miryoku2_box a:visited {  
	color		: #fff;
	}
	
.miryoku2_box a:hover {  
	color		: #fff;
	text-decoration	: none;
	}
	
.miryoku2_box a:active {  
	color		: #fff;
	}
		
.top_news{
	width		: 500px;
	color		: #fffff0;
	float		: left;
	margin-top  : 25px;
	margin-bottom : 25px;
	margin-left : 25px;
	line-height	: 1.8;
	border		: solid 2px #C2CA6C;
	}

.top_news h2{
	margin		: 3px 0 3px 1px;
	float       : left;
	}

.top_news ul{
	margin		: 5px 10px 10px;
	}

/* 2.Contact　お問い合わせ
=====================================*/	
.contact_box{
	width		: 530px;
	text-align	: center;
	float		: left;
	margin-left : 20px;
	}

.contact_box h2{
	text-align	: left;
	font-weight	: bold;
	}
	
.contact_box table{
	margin		: 0 auto;
	text-align	: left;
	background	: #9F9F9F;
	border-collapse	: collapse;
	border-top	: solid 1px #000000;
	border-left	: solid 1px #000000;
	}

.contact_box th,
.contact_box td{
	padding		: 6px 5px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-right	: solid 1px #000000;
	border-bottom	: solid 1px #000000;
	}
	
.contact_box th,
.btn_send{
	text-align	: right;
	}

.btn_send input{
	padding		: 0 15px;
	}

.thanks{
	width		: 500px;
	margin		: 10px auto;
	padding		: 15px;
	background	: #9F9F9F;
	border		: solid 1px #000000;
	}