@charset "Shift-JIS";

/* Browser-style reset
------------------------------------------------------------ */
html {
	margin: 0;
	padding: 0;
	filter: expression(document.execCommand("BackgroundImageCache", false, true));/* No More IE6 Background Flicker */
	}
body {
	text-align: center;/* for ie6 bug */
	}
body,th,td {
	font-family: "Trebuchet MS","Arial","ＭＳ Ｐゴシック","Osaka";
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	line-height: 1.4em;
	}
table {
	border-collapse: collapse;
	}
form,p {
	margin: 0;
	padding: 0;
	}
a,label{
	cursor: pointer;
	}
img {
	border:none;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
	}
li,ul{
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	font-size: 0;
	border:none;
	line-height: 0;
	}
pre {
	margin: 0;
	padding: 0;
	}
a:link {
	color: #ffcc33;
	text-decoration: none;
	}
a:visited {
	color: #b18e26;
	text-decoration: none;
	}
a:hover {
	color: #af1600;
	text-decoration: underline;
	}
a:active {
	color: #ffe69d;
	text-decoration: underline;
	}

/* for non-CSS
------------------------------------------------------------ */
.aid {
	position: absolute;
	left: -9999px;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

/* text color
------------------------------------------------------------ */
.fontyellow {
	color: #dfad00;
	}
/* column setting (layout only)
------------------------------------------------------------ */
/* common */
html {
	height: 100%;
	}
body {
	height: 100%;
	}
#all{	
	margin: 0 auto 0 auto;
	min-height: 100%;
	width: 700px;
	text-align: left;
	position:relative;
	}
#popup{
	margin: 0 auto 0 auto;
	min-height: 100%;
	height:100%;
	width:100%;
	background-color:#FFFFFF;

}
* html #all {
	height: 100%;
	}

/* clearfix
------------------------------------------------------------ */
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
	}
.clearfix {
	min-height: 1px;
	display: inline-block;
	}
/* exlude MacIE5 \*/
* html .clearfix { 
	height: 1%;
	}
.clearfix {
	display:block;
	}
.clear {
	clear:both;
	}
/* end MacIE5 */

/* common item
------------------------------------------------------------ */
.fontfix {
	font-family: "ＭＳ Ｐゴシック";
	}
/* page body */
.indexonly{
	position:relative;
	background: url(../img/bg_top.gif) no-repeat;
	background-position: center 0;
	margin: 0 auto 0 auto;
	}
	
.subonly{
	background: url(../img/bg_sub.gif) no-repeat;
	background-position: center 0px;
	background-color:#FFFFFF;
	}

/* common parts */
.fontbold {
	font-weight:bold;
	color:#FFFFFF;
	}
.allcenter {
	text-align:center;
	}
.allright {
	text-align:right;
	}
.partmargin {
	width:100%;
	height: 20px;
}
/* margin parts (補助マージン)*/
.partmargin2 {
	width:557px;
	height: 2px;
	line-height:0px;
	float:left;
}
.partmargin3 {
	width:537px;
	height: 2px;
	line-height:0px;
	float:left;
}
.partmargin4 {
	margin: 6px 6px 6px 6px;
}
.partmargin5 {
	height:400px;
}
.partmargin6 {
	height:50px;
}


/* layout parts
------------------------------------------------------------ */
/* index */


#all  #mainflash{
 position:absolute;
 top:103px;
 left:4px;
 width:692px;
 height:240px;
 }


#all  #sub{
 position:relative;
 margin-top:75px;
 width:700px;
 min-height:400px;
	background: url(../img/bg_subbuttom.gif) no-repeat;
	background-position:center bottom ;
	background-color:#003366;
 }



#all #indexnews{
 position:absolute;
 top:410px;
 left:57px;
 width:280px;
 height:130px;
}

#all #indexnews li{
position:relative;
 height:45px;
 width:280px;
	list-style-image: none;
	list-style-type: none;
	font-size:12px;
	line-height:18px;
	background: url(../img/ico_toptab.gif) no-repeat;
	background-position: 0 5px ;
	margin:0px 0 0 0px;
	padding: 0 0 0 0px;
}
#all #indexmessage{
 position:absolute;
 top:410px;
 left:377px;
 width:280px;
 height:130px;
}

#all #indexmessage li{
position:relative;
 height:45px;
 width:280px;
	list-style-image: none;
	list-style-type: none;
	font-size:12px;
	line-height:18px;
	background: url(../img/ico_toptab.gif) no-repeat;
	background-position: 0 5px ;
	margin:0px 0 0 0px;
	padding: 0 0 0 0px;
}

#all #indexnews li .day,
#all #indexmessage li .day{
	position:relative;
	margin-left:20px;
	font-weight:bold;
}
#all #indexnews li .newsbody,
#all #indexmessage li .newsbody{
	position:relative;
	margin-left:30px;
}


