@charset "utf-8";
/* CSS Document */

/* =================================================================== 
 * style info :  共通設定 (この箇所は基本的に変更しない) 
 * =================================================================== */
body {
	background: url(../img/body_bg.jpg) repeat-x;
	color: #441103;	
	font-size: 14px;	
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;	
	line-height: 1.7;
}

*html body {	
/* for IF6 */	
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

a {	
	color: #03b35e;
	text-decoration: none;
	}
a:visited {
	
}
a:hover {	
	text-decoration: none;	
	color: #ff8a00;
	}
a:active {}

/*--- clearfix */
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
.clearfix { min-height: 1em; }
*html .clearfix { height: 1em; }

/* =================================================================== 
 * style info :  全ページ共通設定 (この箇所は基本的に変更しない) 
 * =================================================================== */
 
#wrapper {
 	width: 880px;
	margin: 0 auto;
	}


.header {
 	width: 880px;
	height: 359px;
	background: url(../img/header.jpg) top left no-repeat;
	}

.nav {
	width: 880px;
	height: 51px;
	margin: 0 0 40px 0;
}

.nav li {
	float: left;
}

.inner {
	width: 880px;
	padding: 0 0 60px 0;
}

.detail {
	width: 530px;
	float: left;
}

.secondnav {
	width: 300px;
	float: right;
}

.footer {
	width: 880px;
	padding: 15px 0 100px 0;
	background: url(../img/footer_bg.gif) repeat-x;
}

/* =================================================================== 
 * style info :  コンテンツ内の設定 (この箇所は基本的に変更しない) 
 * =================================================================== */

h1 {
	padding: 30px 0 0 40px;
	}

h2 {
	background: url(../img/title_bg.gif) 0 100% no-repeat;
	padding: 10px 0 10px 15px;
	margin: 0 0 20px 0;
}

h3 {
	background: url(../img/sidenavi_bg.gif) 0 100% no-repeat;
	padding: 10px 0 10px 15px;
	margin: 0 0 5px 0;
}

h4 {
	font-weight: bold;
	margin: 20px 0 5px 0;
}



table{
	margin:20px 0;
	border-collapse: collapse;
}

table th,table td {
	padding:5px;
	border: 1px solid;
}



.detail {
	padding: 0 10px;
}

.detail p {
	margin: 15px 0 0 0;
}

.secondnav ul {
	margin: 0 0 30px 10px;
}

.secondnav li a {
	background: url(../img/second01.gif) 0 50% no-repeat;
	padding: 5px 0 2px 10px;
}

.secondnav li a:hover {
	background: url(../img/second02.gif) 0 50% no-repeat;
}

.footer li {
	float: left;
	padding: 0 0 0 20px;
}

.footer p {
	margin: 45px 0 0 0;
	padding: 0 0 0 20px;
	color: #FFF;
}


.detailInner {
	margin: 15px 0 0 40px;
}


.detailInner a {
	background: url(../img/second01.gif) 0 50% no-repeat;
	padding: 5px 0 2px 10px;
}

.detailInner a:hover {
	background: url(../img/second02.gif) 0 50% no-repeat;
}






