@charset "UTF-8";

/*
=========================================

　納品までの流れ用スタイルシート

=========================================
*/

/* 共通スタイルシート
---------------------------------------------------------------------------- */
@import "base.css";
@import "header.css";
@import "navi_order.css";
@import "footer.css";
@import "drop.css";


/* メイン
---------------------------------------------------------------------------- */
.box {
	width: 560px;
	padding-top: 10px;
	clear: left;
	padding-left: 25px;
	font-size: small;
	line-height: 1.5em;
	color: #555555;
	padding-bottom: 10px;
}
#box1 {
	width: 560px;
	padding-top: 10px;
	background-image: url(../images/dotline_long.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	clear: left;
	padding-left: 25px;
	font-size: small;
	line-height: 1.5em;
	color: #555555;
	padding-bottom: 25px;
}
#box2 {
	width: 580px;
	padding-top: 5px;
	clear: left;
	padding-bottom: 25px;
	padding-left: 10px;
	text-align: center;
}
#content #main #box2 img {
	padding-top: 20px;
	padding-left: 5px;
}
.text_box {
	font-size: 12px;
	line-height: 1.5em;
	color: #555555;
	padding-top: 45px;
	padding-right: 7px;
	width: 325px;
	float: right;
}
#step_box1 {
	height: 45px;
	width: 461px;
	background-image: url(../concept/images/bar_step1.gif);
	background-repeat: no-repeat;
	padding-top: 43px;
	padding-left: 80px;
	font-size: 11px;
	line-height: 1.5em;
}
#step_box2 {
	height: 45px;
	width: 461px;
	background-image: url(../concept/images/bar_step2.gif);
	background-repeat: no-repeat;
	padding-top: 43px;
	padding-left: 80px;
	font-size: 11px;
	line-height: 1.5em;
}
#step_box3 {
	height: 45px;
	width: 461px;
	background-image: url(../concept/images/bar_step3.gif);
	background-repeat: no-repeat;
	padding-top: 43px;
	padding-left: 80px;
	font-size: 11px;
	line-height: 1.5em;
}
#step_box4 {
	height: 45px;
	width: 461px;
	background-image: url(../concept/images/bar_step4.gif);
	background-repeat: no-repeat;
	padding-top: 43px;
	padding-left: 80px;
	font-size: 11px;
	line-height: 1.5em;
}
#step_box5 {
	height: 48px;
	width: 461px;
	background-image: url(../concept/images/bar_step5.gif);
	background-repeat: no-repeat;
	padding-top: 43px;
	padding-left: 80px;
	font-size: 11px;
	line-height: 1.5em;
}
#step_box6 {
	height: 45px;
	width: 461px;
	background-image: url(../concept/images/bar_step6.gif);
	background-repeat: no-repeat;
	padding-top: 43px;
	padding-left: 80px;
	font-size: 11px;
	line-height: 1.5em;
}
#step_box7 {
	height: 45px;
	width: 461px;
	background-image: url(../concept/images/bar_step7.gif);
	background-repeat: no-repeat;
	padding-top: 43px;
	padding-left: 80px;
	font-size: 11px;
	line-height: 1.5em;
}
#step_box8 {
	height: 45px;
	width: 461px;
	background-image: url(../concept/images/bar_step8.gif);
	background-repeat: no-repeat;
	padding-top: 43px;
	padding-left: 80px;
	font-size: 11px;
	line-height: 1.5em;
}
#info {
	width: 584px;
	padding-top: 10px;
}
.info_top {
	width: 565px;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 11px;
	line-height: 1.5em;
	color: #555555;
}
#main {
	width: 600px;
	float: left;
}
#content #main #box1 img {
	padding-bottom: 10px;
	padding-top: 5px;
}
#content #main a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}