@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}

body {
	background:#000033;
}

#contents {
	width:960px;
	margin-right:auto;
	margin-left:auto;
}

#contents .back_home {
	padding-right:100px;
	text-align:right;
	border-bottom:1px solid #616180;
	padding-bottom:10px;
	margin-bottom:25px;
}

/* slideshow */

#slideshow {
    position:relative;
    height:192px;
	margin-bottom:25px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*work_list
------------------------------------------------------------*/
#works_all {
	font-size:12px;
}

#works_all a:link {
	color:#ff8600;
}
#works_all a:visited {
	color:#ff8600;
}	
#works_all a:hover {
	color:#99cc00;
	text-decoration:underline;
}	
#works_all a:active {
	color:#99cc00;
	text-decoration:overline;
}	
#works_all h2.re {
	line-height:180%;
}

#works_all .re_box {
	margin-bottom:20px;
	padding:12px;
}
#works_all .re_box .title_box {
	border-bottom:dotted 1px #EFEFF5;
	width:910x;
	padding-bottom:7px;
	margin-bottom:25px;
}
#works_all .re_box .title_box table {
	margin-left:auto;
	margin-right:auto;
}	
#works_all .re_box_bottom .title_boxb {
	border-bottom:dotted 1px #000033;
	width:910x;
	padding-bottom:7px;
	margin-bottom:10px;
}	
#works_all .re_box .title_box h3.reh {
	color:#EFEFF5;
	font-size:14px;
	font-weight:bold;
	float:left;
	border:none;
	padding:0px;
	margin:0px;
}
#works_all .re_box .title_box .re_note {
	color:#EFEFF5;
	text-align:right;
	font-size:12px;
}

.re_box .pic_img {
	background:url(img/stylelife/shadow.jpg) no-repeat right bottom;
	margin: 0 0 8px 5px;
	float:left;
}	
.re_box .pic_img img {
	border:solid 3px #E8E8ED;
	position: relative;
	left: -3px;
	top: -3px;
}	

.re_box_bottom {
	background-color:#EFEFF5;
	padding:12px;
}
#works_all .re_box_bottom .title_boxb h3.reh {
	color:#171746;
	font-size:14px;
	font-weight:bold;
	float:left;
	border:none;
	padding:0px;
	margin:0px;
}
#works_all .re_box_bottom .title_boxb .re_note {
	color:#51516F;
	text-align:right;
	font-size:12px;
}
#works_all .re_box {
	color:#E8E8ED;
	font-size:10px;
}	
#works_all .re_box a {
	font-size:10px;
}	
#works_all .re_box a:link {
	color:#E8E8ED;
	text-decoration:none;
}
#works_all .re_box a:visited {
	color:#E8E8ED;
	text-decoration:none;
}
#works_all .re_box a:hover {
	color:#FF8600;
	text-decoration:none;
}
#works_all .re_box a:active {
	color:#FF8600;
	text-decoration:none;
}

.or_style2 {
	background:url(img/stylelife/arrow.jpg) no-repeat 3px 0.1em ;
	clear:both;
	padding-left:18px;
}
.or_style_btm {
	background:url(img/stylelife/arrow2.gif) no-repeat 3px 0.1em ;
	clear:both;
	padding-left:18px;
}

#footer {
	width:935px;
	background:url(img/stylelife/footer_top.jpg) no-repeat;
	margin-top:55px;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
	padding-left:25px;
}
#footer .L_area {
	float:left;
}

#footer .L_area a:link {
	color:#E8E8ED;
	text-decoration:none;
}
#footer .L_area a:visited {
	color:#E8E8ED;
	text-decoration:none;
}
#footer .L_area a:hover {
	color:#FF8600;
	text-decoration:underline;
}
#footer .L_area a:active {
	color:#FF8600;
	text-decoration:underline;
}

#footer .R_area {
	float:right;
}		

#footer_btm {
	clear:both;
	background:url(img/stylelife/footer_btm.jpg) no-repeat;
	height:23px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}
.re_infobrn {
	margin-right:15px;
}						
	
