@charset 'UTF-8';
#intoro h3 {
	width:323px;
	height:18px;
	text-indent:-1000em;
	margin:0 0 0.5em 0;
}
#intoro p {
	line-height:1.7em;
	margin:0 0 2em 0;
}
#ttl_1 {
	background:url(../images/rep_copy_plan_1.gif) no-repeat;
}
#intoro .right .images ul {
	list-style-type:none;
}
#intoro .right .images li {
	float:left;
}
#intoro .right .images li img {
	margin:0 2px 0 0;
}
/*plan_area
-------------------------------------------------*/

#plan_area {
	padding:10px 0 0 0;
}

.plan_list {
	list-style-type:none;
}
/*
.plan_list li.box {
	background:url(../images/divide.gif) no-repeat;
	background-position:bottom right;
	padding:0 0 18px 0;
	margin:0 0 30px 0;
}
*/
.plan_list li.box {
	background:#f1efe7 url(../images/bg_take_5.gif) no-repeat;
	background-position:bottom left;
	padding:20px 10px 20px 10px;
	margin:0 0 30px 0;
	border:1px solid #e7e7e7;
}
.plan_list li .photo_area {
	float:left;
	width:160px;
	min-height:110px;
	height: auto !important;
	height: 110px;
}
.plan_list li .photo_area p.photo {
	/*
	background:url(../images/defoult_image.gif) no-repeat;
	*/
	width:160px;
	height:110px;
	margin:0 0 5px 0;
}
.plan_list li .photo_area p.photo a {
	display:block;
	width:160px;
	height: 110px;
}
.plan_list li .photo_area p.photo a:hover {
	background:#fff;
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	text-decoration:none;
}
.plan_list li .photo_area p.photo .up_photo {
	display:block;
	width:160px;
	height:110px;
	overflow:hidden;
}
.plan_list li .text {
	float:right;
	width:500px;
	background:url(../images/bg_take_6.gif) no-repeat;
	background-position:right top;
}
.plan_list li .text .ttl {
	/*background:#b91825;*/
	color:#FFFFFF;
	padding:5px 15px;
	
	/*width:470px;*/ /*490*/
	font-size:90%;
	margin:0 0 0px 0px;
	line-height:1.2em;
}
.plan_list li .text .ttl a {
	color:#fff;
}
.plan_list li .text .spec {
	list-style-type:none;
	margin:0 0 8px 25px;
	border-bottom:1px dotted #E3E3E3;
	padding:0 0 8px 0;
}

.copy {
	margin:0 0 0 25px;
	text-align:justify;
}
.detail {
	background:url(../images/b_plan_detail.gif) no-repeat;
	width:157px;
	height:24px;
	display:inline-block;
	float:right;
	text-indent:-1000em;
	margin:15px 0 0 0;
}
.detail:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*corner.js用-------------------------------------------------*/
/* The Box */
.cornerBox {width:500px; margin:0 0 15px 0; }
	.cornerBox-content {padding:0px 0px; margin:0px; background:#b91825;  }

/* The Corners */
.c, .c span {height:1px;}	
	.c span {display:block; overflow:hidden;}
	/* borders */
	.cornerBox-content,
	.c span {border-left:1px solid; border-right:1px solid;}
			

/* Change margins to change the curve (If the curve is bigger you'll probably need more elements) */
.t1, .b6 {margin:0 7px;}
.t2, .b5 {margin:0 5px;}
.t3, .b4 {margin:0 3px;}
.t4, .b3 {margin:0 2px;}
.t5, .b2 {margin:0 2px;}
.t6, .b1 {margin:0 1px;}
	.t1 span {border-top:1px solid;}
	.b6 span {border-bottom:1px solid;}
		
/* GO CRAZY JUST BY CHANGING SOME LINES (be creative) */

/* Box 1 */
#cBox1 .cornerBox-content,
#cBox1 .c span {background:#b91825; border-color:#b91825;}