/* CSS Document */

*{margin:0; padding:0;}
html{
	width:100%;
	height:100%;
	}

body{
	font-family:"MS UI Gothic", "‚l‚r ƒSƒVƒbƒN", "Osaka|“™•", monospace;
	/*font-size:medium;16pt*/
	font-size:11pt;
	font-weight:normal;
	font-variant:normal;
	line-height:normal;
	letter-spacing:normal;
	white-space:normal;
	background-color:#FFF;
/*	color:#000066;*/
	color:#000;
	width:850px;
	margin:10px auto;
	}

div#OutBox{
	width:850px;
	height:auto;
	}

h1{
	font-size:small;
	margin-bottom:5px;
	color:#FFF;
	}
img{border:0;}
/*site all end*/

/*hederArea*/
div#hederArea{
	width:850px;
	height:100px;
	margin-top:5px;
	margin-bottom:5px;
}

/*headmenu*/
#headmenu ul,#headmenu li{
margin:0;
padding:0;
list-style:none;
}
#headmenu li{
float:left;
}
#headmenu a, #headmenu a:link, #headmenu a:visited{
text-decoration:none;
color:#000000;
background-color:#CCFFFF;
width:121px;
height:auto;
text-align:center;
padding:2px 0;
display:block;
}
#headmenu a:hover{
color:#FFFFFF;
background-color:#0000FF;
}

/*headmenu end*/



/*TitleArea*/
div#TitleArea{
	width:850px;
	height:75px;
	margin-top:2px;
	margin-bottom:10px;
	*margin-bottom:15px;/*IE7 hack*/
	_margin-bottom:5px;/*IE5-6.0 hack*/
	}
div#TitleArea table{
	border:0;
	font-size:small;
	}
div#Title_left{
	width:450px;
	float:left;}
	
/*.Banner{
	width:850px;
	height:70px;
	margin-top:5px;
	_margin-top:0;/*IE5-6.0 hack*/
/*	}*/
.icotable{float:right;}
/*.titleimg{width:300px; height:70px;}*/
/*hederArea end*/

/*maincon*/
div#mainCon{
	width:850px;
	height:auto;
	margin-top:0px;
	background-color:#FFF;
	}

/*leftColum*/
div#leftColumn{
	width:600px;
	height:auto;
	float:left;
	}
/*menuArea*/

div#menuArea{
	width:600px;
	height:auto;
	margin-bottom:10px;
	background-color:#FFFFCC;
}

div#menuArea table{
	margin:0 0 0 15px;
	border-color:#000000;
}

/*IE5-6.0 hack*/
div#menuArea nobr{_text-indent:1.5em;}

div#menuArea h1{
	width:600px;
	_width:590px;/*IE5-6.0 hack*/
	background-image:url(../images/index_bar.png);
	background-repeat:no-repeat;
	padding:5px 0 5px 10px;
	_padding-bottom:11px;/*IE5-6.0 hack*/
	}
.menu{
	font-size:small;
	font-weight:bold;
	line-height:150%;
	vertical-align:top;
	}
.asobu1{background-image:url(../images/back_asobu.jpg);}
.tanoshimu1{background-image:url(../images/back_tanosimu.jpg);}
.yomu1{background-image:url(../images/back_yomu.jpg);}
.manabu1{background-image:url(../images/back_manabu.jpg);}

div#menuArea p{
	color:#000;
	margin:0;
	font-size:small;
	}

/*div#menuArea td{border-bottom:1px solid #ccc;}*/

/*menuArea end*/

/*middleArea*/
div#middleArea{
	width:600px;
}
div#middleArea table{
height:150px;
border:1px solid #ccc;
margin:5px;
}
/*news*/
div#newsArea{
	width:300px;
	height:155px;
	margin:5px 10px;
	border:2px solid #CCC;
	float:left;
	}
div#newsArea h1{
	width:300px;
	_width:290px;/*IE5-6.0 hack*/
	background-image:url(../images/index_harf.png);
	background-repeat:no-repeat;
	padding:5px 0 5px 10px;
	_padding-bottom:11px;/*IE5-6.0 hack*/
	}
div#newsArea a{margin-left:5px;}
div#newsArea p{font-size:small; margin-left:5px; line-height:120%;}
/*middleArea end*/

/*faq*/
div#faqArea{
	width:600px;
	height:auto;
	margin-top:10px;
	border:2px solid #CCC;
	clear:left;
	}
div#faqArea table{width:600px;}
div#faqArea h1{
	width:600px;
	_width:590px;/*IE5-6.0 hack*/
	background-image:url(../images/index_bar.png);
	background-repeat:no-repeat;
	padding:5px 0 5px 10px;
	_padding-bottom:11px;/*IE5-6.0 hack*/
	}
