/*
name: surfing a go go 
designer: nagano syouten creative
designer_url: http://www.cattiveria.com/nsc
developer: kuwaharatakashi.co,.ltd.
developer_url: http://www.kuwa.co.jp
*/


/* Basic */

body {
	background-image: url(imgs/back.jpg);
	margin: 0px;
    padding: 0px;
	background-repeat: repeat-x;
	background-color: #EAF2F5;
    font:0.8em/1.6em Arial, Helvetica, sans-serif;
    line-height: 140%;
}

a:link img,
a:hover img,
a:visited img
 { border:none ;}

#container,
#pagebody,
#banner
{
	position: relative;
}


#container-inner
{
	position: static;
}

/* ページのセンタリング */
/* http://blog.webmeister-jp.com/archives/movabletype.php */
/* http://css.webmeister-jp.com/tips/doctype.php */

#container
{
	width: 784px;
	margin-left:auto;
	margin-right:auto;
	background:url(imgs/pagebody.jpg) 50% 0 repeat-y;
}



/* banner */

#banner
{
	text-align: left;
	height: 175px;
	width: 784px;
	margin: 0;
	padding: 0;
	background:url(imgs/header.jpg) 50% 0 no-repeat;
	display:block;
}

#banner-inner
{
    margin: 0px;
	padding:15px;
}



/* Main Contents */
#pagebody
{
	width: 784px;
	margin: 0px 0px 0px 1px;
	padding: 0px;
}

#pagebody-inner
{
	margin: 0px;
	padding: 0px;
}


#statements
{
	width: 777px;
	height:110px;
	margin: 0px 0px 0px 3px;
	padding: 0px;
    position: static;
}

#statements-inner
{
	margin: 0px;
	padding: 0px;
}


#side-navi
{
	margin: 0px 0px 0px 5px;
	padding: 0px;
	width: 200px;
	float:left;
}

#side-navi-inner
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


#main
{
	margin: 0px;
	padding: 0px;
	width:564px;
	float:left;

}

#main-inner
{
	margin: 0px 0px 15px 7px;
	padding: 0px 0px 20px 0px;
	width:556px;
	background:#FFFFFF;
	border:1px solid #999999;
}

/* clear fix necessary */

#main-inner:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#main-inner { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
#main-inner {display:block;}
/* end MacIE5 */




#main-footer-link
{
	clear:both;
	width: 777px;
	height:55px;
	margin: 0px 0px 0px 3px;
	padding: 0px;
    position: static;
}

#main-footer-link-inner
{
	margin: 0px;
	padding: 0px;
}


#footer
{
	width: 775px;
	height:80px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	background:url(imgs/footer.jpg) 100% 100% no-repeat;
	background-color:#0E335F;
}

#footer-inner
{
	margin: 5px;
	padding: 0px;
}




/* Contents */

/* Navi */

#navi
{
    width:777px;
	height:30px;
    top:145px;
    left:4px;
	margin:0px;
	padding:0px;
	position:absolute;
	display:inline;
}

