@charset "utf-8";

/*===================================================================
------------------
CSS Information
------------------
 File name :          layout.css
 Summary :            layout styles
 Created :            2010-01-19
 Last Update :        2010-01-19
 Author:              wan55 aono
===================================================================*/
/*===================================================================
------------------
Table Of Contents
------------------
 01）Column
 001) .top
 002) .oneColumn
 003) .twoColumn
 004) .threeColumn
 
 02）#floatMenu
 
 99) clearfix
 
===================================================================*/
/* prefix = #rs_co */

#rs_co {
	width: 100%;
	padding-bottom: 25px;
	/*
	background: transparent url(/edit/sub/inaka/common/img/rs_bg_bodyfoot.gif) left bottom repeat-x;
	*/
}

/*-------------------------------------------------------------------
 01）Column
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
 001)  #top
-------------------------------------------------------------------*/
#rs_co .top {
	width: 100%;
	padding-bottom: 30px;
	background: transparent url(/edit/sub/inaka/common/img/rs_bg_body.gif) left top repeat;
}

#rs_co .top #flashArea {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

#rs_co .top #topSearch {
	margin: 0 auto 12px;
	width: 920px;
	text-align: left;
}

#rs_co .top #contentsArea {
	width: 100%;
	padding: 20px 0 25px;
}

#rs_co .top #contentsMain {
	margin: 0 auto;
	width: 920px;
	text-align: left;
}

#rs_co .top #contentsMain #mainArea {
	float: left;
	width: 620px;
}

#rs_co .top #contentsMain #sideArea {
	float: right;
	width: 280px;
}


/*-------------------------------------------------------------------
 002) #oneColumn
-------------------------------------------------------------------*/
#rs_co .oneColumn {
	width: 100%;
	padding-bottom: 30px;
	background: transparent url(/edit/sub/inaka/common/img/rs_bg_body.gif) left top repeat;
}

#rs_co .oneColumn #contentsArea {
	margin: 0 auto;
	width: 952px;
}


/*-------------------------------------------------------------------
 003) #twoColumn
-------------------------------------------------------------------*/
#rs_co .twoColumn {
	padding-bottom: 30px;
	background: transparent url(/edit/sub/inaka/common/img/rs_bg_body.gif) left top repeat;
}

#rs_co .twoColumn #contentsArea {
	margin: 0 auto;
	width: 950px;
}

#rs_co .twoColumn #contentsArea #mainArea {
	float: left;
	width: 690px;
}

#rs_co .twoColumn #contentsArea #sideArea {
	float: right;
	width: 240px;
}


/*-------------------------------------------------------------------
 004) #threeColumn
-------------------------------------------------------------------*/
#rs_co .threeColumn {
	padding-bottom: 30px;
	background: transparent url(/edit/sub/inaka/common/img/rs_bg_body.gif) left top repeat;
}

#rs_co .threeColumn #contentsArea {
	margin: 0 auto;
	width: 950px;
}

#rs_co .threeColumn #contentsArea #mainArea {
	float: left;
	width: 707px;
}

#rs_co .threeColumn #contentsArea #mainArea #mainWrap { width: 707px;}

#rs_co .threeColumn #contentsArea #mainArea #leftArea {
	float: left;
	width: 241px;
}

#rs_co .threeColumn #contentsArea #mainArea #centerArea {
	float: right;
	width: 432px;
}

#rs_co .threeColumn #contentsArea #sideArea {
	float: right;
	width: 217px;
}


/*-------------------------------------------------------------------
 02）#floatMenu
-------------------------------------------------------------------*/
#rs_co #floatMenu {
	position: absolute;
	top: 100px;
	right: 0px;
	z-index: 999;
	overflow: hidden;
}

#rs_co #floatMenu #floatBox { width: 249px;}

#rs_co #floatMenu #menuTitle {
	float: left;
	/*margin-top: 10px;*/
	cursor: pointer;
}

#rs_co #floatMenu #menuCont {
	float: right;
	padding: 0 0 5px;
	margin-bottom: 20px;
	background: transparent url(/edit/sub/inaka/common/img/rs_flowmenu_bg.gif) left top repeat;
}

#rs_co #floatMenu #menuCont {}

#rs_co #floatMenu #menuCont .historyTitle {
	position: relative;
	height: 34px;
}

#rs_co #floatMenu #menuCont .historyTitle .resetBtn {
	position: absolute;
	top: 10px;
	left: 12px;
}

#rs_co #floatMenu #menuCont .historyTitle .closeBtn {
	position: absolute;
	top: 10px;
	left: 160px;
	cursor: pointer;
}

#rs_co #floatMenu #menuCont .resultDetail {
	padding: 10px 0;
	width: 217px;
}

/*
#rs_co #floatMenu #menuCont .resultDetail.evenBg { background: #f4f4f4;}
*/

#rs_co #floatMenu #menuCont p {
	margin: 0 20px;
	padding-left: 10px;
	border-left: 3px solid #8f6c34;
}

#rs_co #floatMenu #menuCont p.resultTxt {
	margin: 10px;
	font-weight: bold;
	font-size: 100%;
	border: 0;
}

#rs_co #floatMenu #menuCont .historyBtn {
	padding: 10px 0;
	text-align: center;
}


/*-------------------------------------------------------------------
 99) clearfix
-------------------------------------------------------------------*/
#rs_co #contentsMain:after,
#rs_co #contentsArea:after,
#rs_co #headerArea ul.siteInfo:after,
#rs_co .threeColumn #contentsArea #mainArea #mainWrap:after,
#rs_co #floatMenu #floatBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#rs_co #contentsMain,
#rs_co #contentsArea,
#rs_co #headerArea ul.siteInfo,
#rs_co .threeColumn #contentsArea #mainArea #mainWrap,
#rs_co #floatMenu #floatBox { display: inline-block;}

/* MacIE5 \*/
* html #rs_co #contentsMain,
* html #rs_co #contentsArea,
* html #rs_co #headerArea ul.siteInfo,
* html #rs_co .threeColumn #contentsArea #mainArea #mainWrap,
* html #rs_co #floatMenu #floatBox { height: 1%;}
#rs_co #contentsMain,
#rs_co #contentsArea,
#rs_co #headerArea ul.siteInfo,
#rs_co .threeColumn #contentsArea #mainArea #mainWrap,
#rs_co #floatMenu #floatBox { display: block;}
/* MacIE5 */
