@charset "utf-8";
/* 熟なび九州インデックス */

/*codingrule

*display
*list-style
*position
*float
*clear
*width
*height
*margin
*padding
*border
*background
*color
*font
*text-decoration
*text-align
*vertical-align
*white-space
*othertext
*content

■その他
画像を置く要素には最後に　_img　と記述しよう★
※背景画像の設定は記述なし☆

/*------- tag reset -------*/

body, div, p, ul, li, dt, dd, dl,h1, h2, h3, h4, h5, h6, form{
	margin:0px;
	padding:0px;
	}

h1, h2, h3, h4, h5, h6{
	font-style:normal;
	font-weight:normal;
	}
	
img{
	margin:0px;
	padding:0px;
	border:0px;
	}
	
ul, li,dt, dd, dl{
	list-style:none;
	}

/*------- body -------*/

body{
	background-image:url(main/wp-content/themes/juku9_default/images/body_back.gif);
	background-repeat:repeat;
	letter-spacing:1px;
	font-size:14px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
	}
	
a{
	text-decoration:none;
	}
	
.red{
	color:#FF0000;
	}


/*------- wrapper -------*/

#wrapper{
	width:720px;
	height:auto;
	margin:auto;
	background-image:url(main/wp-content/themes/juku9_default/images/shadow_index.gif);
	background-repeat:repeat;
	}
	
#wrapper:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#wrapper { display:inline-block; }
/*\*/
* html #wrapper { height:1%; }
#wrapper { display:block; }
	
#wrap{
	width:700px;
	height:auto;
	margin:auto;
	text-align:left;
	}
	
#wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#wrap { display:inline-block; }
/*\*/
* html #wrap { height:1%; }
#wrap { display:block; }

/*------- header -------*/
#header{
	width:700px;
	height:260px;
	background-image:url(main/wp-content/themes/juku9_default/images/index_back.jpg);
	background-repeat:no-repeat;
}

#header:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#header { display:inline-block; }
/*\*/
* html #header { height:1%; }
#header { display:block; }

#header h1{
	margin-left:10px;
	padding-top:5px;
	font-size:14px;
	font-weight:bold;
	}
	
#header h2{
	padding-top:3px;
	padding-left:40px;
	}
	
#header #in_out_box{
	width:auto;
	height:auto;
	margin-left:37px;
	display:inline;
	}
	
#header #in_out_box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#header #in_out_box { display:inline-block; }
/*\*/
* html #header #in_out_box { height:1%; }
#header #in_out_box { display:block; }

#header #in_out_box li{
	float:left;
	margin-left:20px;
	display:inline;
	}
	
#header #in_out_box .in_out_top{
	margin-top:12px;
	}
	
#header #in_out_box a.in{
	width:150px;
	height:80px;
	text-indent:-9999px;
	background-image:url(main/wp-content/themes/juku9_default/images/enter.png);
	background-repeat:no-repeat;
	display:block;
	}
	
#header #in_out_box .in:hover {
	width:150px;
	height:80px;
	text-indent:-9999px;
	background-image:url(main/wp-content/themes/juku9_default/images/enter1.png);
	background-repeat:no-repeat;
	display:block;
	}
	
#header #in_out_box a.out{
	width:150px;
	height:80px;
	text-indent:-9999px;
	background-image:url(main/wp-content/themes/juku9_default/images/exit.png);
	background-repeat:no-repeat;
	display:block;
	}
	
#header #in_out_box .out:hover {
	width:150px;
	height:80px;
	text-indent:-9999px;
	background-image:url(main/wp-content/themes/juku9_default/images/exit1.png);
	background-repeat:no-repeat;
	display:block;
	}
	
#header #in_out_box p{
	clear:both;
	margin-left:105px;
	font-size:12px;
	}
	
/*------- renew pr box -------*/
#renew_pr_box{
	width:auto;
	height:auto;
	background-image:url(main/wp-content/themes/juku9_default/images/renew_banner_box.gif);
	background-repeat:repeat-y;
	border-bottom:1px solid #009900;
	}
	
#renew_pr_box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#renew_pr_box { display:inline-block; }
/*\*/
* html #renew_pr_box { height:1%; }
#renew_pr_box { display:block; }

#renew_box{
	width:350px;
	float:left;
	}
	
#renew_box ul{
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	}
	
#renew_box li{
	margin-bottom:4px;
	padding-top:3px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:3px;
	border-bottom:1px dashed #333333;
	font-size:12px;
	}
	
#pr_box{
	width:350px;
	float:left;
	text-align:center;
	font-size:10px;
	}
	
#pr_box ul{
	padding-top:8px;
	}
	
#pr_box li{
	padding-bottom:3px;
	}
	
	
/*------- banner box -------*/
#banner_box{
	width:auto;
	height:auto;
	margin-top:10px;
	font-size:10px;
	text-align:center;
	}
	
#banner_box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#banner_box { display:inline-block; }
/*\*/
* html #banner_box { height:1%; }
#banner_box { display:block; }

#banner_box ul{
	margin-top:5px;
	}
	
#banner_box li{
	float:left;
	padding-top:5px;
	padding-left:25px;
	}
	
/*------- footer -------*/

#page_back{
	width:700px;
	padding-top:20px;
	background-color:#FFFFFF;
	clear:both;
	text-align:center;
	}
	
#j_navi{
	width:700px;
	height:auto;
	margin:auto;
	margin-top:10px;
	text-align:center;
	font-size:12px;
	}

#footer{
	width:700px;
	height:auto;
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#009900;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	}
	
#footer address{
	font-style:normal;
	}
	
#footer address a{
	color:#FFFFFF;
	}