@charset "utf-8";
/* CSS Document */

*{
margin:0;
padding:0;
font-size:100%;

}


body{
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:75%;
}

a{
color:#003399;
}

a:visited{
color:#333333;
}

img{
border:none;
vertical-align:top;
}





#wrapper{
margin:0 auto;
padding:0;
width:770px;
}
#header{
	width:770px;
	height:60px;
	margin:0;
	padding:0;
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
}

#header h1{
margin:0;
padding:0;
}




/*▼▼▼navigation ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

#navigation{
	position:relative;
	top:0;
	left:0;
	width:770px;
	height:30px;
 	background-image: url(../images/navigationBack.gif);
	background-repeat: no-repeat;
}

#navigation li{
list-style-type:none;
float:left;
width:150px;
}

#navigation li a{
display:block;
overflow:hidden;
width:100%;
height:0 !important;
height /**/:30px;
padding-top:30px;
background-image:url(../images/navigation.gif);
color:#FFFFFF;
}

#navi01 a{background-position:0 0 ;}
#navi02 a{background-position:-150px 0 ;}
#navi03 a{background-position:-300px 0 ;}
#navi04 a{background-position:-450px 0 ;}
#navi05 a{background-position:-600px 0 ;}

#navi01 a.stay{background-position:0 -60px ;}
#navi02 a.stay{background-position:-150px -60px ;}
#navi03 a.stay{background-position:-300px -60px ;}
#navi04 a.stay{background-position:-450px -60px ;}
#navi05 a.stay{background-position:-600px -60px ;}


#navi01 a:hover{background-position:0 -30px ;}
#navi02 a:hover{background-position:-150px -30px ;}
#navi03 a:hover{background-position:-300px -30px ;}
#navi04 a:hover{background-position:-450px -30px ;}
#navi05 a:hover{background-position:-600px -30px ;}

/*▲▲▲navigation▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/


/*
ul#topNavi{
position:relative;
	top:-85px;
	right:0;
	width:770px;
	height:30px;
	text-align:right;
}

ul#topNavi li{
display:inline;
margin-right:1em;
padding-left:1em;
border-left:1px solid #666666;
}
*/





#contents{
	clear:both;
	width:770px;
	overflow:auto !important;
    overflow:/**/:hidden;
	margin:0;
	padding:0;
	background-image: url(../images/contents_back.gif);
	background-repeat: repeat-y;
}



#contents p.kuzupan {
width:740px;
margin-top:0;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
padding-left:10px;
text-align:right;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:100%;
}




#contents h2{

}









/*▼▼▼primary▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/


#primary{
float:right;
width:550px;
background:tranceparent;
margin:0;
padding:0;

}

#primary h2{
font-size:1.5em;
font-weight:bold;
margin:0;
padding:1em ;
}

#primary h3{
font-size:1.3em;
font-weight:bold;
margin:0;
padding:20px 10px 5px 10px ;
}
#primary h4{
font-size:1.3em;
font-weight:bold;
margin:0;
padding:20px 10px 5px 20px ;
}

#primary p{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:105%;
line-height:150%;
padding-top:5px;
padding-left:20px;
padding-right:50px;
padding-bottom:10px;
}

#primary ul{
font-size:1.2em;
margin:0;
padding:1em 0.5em 0 0.5em ;
}

#primary li{
font-size:1em;
margin:0;
padding:0 0.5em 0 2em ;
}

#primary p.photoBoxL{
float:left;
}

/*▼▼▼sideBar▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

#sideBar{
float:left;
width:214px;
background:tranceparent;
margin:0;
padding:0;
}



/*▼▼▼aboutサンドナビゲーション▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

ul#aboutNavi {
width:214px;
height:280px;
list-style-type:none;
margin:0;
padding:0 0 10px 0;
}

ul#aboutNavi li{
width:214px;

}

ul#aboutNavi li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:35px;
	padding-top:35px;
	background-image:url(../images/about_navi.gif);
	color:#FFFFFF;
}

#aboutNavi01 a{background-position:0 0 ;}
#aboutNavi02 a{background-position:0 -35px ;}
#aboutNavi03 a{background-position:0 -70px ;}
#aboutNavi04 a{background-position:0 -105px ;}
#aboutNavi05 a{background-position:0 -140px ;}
#aboutNavi06 a{background-position:0 -175px ;}
/*#aboutNavi07 a{background-position:0 -210px ;}
#aboutNavi08 a{background-position:0 -245px ;}*/

#aboutNavi01 a:hover{background-position:-214px 0 ;}
#aboutNavi02 a:hover{background-position:-214px -35px ;}
#aboutNavi03 a:hover{background-position:-214px -70px ;}
#aboutNavi04 a:hover{background-position:-214px -105px ;}
#aboutNavi05 a:hover{background-position:-214px -140px ;}
#aboutNavi06 a:hover{background-position:-214px -175px ;}
/*#aboutNavi07 a:hover{background-position:-214px -210px ;}
#aboutNavi08 a:hover{background-position:-214px -245px ;}*/


