@charset "utf-8";

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

	ArtMeter / ORDER styles
	author   : (C)KAYAC http://www.kayac.com/

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

@import url("/css/common.en.css");
@import url("/css/form.css");

/* CONTENTS HEAD
---------------------------------------------- */
#for_attention {
background:#F9F9F2 none repeat scroll 0 0;
clear:both;
float:left;
margin:0 0 15px;
text-align:left;
width:960px;
}
#for_attention .attentionTxt {
background:transparent url(/img/order/ico_attent2.gif) no-repeat scroll 0 0;
color:#5D0E11;
float:left;
margin:10px 25px 10px 10px;
}
#for_attention .attentionTxt p {
color:#5D0E11;
margin-left:15px;
}

div#contHead h2#titleOrder {
	background-image: url(/img/order/ti_order.gif);
	width: 270px;
	height: 17px;
}
div.contSectionOrder #unitHeader {
	background-image: url(/img/order/bg_header.jpg);
	background-repeat: no-repeat;
	height: 94px;
	width: 960px;
	padding-top: 12px;
	padding-left: 19px;
}

div.contSectionOrder #unitHeader h3 {
  padding-top: 4px;
	}
	
/* SECTION
---------------------------------------------- */
div#contBody {
	text-align:left;
}
div#contBody img {
vertical-align:bottom;
}
div#contBody div.contSectionOrder{
	clear: both;
	margin: 0;
	width: 960px;
	padding: 0;
	text-align:left;
}

div.contSectionOrder img#head_img {
	float: left;
}


div.contSectionOrder div#btn_order{
	clear: both;
	width: 960px;
	margin-bottom: 26px;
	background: #F9F9F2;
}


div.contSectionOrder div#btn_order h5{
	padding: 13px;

}


div.contSectionOrder div#btn_order li{
	float: left;
    padding-left: 14px;
		padding-bottom: 10px;
}


div.contSectionOrder ul#btn_menu li{
	float: left;
	margin: 0 5px 0 0;
}

div.contSectionOrder ul#btn_menu .lastChild{
	clear: both;
	margin: 0;
}

div.contSectionOrder h4{
cleadr: both;
}
div.contSectionOrder .price_left .imgAbout {
padding-bottom: 40px;
}

div.contSectionOrder div.ttl_block{
	clear: both;
	margin-top: 25px;
	padding-top: 25px;
}

div.contSectionOrder div.ttl_block img.i_img{
	float:left;
	margin: 0px 16px 0 8px;
}

div.contSectionOrder div.ttl_block_inner{
}

div.contSectionOrder div.ttl_block_inner p{
	margin: 14px 0 0 0;
	color: #5D0E11;
}



div.contSectionOrder div.ttl_block2{
	clear: both;
	border: solid 1px #EBE4C8;
	border-width: 1px 0 0;
	padding-top: 20px;
}

div.contSectionOrder div.ttl_block2 img.i_img{
	float:left;
	margin: 0px 16px 0 8px;
}

div.contSectionOrder div.ttl_block2_inner p{
	margin: 14px 0 0 0;
	color: #5D0E11;
}


div.contSectionOrder div.art_block_left{
	clear: both;
	float: left;
	width: 450px;
	padding-top: 40px;
	padding-bottom: 30px;
	margin: 0 40px 0 8px;
}

div.contSectionOrder div.art_block_left img{
	float:left;
}

div.contSectionOrder div.art_block_txtBlock{
	float: right;
	width: 250px;
	padding-bottom: 30px;
	background: url("/img/order/bg_art.gif") repeat-x;
}


div.contSectionOrder div.art_block_right{
	float: left;
	width: 450px;
	padding-top: 40px;
	padding-bottom: 30px;
	margin: 0;
}

div.contSectionOrder div.art_block_right img{
	float:left;
}


