@charset "Shift_JIS";



html,body {
	width: 100%;
	height: 100%;
}



* {
	margin: 0;
	padding: 0;
}



img {
	border: none;
	vertical-align: middle;
}

ul,ol{
	list-style:none;
}


body {
	font-size: 100%;
	line-height: 1.8;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	color:#333333;

}

article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}

/*--レイアウトfrom---------------*/

header {
	width: 100%;
	background: #ffffff;
	
}

#header1 {
	width: 100%;
	text-align: center;
	font-size: 80%;
}

#header2 {
	width: 100%;
	height:10px;

}

nav {  
   	width:100%;  
   	overflow:hidden;  
	background-color:#003366;
	clear:both;
} 

 
nav li {
	list-style:none;
 	width:121px;
	line-height:40px;
 	float:left;
	font-size:90%; 
}  


#nav1{
	width:244px;
	margin:0 auto;

}


#contents {
	overflow: hidden;
	margin: 0 auto;
}



#footer {
	background-color:#003366;

}

#footer footer {
	margin: 0 auto;
	padding:10px 0;
	text-align:center;
	color:#ffffff;
	font-size:90%;
}


#footernav {
	margin: 20px 0 0 0;
	background-color:#f5f5f5;

}

#footernav1 {
	margin: 0 auto;
	padding:20px 0;
	font-size:90%;
}


#contents,
#under,#footernav1,
#footer footer {
	width: 100%;
}



#h1area {
	width: 100%;
	padding:0 0 10px 0;
	background: #f5f5f5;
	clear:both;
	margin:0 0 10px 0;
	border-top:3px solid #003366;

}

#h1area_1 {
	width: 100%;
	background: #f5f5f5;

}



.leftbox{
	width: 345px;
	height:310px;
	margin:0 auto 10px;
	border: 1px solid #87ceeb;

}

.rightbox{
	width: 345px;
	height:310px;
	margin:0 auto 10px;
	border: 1px solid #87ceeb;
}

.box_text{
	padding: 1em;
}

.top_leftbox{
	width: 345px;
	height:310px;
	margin:0 auto 10px;
	border: 1px solid #87ceeb;

}



/*--レイアウトto---------------*/

/*--スタイルfrom---------------*/

#logo{
	width: 310px;
	height:60px;
	margin:auto;
	padding-top:15px;
}

#search{
	width: 320px;
	height:45px;
	margin:10px auto;
	vertical-align: middle;
}

#search img{
	margin:0px 5px;
}


h1 {
	font-size:140%;
	color:#5C4033;
	text-align:left;

}

h2 {
	font-size:120%;
	color:#990000;
	text-align:left;
	border-top:1px solid #990000;
	border-bottom:1px solid #990000;
	margin-top:50px;
}


h3 {
	font-size:110%;
	color:#003366;
	text-align:left;
	border-left:5px solid #990000;
	margin:20px 0 20px 10px;
}

h4{
	margin:auto;
	text-align:center;
	font-size:120%;
	color:#5C4033;
}

h5{
	font-size:100%;
	padding: 5px 0px 0px 25px;
        background:url("../img/arrow01.gif") left center no-repeat;
	text-align:left;
	margin-left:30px;
}

h6{
	font-size:100%;
	padding: 10px 0px 10px 25px;
        background:url("../img/ico_page.gif") left center no-repeat;
	text-align:left;
	border-bottom: 1px solid #cccccc;
	background-color:#9999cc;
	color:#ffffff;
}

#path {
	padding:10px;
	text-align:left;
	font-size:90%;
}

strong{
	background-color: #ffff99;
}

.ball{
       background:url("../img/qmark.gif") right bottom no-repeat;
}

.text90{
	font-size:90%;	
}

.text80{
	font-size:80%;	
}

/*--スタイルto---------------*/

/*--リンクfrom---------------*/

a,
a:link {
	color: #1111cc;
	text-decoration: none;

}

a:visited {
	color: #1111cc;
}



a:focus {
	outline: none;
}



