@charset "utf-8";
/* CSS Document */

@import url(reset.css);

body{	 background: url(../images/common/bg.jpg) repeat-x #c3e9e7; 
			font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
			font-size: 13px;
			color: #333;
			line-height: 1.5em;

		}


/*-----------------------------
Setting for div#wrapper
-----------------------------*/

div#wrapper {
	width: 979px;
	margin: 0 auto;
	background: url(../images/common/wrapper_bg.jpg) repeat-y;
	overflow:hidden;
	}
	
	div#wrapper div#cont{
	width: 979px;
	margin: 0 auto;
	padding: 0 8px;
	background: url(../images/common/wrapper_bg_top.jpg) no-repeat 0 0;
	overflow:hidden;
	}


	div#wrapper:after ,
	div#wrapper div#cont:after{  
	  content: ".";  
		 display: block;  
		  visibility: hidden;  
		 height: 0.1px;  
		  font-size: 0.1em;  
		line-height: 0;  
		clear: both;  
	  }
	
/*-----------------------------
Setting for div#header
-----------------------------*/

div#header{
	margin: 0;
	height: 76px;
	overflow:hidden;
}	

div#header.index{
	margin: 0;
	height: 327px;
	overflow:hidden;
}	

/*-----------------------------
Setting for div#navi
-----------------------------*/
div#navi{
	height: 43px;
}

	div#navi ul{
		
	}
	
		div#navi ul li{
			float: left;
		}
		
/*-----------------------------
Setting for div#topicpath
-----------------------------*/
div#topicpath{
	height: 15px;
	font-size: 12px;
	padding: 10px 0 0 20px;
	}
		
div#topicpath p{
	line-height: 1em;
}

/*-----------------------------
Setting for div#side_cont
-----------------------------*/

div#side_cont {
	width: 306px;
	margin: 5px 0 10px 10px;
	_margin: 5px 0 10px 5px;
	float: left;
}


/*-----------------------------
Setting for div#side_navi
-----------------------------*/


div#side_navi{
	background: url(../images/common/sidemenu_bg.jpg) repeat-y 0 0;
	width: 298px;
	margin: 10px 0 0 5px;
}

	div#side_navi div#side_navi_in{
		background: url(../images/common/sidemenu_top_bg.jpg) no-repeat 0 0;
	}

		div#side_navi div#side_navi_in ul{
			width: 285px;
			margin: 3px;
			border-top: dotted 1px #333333;
			font-size: 14px;
		}

		div#side_navi div#side_navi_in ul li{
			width: 275px;
			padding: 2px 0 2px 10px;
			border-bottom: dotted 1px #333333;
		}

		div#side_navi div#side_navi_in ul li.menutop{
			background: #eeeceb;
		}
		
		div#side_navi div#side_navi_in ul a{

		text-decoration: none;
		}


/*-----------------------------
Setting for div#main_cont
-----------------------------*/


div#main_cont{
	float: left;
	width: 620px;
	margin: 10px 0 0 10px;
	overflow:hidden;
}

 div#main_cont div#lower{
 	margin-bottom: 20px;
 }

 div#main_cont div#lower p{
	width: 590px;
	margin: 10px 30px 0 10px;
	}
	
div#main_cont div#lower h2{
	width: 574px;
	height: 34px;
	background: url(../images/common/h2_bg.jpg);
	font-size: 22px;
	font-weight: bold;
	padding: 17px 0 0 30px;
	margin: -10px 0 0 0;
}

div#main_cont div#lower h3{
	width: 590px;
	font-size: 16px;
	font-weight: bold;
	color: #3b887d;
	border-bottom: #bbb solid 1px;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}

div#main_cont div#lower h4  {
	border-left:5px solid #333333;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 10px;
	padding:0 0 0 10px;
	width: 560px;
}

div#main_cont div#lower h5  {
color:#333333;
font-size:13px;
margin:10px 0 0 10px;
font-weight:bold;

}

div#main_cont div#lower ul {
	margin: 10px 0 0 20px;
}

div#main_cont div#lower ul li {
	background: url(../images/common/list.jpg) no-repeat 0 7px;
	padding: 0 0 0 15px;
}



/*-----------------------------
Setting for div#footer
-----------------------------*/
div#footer{
	clear: both;
	width: 961px;
	height: 50px;
	background: #ccc;
}

div#footer p{
	color: #fff;
	margin: 10px;
}


div.p_n {
font-size:12px;
padding:30px 0 5px;
text-align:center;
width:100%;
clear: right;
}
div.p_n a {
text-decoration:none;
}
div.p_n a:hover {
text-decoration:underline;
}
div.p_n a span.pnbox {
background:none repeat scroll 1px 50% #57a29b;
border:1px solid #3F7D0E;
color:#FFFFFF;
padding:0 2px;
}