#navi-inner
{
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

#banner h1
{
	display:none;
}

.header-link
{
    margin:5px 5px 0px 0px;
    padding:0px;
    font:0.8em/1.6em Arial, Helvetica, sans-serif;
    text-align:right;
    font-weight: bold;
}

.header-link a,
.header-link a:link,
.header-link a:visited
{
	color: #333333;
	text-decoration: none;
}

.header-link a:hover {
	color: #333333;
	text-decoration: underline;
}

.header-img
{
    margin:0px;
    padding:0px;
    top:40px;
    left:5px;
	position:absolute;
  	vertical-align:bottom;
}



#navi span
{
    display:none;
}

#navi ul
{
  	width:775px;
  	height:30px;
    margin:0px;
  	padding:0px;
  	display:block;
    position: absolute;
}

#navi ul li
{  	
    margin:0px;
  	height:30px;
  	margin:0px;
  	padding:0px;
  	float:left;
  	display:block;
  	list-style:none;
  	text-align:center;
}

#navi li.home
{  	
    width:61px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/01-over.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.home a
{  
    width:61px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/01.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.home a:hover
{  	
	background:url(imgs/01-over.jpg) 0 0 no-repeat;
}


#navi li.about
{  	
    width:95px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/02-over.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;  	
}

#navi li.about a
{  	
    width:95px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/02.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;  
}

#navi li.about a:hover
{  	
	background:url(imgs/02-over.jpg) 0 0 no-repeat;
}


#navi li.activity
{  	
    width:86px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/03-over.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.activity a
{  	
    width:86px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/03.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.activity a:hover
{  	
	background:url(imgs/03-over.jpg) 0 0 no-repeat;
}

#navi li.rule
{  	
    width:51px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/04-over.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.rule a
{  	
    width:51px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/04.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.rule a:hover
{  	
	background:url(imgs/04-over.jpg) 0 0 no-repeat;
}


#navi li.shop
{  	
    width:58px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/05-over.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.shop a
{  	
    width:58px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/05.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.shop a:hover
{  	
	background:url(imgs/05-over.jpg) 0 0 no-repeat;
}

#navi li.sponsor
{  	
    width:108px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/06-over.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.sponsor a
{  	
    width:108px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/06.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}


#navi li.sponsor a:hover
{  	
	background:url(imgs/06-over.jpg) 0 0 no-repeat;
}

#navi li.entry
{  	
    width:96px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/07-over.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.entry a
{  	
    width:96px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/07.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.entry a:hover
{  	
	background:url(imgs/07-over.jpg) 0 0 no-repeat;
}

#navi li.event
{  	
    width:95px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/08-over.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.event a
{  	
    width:95px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/08.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.event a:hover
{  	
	background:url(imgs/08-over.jpg) 0 0 no-repeat;
}

#navi li.contact
{  	
    width:96px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/09-over.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.contact a
{  	
    width:96px;
  	height:30px;
  	margin:0px;
  	padding:0px;
	background:url(imgs/09.jpg) 0 0 no-repeat;
  	display:block;
  	float:left;
}

#navi li.contact a:hover
{  	
	background:url(imgs/09-over.jpg) 0 0 no-repeat;
}


/* Statements */

.statements-navi
{
  	margin:5px 0px 5px 10px;
  	font:0.9em/1.6em Arial, Helvetica, sans-serif;
  	padding:0px;
  	font-weight:bold;
	text-decoration: none;
	color:#0E335F;
}

.statements-navi a
{
	color:#0E335F;
	text-decoration: none;
}

.statements-navi a:hover
{
	color:#0E335F;
	text-decoration: underline;
}

#statements img
{
  	margin:0px 0px 0px 2px;
  	padding:0px;
  	vertical-align:bottom;
}




/* Side Menu */

#side-contents,
#side-contents2,
#sponsor-link,
#side-address
{
  	width:190px;
    margin:0px 0px 8px 0px;
  	padding:0px;
}

#side-address
{
  	padding:0px 0px 0px 10px;
}


#side-navi ul
{
  	width:190px;
    margin:0px;
  	padding:0px;
  	display:block;
}

#side-navi ul li
{  	
  	margin:0px 0px 0px 8px;
  	padding:0px;
  	display:inline;
  	list-style:none;
  	text-align:center;
	font-weight:bold;
	color:#333;
}

#side-navi li.top
{
  	width:190px;
  	height:32px;
  	margin:0px 0px 0px 8px;
  	padding:15px 0 0 0px;
  	display:block;
    font:1em/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	text-decoration: none;
	background:url(imgs/side-navi-top.jpg) 0 50% no-repeat;
}

#side-navi li.normal
{
  	width:190px;
  	height:34px;
  	margin:0px 0px 0px 8px;
  	padding:16px 0 0 0px;
  	display:block;
    font:1em/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	text-decoration: none;
	background:url(imgs/side-navi-normal.jpg) 0 50% no-repeat;
}

#side-navi li.bottom
{
  	width:190px;
  	height:34px;
  	margin:0px 0px 0px 8px;
  	padding:15px 0 0 0px;
  	display:block;
    font:1em/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
	text-decoration: none;
	background:url(imgs/side-navi-bottom.jpg) 0 50% no-repeat;
}

#side-navi li.top a,
#side-navi li.normal a,
#side-navi li.bottom a
{
  	margin:0px;
  	padding:0px;
	font-weight:bold;
	color:#333;
	text-decoration: none;
}

#side-navi li.top a:hover,
#side-navi li.normal a:hover,
#side-navi li.bottom a:hover
{	
  	margin:0px;
  	padding:0px;
    text-decoration: underline;
	color:#333;
}


#side-navi img
{
  	margin:0px 0px 0px 8px;
  	padding:0px;
	vertical-align:bottom;
}

#side-navi .contents
{
  	margin:2px 0px 0px 8px;
  	padding:0px;
	vertical-align:bottom;
}


#side-navi .title
{   
  	margin:0px 8px 0px 8px;
    font:0.9em/1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
}

#side-navi .adress
{   
  	margin:15px 0px 0px 8px;
    font:0.9em/1.4em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333;
}

#side-navi .adress a
{
	font-weight:bold;
	color:#0E335F;
	text-decoration: none;
}

#side-navi .adress a:hover
{
	font-weight:bold;
	color:#0E335F;
	text-decoration: underline;
}




/* Main Contents */

#main h1{display:none;}


#main h2
{
  	margin:20px 30px 15px 20px;
  	padding:5px 5px 5px 8px;
  	width:480px;
    font:1em/1.5em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
    border-left:10px solid #0E335F;
    border-bottom:1px dotted  #0E335F;
    clear:both;
}

#main h3
{
  	margin:20px 30px 15px 20px;
  	padding:5px 5px 5px 8px;
  	width:480px;
    font:1em/1.5em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
    border-left:10px solid #0E335F;
    border-bottom:1px dotted  #0E335F;
    clear:both;
}

#main h3 a
{
	color:#333;
	text-decoration: none;
}

#main h3 a:hover
{
	color:#333;
	text-decoration: underline;
}


#main .title
{
	font-weight:normal;
}

#main .entry-header
{   
  	margin:0px;
  	padding:0px;
}

#main p
{   
  	margin:25px 30px 10px 30px;
  	padding:0px;
    font:0.9em/1.5em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333;
}

#main table
{   
  	margin:25px 30px 20px 30px;
  	padding:0px;
}



#main img
{
  	margin:17px 20px 10px 30px;
  	padding:0px;
}


#main .img-r
{
  	margin:17px 30px 10px 20px;
  	padding:0px;
  	float:right;
}

#main .img-l
{
  	margin:17px 20px 20px 30px;
  	padding:0px;
  	float:left;
}

#main .img-l-2
{
  	margin:0px 20px 0px 30px;
  	padding:0px;
  	float:left;
}


#main .img-list-l
{
  	margin:5px 10px 10px 30px;
  	padding:0px;
  	float:left;
}


#main .img-list-r
{
  	margin:5px 30px 10px 20px;
  	padding:0px;
  	float:right;
  	vertical-align:top;
}


#main p.clearfloat
{
    clear:both;
}





#img-area
{
    width:auto;
    height:auto;
  	margin:0px 0px 0px 0px;
  	padding:0px 0px 10px 0px;
  	display:inline-block;
}

#img-area-inner
{
  	margin:0px;
  	padding:0px;
}

#main .sign
{   
  	margin:30px 40px 10px 30px;
  	padding:0px;
  	text-align:right;
  	font-weight:bold;
	color:#333;
}

#main .more
{   
  	margin:10px 40px 10px 30px;
  	padding:0px;
  	text-align:right;
  	font-weight:bold;
	color:#333;
	clear:both;
}

#main .back
{   
  	margin:10px 40px 0px 30px;
  	padding:0px;
  	text-align:right;
  	font-weight:bold;
	color:#0E335F;
	clear:both;
}



#main .more a,
#main .back a,
#main .link a,
#main .adress a,
#main .company a,
#main a
{   
  	font-weight:bold;
	color:#0E335F;
	text-decoration: none;
}

#main .more a:hover,
#main .back a:hover,
#main .link a:hover,
#main .adress a:hover,
#main .company a:hover,
#main a:hover
{   
  	font-weight:bold;
	color:#0E335F;
	text-decoration: underline;
}

#main .details
{   
  	margin:5px 30px 10px 45px;
  	padding:0px;
    font:0.9em/1.5em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333;
}

#main .shop,
#main .link
{   
  	width:480px;
  	margin:25px 30px 10px 45px;
  	padding:0px;
    font:0.9em/1.5em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333;
    border-bottom:1px dotted  #0E335F;
}

#main .link
{
	font-weight:bold;
}

#main .link a,
#main .link a:hover
{margin-left:50px}


#main .sponser
{   
  	width:480px;
  	margin:25px 30px 10px 45px;
  	padding:0px;
    font:0.9em/1.5em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333;
    border-bottom:1px dotted  #0E335F;
}



#main .sponser-banner
{
	vertical-align:bottom;
}


#main .name
{
	font-weight:bold;
	color:#0E335F;
}

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

#main .tel
{
    text-align:right;
  	margin-left:60px;
}

#main .contact
{
    margin-top:5px;
  	margin-left:65px;
}


#main .company
{
    margin:25px 10px 10px 40px;
    padding:10px;
    border:1px solid #CCCCCC;
}

#main .company
{   width:250px;}

#main .small-txt
{
    font:0.7em/1.6em Arial, Helvetica, sans-serif;
	font-weight:nomal;
	color:#0E335F;
}

#main .from-link
{
    font:0.8em/1.6em Arial, Helvetica, sans-serif;
	font-weight:nomal;
	color:#0E335F;
}

#main .red
{
   color: #950A05;
   font-weight:bold;
}

#main .red-zone
{
    color: #950A05;
    font-weight:bold;
    margin:25px 50px 10px 30px;
    padding:10px;
    border:1px solid #950A05;
}

#main .blue-zone
{
    color: #333;
    font-weight:bold;
    margin:25px 50px 10px 30px;
    padding:10px;
    border:1px solid #0E335F;
}




#main .mail-send
{
    color: #0E335F;
    font-weight:bold;
    margin:25px 50px 10px 30px;
    padding:10px;
    border:1px solid #0E335F;
    text-align:center;
}

#main .thanks
{
    text-align:center;
}


/* Main Footer Link */


#main-footer-link img
{
  	margin:0px 10px 10px 0px;
  	padding:0px;
	float:right;
}

#main-footer-link .links
{
	clear:both;
  	margin:5px 0px 0px 0px;
  	text-align:center;
    font:0.8em/1.6em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0E335F;
}


#main-footer-link a
{	color: #0E335F;
	text-decoration: none;
}

#main-footer-link a:hover
{	color: #0E335F;
	text-decoration: underline;
}


/* footer */

#footer .links
{
  	margin:10px 0px 0px 15px;
  	padding:0px;
    font:0.8em/1.6em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
}

#footer a
{	color: #FFF;
	text-decoration: none;
}

#footer a:hover
{	color: #FFF;
	text-decoration: underline;
}

#footer .copyrights
{
  	margin:15px 75px 0px 15px;
  	padding:0px;
    font:0.8em/1.6em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:right;
}