@charset "utf-8";

/* page setting ----------------------------------------------------------- */
body {
	font-size			: 12px;
	line-height			: 14px;
	margin				: 0;
	padding				: 20px 20px;
	color				: #332;
	font-size-adjust	: none;
	font-stretch		: normal;
	font-style			: normal;
	font-variant		: normal;
	font-weight			: normal;
	font-family			: "メイリオ","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	background			: url(../image/body_bg5.gif) no-repeat;
	background-color	: #222229;
}

h2 {
	font-size			: 14px;
}

h3 {
	color				: #444;
	margin				: 5px 20px 15px 20px;
	border-left			: 8px solid #bbb;
	padding				: 2px 0 0 6px;
}

h4 {
	color				: #444;
	margin				: 5px 20px 15px 20px;
	padding				: 1px 0 0 4px;
	border-left			: 6px solid #bbb;
}

pre {
	color				: #fff;
	background			: #000;
	border				: 1px dashed #00f;
}

ul {
	margin				: 0;
	padding				: 0;
}

li {
	margin				: 0;
	padding				: 0;
	list-style			: disc;
}

.b {
	font-weight			: bold;
}

.red {
	color				: #f00;
}

.hidden {
	display				: none;
}

#main_dialog {
	display				: none;
	background-color	: #fff;
}

.banner_728_90 {
	display				: none;
	width				: 728px;
	height				: 90px;
	border				: 1px solid red;
	margin				: 0 auto;
}
.banner_468_60 {
	display				: none;
	width				: 468px;
	height				: 60px;
	border				: 1px solid silver;
	background-color	: #eee;
	margin				: 20px auto 0 auto;
}

/* header ----------------------------------------------------------------- */
#header {
	background-color	: #555560;
}

#header_wrap {
	width				: 800px;
	margin				: 0 auto 0 auto;
	background-color	: #ddd;
	padding			: 0;
/*
	border				: 1px solid #00f;
	padding:5px 0 5px 0;
	margin-top			: 5px;
	border				: 1px solid #fff;
*/
}

#site_banner_area {
	float				: left;
	padding-left		: 20px;
	width				: 240px;
	height				: 38px;
	margin				: 0px auto 0px auto;
}

#site_banner {
	float				: left;
	padding-left		: 20px;
/*
	border				: 1px solid blue;
*/
	width				: 220px;
	height				: 38px;
	margin				: 0px auto 0px auto;
	background			: url(../image/title_banner2.png) no-repeat;
	cursor				: pointer;
}

#header .site_title {
	float				: left;
	margin				: 0 0 0 10px;
	padding				: 0;
}

#header h1 {
	border				: 0;
	font-weight			: bold;
	font-size			: 18px;
	line-height			: 24px;
	margin-bottom		: 2px;
	letter-spacing		: 1px;
	color				: #333;
}

#header h2 {
	font-size			: 12px;
	line-height			: 14px;
	letter-spacing		: 1px;
	color				: #555;
}

#header .end {
	margin				: 0px;
	padding				: 0px;
	line-height			: 0px;
	clear				: both;
}

/* fontsize switcher ------------------------------------------------------ */
.controll_bar {
	display				: block;
	width:160px;
	float				: right;
	text-align			: right;
	padding-right		: 20px;
}

.font_size_sw {
	display				: none;
	float				: right;
	margin				: 7px 0 0 10px;
	padding-left		: 20px;
	font-size			: 12px;
	line-height			: 15px;
	background			: url(../image/icon_fontsize_sw.gif) no-repeat;
}

.fnt_l, .fnt_m {
}

.wait_msg {
	visibility			: hidden;
	width				: 90px;
	height				: 16px;
	font-size			: 12px;
	line-height			: 16px;
	text-align			: center;
	font-weight			: bold;
	color				: #fff;
	border				: 1px solid red;
	background-color	: #f88;
	margin-left			: auto;
}

.controll_bar .end{
	clear				: both;
}

/* body ------------------------------------------------------------------- */
#body_wrap {
	width				: 800px;
	margin				: 0 auto;
}

#body .end {
	margin				: 0;
	padding				: 0;
	clear				: left;
}

#sub_menu {
	display				: block;
	margin				: 0 auto;
	padding				: 0;
}

#sub_menu h2 {
	display				: none;
}

#sub_menu p.rcontent {
	padding				: 1em;
	background-color	: #bbb;
}

#sub_menu span.rtop, #sub_menu span.rbottom {
	display				: block;
}

#sub_menu span.rtop span, #sub_menu span.rbottom span {
	display				: block;
	height				: 1px;
	overflow			: hidden;
	background			: #bbb;
}

#sub_menu span.r1{margin: 0 5px;}
#sub_menu span.r2{margin: 0 3px;}
#sub_menu span.r3{margin: 0 2px;}
#sub_menu span.rtop span.r4, #sub_menu span.rbottom span.r4{margin: 0 1px;height: 2px;}

#sub_menu ul {
	display				: block;
	height				: 16px;
	margin				: 0 auto;
	padding				: 0;
	background-color	: #bbb;
}

#sub_menu ul li {
	display				: inline;
	font-size			: 14px;
	line-height			: 16px;
	margin				: 0;
	padding				: 0 10px;
	list-style			: none;
}

