@charset "utf-8";
/* ===================================================================
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
html {overflow-y: scroll; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0; }

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; }

table {	border-collapse: collapse; border-spacing: 0; }

caption,th {text-align: left; }

q:before,q:after {content: ''; }

object,embed {vertical-align: top; }

hr,legend {display: none; }

h1,h2,h3,h4,h5,h6 {font-size: 100%; }

img,abbr,acronym,fieldset{border: 0; }

li {list-style-position: inside; }
ul li {list-style-type:none;}

img{vertical-align: middle;}

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
a:link{	text-decoration:underline; color: #AD2119;}
a:visited {	text-decoration:underline; color: #666666;}
a:hover,a:active {	text-decoration:underline; color: #666666;}


/*---------- レイアウトの設定 ----------*/
body#Customer{
	background:#FFFFFF;
	color:#333333;
	font-size:14px;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}

body#Customer div#contents{
	width:730px; margin:0 auto; text-align:left;}

body#Customer div#title{
	background:url(../img/bg_order_main.jpg) no-repeat left top;
	width:730px;
	height: 225px;
	margin:0 auto; text-align:left;}


#title h2{
	width:730px;
	margin:0px 0 0px 0px;
	padding: 193px 0 0px 0px;
}


#main{
	width:730px;
	vertical-align: top;
	margin:0px 0 0px 0px;
	padding: 0px 0 0px 0px;
}


#main #notice_pr{
	height: 86px;
	position : relative ;
	margin:0px 0 7px 0px;
	padding: 5px 0 0px 10px;
}

#main #notice_bott{
	position: absolute;
	background:url(../img/bg_order03.jpg) no-repeat left top;
	top:0px ;
	right: 60px;
	width:290px;
	height: 86px;
	margin:0px 0 0px 0px;
	padding: 0px 0 0px 0px;
}
#main #notice_pr .tex01{
	font-weight:bold;
	font-size:14px;
	color:#692506;
	margin:0px 0 0px 0px;
	padding: 0px 0 0px 0px;
}


#main #notice_pr p.tex02{
	font-size:12px;
	margin:0px 0 0px 0px;
	padding: 0px 0 0px 10px;
	line-height: 180%;
}

#main #notice_bott .note{
	font-size:12px;
	margin:15px 0 0px 0px;
	padding: 0px 0 0px 0px;
	text-align:center;
}


#main #notice_bott p.buttom{
	margin:5px 0 0px 0px;
	padding: 0px 0 0px 0px;
	text-align:center;
}



#main h3{
	width:730px;
	margin:0px 0px 10px 0px;
	padding: 0px 0 0px 0px;
}

#main table{
	margin:8px 0 0px 5px;
	width:720px;
	background-color:#FFFAE9;
}

#main table td.colum01{
	width:50%;
	border-right: medium dotted #F6916B;
	border-bottom: medium dotted #F6916B;
	line-height: 180%;
	padding:25px 20px 15px 20px;
	background:url(../img/bg_order_v01.gif) no-repeat left top;
}


#main table.colum{
	width:695px;
}

#main table td.colum02{
	width:50%;
	border-bottom: medium dotted #F6916B;
	line-height: 180%;
	padding:110px 20px 15px 30px;
	background:url(../img/bg_order_v02.gif) no-repeat left top;
}


#main table td.colum03{
	line-height: 180%;
	border-right: medium dotted #F6916B;
	padding:85px 20px 15px 20px;
	background:url(../img/bg_order_v03.gif) no-repeat left top;
}


#main table td.colum04{
	line-height: 180%;
	padding:92px 20px 15px 30px;
	background:url(../img/bg_order_v04.gif) no-repeat left top;
}

#main img.tetsu{
	margin:8px 0 12px 30px;
}

#link {
	width : 710px ;
	margin-left:20px;
	padding-top:10px;
	padding-right:0px;
}

#link ul {
	margin:0px;
	padding:0px;
	list-style-position:inside;
	list-style-type: none;
	text-align:left;
}

#link li {
	display: block;
	display:inline;
	padding:0px;
	margin:0px 0px 0px 0px;
}

/*---------- 説明部分設定 ----------*/


/*---------- ボタン設定 ----------*/
.btn_last{
	text-align:center;
	padding:10px 0px 10px 0px;
}




/*---------- フッター設定 ----------*/
body#Customer #contents #footer{
	height:76px;
	margin-top:30px;
	background:url(../img/contact_last.jpg) no-repeat;
	background-color:#8C4037;
}

body#Customer #contents #footer p{
	margin:0px;
	padding:50px 10px 0px 0px;
	font-size:9px;
	color:#FFFFFF;
	text-align:right;
}



/* floatの解除の設定 floatする時はこの.wrap内で---------------------------------------------------------------*/
.wrap:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .wrap { display: inline-block; }
/* no ie mac \*/
* html .wrap { height: 1%; }
.wrap { display: block; }
/* */


/*floatの設定 左寄せ、右寄せ---------------------------------------------------------------*/

.left { float:left; }
.right { float:right; }

/*---------- 見出し要素の設定 ----------*/


/*---------- Font設定 ----------*/
.f-b{font-weight:bold;}


/*---------- テキスト位置設定 ----------*/
.t-c{ text-align:center;}


/*---------- color設定 ----------*/
.c-red{color: #FF3300;}
/*----------------------------------------------------
	微調節
----------------------------------------------------*/

.clear{
	clear:both;}