@charset "utf-8";
/* CSS Document */

#title_img {
	background: url(../images/category/temp_list/title_img.gif) no-repeat;
	text-indent: -9999px;
	height: 65px;
	width: 700px;
	margin-bottom: 10px;
}
.temp_box {
	float: left;
	width: 167px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.temp_box_end {
	float: left;
	width: 167px;
	margin-bottom: 10px;
}
.temp_box_y {
	float: left;
	width: 228px;
	margin-right: 8px;
	margin-bottom: 10px;
}
.temp_box_y_end {
	float: left;
	width: 228px;
	margin-bottom: 8px;
}
.bg {
	background: #000000;
	margin-bottom: 7px;
}

.temp_box img,.temp_box_end img {
	border: 1px solid #F0F0F0;
	width: 165px;
}
.temp_box_y img,.temp_box_y_end img {
	border: 1px solid #F0F0F0;
	width: 226px;
}
.temp_box p a,.temp_box_end p a,.temp_box_y p a,.temp_box_y_end p a {
	background: #4D4D4D;
	text-align: center;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
}
.temp_box p a:hover,.temp_box_end p a:hover,.temp_box_y p a:hover,.temp_box_y_end p a:hover {
	background: #333333;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
}
.temp_box img:hover,.temp_box_end img:hover,.temp_box_y img:hover,.temp_box_y_end img:hover {
	border: 1px solid #161733;
	color:#FFFFFF;
	filter:alpha(opacity=60);
	opacity:0.6;
}
#temp_wrap {
	width: 700px;
	margin-bottom: 10px;
}
.list_text ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}
.list_text li {
	background: url(../images/com/arrow_black.gif) no-repeat left 3px;
	padding-left: 20px;
	padding-bottom: 10px;
	width: 200px;
	float: left;
}

/*詳細ページ
------------------------*/

.img {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #999999;
}
.img_y {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #999999;
}

.img_l {
	float: left;
	width: 300px;
	margin-bottom: 20px;
}
.text_r {
	width: 380px;
	float: right;
	padding-top: 20px;
}
.icon_wrap {
	background: #FFFFFF url(../images/category/feature/icon_img.gif) no-repeat 10px 10px;
	border: 1px solid #008BCE;
	padding: 9px 9px 9px 49px;
	width: 320px;
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.5em;
}
.icon_wrap_y {
	background: #FFFFFF url(../images/category/feature/icon_img.gif) no-repeat 10px 10px;
	border: 1px solid #008BCE;
	padding: 9px 9px 9px 49px;
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-right: auto;
	margin-left: auto;
}
.btn_irai {
	height: 60px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.btn_irai a {
	background: url(../images/category/temp_list/btn_irai.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 250px;
}
.btn_irai a:hover {
	background: url(../images/category/temp_list/btn_irai.gif) no-repeat 0px -60px;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 250px;
}
.design_point {
	background: #FFFFFF url(../images/category/temp_list/design_point_icon.gif) no-repeat 10px 10px;
	border: 1px dotted #008BCE;
	margin-bottom: 20px;
	width: 638px;
	font-size: 1.2em;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 58px;
}
.design_point p {
	color: #008BCE;
	margin-bottom: 5px;
	font-weight: bold;
}
.free_img {
	padding: 19px;
	width: 650px;
	border: 1px solid #008BCE;
	background: #FFFFFF;
	margin-bottom: 15px;
}
.btn_faq {
	height: 60px;
	width: 155px;
	margin-right: auto;
	margin-left: auto;
}
.btn_faq a {
	background: url(../images/category/temp_list/btn_faq.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 155px;
}
.btn_faq a:hover {
	background: url(../images/category/temp_list/btn_faq.gif) no-repeat 0px -60px;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 155px;
}
.btn_pdf {
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.btn_pdf a {
	background: url(../images/category/temp_list/btn_pdf.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 250px;
}
.btn_pdf a:hover {
	background: url(../images/category/temp_list/btn_pdf.gif) no-repeat 0px -50px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 250px;
}