@charset "utf-8";

/* ========================================================
	index.css => indexページ用css
======================================================== */

/* contents
============================================================================================================ */
*+html #contents {
	z-index: 20;
}
#recommend {
	position: relative;
	top: 56px;
	width: 700px;
	margin-bottom: 60px;
	padding-top: 103px;
	background: url(../images/contents_bg_top.png) no-repeat top;
	z-index: 20;
}
#recommend > .contents {
	padding-bottom: 25px;
	background: url(../images/contents_bg_bottom.png) no-repeat bottom;
	zoom: 1;
}
#recommend .contents_inner {
	background: url(../images/contents_bg.png);
	zoom: 1;
}
#recommend a {
	color: #e5145c;
}

/* contents head
============================================================================================================ */
#recommend header {
	position: absolute;
	top: -56px;
	left: 0;
}
#recommend header h1 {
	position: relative;
	margin-left: 289px;
	z-index: 3;
}
#recommend header p {
	position: absolute;
	left: 67px;
	top: 23px;
}
#recommend header p span {
	position: absolute;
	left: 173px;
	top: -11px;
	width: 55px;
	height: 58px;
	background: url(../images/giroko_parts.png) no-repeat 0 0;
}
#recommend header ul {
	position: relative;
	margin-top: 20px;
	margin-left: 300px;
	width: 358px;
	height: 98px;
	padding: 27px 0 0 25px;
	background: url(../images/head_q_bg.png) no-repeat;
	color: #e5145c;
	z-index: 3;
}
#recommend header ul li {
	padding-bottom: 0.4em;
}

#recommend .giroko_illust .arm {
	position: absolute;
	left: 199px;
	top: 3px;
	width: 94px;
	height: 140px;
	background: url(../images/giroko_arm.png) no-repeat;
}

/* section
============================================================================================================ */
#recommend section {
	padding: 12px 0 10px;
}
#recommend section h1 {
	margin: 0 0 15px 67px;
}
#recommend section .link {
	margin-left: 69px;
}
#recommend section .link li {
	padding-bottom: 10px;
}
#recommend section .link a {
	padding: 5px 0 5px 30px;
	background: url(../images/link_arrow.png) no-repeat left;
}

/* .contents
============================================================================================================ */
.contents .txt {
	width: 500px;
	height: 55px;
	padding: 15px 20px 0 20px;
	margin: 0 auto;
	background: url(../images/eco_bg.png) no-repeat;
}
.contents .txt2 {
	width: 500px;
	height: 115px;
	padding: 15px 20px 0 20px;
	margin: 25px auto;
	background: url(../images/eco_bg2.png) no-repeat;
}
.contents .img_photo {
	text-align: center;
	margin-top: 25px;
}

/* #eco
============================================================================================================ */
#eco {
	padding-top: 95px !important;
}
#eco .contents {
	margin-left: 30px;
	margin-bottom: 12px;
}

/* #remote
============================================================================================================ */
#remote {
	margin-top: 10px;
	padding-bottom: 30px !important;
}
#remote .contents {
	margin-left: 30px;
	margin-bottom: 12px;
}
#remote .txt2 {
	margin-top: 30px;
}