/* header */



#all #indexheader{
 position:absolute;
 top:557px;
 left:5px;
 width:690px;
 height:38px;
}

#all #subheader{
position:relative;
margin-top:50px;
 width:700px;
 height:38px;
}

#all #indexheader img{
	margin-right:6px;
	float:left;
}

#all #indexheader #header,
#all #subheader  #header{
 position:absolute;
 top:8px;
 left:430px;
	height:30px;
	width:300px;
}

/* area */
#all #sub #newsarea{
margin: 10px 80px 10px 80px;
}

#all #sub #galleryarea{
 height:460px;
}

#all #sub #contactarea{
 height:320px;
margin: 50px 50px 10px 50px;
	background: url(../img/bg_longtbl.gif) repeat-x;
	border-bottom:1px solid #7d0000;
}
#all #sub #informationarea{
margin: 40px 50px 10px 50px;
}
#all #messagearea{
margin: 40px 50px 10px 50px;
}



/* common  menu */
#all #indexmenu{
 position:absolute;
 top:75px;
 left:0px;
 width:700 px;
 height:28px;
}

#all #submenu{
 position:relative;
 width:700 px;
 height:28px;
}



#all .menu{
}

#all .menu #home{
	position:absolute;
	top:0px;
 	left:0px;
	background: url(../img/bt_home.gif) no-repeat;
	background-position: 0px 0px;
	width:103px;
	height:26px;
}
#all .menu a:hover#home,
#all .menu #homev{
	position:absolute;
	top:0px;
 	left:0px;
	background: url(../img/bt_home.gif) no-repeat;
	background-position: 0px -26px;
	width:103px;
	height:26px;
}

#all .menu #blog{
	position:absolute;
	top:0px;
 	left:103px;
	background: url(../img/bt_blog.gif) no-repeat;
	background-position: 0px 0px;
	width:99px;
	height:26px;
}
#all .menu a:hover#blog,
#all .menu #blogv{
	position:absolute;
	top:0px;
 	left:103px;
	background: url(../img/bt_blog.gif) no-repeat;
	background-position: 0px -26px;
	width:99px;
	height:26px;
}

#all .menu #news{
	position:absolute;
	top:0px;
 	left:202px;
	background: url(../img/bt_news.gif) no-repeat;
	background-position: 0px 0px;
	width:99px;
	height:26px;
}
#all .menu a:hover#news,
#all .menu #newsv{
	position:absolute;
	top:0px;
 	left:202px;
	background: url(../img/bt_news.gif) no-repeat;
	background-position: 0px -26px;
	width:99px;
	height:26px;
}


#all .menu #information{
	position:absolute;
	top:0px;
 	left:301px;
	background: url(../img/bt_infomation.gif) no-repeat;
	background-position: 0px 0px;
	width:100px;
	height:26px;
}
#all .menu a:hover#information,
#all .menu #infomationv{
	position:absolute;
	top:0px;
 	left:301px;
	background: url(../img/bt_infomation.gif) no-repeat;
	background-position: 0px -26px;
	width:100px;
	height:26px;
}



#all .menu #gallery{
	position:absolute;
	top:0px;
 	left:401px;
	background: url(../img/bt_gallery.gif) no-repeat;
	background-position: 0px 0px;
	width:100px;
	height:26px;
}
#all .menu a:hover#gallery,
#all .menu #galleryv{
	position:absolute;
	top:0px;
 	left:401px;
	background: url(../img/bt_gallery.gif) no-repeat;
	background-position: 0px -26px;
	width:100px;
	height:26px;
}



#all .menu #message{
	position:absolute;
	top:0px;
 	left:501px;
	background: url(../img/bt_message.gif) no-repeat;
	background-position: 0px 0px;
	width:100px;
	height:26px;
}
#all .menu a:hover#message,
#all .menu #messagev{
	position:absolute;
	top:0px;
 	left:501px;
	background: url(../img/bt_message.gif) no-repeat;
	background-position: 0px -26px;
	width:100px;
	height:26px;
}



#all .menu #contact{
	position:absolute;
	top:0px;
 	left:601px;
	background: url(../img/bt_contact.gif) no-repeat;
	background-position: 0px 0px;
	width:99px;
	height:26px;
}
#all .menu a:hover#contact,
#all .menu #contactv{
	position:absolute;
	top:0px;
 	left:601px;
	background: url(../img/bt_contact.gif) no-repeat;
	background-position: 0px -26px;
	width:99px;
	height:26px;
}


