@charset "EUC-JP";

body{
margin:8px 0 0 0; padding:0;
font-family:"メイリオ",Meiryo,"Lucida Grande",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
background-color:#FFFFFF;
}

h1 {
    font-size: 12px;
    line-height: 105%;
    padding: 0;
    color: #666;
    margin: 0 auto 0 auto;
    font-weight: normal;
    text-align: right;
    width: 900px;
}

p{margin:0; padding:0;}

a:link,a:visited{color: #0000FF; text-decoration:none;word-break: break-all;}
a:hover{ color: #0099CC; text-decoration:underline;word-break: break-all;}


.clear{ clear:both;}
.clearfix:after {   
content: ".";    
display: block;    
height: 0;    
clear: both;    
visibility: hidden;   
}   
.clearfix { display: inline-table; }   
* html .clearfix { height: 1%; }   
.clearfix { display: block; }   

ul{ list-style:none;}







/* ALL CONTAINER *************************************/
#topmaincontainer{
text-align:center;
margin:0 auto 0 auto;
position:relative;
height:100%;
background:URL('../img/mainbg_sunblue_top.jpg') repeat-x center 98px;
}

#maincontainer{
text-align:center;
margin:0 auto 0 auto;
position:relative;
height:100%;
background:URL('../img/mainbg_sunblue.jpg') repeat-x center 98px;
}

#contetntscontainer{
text-align:center;
margin:0 auto 0 auto;
height:100%;
position:relative;
}

#contentscontainer{
text-align:center;
margin:0 auto 0 auto;
position:relative;
height:100%;
background:URL('../img/mainbg_sky00000000.png') repeat-x 0 55px;
}


#headcontainer,#headcontainer_cont{
text-align:center;
margin:0 auto 0 auto;
width:100%;
position:relative;
background:URL('../img/headline_gra.gif') repeat-x 0 42px;
height:90px; /*HEADER HRIGHT*/
display:block;
z-index:2;
}

#headcontainer_cont{
position:fixed; top:0; left:0;
}


#foter,#foter_cont{
clear:both;
width:100%;
min-height:150px;
text-align:center;
position:relative;
margin:20px auto 0 auto;
padding:40px 0 0 0;
background:URL('../img/headline_graft.png') repeat-x 0 0;
display:block;
}

#foter_cont{
position:fixed;

}

#mainheader{
width:900px;
display:block;
margin:0 auto 0 auto;
}

#foterlink{
width:900px;
display:block;
margin:4px auto 0 auto;
}

#mainheader #hapilogo{ margin:3px 0 0 10px; float:left;}
#mainheader a,#foter a{ color:#555555; text-decoration:none;}
#mainheader a:hover,#foter a:hover{ color:#000000; text-decoration:underline;}

#mainheader ul{
display:block;
float:right;
text-align:right;
margin:26px 0 0 0;
width:500px;
}

#mainheader ul li{
float:right;
text-align:left;
font-size:60%;
margin:0 10px 0 15px;
padding:0 0 0 5px;
line-height:110%;
display:block;
border-left: 2px #0099CC solid;
}


#foter ul,#foter_cont ul{width:500px; float:left; margin:0 0 10px 0;}
#foter div,#foter_cont div{width:870px;margin:0 auto;}

#foter ul li,#foter_cont ul li{
float:left;
font-size:60%;
margin:0 25px 0 0;
padding:0 0 0 5px;
line-height:110%;
border-left: 2px #0099CC solid;
}

#foter p,#foter_cont p{
float:right;
display:block;
font-size:60%;
}

#globalnavi{
clear:both;
text-align:center;
margin:15px 0 0 0;
background:URL('../img/headbg_bk.jpg') repeat-x 0 0;
height:40px;
}

#globalnavi ul{
	width:890px;
	margin:0 auto;
	display:block;
	text-align:center;	
}

#globalnavi ul li{
	float:left;
	width:290px; /*TOP LINK width*/
	line-height:120%;
	background:URL('../img/headlinkbg.gif') no-repeat left center;	
	margin:0 auto;
	display:block;
}
#globalnavi ul li.end{
	width:10px; /*TOP LINK END*/
	background:URL('../img/headlinkbg.gif') no-repeat left center;	
}

