@charset "Shift_JIS";


/* index.css

FOR INDEX.HTML

======== table of content. ============================

-HTML BASE ELEMENT
	- body
	- header
	- sideColumn
		- userLogin
		- newsArea
	
=======================================================	
*/

/*-----------------------------------------------------------------
																								HTML BASE ELEMENT
-------------------------------------------------------------------*/
/*-----------------------------------------------------
body
-------------------------------------------------------*/
body#index {
}

/*-----------------------------------------------------
header
-------------------------------------------------------*/
body#index #header #logo-sm h1 {
	width:156px;
	height:21px;
	margin:0;
	padding:0;
	background:#ffffff url(../images/logo_sm.gif) no-repeat top left;
	font-size:1px;
	line-height:1px;
	text-indent:-999em;
}

/*-----------------------------------------------------
sideColumn
-------------------------------------------------------*/
/*---------------------------------
userLogin
-----------------------------------*/
#sideColumn #userLoginArea #userLogin {
	padding:0 2px 0 0;
}

table.userLogin,
#userLogin p {
	color:#fff;
	font-size:10px;
}

#userLogin p a {
	color:#fff;
}

table.userLogin {
	margin-bottom:10px;
}

table.userLogin td {
	padding:2px;
}

#userLoginArea table.userLogin input:focus {
	background:#FFDFD1;
}

/*for Modern Browser */
html[xmlns] #userLogin div.alignright {
	margin-right:6px;
}

#userLogin p input {
	font-size:12px;
	margin-right:3px;
}

/*---------------------------------
newsArea
-----------------------------------*/
#newsArea {
	margin-bottom:12px;
	border:1px solid #708090;
}

#newsArea h2{
	background:#708090;
	margin:0;
	padding:3px 0;
	color:#ffffff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}

#newsArea dl {
	margin:0;
	padding:8px 8px 3px 8px;
	font-size:14px;
}

#newsArea dt {
	margin:0;
	padding:0;
	font-size:14px;
}

#newsArea dd {
	margin:0 0 0.7em 0;
	padding:0;
	font-size:14px;
}

/*-----------------------------------------------------
mainColumn
-------------------------------------------------------*/
body#index #mainColumn {
	margin-top:11px;
}

#recommend {
margin-top:5px;
}

#mainColumn #content #recommend h2 {
	background:#708090;
	margin:0;
	padding:3px 0 3px 10px;
	color:#ffffff;
	font-size:14px;
	font-weight:normal;
}

#recommend .subComumn-01,
#recommend .subComumn-02 {
	width:291px;
	margin:10px 0 15px 0;
}

#recommend .subComumn-01 {
	float:left;
}

#recommend .subComumn-02 {
	float:right;
}

#recommend .subComumn-01 h3,
#recommend .subComumn-02 h3 {
	background:#E2E6E9 url(../images/bg_heading_dotted.gif) repeat-x top left;
	margin:0 0 10px 0;
	padding:2px 5px 2px 10px;
	font-size:12px;
	font-weight:normal;
}

#recommend .subComumn-01 img,
#recommend .subComumn-02 img {
	float:left;
	border:1px solid #969696;
	margin-right:12px;
}

#recommend .subComumn-01 p,
#recommend .subComumn-02 p {
	font-size:10px;
	padding-left:112px;
}

#recommend .subComumn-01 p span,
#recommend .subComumn-02 p span {
	color:#ff0000;
}

#recommend .subComumn-01 p.more,
#recommend .subComumn-02 p.more {
	/*float:right;*/
	margin-top:10px;
	font-size:1px;
	line-height:1px;
	text-indent:-999em;
}

#recommend .subComumn-01 p.more a,
#recommend .subComumn-02 p.more a {
	display:block;
	background:#ffffff url(../../images/bt_more.gif) no-repeat top right;
	width:60px;
	height:14px;
	cursor:pointer;
	text-decoration:none;
}

#index #wrapper #mainColumn #content #mainCopy {
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	visibility: hidden;
}

/*-----------------------------------------------------------------
																											HTML TAG ELEMENT
-------------------------------------------------------------------*/