@charset "utf-8";

/*---------------------------------------------------------
　　リセット
---------------------------------------------------------*/

html {
	overflow-y:scroll;
}
body {
	margin:0;
	padding:0;
	text-align:center;
}
a img, img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
}
li img{
	vertical-align: bottom;
	_vertical-align: top;
}
div img{
	vertical-align: middle;
	_vertical-align: top;
}
blockquote, dd, div, dl, dt,
h1, h2, h3, h4, h5, h6,
li, ol, p, pre, span, td, th, ul {
	margin:0;
	padding:0;
}
abbr, acronym {
	border:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
caption, th {
	text-align:left;
}
ul {
	list-style:none;
}
ol {
	padding-left: 20px;
}
q:before, q:after {
	content:'';
}
button, fieldset, form, input, label, legend, select, textarea {
	margin:0;
	padding:0;
	/*vertical-align:baseline;*/
}
div{
	zoom:1;/*for IE 5.5-7*/
}

@media print { /* 紙媒体向けスタイル定義 */
	html {
	color:#000;
	}

	/* --BODY-- */
	body {
	margin:0;
	padding:0;
	text-align: center;
	}
}


/*---------------------------------------------------------
　　フォント
---------------------------------------------------------*/

body,table {
/*	font:12px/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font:12px/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px; /* modern browser */
	*font-size: small; /* IE 7 */
	*font: x-small; /* IE 6 */
	background:url(../images/main_bg.jpg) repeat-y 50% 0;
}

code, kbd, pre, samp, tt {
	font-family:monospace;
	line-height:100%;
}
/* for IE7 */
*+html code, kbd, pre, samp, tt {
	font-size:108%;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

/*---------------------------------------------------------
　　基本スタイル
---------------------------------------------------------*/

* {
	color:#333333;
}

p {
	line-height:1.4;
	text-align:left;
} 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


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

a:link {
	color:#3797fe; text-decoration:none;
}
a:visited {
	color:#014898; text-decoration:none;
}
a:active {
	color:#ff9900; background:none; text-decoration:underline;
}
a:hover {
	color:#ff9900; background:none; text-decoration:underline;
}


/*---------------------------------------------------------
　　ヘッダ
---------------------------------------------------------*/

#header_wrap {
	height:130px;
	text-align:center;
	background:url(../images/header_bg.gif) repeat-x;
}

#header {
	margin:0 auto;
	width:960px;
	height:86px;
	text-align:left;
	overflow:hidden;
}
#header_logo {
	width:400px;
	text-align:left;
	vertical-align:top;
	float:left;
}
#header_logo h1 {
	margin:0;
	padding:0;
	border:0;
	width:400px;
	height:86px;
	background:none;
}
#header_link {
	width:560px;
	height:86px;
	float:right;
	text-align:right;
}
#header_link ul {
	margin:30px auto 0 0;
	padding:0;
	height:16px;
	text-align:left;
	list-style:none;
	overflow:hidden;
	float:right;
}
#header_link ul li {
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	list-style:none;
	height:16px;
}


/* ヘッダメニュー */

#headermenu {
	margin:0 auto;
	width:960px;
	width:960px;
	height:44px;
}
#headermenu ul {
	margin:0 auto;
	padding: 0;
	width:960px;
	height:44px;
	overflow:hidden;
}
#headermenu li {
	margin: 0;
	padding: 0;
	width:137px;
	height:44px;
	float:left;
	overflow:hidden;
	list-style: none;
}
#headermenu li a{
	display:block;
	overflow:hidden;
	width:100%;
	height:0;
	padding-top:50px;
	background-image:url(../images/headermenu.gif);
}
#nav1 a{ background-position: 0 0;}
#nav2 a{ background-position: -137px 0;}
#nav3 a{ background-position: -274px 0;}
#nav4 a{ background-position: -411px 0;}
#nav5 a{ background-position: -548px 0;}
#nav6 a{ background-position: -685px 0;}
#nav7 a{ background-position: -822px 0;}
#nav1 a:hover{ background-position: 0 -44px;}
#nav2 a:hover{ background-position: -137px -44px;}
#nav3 a:hover{ background-position: -274px -44px;}
#nav4 a:hover{ background-position: -411px -44px;}
#nav5 a:hover{ background-position: -548px -44px;}
#nav6 a:hover{ background-position: -685px -44px;}
#nav7 a:hover{ background-position: -822px -44px;}


/*---------------------------------------------------------
　　メイン
---------------------------------------------------------*/

#Main {
	margin:30px auto;
	padding:0;
	width:960px;
	overflow:hidden;
}
#Main2 {
	margin:30px auto 0 auto;
	padding:0;
	width:960px;
	overflow:hidden;
	background:url(../images/sidemenu_bg.gif) repeat-y 0 0;
}
#Side {
	width:230px;
	text-align:left;
	vertical-align:top;
	float:left;
}
#Contents {
	width:710px;
	text-align:left;
	vertical-align:top;
	float:right;
}
#side_bottom {
	margin:0 auto 30px auto;
	width:960px;
	text-align:left;
	height:20px;
}


/*---------------------------------------------------------
　　フッタ
---------------------------------------------------------*/

#pagetop {
	margin:0 auto 10px auto;
	width:960px;
	height:11px;
	text-align:right;
}
#footer {
	margin:0;
	height:140px;
	text-align:center;
	background: #9cc50f url(../images/footer_bg.gif) repeat-x;
}
#footer p {
	margin:0 auto;
	padding:15px 10px;
	width:960px;
	color:#fff;
	line-height:1.5em;
}
#footer p.p_copy {
	padding:3px 0 20px 0;
	text-align:center;
	font-size:88%;
	width:100%;
	color:#fff;
	text-align:center;
	border-top:1px dotted #fff;
}


/*---------------------------------------------------------
　　その他
---------------------------------------------------------*/

.waku {
	border:1px solid #ccc;
}

.uline { text-decoration: underline;}

.red {
	color:#f00;
}

.blue {
	color:#0070c0;
}

.bold {
	font-weight: bold;
}