@charset "shift_jis";

/***************************************************
	CSS Information For IKOI
	File name : order.css
	Style Info : ORDER
***************************************************/

/* about
------------------------------------------------------------ */
/*-----sNavi-----*/
#sNavi .item_list li {	padding-bottom: 1px;}
#sNavi .item_list li a {
	display: block;
	width: 182px;
	height: 38px;
	background: url(../img/blank.gif);
}

/*-----contents-----*/
#contents h2 {
	width: 536px;
	height: 100px;
	text-indent: -9999px;
}

#contents .main {
	width: 505px;
	margin-left: 15px;
	padding: 30px 0;
}
#contents .main h3.title01 {
	width: 504px;
	height: 61px;
	margin-bottom: 20px;
	text-indent: -9999px;
}
#contents .main p.banner01 a.n01 {	padding-right: 19px;}
#contents .main p.banner02 a.txt {
	display: block;
	width: 228px;
	_width: 243px;
	padding-top: 5px;
	padding-left: 15px;
	background: url(../img/temp/ico03.gif) 0 10px no-repeat;
}

/* order/index.html
------------------------------------------------------------ */
#contents.index h2 {	background: url(../img/order/index_title.jpg) no-repeat;}

#contents.index .main .img01 {
	float: left;
	width: 192px;
}
#contents.index .main .txt01 {
	float: right;
	width: 300px;
}

#contents.index .main .box01 {
	float: left;
	width: 242px;
	margin-top: 30px;
	background: url(../img/order/index_bg.jpg);
}
#contents.index .main .box02 {
	float: right;
	width: 242px;
	margin-top: 30px;
	background: url(../img/order/index_bg.jpg);
}

#contents.index .main .box01 h3, #contents.index .main .box02 h3 {	padding-bottom: 10px;}
#contents.index .main .box01 p, #contents.index .main .box02 p {
	padding: 0 15px 10px;
}
#contents.index .main .box01 p.btn, #contents.index .main .box02 p.btn {	text-align: center;}

#contents.index .main p.txt02 {
	clear: both;
	padding-top: 15px;
	font-size: 90%;
	color:#999999;
}

/* order/order_made.html
------------------------------------------------------------ */
#contents.order_m {
	width: 734px;
	margin-left: 10px;
	float: none;
}
#contents.order_m h2 {
	width: 734px;
	height: 100px;
	text-indent: -9999px;
	background: url(../img/order/order_m_title.jpg) no-repeat;
}
#contents.order_m h3 {	padding: 15px 0 10px;}
#contents.order_m p.text {
	padding: 10px 15px 20px;
	line-height: 1.6;
	font-size: 120%;
}
#contents.order_m p.image {
	float: left;
	width: 96px;
	padding: 10px 15px 40px;
}
#contents.order_m p.image img {
	padding: 2px;
	border: 1px solid #cccccc;
}

/* order/order_habutae.html
------------------------------------------------------------ */
#contents.order_h {
	width: 734px;
	margin-left: 10px;
	float: none;
}
#contents.order_h h2 {
	width: 734px;
	height: 100px;
	text-indent: -9999px;
	background: url(../img/order/order_h_title.jpg) no-repeat;
}
#contents.order_h h3 {	padding: 15px 0 10px;}
#contents.order_h p.text {
	padding: 10px 15px 20px;
	line-height: 1.6;
/*	font-size: 120%;*/
}
#contents.order_h p.image {
	float: left;
	width: 96px;
	padding: 10px 15px 40px;
}
#contents.order_h p.image img {
	padding: 2px;
	border: 1px solid #cccccc;
}