#all #sub #sub_news,
#all #sub #sub_information,
#all #sub #sub_gallery,
#all #sub #sub_message,
#all #sub #sub_contact{
	position:relative;
	background: url(../img/bg_h1sub_gallery.jpg) no-repeat;
	width:692px;
	height:145px;
	margin: 0px 0 0 4px;
}
#all #sub #sub_news{
	background: url(../img/bg_h1sub_news.jpg) no-repeat;
}
#all #sub #sub_information{
	background: url(../img/bg_h1sub_information.jpg) no-repeat;
}
#all #sub #sub_gallery{
	background: url(../img/bg_h1sub_gallery.jpg) no-repeat;
}
#all #sub #sub_message{
	background: url(../img/bg_h1sub_message.jpg) no-repeat;
}
#all #sub #sub_contact{
	background: url(../img/bg_h1sub_contact.jpg) no-repeat;
}







/* sub news */

#all #subnews{
position:relative;
 width:100%;
}

#all #subnews li{
position:relative;
 width:100%;
	list-style-image: none;
	list-style-type: none;
	font-size:12px;
	line-height:21px;
	background: url(../img/ico_toptab.gif) no-repeat;
	background-position: 0 7px ;
	margin:10px 0 20px 0px;
	padding: 0 0 0 0px;
	border-bottom:3px solid #002346;
	
}



#all #subnews li .day,
#all #indexmessage li .day{
	position:relative;
	margin-left:20px;
	font-weight:bold;
}
#all #subnews li .newsbody,
#all #indexmessage li .newsbody{
	position:relative;
	color: #ffcc33;
}


/* sub contact */

#all #contactarea #contacttitle{
	background: url(../img/bg_fanletter.gif) no-repeat;
	height:29px;
	width:100%;
}

#all #contactarea #contacttable{
	margin: 20px 0 20px 0 ;
	width:600px;
	height:250px;
}
#all #contactarea #contacttable .text-field{
	height:16px;
	border:1px solid #7d0000;
}

/* sub information */
#all #informationarea #inforscore{
	position:relative;
	height:29px;
	width:337px;
	color:#003366;
	font-weight:bold;
	text-indent:150px;
	line-height:29px;
	background: url(../img/bg_inforscore.gif) repeat-x;
	margin: 0px 0 20px 0 ;
}


#all #informationarea #inforscore09{
	position:relative;
	height:29px;
	width:337px;
	color:#003366;
	font-weight:bold;
	text-indent:150px;
	line-height:29px;
	background: url(../img/bg_inforscore09.gif) repeat-x;
	margin: 0px 0 20px 0 ;
}


#all #informationarea #infortable{
	margin: 0px 0 20px 0 ;
	width:600px;
	text-align:center;
	border:1px solid #002346;
}


#all #informationarea #infortable th{
	height:26px;
	background: url(../img/bg_tablebg01.gif) repeat-x;
}

#all #informationarea #infortable td{
	height:26px;
	background: url(../img/bg_tablebg02.gif) repeat-x;
}
#all #informationarea .inforday{
	height:22px;
	width:100%;
	margin: 0px 0 2px 0;
	font-weight:bold;
	text-indent:30px;
	line-height:22px;
	background: url(../img/bg_infor01.gif) repeat-x;
}


/* sub message */

#all #messagearea #culmleft{
	position:relative;
	width:150px;
	height:200px;
	margin: 0px 10px 0 0;
	float:left;
}
#all #messagearea #culmright{
	position:relative;
	width:440px;
	margin: 0px 0 0 0;
	float:left;
}

#all #messagearea #culmleft #messageindex{
	width:150px;
	margin: 0px 0 0px 0;
	line-height:20px;
	background: url(../img/bg_tub01.gif) no-repeat;
	background-position: top center  ;
	border:1px solid #001d3a;
	padding:30px 0 0 0;
}

#all #messagearea #culmleft #messageindex li{
position:relative;
	list-style-image: none;
	list-style-type: none;
	font-size:12px;
	line-height:25px;
	background: url(../img/ico_toptab2.gif) no-repeat;
	background-position: 0 9px ;
	margin:0px 0 0 10px;
	text-indent:20px;
}



#all #messagearea #culmright .messagetitle{
	height:22px;
	width:440px;
	margin: 0px 0 2px 0;
	font-weight:bold;
	text-indent:30px;
	line-height:22px;
	background: url(../img/bg_infor01.gif) repeat-x;
}
#all #messagearea #culmright .messagebody{
	width:440px;
	margin: 0px 0 2px 0;
	line-height:22px;
	color:#cccccc;
	border-bottom:1px solid #8eb9bd;
}
#all #messagearea #culmright .messagejst{
	width:440px;
	height:30px;
	margin: 0px 0 20px 0;
	line-height:20px;
	text-align:right;
	border-bottom:3px solid #001d3a;
}