#aboutNavi01 a.stay{background-position:-428px 0 ;}
#aboutNavi02 a.stay{background-position:-428px -35px ;}
#aboutNavi03 a.stay{background-position:-428px -70px ;}
#aboutNavi04 a.stay{background-position:-428px -105px ;}
#aboutNavi05 a.stay{background-position:-428px -140px ;}
#aboutNavi06 a.stay{background-position:-428px -175px ;}
/*#aboutNavi07 a.stay{background-position:-428px -210px ;}
#aboutNavi08 a.stay{background-position:-428px -245px ;}*/


/*▲▲▲aboutサンドナビゲーション▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/


/*▼▼▼clubサンドナビゲーション▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

ul#clubNavi {
width:214px;
height:70px;
list-style-type:none;
margin:0;
padding:0 0 10px 0;
}

ul#clubNavi li{
width:214px;

}

ul#clubNavi li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:35px;
	padding-top:35px;
	background-image:url(../images/club_navi.gif);
	color:#FFFFFF;
}

#clubNavi01 a{background-position:0 0 ;}
#clubNavi02 a{background-position:0 -35px ;}

#clubNavi01 a:hover{background-position:-214px 0 ;}
#clubNavi02 a:hover{background-position:-214px -35px ;}

#clubNavi01 a.stay{background-position:-428px 0 ;}
#clubNavi02 a.stay{background-position:-428px -35px ;}


/*▲▲▲clubサンドナビゲーション▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/


/*▼▼▼howtoサンドナビゲーション▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/

ul#howtoNavi {
width:214px;
height:210px;
list-style-type:none;
margin:0;
padding:0 0 10px 0;
}

ul#howtoNavi li{
width:214px;

}

ul#howtoNavi li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:35px;
	padding-top:35px;
	background-image:url(../images/howto_navi.gif);
	color:#FFFFFF;
}

#howtoNavi01 a{background-position:0 0 ;}
#howtoNavi02 a{background-position:0 -35px ;}
#howtoNavi03 a{background-position:0 -70px ;}
#howtoNavi04 a{background-position:0 -105px ;}
#howtoNavi05 a{background-position:0 -140px ;}
#howtoNavi06 a{background-position:0 -175px ;}

#howtoNavi01 a:hover{background-position:-214px 0 ;}
#howtoNavi02 a:hover{background-position:-214px -35px ;}
#howtoNavi03 a:hover{background-position:-214px -70px ;}
#howtoNavi04 a:hover{background-position:-214px -105px ;}
#howtoNavi05 a:hover{background-position:-214px -140px ;}
#howtoNavi06 a:hover{background-position:-214px -175px ;}

#howtoNavi01 a.stay{background-position:-428px 0 ;}
#howtoNavi02 a.stay{background-position:-428px -35px ;}
#howtoNavi03 a.stay{background-position:-428px -70px ;}
#howtoNavi04 a.stay{background-position:-428px -105px ;}
#howtoNavi05 a.stay{background-position:-428px -140px ;}
#howtoNavi06 a.stay{background-position:-428px -175px ;}


/*▲▲▲howtoサンドナビゲーション▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/


#footer{
	clear:both;
	
	width:770px;
	height:50px;
	margin:0 auto;
	padding:0 0 50px 0;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
}


ul#footerNavi{
margin:10px auto;
text-align:center;
}

ul#footerNavi li{
display:inline;
margin-right:1em;
margin-left:1em;
border-left:1px solid #666666; 
}


ul#footerNavi li a{
color:#FFFFFF;
}

ul#footerNavi li a:hover{
color:#FFFFFF;
}



dl#pageIndex{
width:450px;
margin:20px auto;
}


dl#pageIndex dt{
font-size:1.2em;
font-weight:bold;
padding-top:1.8em;
}


dl#pageIndex dd{
font-size:1.0em;
padding-top:1.3em;
padding-left:2em;
}



#toi{
clear:left;
width:520px;
margin:30px auto;
border-top:3px #999999 solid;
}


#toi h3{
font-size:0.9em;
}

#toi p{
margin:10px 5px;
}


#toi .photoBoxL{
float:left;
}




#imageBoxCon {
width:520px;
margin:0;
padding:0;
}

#imageBoxCon .imageBox{
float:left;
width:250px;
margin:0;
padding:5px;
}


#imageBoxCon .imageBox1{
clear:left;
width:500px;
margin:0;
padding:5px;
}

#koukoku{
width:760px;
height:100px;
margin:0 auto;
padding:0;
}

#koukoku img{
width:240px;
margin-left:10px;
margin-bottom:5px;
}