@charset "euc-jp";

/* CSS Document */



*{

	margin:0;

	padding:0;

	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";

	font-style: normal;

	font-weight: normal;

	line-height: 1.5;

}

html{

	font-size:62.5%;

	color:#666;

	background: url(../images/main_back.gif) repeat-y center;

}



#wrap{

	width: 800px;

	margin: 0 auto;

	padding: 0;

	background: url(../images/wrap_back.gif) no-repeat;

	font-size: larger;

}



/* link */

a{

	text-decoration: none;

}



a:link {

	color: #f66;

	text-decoration: none;

}

a:visited {

	color: #f66;

	text-decoration: none;

}

a:hover {

	color: #f66;

	text-decoration: underline;

}

a:active {

	color: #f66;

}



img{

	border:0;

}



#header{

	width: 580px;

	height: 230px;

	padding: 20px 0 0 200px;

}



#header p{

	margin-left: 2em;

}



h1{

	margin: 18px;

	}



h3{

	text-align: center;

	}



#header p{

	width:400px;

	margin: 0;

	padding: 0 30px;

	font-size: 12px;

	}

	

#layout{

	width: 700px;

	margin: 0 auto;

	padding: 0;

	}



.main_box{

	width: 676px;

	border-left:#f60 2px solid;

	border-right:#f60 2px solid;

	padding: 10px 10px 0 10px;

	background: #fff;

	text-align: center;

	font-size: larger;

}



.main_box p{

	text-align: left;

}



.main_boxunder{

	background:url(../images/main_boxunder.gif) no-repeat;

	width: 700px;

	height: 25px;

}



.counter{

	width: 550px;

	float: left;

	padding:10px;

}



.cl_change{

	width: 15px;

	height: 15px;

	border:1px #ccc solid;

}



#footer{

	clear: both;

}



#footer img{

	float:right;

	margin-right: 50px;

	margin-top: 10px;

}



#footer p{

	clear:both;

	text-align:center;

}



#tab_nav ul { 

	margin:10px 0px 0px 0px;

	padding:0px 0px 0px 10px;

	height: 68px;

}



#tab_nav li { 

	display: inline;

 }

 

#tab_nav a {

	display: block;

	float: left;

	text-decoration: none;

}



#tab1, #tab2, #tab3 {

	clear:both;

	margin-top:0px;

	padding: 5px 0 0 5px;

	border: 4px solid #FF6699;

	text-align: left;

}



#tab1{

	height:350px;

    overflow: auto; 

	}



#tab2 {

	display: none;

	height:350px;

    overflow: auto; 

	 }



#tab3 {

	display: none;

	height:350px;

    overflow: auto;

}