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

/* -----left_side----- */
#left_side{
	position:relative;
	top:-20px;
}
#contents_top{
	background:url(../../img/common/side_back_top.jpg) center 29px no-repeat;
}

/* -----main text----- */
#main{
	width:615px;
}
#main h2{
	background:url(../../img/common/bar_01.jpg) left top no-repeat;
	width:565px;
	height:22px;
	color:#ffffff;
	font-weight:bold;
	font-size:120%;
	margin:0 auto 15px;
	padding:8px 30px 0;
	text-align:left;
}
#main h3.bar{
	background:url(../img/logo/bar_04.jpg) left top no-repeat;
	width:500px;
	height:24px;
	color:#ff0000;
	font-weight:bold;
	font-size:120%;
	margin:0 auto 15px;
	padding:8px 30px 0;
	text-align:left;
	clear:both;
}

/* ----- ----- */

.main_txt p{
	line-height:150%;
	margin-top:8px;
	margin-bottom:20px;
}
h3#area_top{
	background:url(../img/logo/area_top.jpg) left top no-repeat;
	text-align:center;
	padding-top:20px;
	margin-bottom:10px;
}

.main_txt p.l_txt{
	width:330px;
	margin-left:15px;
	margin-bottom:20px;
	float:left;
}
/* IE6用ハック */
*html .main_txt p.l_txt{
	margin-left:7px;
}
#area{
	background:url(../img/logo/area_body.jpg) left top repeat-y;
	text-align:center;
	clear:both;
	margin-bottom:30px;
}
#area_bot{
	background:url(../img/logo/area_bottom.jpg) left bottom repeat-y;
	padding-bottom:20px;
}
/* IE6用ハック */
*html #area_bot{
	margin-bottom:-20px;
}
/* IE7用ハック */
*:first-child+html #area_bot{
	margin-bottom:-20px;
}

#area p{
	width:550px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#area ul{
	width:550px;
	margin:0 auto 20px;
}

#area ul li{
	float:left;
}


#logo_01{
	background:url(../img/logo/logo_back_01.jpg) left top no-repeat;
	width:558px;
	height:280px;
	margin:0 auto 5px;
	padding:0;
}
#logo_02{
	background:url(../img/logo/logo_back_02.jpg) left top no-repeat;
	width:559px;
	height:259px;
	margin:0 auto 5px;
	padding:0;
}
#logo_03{
	background:url(../img/logo/logo_back_03.jpg) left top no-repeat;
	width:559px;
	height:261px;
	margin:0 auto 5px;
	padding:0;
}
#logo_04{
	background:url(../img/logo/logo_back_04.jpg) left top no-repeat;
	width:559px;
	height:260px;
	margin:0 auto 30px;
	padding:0;
}
#logo_01 p,#logo_01 img,#logo_02 p,#logo_02 img,#logo_03 p,#logo_03 img,#logo_04 p,#logo_04 img{
	width:auto;
	margin:0;
}
#logo_01 div,#logo_02 div,#logo_03 div,#logo_04 div{
	padding:0 10px;
}
#logo_01 div .txt,#logo_02 div .txt,#logo_03 div .txt,#logo_04 div .txt{
	width:300px;
	color:#ffffff;
}
#logo_01 div .txt .c_black,#logo_02 div .txt .c_black,#logo_03 div .txt .c_black,#logo_04 div .txt .c_black{
	font-size:120%;
	color:#000000;
	font-weight:bold;
}
#logo_01 div img,#logo_02 div img,#logo_03 div img,#logo_04 div img{
	margin-top:45px;
}


#area .flow{
	margin-left:65px;
	width:490px;
}
#area div.flow p{
	margin-left:0;
	width:240px;
}
#area .flow img{
	vertical-align:middle;
}

#area .nouhin{
	width:550px;
	margin-left:auto;
	margin-right:auto;
}
#area .nouhin img{
	float:right;
}
#area .nouhin p{
	width:290px;
	float:left;
}
#area .nouhin .banner{
	width:550px;
	clear:both;
	text-align:center;
	margin-top:0;
}
#area .nouhin .banner img{
	float:none;
}

#il_table{
	width:555px;
	border-collapse:collapse;
	border-spacing:0;
	margin:0 auto 20px;
}
#il_table td{
	padding:3px;
	vertical-align:top;
}

#price{
	background:url(../img/logo/price_top.jpg) left top no-repeat;
	width:558px;
	margin:20px auto;
	padding:75px 0 0;
	text-align:left;
}
#price p{
	margin:0 10px;
}
#price_bot{
	background:url(../img/logo/price_bot.jpg) left bottom no-repeat;
	padding:0 0 20px;
}
#price_bot p{
	width:515px;
	background:#ffffff;
	padding:10px;
}