div.contSectionOrder div.art_block_orig{
	clear: both;
	float: left;
	width: 450px;
	padding-top: 40px;
	padding-bottom: 30px;
	margin: 0 40px 0 8px;
}

div.contSectionOrder div.art_block_orig_txtBlock{
	padding-top: 1px;
	width: 450px;
	margin-top: 20px;
	padding-bottom: 30px;
	background: url("/img/order/bg_art.gif") repeat-x;
}

.price_left{
	float: left;
	width: 650px;
}

.price_right{
	float: right;
	margin: 32px 5px 0 0;
}
div.price_right ul li {
  padding-bottom: 20px;
}
#search_left{
	float: left;
	width: 650px;
}

#search_right{
	float: right;
	margin: 32px 5px 0 0;
}

#btn_right{
	float: right;
	padding-top: 32px;
}
#ico_step {
clear: both;
margin-bottom: 40px;
}
#ico_step li {
	float: left;
	margin: 0 4px 0 0;
}

#ico_step .lastChild {
	margin: 0;
}


#step_box{
	clear: both;
}

#step_box_wrapper{
	margin-top: 30px;
	float:left;
	width: 960px;
	height: 319px;
	background: url("/img/order/bg_step.gif") no-repeat;
}
#step_box_left{
	float: left;
	width: 500px;
	padding: 30px 0 0 40px;
}

#step_box_right{
	float: right;
	padding: 35px 30px 0 0;
}

#img_recommend{
    float:left;
	margin: 10px 0 0 30px;
}

#img_recommend_bt{

    float:left;
	margin: 0 0 0 30px;
}

#for_corp{
	clear: both;
	float:left;
	margin-top: 40px;
	width: 960px;
	height: 140px;
	background: #F9F9F2;
}

#for_corp .left{
	margin: 18px 20px 0;
	float: left;
}

#for_corp .left p{
	margin: 10px 0 0;
}

#for_corp .right{
	float: right;
	margin: 18px 20px;
}

div.unitattent {
  clear:both;
	padding: 20px 0;
	color:#5D0E11;
}

div.unitattent h5 {
  border-bottom: 1px solid #7B3849;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

div.unitattent span.attent {
color:#000000;
font-size: 85%;
padding-top: 10px;
}

.at_left{
	float: left;
	width: 460px;
}
.at_left .imgF4 {
	float: left;
	width: 97px;
	margin-right: 20px;
}
.at_left .text {
	float: right;
	width: 340px;
}

.at_right {
	float: right;
	width: 460px;
}
.at_right .imgF8 {
	float: left;
	width: 132px;
	margin-right: 20px;
}
.at_right .text {
	float: right;
	width: 308px;
}
.at_li{

}


/* contTxtOrder */

.txtBlock{
	font-size: 100%;
}

.txtBlock p.txt{
	display: block;
	margin: 16px 15px 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #DDDB99;
}
div.contSectionOrder p.bntOrder {
	text-align: center;
}


.txtBlock span{
	padding: 0 15px;
	font-size: 77%;
	color: #7C6C3A;
}

.txtBlock .name{
	padding: 5px 15px 10px;
	font-size: 116%;
	font-weight: bold;
}

.price_left p{
	margin: 30px 0;
	font-size: 100%;
	color: #5D0E11;
}
.price_right p{
	margin-top: 5px;
	font-size: 100%;
	color: #5D0E11;
}


#search_left p{
	margin: 30px 0;
	font-size: 100%;
	color: #5D0E11;
}
#search_right p{
	margin-top: 5px;
	font-size: 100%;
	color: #5D0E11;
}

#step_box p{
	margin: 20px 0;
	font-size: 100%;
	color: #5D0E11;
}

#step_box_left p#sp{
	margin: 15px 0 10px 0;
	font-size: 92%;
	color: #5D0E11;
}

.at_li li{
	padding-left: 20px;
	background: url(/img/order/ico_attent.gif) no-repeat;
	font-size: 100%;
	color: #5D0E11;
}


/* Samples */