a:hover,
a:active {
	color:red;
	text-decoration: underline;
}

table a,
table a:link,
table a:visited {  
	text-decoration: underline;
}

p a,
p a:link,
p a:visited {  
	text-decoration:underline;
	
}

nav li a,
nav li a:link,
nav li a:visited {  
    	display:block;  
    	color:#fff;  
    	text-align:center;

}


  
nav li a:hover { 
	background-color:#a9a9a9;
	text-decoration: none;


}  

h2 a,
h2 a:link {
	color:#990000;
	text-decoration: none;

}

h2 a:visited {
	color: #990000;
}


h2 a:focus {
	outline: underline;
}

h2 a:hover,
h2 a:active {
	color:red;
	text-decoration: underline;
}

#footer a,#footer a:visited{
	color:#ffffff;
}

#table-03 a{
	text-decoration: none;
	border-bottom: 1px dashed #999999;
	color:#333333;
	
}


/*--リンクto---------------*/

/*--共通---------------*/

h1,h2,h3{
	padding:0 10px;
}


p{
	padding:10px;
}

dl{
	padding:0 10px;
}

dt{
	padding-left:15px;
        background:url("../img/arrow01.gif") left center no-repeat;
}

dd{
	padding:0 10px 0 30px;
}

dl.kuchi{
	padding:0 10px;
}

dl.kuchi dt{
	padding:0 0 10px 35px;
        background:url("../img/kuchi.png") left top no-repeat;
	color:#00008B;
	margin-top:10px;
}

dl.kuchi dd{
	padding:0 0 10px 35px;
	background:url("../img/ans.png") left top no-repeat;
	margin-left:0px;
	border-bottom: 1px solid #cccccc;
	margin-bottom:20px;


}


.clear{
	clear:both;
	margin-bottom:20px;
}


ul.para{
	font-size:95%;
	margin: 5px 0 15px 30px;
	padding:0px 0px 0px 15px;
	list-style-image: url("../img/lst01.gif");
}




#searchbox{
	width:290px;
	height:50px;
	margin:0 0 20px 10px;

	}



#companys{
	width:100%;
}





#nensyu30{
	width:300px;
 	background: url("../img/30ribbon.jpg") top center no-repeat;
	height:150px;
	padding:10px 10px 0px 0px;
	color:#cc3300;
	font-weight: bold;
	font-size:40px;
	text-align:center;
	margin:auto;
}


#rank_g{
	width:200px;
 	background: url("../img/rank-g.gif") no-repeat;
	height:120px;
	padding:60px 0px 0px 2px;
	color:#cc3300;
	font-weight: bold;
	font-size:130%;
	text-align:center;
	margin:auto;
}


ul.com {
	margin: 10px 0 0 30px;
	padding:0px 0px 0px 20px;
	list-style-image: url("../img/lst01.gif");
}

ul.com li {
	line-height:2.2em;
}


ul.arrow {
	margin: 10px 0 0 30px;
	padding:0px 0px 0px 20px;
	list-style-image: url("../img/arrow01.gif");
}

ul.arrow li {
	line-height:2.2em;
}


.main_img{
	max-width:450px;
	margin:auto;
}


.main_img img{
	width:100%;
	height:100%;
}



.tb01{
	margin:auto;
	width:90%;
}


#menu{
	width:97%;
	margin:0 auto;
	padding:0 0 10px 0;
}


/*------トップページのみ-----------------*/
.index_box0 {
	background-color:#003366;
	color:#ffffff;
	text-align:center;
	line-height: 300%;
	clear;both;
	height: 50px;
	width: 100%;
	border-bottom: 1px solid #cccccc;
}

.index_box1 a{
	text-align:center;
	line-height: 300%;
	height: 50px;
	width: 100%;
	display: block;
	border-bottom: 1px solid #cccccc;
}

.index_box1 a:hover{
	background-color:#a9a9a9;
	text-decoration: none;

}


/*------ads from-----------------*/



.main_ads{
	width:336px;
	height:340px;
	margin:30px auto;
	font-weight:bold;

}

