/* 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:170px;
	margin-top:5px;
	margin-bottom:20px;
	_margin-bottom:10px;
	}
/*headmenu*/
.headmenu{
	text-align:right;
	font-size:small;
	width:850px;
	height:15px;
	display:block;
	}
.headmenu a{margin-right:5px;}
/*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#Title_left{
	width:500px;
	float:left;}
div#TitleArea table{
	border:0;
	font-size:small;
	}
/*.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#liftColumn{
	width:600px;
	height:auto;
	float:left;
	}
/*menuArea*/
div#menuArea{
	width:600px;
	height:auto;
	margin-bottom:10px;
/*	border:2px solid #CCC;*/
	}
div#menuArea table{width:600px;}
div#menuArea nobr{_text-indent:1.5em;}/*IE5-6.0 hack*/
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;
	height:auto;
	}
div#middleArea td{border-bottom:1px solid #ccc;}
/*news*/
div#newsArea{
	width:300px;
	height:150px;
	margin:10px 10px 10px 0;
	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:240px;
	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;
	}