@charset "utf-8";





/*

 共通設定

------------------------------------------------------- */

body {

	background-image: url(img/header/bg.gif);

	background-repeat: repeat-x;

	background-position: top;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	margin: 0px;

	padding: 0px;

	width: 100%;

}

body#top {

	background-image: url(img/header/bg2.gif);

	background-repeat: repeat-x;

	background-position: top;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	margin: 0px;

	padding: 0px;

	width: 100%;

}



img {vertical-align:bottom;}





a:link {color: #000; text-decoration:underline;}

a:visited {color: #000; text-decoration:underline;}

a:hover {color: #000; text-decoration:none;}

a:active {color: #000; text-decoration:none;}









.middle {

	vertical-align:middle;

	margin-right: 3px;

}

br.clear {

	clear: both;

}

.space {

	font-size: 1px;

	margin: 0;

	padding: 0;

	line-height: 5px;

}



/* h2 */

h2 {

	padding-bottom: 20px;

}



/* h3 */

h3 {

	margin-bottom: 10px;

}





/*

 コンテンツ

------------------------------------------------------- */

#contents {



}



.panlist {

	margin-bottom: 5px;

}



/*

 ヘッダ

------------------------------------------------------- */

/* エリア */

#header {

	width: 980px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(img/header/free.jpg);

	background-repeat: no-repeat;

	background-position: right bottom;

	height: 80px;

	margin-bottom: 5px;

}



/* h1 */

#header h1 {

	font-weight:normal;

	padding-top: 30px;

	width: 450px;

	float: left;

	padding-left: 10px;

	font-size: 12px;

	line-height: 135%;

}



/* 画像 */

#header img {

	float: left;

}



/* メニュー */

.headmenu {

	float: right;

	width: 360px;

	padding-top: 5px;

}

.headmenu ul {

}

.headmenu li {

	float: right;

	padding-left: 15px;

}

.headmenu li a {color: #999; text-decoration:none;}

.headmenu li a:hover {color: #999; text-decoration:underline;}





/*

 ブランディング

------------------------------------------------------- */

#blanding {

	width: 980px;

	margin-right: auto;

	margin-left: auto;

	height: 500px;

	margin-bottom: 5px;

}





/*

 メニュー

------------------------------------------------------- */

#navi {

	width: 980px;

	list-style-type: none;

	height: 59px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 10px;



}

#navi ul {

	width: 980px;

	list-style-type: none;

	padding: 0px;

	height: 59px;

}

#navi li {

	float: left;

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	font-size: 9px;

	width: 196px;

}

#navi li a {

	display: block;

	overflow: hidden;

	width: 100%;

	height: 0 !important;

	height /**/:59px;

	padding-top: 59px;

	background-image: url(img/menu/menu.jpg);

	color: #FFFFFF;

	background-repeat: no-repeat;

}





#navi01 a { background-position: 0px     0;}

#navi02 a { background-position: -196px 0; }

#navi03 a { background-position: -392px 0; }

#navi04 a { background-position: -588px 0; }

#navi05 a { background-position: -784px 0; }



#navi01 a:hover { background-position:  0     -59px; }

#navi02 a:hover { background-position: -196px -59px; }

#navi03 a:hover { background-position: -392px -59px; }

#navi04 a:hover { background-position: -588px -59px; }

#navi05 a:hover { background-position: -784px -59px; }





/*

 section

------------------------------------------------------- */

/* 左右 */

#section {

	width: 980px;

	margin-right: auto;

	margin-left: auto;

	clear: both;

}

#section ul {

	list-style-type: none;

	clear: both;

}

#section li {

	list-style-type: none;

}

#section li.left {

	float: left;

	width: 575px;

	margin-right: 30px;

}

#section li.right {

	float: right;

	width: 375px;

}

#section li.contents_left {

	float: left;

	width: 700px;

	margin-right: 30px;

}

#section li.contents_right {

	float: right;

	width: 250px;

}



/*

 メインコンテンツ

------------------------------------------------------- */



/* 左右 */

#contents .left {

	float:left;

	width:240px;

	padding-top: 360px;

}

#contents .right {float:right; width:650px;}





/* sideバナー */

.bn {

	margin-bottom: 10px;

	line-height: 135%;

	color: #000000;

	font-size: 11px;

}

.bn a {color: #000000; text-decoration:none;}

.bn a:hover {color: #000000; text-decoration:underline;}







/* blog */

.blog {

	background-color: #eaeaea;

	margin-bottom: 10px;

	padding: 10px;

	font-size: 12px;

}

.blog dl {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	margin-bottom: 7px;

	padding-bottom: 7px;

}

.blog dt {

	color: #006633;

	padding-bottom: 5px;

}

.blog dd {}









/*

 フッターバナー

------------------------------------------------------- */

#bottom_bn {

	width: 979px;

	margin-right: auto;

	margin-left: auto;

	margin-top: 20px;

	margin-bottom: 20px;

	border-right-width: 1px;

	border-right-style: solid;

	border-right-color: #CCCCCC;

	clear: both;

}

#bottom_bn dl {

	width: 285px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #CCCCCC;

	padding-right: 20px;

	padding-left: 20px;

	padding-bottom: 15px;

	float: left;

}

#bottom_bn dt {

	width: 190px;

	margin-right: auto;

	margin-left: auto;

	padding-bottom: 10px;

}

#bottom_bn dd {

	color: #999999;

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: 10px;

	line-height: 135%;

	text-align: center;

}



/*

 フッタ

------------------------------------------------------- */

/* エリア */

#footer {

	height: 78px;

	margin-top: 10px;

	background-image: url(img/footer/bg.gif);

	background-repeat: repeat-x;

	color: #fff;

}

#footer_con {

	text-align:left;

	letter-spacing: 1px;

	width: 860px;

	margin-right: auto;

	margin-left: auto;

	background-image: url(img/footer/logo.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	height: 59px;

	padding-top: 10px;

	padding-left: 120px;

}



/* リンク */

#footer a {

	color:#fff;

	font-size: 10px;

}



/* 段落 */

#footer p.tleft {

	float: left;

	padding-top: 15px;

}

.tright {

	float: right;

	text-align: right;

	padding-top: 5px;

}



.tright p {

	padding-bottom: 5px;

}

.copy {

	padding-top: 7px;

	font-size: 10px;

}



.pagetop {

	float: right;

	margin: 0px;

	padding-top: 15px;

	padding-right: 10px;

	padding-bottom: 30px;

	padding-left: 0px;

}