@charset "Shift_JIS";
/* ********************************************************************-
Date:2010-05-10
CSS Document:reno-style.comの基本スタイル

1.fixedエリア
2.各大枠エリアの設定
　　-1 contents
　　-2 side
3.共通使用クラス

 - ******************************************************************** */
/*1.fixedエリア*/
#fixedElement {
	position: fixed;
	width: 100%;
	height: 35px;
	left:0px;
	top: 0px;
	z-index: 100;
	background:transparent url(../image/common/semi_tp.png) repeat;
	border-bottom:1px solid #BFBFBF;
}
#fixedInner {
	width:900px;
	margin:0 auto;
	position:relative;
}
#fixedInner h1.title {
	float:left;
	display:block;
	line-height:35px;
}
#fixedInner div.sb-icon {
	float:right;
	padding:9px 0 9px 0;
}
#fixedInner div.sb-icon img {
	margin-right:5px;
	vertical-align:bottom;
}
#fixedInner div.sb-icon span.g-plus {
	margin-right:5px;
}
#fixedInner div.sb-icon span.g-plus #___plusone_0 {
	vertical-align:bottom !important;
	padding-bottom:1px !important;
}
#fixedInner span.sb-text {
	float:right;
	line-height:35px;
}

#twit-img {
	position:absolute;
	right:-197px;
	top:59px;
	z-index:20;
}

/*2.各大枠エリアの設定*/
#wrap {
	width: 890px;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 55px;
	padding-bottom: 25px;
	text-align: left;
	background-image: url(../image/common/wrap_bg.gif);
	background-repeat: repeat-y;
}

/*2-1 contents*/

/*main-contents index*/
#main-cts-idx {
	background-image:url(../image/common/cts_bg_idx.gif);
	background-repeat:repeat-y;
	margin-top:10px;
}
#main-left-idx {
	float:left;
	width:430px;
}
#main-right-idx {
	float:right;
	width:430px;
}

/*main-contents list*/
#main-top-list {
	position:relative;
	background:transparent url(../image/common/cell_c.gif) repeat-x scroll left bottom;
	padding-bottom:10px;
}
#main-cts-list {
	background-image:url(../image/common/cts_bg_list.gif);
	background-repeat:repeat-y;
	margin-top:10px;
}
#main-left-list {
	float:left;
	width:240px;
}
#main-right-list {
	float:right;
	width:620px;
}

/*main-contents list*/
#main-works-area {
	
}
#main-works-area #col-title {
	background:transparent url(../image/common/cell_c.gif) repeat-x scroll left bottom;
	padding-bottom:1px;
}
#main-works-area #col-left {
	float:left;
	width:200px;
	margin-top:10px;
}
#main-works-area #col-right{
	float:right;
	width:660px;
	margin-top:10px;
}

/*3.共通使用クラス*/
/* clearfix */
.clearfix {display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;
}
.clearfix {display: block;
}
/* End hide from IE-mac */
.clearfix:after {
	content: url(../image/common/clear.gif);
	display: block;
	clear: both;
	height: 0;
}

/* rollover style */
.imgover {
}

.opacity img {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 0.99999;
}
.opacity:hover img {
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

/*.discount01,
.discount02 {
	color: #FF0000 !important;
}

.bdr-btm-none {
	background-image: none !important;
}*/


/* marginTop */
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt45 {
	margin-top: 45px;
}
.mt50 {
	margin-top: 50px;
}

/* marginTop */
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb45 {
	margin-bottom: 45px;
}
.mb50 {
	margin-bottom: 50px;
}



/* align */
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.alignL {
	float: left;
}
.alignR {
	float: right;
}


/* hide */
.aural {
	display: none;
}

/* clear */
.clear {
	clear:both;
}

/* cursor */
.cursor {
	cursor:pointer;
}

/* line */
.line-f {
	background-image: url(../image/common/cell_c.gif);
	background-repeat: repeat-x;
	clear:both;
}

.line-d {
	background-image: url(../image/common/cell_dot.gif);
	background-repeat: repeat-x;
	clear:both;
}