@charset "shift_jis";

/* 基本設定
---------------------------------------------------- */
body {
	font-size: 12px; /* 基本のフォントサイズ */
	line-height: 20px; /* 基本の行間 */
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka,;
	color: #666666;
	background:#8ebdf7 url(../images/bg.jpg) no-repeat center top;
}
#wrapper_bg {
	width:1500px;
	margin:0 auto;
	/*	margin-right: auto;
	margin-left: auto;*/
	background:url(../images/bg.jpg) left top no-repeat;
}
#wrapper {
/*	height: auto;*/
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background:url(../images/main_bg.gif) left top repeat-y;
}
/* リンク設定
---------------------------------------------------- */

/* テキストリンク・訪問済み・*/
a:link, a:visited {
	color: #0000FF; /* 文字色・*/
	background: transparent; /* 背景透明 */
	text-decoration: underline;
}
/* マウスオーバー、アクティブ・*/
a:hover, a:active {
	color: #FF00FF; /*・文字色・*/
	background: transparent; /* 背景透明 */
	text-decoration: underline;
}
/* 画像リンク・マウスオーバー・*/
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}
/* 見出しタグ設定
---------------------------------------------------- */
h1 {
	font-size: 10px;
	font-weight:normal;
	line-height:16px;
	color: #1c73dd;
	padding-left:5px;
}
h2 {
	font-size: 12px;
	padding: 0;
}
h3 {
	font-size: 12px;
	padding: 0px;
}
h4 {
	font-size: 14px;
	padding: 10px 10px 0 10px;
}
h5 {
	font-size: 12px;
	padding: 0px;
}

/* ヘッダ
---------------------------------------------------- */
#header_bg {
	height: 94px;
	background: url(../images/common/header_bg.jpg) no-repeat center top;
}
#header {
	/*height: 94px;*/
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	background:url(../images/head_bg.gif) left top no-repeat;
}
#logo {
	float: left;
	padding: 10px 0px 0px 25px;
}
#logo a {
	display:block;
	height: 65px;
	width: 310px;
	text-indent: -9999px;
}

/* お気に入りに追加 */
#okiniiri {
	width: 110px;
	float: right;
	margin-right: 300px;
	margin-top: 45px;
}

/* ナビゲーション設定
---------------------------------------------------- */

/* グローバルナビ */
#g_navi {
	width: 980px;	/* ナビボックス横幅 */
	height:42px;
	overflow:hidden;
	background: url(../images/common/g_bg.jpg) no-repeat;
	margin: 0px auto;
}
#g_navi ul {
	list-style: none; /* リスト装飾解除*/
	padding-left: 10px;
}
#g_navi li {
	float:left;
}
#g_navi li a {
	text-decoration: none; /* ■Firefox等で線が表示されるのを解除・*/
	display: block;
	height/**/:38px;
	height:0!important;
	overflow:hidden;
	padding-top:38px;/* ■heightと同じ数値を入れる・*/
	width:100%;
	text-indent:-9999px;
}
#g_navi01{ width:133px;}
#g_navi02{ width:133px;}
#g_navi03{ width:133px;}
#g_navi04{ width:133px;}
#g_navi05{ width:133px;}
#g_navi06{ width:133px;}


#g_navi01 a{ background-image:url(../images/common/g_01.jpg)}
#g_navi02 a{ background-image:url(../images/common/g_02.jpg)}
#g_navi03 a{ background-image:url(../images/common/g_03.jpg)}
#g_navi04 a{ background-image:url(../images/common/g_04.jpg)}
#g_navi05 a{ background-image:url(../images/common/g_05.jpg)}
#g_navi06 a{ background-image:url(../images/common/g_06.jpg)}

#g_navi01 a:hover{ background-position:0 -38px}
#g_navi02 a:hover{ background-position:0 -38px}
#g_navi03 a:hover{ background-position:0 -38px}
#g_navi04 a:hover{ background-position:0 -38px}
#g_navi05 a:hover{ background-position:0 -38px}
#g_navi06 a:hover{ background-position:0 -38px}


/* サイドナビ */
#s_navi {
	width: 139px;	/* ナビボックス横幅 */
}
#s_navi ul {
	list-style: none; /* リスト装飾解除*/
}
#s_navi li {
	margin-bottom:7px;
}
#s_navi li a {
	text-decoration: none; /* ■Firefox等で線が表示されるのを解除・*/
	display: block;
	width/**/:139px;
	width:0!important;
	overflow:hidden;
	padding-left:139px;
	height:46px;
	text-indent:-9999px;

}
#s_navi01 a{ background-image:url(../images/common/s_01.jpg)}
#s_navi02 a{ background-image:url(../images/common/s_02.jpg)}
#s_navi03 a{ background-image:url(../images/common/s_03.jpg)}
#s_navi04 a{ background-image:url(../images/common/s_04.jpg)}
#s_navi05 a{ background-image:url(../images/common/s_05.jpg)}
#s_navi06 a{ background-image:url(../images/common/s_06.jpg)}
#s_navi07 a{ background-image:url(../images/common/s_07.jpg)}

#s_navi01 a:hover{ background-position:-139px 0}
#s_navi02 a:hover{ background-position:-139px 0}
#s_navi03 a:hover{ background-position:-139px 0}
#s_navi04 a:hover{ background-position:-139px 0}
#s_navi05 a:hover{ background-position:-139px 0}
#s_navi06 a:hover{ background-position:-139px 0}
#s_navi07 a:hover{ background-position:-139px 0}

/* コンテンツレイアウト
---------------------------------------------------- */
#contents {
	width: 780px;
	padding: 10px 10px 20px;
}

#side {
	float: left;
	width: 210px;/* ナビボックス横幅 */
}
#main_contents {
	padding-left:32px;
	text-align: left;
}
#main_contents_center {
	margin:0 0 0 32px;
}
#main_contents_sub {
	width: 210px;
	float: right;
}

/* フッター
---------------------------------------------------- */
#footer_bg {
	height: 120px;
	background: url(../images/common/footer_bg.jpg) repeat-x;
}
#footer {
	width:800px;
	margin: 0px auto;
	background:url(../images/footer_bg.gif) left bottom no-repeat;
}
ul.group{
	padding:10px 30px 0px 30px;
	text-align:center;
}
ul.group li{
	float:left;
}

/* フッターリンク */
#link_txt {
	height: 20px;
	width: 980px;
	padding-top: 10px;
	text-align:center;
	margin-bottom: 60px;
}
#link_txt ul {
	display:inline;
	list-style:none;
}
#link_txt li {
	display:inline;
	padding-left:5px;
	padding-right:10px;
}
/* フッターリンク リンク設定 */
#link_text a:link, #link_text a:visited {
	color:#666;
	text-decoration:none;
}
#link_text a:hover{
	color:#666;
	text-decoration:underline;
}

/* コピーライト */
#copy {
	height: 20px;
	width: 800px;
	padding:20px 0 20px 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}


/* ページトップへ戻る
---------------------------------------------------- */
.pagetop {text-align:right;padding-top:20px;margin-bottom: 10px;}


/*カラー
---------------------------------------------------- */
.red{ color:#FF0000;}
.orange{ color:#FF9900;}
.pink{color:#FF33CC}
.blue{color:#0033FF;}
.skyblue{color:#3399FF;}
.black{color:#000000;}