/*leftColum end*/

/*rightColumn*/
div#rightColumn{
	width:240px;
	height:auto;
	float:right;
	_margin-left:10px;/*IE5-6.0 hack*/
	_clear:left;/*IE5-6.0 hack*/
	}
div#rightColumn img{border:0;}
div#infoArea{
	width:240px;
	height:auto;
	}
div#infoArea p{
	background-image:url(../images/side_bar.png);
	background-repeat:no-repeat;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:5px;
	padding:5px 0 5px 10px;
	width:240px;
	}
div#infoArea a{
	margin:5px 0;
	font-size:small;
	line-height:120%;
	display:block;
	}
div#countDown{
	width:240px;
	height:120px;
	color:#FFF;
	}
.Banner2{margin-bottom:3px;
	_margin-bottom:0;/*IE5-6.0 hack*/
	*+margin-bottom:0;/*IE7 hack*/
	}

/*rightColumn end*/
/*maincon end*/

/*footer*/
div#footer{
	width:850px;
	height:100px;
	font-size:small;
	text-align:center;
	clear:both;
	padding-top:50px;
	}
div#footer a{margin-right:10px;}
div#footer img{margin-bottom:5px;}
/*footer end*/

/*kyuujyou*/
dl{line-height:200%;border-bottom:1px solid #06F;}
.style1{color:#FF0000; font-weight:bold;}
/*kyuujyou end*/

/*p04style*/
.p04table{
	border:0;
	background-color:#f0f0e6;
	padding:10px;
	width:550px;
	}
.p04text{
	font-size:120%;
	font-weight:bold;
	}


/*2011.04.07ˆÈ~’Ç‰Á ------------------------------------------------------------------------ */

h3 {
width:580px;
margin-left:15px;
}
h3.hoshitori {
color:#000000;
border-left:5px solid red;
border-bottom:1px solid red;
}
h3.hoshitorikyan {
color:#000000;
border-left:5px solid #ff0000;
border-bottom:1px solid #ff0000;
background-color:#00ffff;
}
h3.hoshitoriweb {
color:#000000;
border-left:5px solid #ff0000;
border-bottom:1px solid #ff0000;
background-color:#ffff00;
}
h3.oozumou {
color:#000000;
border-left:5px solid #ff9900;
border-bottom:1px solid #ff9900;
}
h3.kiroku {
color:#000000;
border-left:5px solid #00ff00;
border-bottom:1px solid #00ff00;
}
h3.faq {
color:#000000;
border-left:5px solid #66ffff;
border-bottom:1px solid #66ffff;
}


div#left-top-bar1,div#left-top-bar2,div#left-top-bar3 {
width:600px;
text-align:center;
}

/*ƒJƒeƒSƒŠƒƒjƒ…[ ƒJ[ƒ\ƒ‹*/
#kategorimenu {
margin:0 0 0 20px;
}
#kategorimenu ul,#kategorimenu li{
margin:0;
padding:0 5px;
list-style:none;
}
#kategorimenu li{
float:left;
}
#kategorimenu a, #kategorimenu a:link, #kategorimenu a:visited{
text-decoration:none;
color:#000000;
background-color:#FFFFCC;
width:100px;
height:18px;
text-align:center;
padding:2px 0;
display:block;
}
#kategorimenu a:hover{
color:#FFFFFF;
background-color:#0066FF;
}
#kategorimenu ul{
float:left;
}
/*ƒJƒeƒSƒŠƒƒjƒ…[ ƒJ[ƒ\ƒ‹ end*/
div#bar1, div#bar2{
width:600px;
text-align:center;
}
div#bar1 p{
margin:10px 25px 0 25px;
padding:10px 0 10px;
border:2px solid #ffff00;
font:20px "‚l‚r ƒSƒVƒbƒN", "Osaka|“™•";
text-align:center;
}
div#bun1 {
font-size:11pt;
line-height:1.5em;
}
div#bar2{
width:600px;
text-align:center;
font-size:12pt;
line-height:1.5em;
}
div#sanka h1.top{
	width:600px;
	_width:590px;/*IE5-6.0 hack*/
	font-size:14px;
	text-align:center;
	color:#FFFFFF;
	background-image:url(../images/index_bar.png);
	padding:5px 0 5px 10px;
	background-repeat:no-repeat;
	_padding-bottom:11px;/*IE5-6.0 hack*/
}
div#sanka h1.sub{
	width:250px;
	_width:240px;/*IE5-6.0 hack*/
	font-size:14px;
	text-align:center;
	color:#FFFFFF;
	background-image:url(../images/index_harf.png);
	padding:5px 0 5px 10px;
	background-repeat:no-repeat;
	_padding-bottom:11px;/*IE5-6.0 hack*/
}

