@charset "utf-8";
body,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #666;
}
body {
	background-color: #FFF;
}
.red {
	color: #F00;
}
#container {
	padding: 10px;
	width: 970px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#left {
	float: left;
	width: 254px;
}
#right {
	float: right;
	width: 686px;
}
.clear {
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
.left_margin {
	margin-left: 30px;
}
.float_right {
	float: right;
}
.logo_margin {
	margin-right: 110px;
}
#badge {
	float: right;
	width: 333px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-color: #FFFFFF;
}
#right_left {
	float: left;
	width: 333px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#bottom {
	width: 960px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
div.imagebox {
   /* border: 1px dashed #0000cc; /* 1.枠線 */
   /* background-color: #eeeeff;  /* 2.背景色 */
   width: 343px; /* 横幅 */
   float: left; /* 左に配置 */
}
p.image, p.caption {
   /* text-align: center; /* 3.中央寄せ */
   margin: 10px;        /* 4.余白・間隔 */
}
p.image2, p.caption {
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}
p.caption {
   font-size: 80%;  /* 5.文字サイズ */
   /* color: darkblue; /* 6.文字色 */
}
p.caption_main {
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}
p.caption_main2 {
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
}
.al_center {
	text-align: center;
}
.image_center {
	margin-left: 10px;
}

/* --- ページングエリア --- */
div.paging {
margin: 20px 0;
}

/* --- メニューエリア --- */
div.paging ul.nl {
margin: 0;
padding: 4px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center; /* メニューのセンタリング */
font-size: 80%; /* メニューの文字サイズ */
}
/* --- メニュー項目 --- */
div.paging ul.nl li {
display: inline;
margin-right: -1px; /* 項目の右マージン */
}

/* --- リンク --- */
div.paging ul.nl li a {
display: inline-block;
padding: 4px 8px; /* リンクエリアのパディング（上下、左右） */
background: url(image/page_gen.gif) repeat-x top; /* リンクエリアの背景 */
border: 1px #C0C0C0 solid; /* リンクエリアの境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.paging ul.nl li a:hover {
background: url(image/page_act.gif) repeat-x top; /* ポイント時の背景 */
border: 1px #ffffff solid; /* ポイント時の境界線 */
text-decoration: underline; /* テキストの下線（あり） */
color: #ffffff; /* ポイント時の文字色 */
}

/* --- アクティブな項目 --- */
div.paging ul.nl li strong {
display: inline-block;
padding: 4px 8px; /* 項目のパディング（上下、左右） */
background: url(image/page_act.gif) repeat-x top; /* 項目の背景 */
border: 1px #000080 solid; /* 項目の境界線 */
color: #ffffff; /* 項目の文字色 */
}

/* --- リンクしない項目（前へ・次へ） --- */
div.paging ul.nl li span {
display: inline-block;
padding: 4px 8px; /* 項目のパディング（上下、左右） */
background: url(image/page_gen.gif) repeat-x top; /* 項目の背景 */
border: 1px #c0c0c0 solid; /* 項目の境界線 */
color: #808080; /* 項目の文字色 */
}
#slopehead {
	width: 670px;
	background-color: #F1E9D4;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.font_16px {
	font-size: 16px;
}
#slopehead2 {
	width: 670px;
	background-color: #FDE8EE;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#slopehead3 {
	width: 670px;
	background-color: #F8F3B8;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.violet {
	color: #BD2785;
}
#badge2 {
	float: right;
	width: 325px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 13px;
	background-color: #FFFFFF;
}