/* :::::::::::::::::::::::::::::::::::::::::::::

	site: Luci Official Web Site
	name: series.css;

::::::::::::::::::::::::::::::::::::::::::::: */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	SERIES
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*1column_bg*/
.contents_wrap1 {
	padding-top: 5px;
}
.contents_wrap2 {
	padding-bottom: 5px;
}
#series_header {
	width: 725px;
	margin-right: 7px;
	margin-left: 2px;
}
#series_intro {
	width: 715px;
	margin-right: 5px;
	margin-left: 5px;
	color: #FFF;
	font-size: 80%;
	line-height: 150%;
}
#series {
	background-image: url(../image/bg_image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 715px;
	height: 305px;
	padding-top: 38px;
}
#series #series_title {
	background-image: url(../image/categorytitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 47px;
	width: 207px;
	margin-left: 25px;
}
/*
#series #series_lead {
	background-image: url(../image/categorylead.jpg);
	height: 68px;
	width: 344px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	margin-top: 17px;
	margin-left: 25px;
}
*/
#series #series_lead {
	margin-top: 17px;
	margin-left: 25px;
	color: #ec900b;
}
#series #series_text {
	background-image: url(../image/categorytext.jpg);
	height: 119px;
	width: 374px;
	margin-top: 18px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	margin-left: 26px;
}

/**series_contents**/

.series_contents {
	width: 725px;
	margin-right: 7px;
	margin-left: 2px;
	margin-top: 4px;	
}
#series_contents1, #series_contents2 {
	width: 685px;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
}
#series_contents1 {
}
#series_contents2 {
	
}

.series_contents .contents_midashi {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 31px;
	width: 685px;	
}
.series_contents #series_contents1 .contents_midashi {
	background-image: url(../image/midashi_1.gif);
}
.series_contents #series_contents2 .contents_midashi {
	background-image: url(../image/midashi_2.gif);
}

.series_contents .contents_text {
	font-size: 80%;
	margin-top: 9px;
	line-height: 150%;
	width: 645px;
	margin-right: 20px;
	margin-left: 20px;
}

.series_contents .color_text {
	color: #ec900b;
}

.series_contents .detail_image {
	width: 500px;
	margin-right: 92px;
	margin-left: 93px;
	font-size: 70%;
	margin-top: 22px;
}

.series_contents .detail_image li {
	float: left;
	width: 203px;
	text-align: center;
}
.series_contents .detail_image .layout_l {
	width: 203px;
}
.series_contents .detail_image .layout_r {
	margin-left: 94px;
	width: 203px;
}
.series_contents .cap {
	margin-top: 10px;	
}
.series_contents .btn_syouninzu a {
	background-image: url(../image/btn_syouninzu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 203px;
	margin-top: 10px;
}
.series_contents .btn_syouninzu a:hover {
	background-position: 0px -41px;
}


.category_line {
	background-image: url(../../../common/image/line_dot_01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 28px;
	padding-bottom: 28px;
}
.variation {
	margin-top: 21px;	
}

.variation #variation3 {
	margin-bottom: 21px;	
}

.variation .contents_submidashi {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 29px;
	width: 297px;	
}
.variation #variation1 .contents_submidashi {
	background-image: url(../image/submidashi_1.gif);
}
.variation #variation2 .contents_submidashi {
	background-image: url(../image/submidashi_2.gif);
}
.variation #variation3 .contents_submidashi {
	background-image: url(../image/submidashi_3.gif);
	height: 29px;
	width: 685px;
}


.variation .contents_text2 {
	font-size: 75%;
	line-height: 140%;
}

.variation .contents_text2 li {
	margin-top: 12px;
}


.variation #variation1 .variation_left{
	float: left;
	width: 329px;	
}
.variation #variation1 .variation_right{
	float: right;
	width: 356px;
}
.variation #variation1 .variation_detail{
	width: 319px;
	margin-right: 10px;
}
.variation #variation1 .variation_image{
	width: 329px;
	margin-right: 27px;
	margin-top: 18px;
}

.variation #variation2 .variation_left{
	float: left;
	width: 403px;	
}
.variation #variation2 .variation_right{
	float: right;
	width: 282px;
}
.variation #variation2 .variation_detail{
	width: 403px;
}
.variation #variation2 .variation_image{
	width: 211px;
	margin-right: 71px;
	margin-top: 18px;
}

.variation #variation1 .table {
	margin-top: 20px;	
}
.variation #variation2 .table {
	margin-top: 8px;	
}