#globalnavi ul li.line2{
	line-height:100%;
}

#globalnavi a{
	color:#FFF;
	font-size:83%;
	text-decoration:none;
	font-weight:bold;
}

#globalnavi a:hover{
	color: #FF3; text-decoration:underline;}




/*contents page*/
#contentsarea{
clear:both;
margin:5px auto 5px auto;
text-align:center;
width:100%;
position:relative;
}

#contentshead{ margin:20px auto 0;}

.conbg_g,.conbg_r,.conbg_dr,.conbg_b,
.conbg_db,.conbg_pur,.conbg_pnk,.conbg_bk{
width:905px;
height:52px;
margin:5px auto 0 auto;
display:block;
}

.conbg_g{background:url('../img/connavi900_g.png') no-repeat 0 0;}
.conbg_r{background:url('../img/connavi900_r.png') no-repeat 0 0;}
.conbg_dr{background:url('../img/connavi900_dr.png') no-repeat 0 0;}
.conbg_b{background:url('../img/connavi900_b.png') no-repeat 0 0;}
.conbg_db{background:url('../img/connavi900_db.png') no-repeat 0 0;}
.conbg_pur{background:url('../img/connavi900_pur.png') no-repeat 0 0;}
.conbg_pnk{background:url('../img/connavi900_pnk.png') no-repeat 0 0;}
.conbg_bk{background:url('../img/connavi900_bk.png') no-repeat 0 0;}


#contentsdetail{
width:900px;
margin:0 auto;
padding:0 0 0 0;
position:relative;
}


#contentshead ul{
width:953px;
display:block;
margin:0;
padding:13px 0 0 0;
list-style:none;
}

#contentshead ul li{
float:left;
margin:0 0 0 7px;
}


#buy_btn{ width:81px; height:58px; position: absolute; left:813px; top:-65px;}
#con_prev{ width:62px; height:62px; position: absolute; left:-25px; top:200px; z-index:1;}
#con_next{ width:62px; height:62px; position: absolute; left:865px; top:200px; z-index:1;}





/*top,news,event textarea*/
#sublinks{
clear:both;
width:800px;
display:block;
text-align:left;
margin:0 auto 10px auto;
min-height:400px;
}

#sublinks #settitle,#sublinks #settitle_g,#sublinks #settitle_bw{margin:0; padding:0; height:51px; text-align:center;}
#contentshead #settitle{margin:0; padding:0; height:55px; text-align:center; position:relative;}

#sublinks #settitle{ background:URL('../img/comboxhead03.png') no-repeat 0 0;}
#sublinks #settitle_g{ background:URL('../img/comboxhead02.png') no-repeat 0 0;}
#sublinks #settitle_bw{ background:URL('../img/comboxhead04.png') no-repeat 0 0;}

#sublinks #settitle li,#sublinks #settitle_g li,
#sublinks #settitle_bw li,#contentshead #settitle li{
float:left; margin:15px 0 0 20px; padding:0 25px 0 0;  background:URL('../img/comboxheadline.gif') no-repeat right center;  text-align:left;}
#sublinks #settitle li.bgnone,#sublinks #settitle_g li.bgnone,
#sublinks #settitle_bw li.bgnone,#contentshead #settitle li.bgnone{background: none;}

/*GO HOL*/
#sublinks #settitle li.gohol,#sublinks #settitle_g li.gohol,#sublinks #settitle_bw li.gohol,#contentshead #settitle li.gohol{background:none; padding:0;}
#sublinks #settitle li.gohol a,#sublinks #settitle_g li.gohol a,#sublinks #settitle_bw li.gohol a,#contentshead #settitle li.gohol a{padding:0 0 0 30px; background:URL('../img/cartimg.png') no-repeat left center;}
/**/


#sublinks #settitle li a,#sublinks #settitle_g li a,#sublinks #settitle_bw li a,#contentshead #settitle li a{ color:#FFF; padding:0 0 0 20px; background:URL('../img/comboxhead_point.png') no-repeat left center; text-decoration: underline; font-weight:bold;}


