@charset "utf-8";
/*---------------------------------------------
	File: elerl.css
	Date: 2009.07.09th
	Copyright: White-Serpent
---------------------------------------------*/

/*---------------------------------------------
	DESC: Initialize CSS
---------------------------------------------*/
html, address, blockquote,
body, dd,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4, h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre	{ display: block; }
li			{ display: list-item; }
head		{ display: none; }
table		{ display: table; }
tr			{ display: table-row; }
thead		{ display: table-header-group; }
tbody		{ display: table-row-group; }
tfoot		{ display: table-footer-group; }
col			{ display: table-column; }
colgroup	{ display: table-column-group; }
td, th		{ display: table-cell; }
caption		{ display: table-caption; }

/* ALL COMMON
------------------------ */
*	{ margin: 0; padding: 0; border: none; }

body	{
	font:				12px Verdana, Arial, Helvetica, sans-serif ;
	background-image:	url(../img/bg.jpg) ;
	margin:				0 ;
	padding:			0 ;
	text-align:			center ;
	color:				#101010 ;
}

/* PUBLIC COMMON
------------------------ */
h1, h2, h3, h4, h5, h6, strong { font-weight: normal; }
a	{
	color:				#111166 ;
	text-decoration:	none ;
}
a:hover	{
	color:				#111166 ;
	text-decoration:	underline ;
}

ul, li	{
	list-style-type:	none ;
}

caption	{
	color:				#444 ;
	background:			#f8f8f8 ;
	font-family:		'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size:			10px ;
	padding:			2px;
	text-align:			left ;
	width:				280px ;
	border-bottom:		1px solid #e8e8e8 ;
}

fieldset	{
	border:	1px solid #ccc ;
}

legend	{
	font-size: 10px ;
}

input.text	{
	border-top:		1px solid #666 ;
	border-left:	1px solid #666 ;
	border-bottom:	1px solid #999 ;
	border-right:	1px solid #999 ;
	padding:	2px ;
}
input.submit	{
	border-top:		1px solid #999 ;
	border-left:	1px solid #999 ;
	border-bottom:	1px solid #666 ;
	border-right:	1px solid #666 ;

	font-size:	11px ;
	padding:		1px ;
	padding-left:	3px ;
	padding-right:	3px ;

	margin-top:	5px;
}
textarea.text {
	border-top:		1px solid #666 ;
	border-left:	1px solid #666 ;
	border-bottom:	1px solid #999 ;
	border-right:	1px solid #999 ;
	padding:	2px ;
}
select	{
	border-top:		1px solid #666 ;
	border-left:	1px solid #666 ;
	border-bottom:	1px solid #999 ;
	border-right:	1px solid #999 ;
}
option	{
	padding:	3px ;
}

/* GRAND Container
------------------------ */
#container	{
	width: 800px;
	background-color: #fff ;
	margin: 0 auto;
	text-align: left;
	background-image: url(../img/bg.center.jpg);
}

/* HEADER
------------------------ */
#header	{
	position:			relative ;
	padding:			0 10px;
	background-color:	#dfdfdf ;
	background-image:	url('../img/bg.top.jpg') ;
	height:				110px ;
} 
#header h1	{
	float:			left ;
	padding:		5px 0px;
	padding-top:	40px ;
	text-indent:	310px ;
	color:			#333 ;
}
#header h1.gif	{
	position:		absolute ;
	left:			0px ;
	top:			0px ;
	padding-top:	0px ;
	text-indent:	100px ;
}

#header h2	{
	float:			left ;
	padding:		5px 0px;
	padding-top:	50px ;
	font-size:		12px ;
	color:			#666 ;
	text-indent:	20px ;
}

#container .pan	{
	padding:			0px ;
	background-color:	#dfdfdf ;
	height:				10px ;
	font-size:			10px ;
	text-align:			center ;
}

/* SIDE BAR type1 
------------------------ */
#sidebox_section	{
	float:			left;
	width :			170px ;
	background:		transparent ;
	padding-bottom:	5px;

	font-size:		11px ;
}

#sidebox_section .sidebox_navi	{
	margin-left:	30px ;
}
#sidebox_section .sidebox_navi li	{
	border-top:		1px solid #ccc ;
	border-left:	1px solid #ccc ;
	border-bottom:	1px solid #999 ;
	border-right:	1px solid #999 ;
	padding:		3px ;
	text-indent:	10px ;
}

/* MAIN CONTENT
------------------------ */
#content	{
	float:			right ;
	width:			622px ;
	margin:			0px ;
	background:		transparent ;
	padding-left:	5px ;
	position:	relative ;
} 