#sub_menu a {
	color					: #223;
	text-decoration		: none;
	padding				: 5px;
}

#sub_menu a:hover {
	text-decoration		: underline;
	font-weight			: bold;
	border				: 1px solid #00f;
	background-color	: #eee;
	color				: #00f;
	padding				: 5px;
}

/* right contents --------------------------------------------------------- */
.contents {
	display				: block;
}

.hf_wrap {
	width:800px;
	margin:0 auto;
}
.hf_sps {
	width:800px;
	margin:0 auto;
	height:10px;
	background-color:#fff;
}

.hf_wrap p.rcontent {
*	padding				: 1em;
	background-color	: #fff;
}

.hf_wrap span.rtop, .hf_wrap span.rbottom {
	display				: block;
}

.hf_wrap span.rtop span, .hf_wrap span.rbottom span {
	display				: block;
	height				: 1px;
	overflow			: hidden;
	background			: #fff;
}

.hf_wrap span.r1{margin: 0 5px;}
.hf_wrap span.r2{margin: 0 3px;}
.hf_wrap span.r3{margin: 0 2px;}
.hf_wrap span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px;}

.contents_wrap {
/*
	padding				: 15px 20px;
	padding				: 20px 20px;
*/
	padding				: 8px 20px 20px 20px;
}

.contents_body {
	margin				: 0 auto;
	padding				: 0;
}

.contents_body h2 {
	margin				: 10px 0;
	padding				: 7px 0px 3px 10px;
	font-size			: 16px;
	font-weight			: bold;
	line-height			: 18px;
	color				: #334;
	border-left			: 8px solid #bbb;
	border-right			: 1px solid #bbb;
	border-bottom		: 1px solid #bbb;
	background-color	: #eee;
}

.contents_body h3 {
	margin				: 10px 20px 10px 20px;
	padding				: 3px 0 2px 10px;
	font-size			: 14px;
	font-weight			: bold;
	line-height			: 16px;
	color				: #334;
	border-left			: 8px solid #bbb;
	border-right			: 1px solid #bbb;
	border-bottom		: 1px solid #bbb;
}

.contents_body h4 {
	margin				: 5px 20px 5px 20px;
	padding				: 0 0 0 10px;
	font-size			: 12px;
	font-weight			: bold;
	line-height			: 14px;
	color				: #334;
	border-left			: 8px solid #bbb;
}

.contents_body p {
/*
	margin				: 5px 20px 5px 20px;
*/
	margin				: 5px 40px 5px 40px;
	line-height			: 18px;
	font-size			: 12px;
	letter-spacing		: 1px;
	padding				: 0;
}

.contents_body ul {
	padding				: 5px 20px 5px 20px;
	line-height			: 18px;
	font-size			: 12px;
	margin				: 0;
}

.contents_body li {
	margin: 0 0 0 20px;
	line-height			: 18px;
}

/* footer ----------------------------------------------------------------- */
#footer {
	background-color	: #555560;
}

#footer_wrap {
	width:800px;
	margin:0px auto 0px auto;
/*
	padding:5px 0;
*/
	padding			: 0;
	background-color	: #ddd;
}


#debug_wrap {
	float				: left;
	margin				: 0;
	padding-left		: 20px;
}

#a_counter_wrap {
	float				: left;
	padding-left		: 20px;
}

#link_wrap {
	float				: right;
}

#link_wrap h2 {
	display				: block;
	border				: 0;
	margin				: 0;
	padding-right		: 20px;
	text-align			: right;
	font-size			: 12px;
	line-height			: 16px;
	font-weight			: bold;
}

#link_wrap ul {
	display				: block;
	float:right;
	height				: 18px;
	margin				: 0;
	padding-right		: 20px;
	text-align			: right;
	line-height			: 14px;
}

#link_wrap ul li {
	display				: inline;
	padding				: 0 0 0 10px;
	margin				: 0;
	list-style			: none;
	line-height			: 14px;
}

/* others ----------------------------------------------------------------- */
hr {
	display				: none;
}

.info_msg {
	line-height			: 16px;
}

.view_sw, .view_sw_group {
	cursor				: pointer;
}

/* link tag --------------------------------------------------------------- */
a {
	color					: #334;
	text-decoration		: none;
}

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

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

a:active {
	color				: #00f;
}

a:hover {
	color				: #00f;
	font-weight			: bold;
	text-decoration		: none;
}

/*
	--------------------------------------------------------------------------
	DEBUG 表示用設定
	--------------------------------------------------------------------------
*/

#debug_area {
}

#debug_area pre {
	margin				: 10px 0 0 0;
	padding				: 10px;
	background-color	: #0d6;
	font-size			: 12px;
	line-height			: 18px;
	color				: #0f0;
	text-align			: left;
	border				: 0;
	white-space			: -pre-wrap;		/* Opera 4-6 */
	white-space			: -o-pre-wrap;		/* Opera 7 */
	white-space			: -moz-pre-wrap;	/* Mozilla */
	white-space			: pre-wrap;			/* CSS3 */
	word-wrap			: break-word;		/* IE 5.5+ */
}

#debug_area .box {
	margin-bottom		: 5px;
	padding				: 10px;
	background-color	: #020;
}