#sublinks #settitle li a.deflink,#sublinks #settitle_g li a.deflink,#sublinks #settitle_bw li a.deflink,#contentshead #settitle li a.deflink{ color:#FFFF00; padding:0 0 0 20px; background:URL('../img/comboxhead_point02.png') no-repeat left center; text-decoration:none; font-weight:bold;}


#sublinks #settitle li a:hover,#sublinks #settitle_g li a:hover,#sublinks #settitle_bw li a:hover,#contentshead #settitle a:hover{ color: #FFFFCC; text-decoration:underline;}

/*event,about*/
#sublinks dl#carender,#sublinks dl#aboutus{
width:720px;
margin:0 auto;
padding:0;
display:block;
}


#sublinks dl#carender dt{
clear:both;
font-weight:bold;
margin:12px 0 0 5px;
padding:0 0 0 40px;
display:block;
background:URL('../img/schedule_icon.gif') no-repeat 15px 0;
}

#sublinks dl#carender dd{
margin:0 0 0 35px;
padding:0 0 4px 15px;
display:block;
border-bottom:1px #888888 dotted;
}

#sublinks dl#carender dd li{
font-size:90%;
float:left;
width:400px;
margin:2px 0 5px 0;
padding:0 0 0 15px;
background:URL('../img/comboxhead_point03.png') no-repeat 0 4px;
}



#sublinks dl#carender dd a{ font-weight:bold; text-decoration:none;}
#sublinks dl#carender dd a:hover{ text-decoration:underline;}


/*about*/

#sublinks dl#aboutus{ font-size:86%;}
#sublinks h2{width:720px; margin:16px auto 30px auto; line-height:150%; font-size:100%;}  /*about us*/

#sublinks dl#aboutus dt{
padding:0 0 0 5px;
font-weight:bold;
font-size:110%;
border-left: #FF3399 6px solid;
}

#sublinks dl#aboutus dd{
margin:0 0 20px 35px;
padding:5px 0 10px 15px;
display:block;
border-bottom:1px #888888 dotted;
}


#aboutus_link{
width:790px;
display:block;
padding:6px 0 0 0;
margin:0 0 0 0;
}

#aboutus_link li{
width:156px;
height:25px;
float:right;
margin:0 10px 0 0;
background:URL('../img/linkbtn_bk.gif') no-repeat 0 0;
}

#aboutus_link li p{margin:0 0 0 26px; padding:1px 0 0 0; color:#FFFFFF; line-height:125%;}
#aboutus_link li p a{ font-size:12px;color:#FFFFFF; letter-spacing:0.1em;}



/*contentslist*/
#contentslist { width:720px; margin:0 auto;}
#contentslist a{ font-size:90%; cursor:pointer;}
#contentslist a.goshop{}

#contentslist li{
 float:left; width:340px; height:55px; display:block; margin:0 0 15px 10px; padding:0 0 5px 0; border-bottom:1px #888 dotted;}
#contentslist li img{ float:left;margin:0; width:45px; height:45px; border:0;}
#contentslist li span{ display:block; float:left; margin:0 0 0 10px; padding:0 5px 0 0; width:275px;cursor:pointer; font-size:80%;}

/*#contentslist li span.gosite{background:URL('../img/gosite.gif') no-repeat 0 0; display:block; float:left; margin:0 0 0 10px; padding:16px 5px 0 0; width:275px;cursor:pointer; font-size:90%;}
#contentslist li span.goshop{background:URL('../img/goshop.gif') no-repeat 0 0; display:block; float:left; margin:0 0 0 10px; padding:16px 5px 0 0; width:275px;cursor:pointer; font-size:90%;}*/

#contentshead #settitle li.conlogo{position:relative; width:130px; margin:0;}
#contentshead #settitle li.conlogo a{ background:none;}

#contentslist .listtext{color:#0000FF; background:none; text-decoration:underline; font-size:12px; font-weight:normal; text-decoration:none;}




/*ask us*/
#askus{
width:720px;
margin:0 auto 30px auto;
padding:25px 0 10px 0;
text-align:center;
line-height:150%;
font-size:100%;
background:URL('../img/whbox720_bg.gif') no-repeat 0 0;

}
#askus h3{ margin:15px 0 0 30px; border-left: #FF3399 6px solid; width:350px; display:block; line-height:100%; text-align:left; padding:5px 0 0 15px; }
#askus a{ text-decoration:underline;}