#content .headline	{
	border-left:		1px solid #CCCCCC ;
	border-top:			1px solid #CCCCCC ;
	border-right:		1px solid #888888 ;
	border-bottom:		1px solid #888888 ;
	margin-right:		22px ;
	text-align:			left ;
	padding-top:		3px ;
	padding-bottom:		3px ;
	padding-left:		5px ;
	font-size:			12px ; 
	font-weight:		bold ;

	line-height:	8px ;
	height:			24px ;
	padding-left:	34px ;
	background:		url('/img/icon/elerl_ttl_icon.gif') no-repeat ;
}

/*--- illust 250 ---*/
#content .illustbox_type_origin	{
	width:		309px ;
	height:		350px ;
	background:	url('/img/illust/illust_bg.gif') no-repeat ;
}
#content .illustbox_location_left	{
	position:	absolute ;
	left:		300px ;
	top:		35px ;
}
#content .illustbox_type_origin img	{
	margin-left:	29px ;
	margin-top:		29px ;
}
/*--- illst 400 ---*/
#content .illustbox_type_large	{
	width:		459px ;
	height:		521px ;
	background:	url('/img/illust/400_illust_bg.gif') no-repeat ;
}
#content .illustbox_type_large img	{
	margin-left:	0px ;
	margin-top:		28px ;
}
/*--- adsense250x250 ---*/
#content .illustbox_location_adsense {
	position:	absolute ;
	left:	326px ;
	top:	400px ;
}

/* FOOTER
------------------------ */
#footer	{ 
	padding:			0 10px;
	height:				52px ;
	background:			#dfdfdf ;
	background-image:	url('../img/bg.bottom.jpg') ;
} 
#footer p	{
	margin:		0 ;
	padding:	10px ;
	float:		right ;
}

/* REUSE CLASS
------------------------ */
#container .clearfloat	{
	clear:			both ;
	height:			0 ;
	font-size:		1px ;
	line-height:	0px ;
}

#container .left	{ text-align: left; }
#container .right	{ text-align: right; }
#container .center	{ text-align: center; }

/* FOR AJAX */
#container .hidebox	{
	position:			absolute ;
	display:			none ;
	background-color:	#efefef ;
	border:				1px solid #111166 ;
}

/* 各種テキスト
-----------------------------------------*/
#container .bold_red	{
	font-weight:	bold;
	color:			red ;
}
#container .bold	{
	font-weight:	bold;
}
#container .small_message	{
	font-size:		10px ;
}
#container .warning	{
	font-size:		10px ;
	color:			#f44;
}

#container .underline	{
	color:				#000 ;
	text-decoration:	underline ;
}
#container .noneline	{
	color:				#999 ;
	text-decoration:	none ;
}

#container p.text {
	font-size:		11px ;
	margin-left:	10px ;
}

#container dl.text {
	font-size:		11px ;
	margin-left:	10px ;
}

#container dl.text dd {
	margin-left:	40px ;
}

#container form.block {
	margin-left:	10px ;
}
#container span.normal {
	font-size:	12px ;
}
#container span.small {
	font-size:	10px ;
}

#content .chois {
	color:	#942343 ;
}

#content .trpg_lists li {
	padding-left: 20px ;
}

.seo	{
	display:	none ;
}

/*  .tableFormat
-----------------------------------------*/
.tableFormat {
	font-size:		11px ;
	margin-left:	10px ;
}
.tableFormat td.key {
	width:			120px ;
}
.tableFormat td.label {
	border-right:	1px dotted #ccc ;
	background:		#e8e8e8 ;
}
.tableFormat td.param {
	width:			200px ;
}
.tableFormat td {
	border-bottom:	1px solid #ccc ;
	padding-left:	10px ;
	padding-top:	3px ;
	padding-bottom:	3px ;
}

/*  .listFormat
-----------------------------------------*/
.listFormat {
	margin-left:	15px ;
}
.listFormat .label {
}
.listFormat .param {
	margin-left:	20px ;
	margin-bottom:	5px ;
}

pre {
	overflow:		auto;
	white-space:	normal;
	white-space:	-moz-pre-wrap; /* Mozilla */
	white-space:	-pre-wrap;     /* Opera 4-6 */
	white-space:	-o-pre-wrap;   /* Opera 7 */
	white-space:	pre-wrap;      /* CSS3 */
	word-wrap:		break-word;      /* IE 5.5+ */
	font-size:		11px ;
	line-height:	18px ;
	margin-left:	20px ;
	margin-right:	15px ;
}