@charset "UTF-8";

*{margin:0;padding:0;}

body{
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#666666;
	background:url(common/bg.gif) repeat-x;
	text-align:center;
	line-height:180%;
	background-color:#ffffff;
}

img{border:0;vertical-align:bottom;}

ul{list-style:none;}

a:link {color:#ea0e42;text-decoration:none;}
a:visited {color:#f66b8c;text-decoration:none;}
a:active {color:#f66b8c;text-decoration:underline;}
a:hover {color:#f66b8c;text-decoration:underline;}

#wrapper{
	width:890px;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color:#ffffff;
}

h1#header{
	width:890px;
	height:124px;
	background:url(common/header_bg.jpg);
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0;
}

.icon{padding:0 0 0 5px;}
h2{font-size:16px;padding:5px 0 0 10px;}


h3{
	font-size:12px;
	font-weight:bold;
	border-left:3px solid #ff6600;
	padding:0 0 0 15px;
}

h4{
	font-size:12px;
	font-weight:bold;
	color:#ff6600;
}

/** ▼▼ ナビゲーション ▼▼**/
#left_box{
	width:210px;
	float:left;
}

ul#navi{
	margin:0;
	padding:0;
	text-indent:-9999px;
}

ul#navi li{
	display:block;
	width:200px;
	height:48px;
	margin:10px 0 0 0;
	padding:0;
	list-style-type:none;
}

ul#navi li a{
	display:block;
	width:200px;
	height:48px;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#navi li.off{text-indent:0;padding:0;}

#navi_home{background-image:url(common/navi_home02.gif);}
#navi_wanpaku{background-image:url(common/navi_wanpaku02.gif);}
#navi_camp{background-image:url(common/navi_camp02.gif);}
#navi_album{background-image:url(common/navi_album02.gif);}
#navi_leader{background-image:url(common/navi_leader02.gif);}
#navi_volunteer{background-image:url(common/navi_volunteer02.gif);}
#navi_aboutus{background-image:url(common/navi_aboutus02.gif);}
#navi_contactus{background-image:url(common/navi_contactus02.gif);}
#navi_school{background-image:url(common/navi_school02.gif);}

#navi_home a{background-image:url(common/navi_home01.gif);}
#navi_wanpaku a{background-image:url(common/navi_wanpaku01.gif);}
#navi_camp a{background-image:url(common/navi_camp01.gif);}
#navi_album a{background-image:url(common/navi_album01.gif);}
#navi_leader a{background-image:url(common/navi_leader01.gif);}
#navi_volunteer a{background-image:url(common/navi_volunteer01.gif);}
#navi_aboutus a{background-image:url(common/navi_aboutus01.gif);}
#navi_contactus a{background-image:url(common/navi_contactus01.gif);}
#navi_school a{background-image:url(common/navi_school01.gif);}

#navi_home a:hover{background-image:url(common/navi_home02.gif);}
#navi_wanpaku a:hover{background-image:url(common/navi_wanpaku02.gif);}
#navi_camp a:hover{background-image:url(common/navi_camp02.gif);}
#navi_album a:hover{background-image:url(common/navi_album02.gif);}
#navi_leader a:hover{background-image:url(common/navi_leader02.gif);}
#navi_volunteer a:hover{background-image:url(common/navi_volunteer02.gif);}
#navi_aboutus a:hover{background-image:url(common/navi_aboutus02.gif);}
#navi_contactus a:hover{background-image:url(common/navi_contactus02.gif);}
#navi_school a:hover{background-image:url(common/navi_school02.gif);}

ul#blog{margin:10px 0 0 0;padding:0;}
ul#blog li{margin:5px 0 0 0;padding:0;list-style:none;}
/** ▲▲ ナビゲーション ▲▲ **/

/** ▼▼ コンテンツ ▼▼**/
#right_box{
	width:680px;
	height:auto;
	margin:0;
	margin-right:-3px;/** IEバグへの対処 **/
	padding:0;
	float:left;
}

#contents_top{
	width:680px;
	height:26px;
	margin:0;
	padding:0;
	background:url(common/contents_top.gif) no-repeat;
}

#contents_box{
	width:648px;
	height:100%;
	min-height:800px;
	border-left:1px solid #eae6ce;
	border-right:1px solid #eae6ce;
	background-color:#f9f8f2;
	padding:0 15px;
}

#contents_bottom{
	width:680px;
	height:37px;
	margin:0;
	padding:0;
	background:url(common/contents_bottom.gif) no-repeat;
}

.box{
	margin:10px 0;
	padding:10px;
	border:1px solid #eae6ce;
	background-color:#ffffff;
}

.pankuzu{font-size:10px;margin-top:5px;text-align:right;}
.totop{text-align:right;margin-top:10px;}
.link_text{
	background:url(common/icon_arrow.gif) center left no-repeat;
	text-indent:1.5em;
}

.dot{
	background:url(common/dot.gif) repeat-x;
	height:2px;
	margin:10px 0;
}
/** ▲▲ コンテンツ ▲▲ **/

/** フッター **/
#footer{
	margin:0;
	padding:10px 0;
	text-align:center;
	clear:both;
}

.clear{
	clear:both;
}

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

.clearfix{overflow:hidden;}/***Dreamweaver view 用*/