.askus_inner{ margin:8px 0 0 0;}
	#askus .askus_inner h4{ color:#0066CC; margin:0 0 8px 0; }
	#askus .askus_inner img{ margin:0 0 0 30px;}
	#askus .askus_inner  p{ margin:0 0 10px 0; font-size:86%; }
	#askus .askus_inner #fax{ width:570px; text-align:left; margin:15px auto 0 auto; font-size:85%; }
	#askus span{ font-size:80%; color:#CC0000; padding:0 0 0 20px;}


.linkslist{ margin:15px auto 0; }
.linkslist th {border-left: #FF3399 6px solid; padding-left:6px; text-align:left;}

.linkslist td a{padding:0 0 0 27px; background:URL('../img/comboxhead_point03.png') no-repeat 10px 4px; font-size:80%;
}



#infocontainer{
float:left;
width:800px;
overflow:hidden;
margin:0;
padding:10px 0 10px 0;
background:URL('../img/combox_y.png') repeat-y 0 bottom;
}


#infocontainer #infolist{
float:left;
width:550px;
margin:0 0 0 20px;
padding:0;
/*
height:280px;
overflow:hidden;
display:block;
overflow:scroll;
*/
overflow-x : hidden ;
}


#infocontainer #infolist_l {
width:720px;
margin:0 auto;
padding:0;
overflow:hidden;
display:block;
/*
overflow:scroll;
*/
overflow-x : hidden ;
}

/* TOP INFOBOX HEIGHT SETTING
#infocontainer ul#news{
height:250px;
overflow:hidden;
}
*/

#infocontainer ul.newsmain{
height: auto;
overflow:hidden;
}

#infocontainer ul#news li,#infocontainer ul.newsmain li{
clear:both;
height:auto;
margin:0 0 6px 0;
font-size:80%;
padding:5px 0;
line-height:130%;
border-bottom:1px #888888 dotted;
}



#infocontainer ul#news li span,#infocontainer ul.newsmain li span{
	float:left;
	color:#333;
	line-height:140%;
	padding:2px 0 0 7px;
	border-left: 5px #FFCC33 solid;
	width:80px;
}

#infocontainer ul#news p{ float:left; text-align:left; width:450px; padding:0; margin:0 0 8px 0;}
#infocontainer ul.newsmain p{ float:right; text-align:left; width:620px; padding:0; margin:0;}

#infocontainer ul#news a{ text-decoration:none; color:#00F; font-weight:bold; line-height:140%;}
#infocontainer ul.newsmain a{ text-decoration:none; color:#00F; font-weight:bold; line-height:180%;}

#infocontainer ul#news a img,#infocontainer ul.newsmain a img{ 
border:none; vertical-align:text-top;  margin:0 0 0 3px;}


#infocontainer ul#news a:hover,#infocontainer ul.newsmain a:hover{ text-decoration: underline; color:#09C;}



#infocontainer #infolist p{ width:550px; text-align: right; margin:5px 0 0 0;}

#pankuzu { clear:both; color:#666; text-align:left; width:880px; margin:8px auto 0; font-weight:normal; z-index:2;}

#pankuzu li{
float:left;
margin:0 20px 0 0;
font-size:80%;
padding:7px 0 0 0;
line-height:100%;
}

#bnrbox{float:left;width:200px; display:block; margin-left:12px;}
#bnrbox img{margin:0 0 5px 0; width:120px; height:80px;}



/*REPORT_EVENT*/
#eventdetail{ clear:both; width:720px;margin:0 auto;text-align:left; font-size:85%;}

#eventdetail h2{ display:block;margin:20px 0 0 0 ; padding:3px 0 3px 12px; font-size:25px; border-left:8px #FF3399 solid; border-bottom:2px #AAAAAA dotted; line-height:110%;}
#eventdetail h3{ text-align:center; margin:30px 0;}/*EVENT IMAGE*/
#eventdetail h3 img{ margin:2px 0;}/*EVENT IMAGE*/

#eventdetail h4{ clear:both; margin: 20px 0 10px 0; }

#eventdetail p{margin: 0 0 20px 30px; line-height:200%;}