.ads_left,.ads_right{
	text-align:center;
}



/*------ads to-----------------*/




/*------tablet 480px以上-----------------*/


@media only screen and (min-width: 480px) {


#nav1{
	width:365px;
}



/*------tablet END-----------------*/}

/*------PC　769px以上-----------------*/

@media only screen and (min-width: 769px) {




#header1,
#h1area_1,
#nav1 {
	width: 728px;
	margin: 0 auto;
}

#header1{
	text-align: left;
}


#contents,#footernav1,
#footer footer{
	width: 728px;

}


#logo{
	width: 400px;
	margin:0;
	float:left;
}


#search{
	margin:20px 0 0 0;
	float:right;
	text-align:right;

}

.ads_left{
	float:left;
	width:336px;
	height:340px;
	text-align:left;
	font-weight:bold;
}

.ads_right{
	float:right;
	width:336px;
	height:340px;
	text-align:left;
	font-weight:bold;
}


#menu{
	float:left;
	width:336px;
	min-height:270px;

}


/*------トップページのみ-----------------*/
.index_box0 {

	clear:both;
	padding: 25px 0 0 30px;
	height: 40px;
	width: 300px;
        background:url("../img/arrow_index.gif") left center no-repeat;
	background-color:#ffffff;
	color:#333333;
	text-align:left;
	line-height:100%;
	border-bottom: 0px;
}

.index_box1 a{

	float:left;
	display: block;
	position: relative;
	background-color: #1abc9c;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 3px 3px 0 #0e8c73;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	width:239px;
	margin-right:2px;
}

.index_box1 a:hover{
	background-color: #31c8aa;
	box-shadow: 3px 3px 0 #23a188;

}

.index_box1 a:active{

	top: 3px;
	box-shadow: none;
}

.leftbox{
	float:left;


}

.rightbox{
	float:right;
}


.top_leftbox{
	float:left;
	margin-left:10px;

}

/*------PC END-----------------*/
}



/*------table-----------------*/

table#table-01 {
	border-color:#999999;
	border-style:solid;
	border-width: 1px 1px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}

table#table-01 th {
	height:45px;
    padding-top: 5px;
    border-color:#999999;
    border-style:solid;
    border-width: 0px 0px 1px 1px;
    background-color:#006699;
    color: #ffffff;
    text-align:center;
    font-weight: bold;
    font-size: 90%;
}

table#table-01 td {
	height:40px;
    padding-top: 5px;
    border-color:#999999;
    border-style:solid;
    border-width: 0px 0px 1px 1px;
    text-align: center;
    font-size: 90%;
}


/*------年齢別のみ-----------------*/

table#table-03 {
	border-color:#999999;
	border-style:solid;
	border-width: 1px 1px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0;
	margin:auto;

}

table#table-03 th {
	height:50px;
    padding-top: 0px;
    border-color:#999999;
    border-style:solid;
    border-width: 0px 0px 1px 1px;
    background-color:#f5f5f5;
    color: #333333;
    text-align:center;
    font-weight: bold;
    font-size: 90%;
	line-height: 1.5;
}

table#table-03 td {
	height:30px;
    padding: 3px;
    border-color:#999999;
    border-style:solid;
    border-width: 0px 0px 1px 1px;
    text-align: center;
    font-size: 90%;
}


.shamei {
	text-align: left;
	padding-left: 10px;
	display:block;

}

td.point {
	background-color: #D5DFFF;
	font-weight: bold;
}



#idou{
	font-size: 120%;
	text-align:center;
	margin-top:10px;
}

#idou img{
	vertical-align: middle;
}





.tb01{
border-collapse: collapse;
}

.tb01 th{
padding: 4px;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.tb01 td{
padding: 4px;
text-align:center;
background-color: #fff;
border: 1px solid #b9b9b9;
}




ul.menu {
	list-style-image: url("../img/arrow01.png");
	padding:0px 0px 0px 40px;

}

ul.menu li {
	margin:5px 5px 7px 0;
}