﻿@charset "utf-8";

/* ファミコンハウス

[base.css]
	・ヘッダ（メニュー含む）
	・コンテンツ（サイドエリア、メインエリアの汎用パーツ
	・フッター
	
*/



/* ===== BASE ===== */
* {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	line-height: 120%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
body, html {
	height: 100%;
	width: 100%;
}
body {
	text-align: center;
	margin: 0 auto;
}
img {
	border: none;
}
a {
	color: #0000FF;
}
a:hover {
	text-decoration: none;
}

/* ヘッダエリア背景 */
#box-a {
	background: url(../image/head_bg.jpg) repeat-x 0px 0px;
	min-width: 960px;
}
/* コンテンツエリア背景 */
#box-b {
	background: #FDE159 url(../image/content_bg.jpg) repeat-x 0px 0px;
	min-width: 960px;
	clear: both;
}

/* ===== HEADER ===== */
#header {
	width: 955px;
	margin: 0px auto;
	text-align:left;
	padding-top: 9px;
}

/* -----LOGO----- */
#h_logo {
	height: 111px;
	margin: 0px 0px 0px 36px;
}
#h_logo img {
	display: block;
}
#h_logo_left, #h_logo_right {
	float: left;
}
#h_logo_left {
	width: 349px;
}
#h_logo_right {
	width: 570px;
}

/* -----MENU----- */
#h_menu {
	height: 35px;
	margin:0px 0px 15px 26px;
	width: 926px;
	clear: both;
}
#h_menu p {
	float: left;
}
/*
#h_menu #hm1 {
}
#h_menu #hm2 {
}
#h_menu #hm3 {
}
#h_menu #hm4 {
}
#h_menu #hm5 {
}
#h_menu #hm6 {
}
#h_menu #hm7 {
}
*/

/* ===== CONTENTS ===== */
#contents {
	width: 955px;
	margin: 0px auto;
	padding-top: 30px;
	text-align:left;
}

/* -----SIDE-AREA----- */
#side-area {
	float: left;
	padding-left: 25px;
	width: 242px;
}
.s_box {
	width: 242px;
	background: #F5E492 url(../image/side_bg.jpg) repeat-y 0px 0px;
}
.s_box * {
	color: #333333;
}
.s_mds {
	background: url(../image/side_mds.jpg) no-repeat 0px 0px;
	height: 17px;
	width: 240px;
	font-weight: bold;
	color: #FFFFFF;
	text-indent: 23px;
	padding-top: 3px;
	margin-left: 1px;
}
ul.s_list-1 {
	padding: 10px 10px 5px 11px;
}
ul.s_list-1 li {
	font-size: 12px;
	color: #333333;
	background: url(../image/list-1.jpg) no-repeat 0px 0px;
	padding: 0px 0px 0.5em 24px;
}
ul.s_list-1 li a {
	font-size: 12px;
}
ul.s_list-1 li.s_list-1-end {
	padding-bottom: 0px;
}
ul.s_list-2 {
	padding: 10px 10px 15px 11px;
}
ul.s_list-2 li {
	color: #333333;
	background: url(../image/list-2.jpg) no-repeat 0px 0px;
	list-style-type: none;
	padding: 0px 0px 1em 25px;
}
ul.s_list-2 li.s_list-2-end {
	padding-bottom: 0px;
}
.s_box_img-center {
	padding: 10px 11px 10px 11px;
}
.s_box_text {
	padding: 0px 11px 1em 11px;
	color: #333333;
}
.s_box_text-end {
	padding: 0px 11px 15px 11px;
	color: #333333;
}
.s_box_bottom {
	padding-bottom: 15px;
}
.bnr-area {
	text-align: center;
	padding-top: 10px;
}
.s_box_2column {
	padding: 10px 11px 15px 11px;
	font-size: 14px;
	color: #333333;
}
.s-image-left {
	float: left;
	height: 60px;
	width: 60px;
	padding: 0px 8px 15px 0px;
}
.s_box_2column-end {
	padding: 10px 11px 15px 11px;
	font-size: 14px;
	color: #333333;
	border-bottom: 1px solid #D3BA4C;
}
.s_box_2column a, .s_box_2column-end a {
	font-size: 14px;
}
.s_box_2column-takano {
	font-size: 14px;
	color: #333333;
	border-bottom: 1px solid #D3BA4C;
	padding: 10px 11px 15px 11px;
}
.s-image-left-takano {
	float: left;
	padding-right: 8px;
	height: 50px;
	width: 50px;
}
#game-blog {
	overflow: auto;
	height: 150px;
}
	/* winIE用(スクロールバーの位置調整) */
	* html #game-blog {	width: 240px; }
	
.takano_link {
	font-size: 14px;
	line-height: 150%;
}
.takano_text {
	font-size: 12px;
}

/* -----MAIN-AREA----- */
#main-area {
	float: left;
	width: 660px;
	padding-left: 10px;
}
#topic-path {
	font-size: 12px;
	color: #333333;
	margin-bottom: 5px;
	margin-left: 2px;
}
#topic-path a {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
#main-area h1 {
	margin-bottom: 10px;
}
.m-box {
	background: url(../image/main_bg.jpg) repeat-y 0px 0px;
	width: 660px;
	margin-bottom: 10px;
}
.m_mds_h2 {
	background: url(../image/main_h2.jpg) no-repeat 0px 0px;
	height: 30px;
	margin-bottom: 15px;
	clear: both;
}
.m_mds_h2 h2 {
	font-weight: bold;
	text-indent: 32px;
	padding-top: 8px;
}
.m-box .m-box-area {
	padding: 0px 15px 15px 15px;
}
.m-box h3 {
	background: url(../image/main_h3.jpg) no-repeat 0px 0px;
	height: 20px;
	width: 629px;
	font-weight: bold;
	text-indent: 15px;
	clear: both;
	margin-bottom: 10px;
}
.m-box h3 a{
	font-weight: bold;
	color: #000000;
}
.m-box .mb-line {
	clear: both;
	height: 1px;
}

/* -----FOOTER----- */
#footer {
	clear: both;
	text-align: center;
	font-size: 12px;
	width: 900px;
	line-height: 200%;
	color: #666666;
	padding: 30px 0px 3em 0px;
	margin:0 auto;
	}
#footer-line {
	padding-bottom: 10px;
}
#footer a {
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}

/* -----LIST----- */
.list-1 {
	padding-left: 5px;
	margin-bottom: 15px;
}
.list-1 li {
	background: url(../image/list-1.jpg) no-repeat 0px 0px;
	text-indent: 18px;
	line-height: 100%;
	font-size: 12px;
	padding: 1px 0px 5px 0px;
}
.list-1 li a {
}
.list-1 li.list-1-li-end {
	padding: 1px 0px 0px 0px;
}


.list-3 {
	padding-left: 5px;
}
.list-3 li {
	background: url(../image/list-3.jpg) no-repeat 0px 2px;
	text-indent: 11px;
	line-height: 100%;
	margin-bottom: 10px;
}
.list-3 li a {

}
.list-3 li.list-3-li-end {
	margin-bottom: 0px;
}
.under {
	text-decoration: underline;
}