#eventdetail dl{ margin:5px 0;}
#eventdetail dt{ float:left; margin:0 20px; width:125px; text-align:right; color: #660033; font-weight:bold;line-height:200%;}
#eventdetail dd{ margin:0 0 15px 0; float:left; width:550px; text-align:left; line-height:200%; border-bottom:1px #999999 dotted;}
#eventdetail dd p{margin: 0; line-height:140%;}


#slide1,#slide2,#slide3,#slide4,#slide5,#slide6,#slide7,#slide8,#slide9 {
	width:695px;padding:5px 10px 3px 10px; margin:0 0 10px 0;;cursor:pointer; font-weight:bold;}
#slide1 span,#slide2 span,#slide3 span,#slide4 span,#slide5 span,#slide6 span,#slide7 span,#slide8 span,#slide9 span{
	height:16px; width:16px; text-align:center; padding:0 4px; margin:0 10px 0 0; background-color: #B3D0FD; color:#FFF; line-height:100%;}
#slide1:hover,#slide2:hover,#slide3:hover,#slide4:hover,#slide5:hover,#slide6:hover,#slide7:hover,#slide8:hover,#slide9:hover{
	background-color: #FFC;}
#target {padding: 15px;border: 1px solid #CCCCCC;margin: 0;}


/*series.html*/
#contentslist #slide1,#contentslist #slide2,#contentslist #slide3,#contentslist #slide4,#contentslist #slide5,#contentslist #slide6,#contentslist #slide7,#contentslist #slide8,#contentslist #slide9{
	width:695px;padding:5px 10px 3px 10px; margin:0 0 10px 0;;cursor:pointer; font-weight:bold; font-size:120%;}
	
#contentslist #slide1 img,#contentslist #slide2 img,#contentslist #slide3 img,#contentslist #slide4 img,#contentslist #slide5 img,#contentslist #slide6 img,#contentslist #slide7 img,#contentslist #slide8 img,#contentslist #slide9 img{
	margin:0 10px 10px 0;;cursor:pointer; font-weight:bold; vertical-align:middle;}
	

#contentslist #slide1 span,#contentslist #slide2 span,#contentslist #slide3 span,#contentslist #slide4 span,#contentslist #slide5 span,#contentslist #slide6 span,#contentslist #slide7 span,#contentslist #slide8 span,#contentslist #slide9 span{
	height:16px; width:16px; text-align:center; padding:0 4px; margin:0 10px 0 0;  color:#0000FF; line-height:100%;}
	
#contentslist #slide1:hover,#contentslist #slide2:hover,#contentslist #slide3:hover,#contentslist #slide4:hover,#contentslist #slide5:hover,#contentslist #slide6:hover,#contentslist #slide7:hover,#contentslist #slide8:hover,#contentslist #slide9:hover{
	background-color: #FFC;}
	
#contentslist #target {padding: 15px;border: 1px solid #CCCCCC;margin: 0;}


/*SITE MAP*/
#sitemap{ font-size:100%; margin:0; display:block; width:680px; overflow:hidden;}
#sitemap h3{clear:both; margin:10px 0 5px 0;}
#sitemap h3 a{ background:none;}
#sitemap p{ float:left; width:280px; margin:0 0 5px 20px; padding:0 0 2px 0; border-bottom:1px #CDCDCD dotted;}
#sitemap .mapinnner{ margin:0 0 15px 20px;}


/*contents page
#contentsbox {
	overflow: hidden;
	padding:120px 60px 0 180px;
	margin:0;
	background:URL('../img/mainbg_sky.jpg') repeat-x 0 100px;

	
}
div.section {
	width: 800px;
	background: #FFFFFF;

	height: 400px;
	float: left;
	margin-right: 2px;
		background-color:#093;

}
div.sectionb {
	width: 220px;
	height: 1;
	float: left;
	margin-right: 2px;

}
#nav {
	list-style: none;
	height:470px;
	background-color:#333;
	margin-bottom: 10px;
	position: fixed;
	left: 60px;
	top:85px;
	filter:alpha(opacity=100)!important;
	-moz-opacity: 0.9!important;
	opacity: 0.9!important;

}
#nav li {
	display: inline;
	margin-right: 0.5em;

}
#nav li a {
	color: #fff;
}
*/