@import url(../../css/global.css);


#wrapper{
	margin-top:0;
	padding-top:0;
	background-image: url(../images/menu-bg.gif);
	background-repeat: repeat-y;
	width:800px;
	}
#main {
	width: 635px;
	float: right;
	}
#title{
	background-image:url(../images/ishi-title.jpg);
	background-repeat: no-repeat;
	height: 65px;
	}
#title .path{
	text-align:right;
	position-top:5px;
	padding:0 10px;
	position: relative;
	top: 5px;
	}
#intro{
	background-image: url(../../images/menu-bg-shadow.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 20px;
	}
#intro h2{
	margin-bottom:10px;
	}
#intro .txt{
	width:500px;
	margin-bottom:5px;
	}
#intro .fl-l{
	width:300px;
	}
#intro .fl-r{
	width:250px;
	}
#btm-cont{
	width:615px;
	margin:0 auto;
	}
#btm-cont .block{
	background-color:#f4f4f4;
	margin:0 auto 20px;
	padding:15px;
	}
#btm-cont h3.orderinfo{
	font-size:80%;
	color:#fff;
	padding:5px 10px;
	background-image: url(../images/title-orderinfo.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}
#btm-cont h3.orderform{
	font-size:80%;
	color:#fff;
	padding:5px 10px;
	background-image: url(../images/title-ishikari.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}
#orderinfo{
	width:95%;
	margin:10px auto;
	color: #409b12;
	}
#orderinfo .fl-l{
	width:53%;
	}
#prod{
	line-height:1em;
	}
#prod .prod-h-first{
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
	}
#prod .prod-h{
	margin-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
	}
#prod .fl-l{
	width:260px;
	}
#prod .fl-r{
	width:300px;
	}
#prod .price{
	padding:5px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:5px 0;
	}
#prod .txt-price{
	color: #FF0000;
	font-size: large;	
	font-weight:bold;
	}
#prod input{
	width:40px;
	margin:0 5px;
	vertical-align:middle;
	}
#form-area {
	padding:20px;
	background-color: #f4f4f4;
	margin-bottom: 15px;
	}
#form-area table{
	width:100%;
	border:0;
	margin-bottom:10px;
	}
#form-area caption{
	text-align:left;
	padding:5px;
	font-weight:bold;
	}
#form-area th,td{
	padding:5px 10px;
	}
#form-area th{
	font-weight:normal;
	background-color: #d8d8d8;
	width: 20%;
	border:1px solid #999;
	border-top:none;
	}
#form-area th.top{
	border-top:1px solid #999;
	}
#form-area td{
	width: 80%;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	}
#form-area td.top{
	border-top:1px solid #999;
	}
#form-area .btn{
	background-color:#fff;
	border:1px solid #999;
	padding:15px;
	text-align:center;
	}
#form-area .btn input{
	width:80px;
	margin:0 5px;
	}
#form-area .txt-b{
	font-weight: bold;	
	}
.totop{
	text-align:right;
	margin:20px 0;
	}
.textbox{
	border: 1px solid #7F9DB9;
}

#leftbox {
	float: left;
	width: 165px;
	background-repeat: no-repeat;
	background-image: url(../images/ishi-ph-menu.jpg);
	}
#leftbox ul{
	width:164px;
	text-align:center;
	padding:0 0 10px;
	list-style-type:none;
	background-color:#fff;
	}
#leftbox li{
	margin-bottom:5px;
	}
.hissu{
	font-weight: bold;
	color: #CC0000;
} 
.read {
	padding-left:15px;
}
/* エラー画面用 */
#error-area {
	padding:20px;
	background-color: #f4f4f4;
	}
#error-area table{
	width:100%;
	margin-bottom:10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	font-size: 80%;
	background-color: #FFFFFF;
	border-collapse:collapse;
	border-spacing: 0;
	empty-cells: show;
	}
#error-area caption{
	text-align:center;
	padding:5px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #CC3333;
	}
#error-area th,td{
	padding:5px 10px;
	}
#error-area th{
	font-weight:normal;
	background-color: #d8d8d8;
	width: 20%;
	border:1px solid #999;
	border-top:none;
	}
#error-area td{
	width: 80%;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	color: #FF0000;
	text-align: center;
	}
#error-area .btn{
	background-color:#fff;
	border:1px solid #999;
	padding:15px;
	text-align:center;
	}
#error-area .btn input{
	width:80px;
	margin:0 5px;
	}
/* プレビュー画面用 */
#preview-area {
	padding:20px;
	background-color: #f4f4f4;
	}
#preview-area table{
	width:100%;
	margin-bottom:10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	font-size: 80%;
	background-color: #FFFFFF;
	border-collapse:collapse;
	border-spacing: 0;
	empty-cells: show;
	}
#preview-area caption{
	text-align:left;
	padding:5px;
	font-weight:bold;
	}
#preview-area th,td{
	padding:5px 10px;
	}
#preview-area th{
	font-weight:normal;
	background-color: #d8d8d8;
	width: 30%;
	border:1px solid #999;
	border-top:none;
	}
#preview-area td{
	width: 70%;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	}
#preview-area .btn{
	background-color:#fff;
	border:1px solid #999;
	padding:15px;
	text-align:center;
	}
#preview-area .btn input{
	width:80px;
	margin:0 5px;
	}
/* サンキュー画面用 */
#thankyou{
	padding:20px;
	text-align: center;
}
#thankyou h3{
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 1em;
}
#thankyou p{
	font-size: 80%;
	font-weight: normal;
	margin-bottom: 1em;
}
#left_menu2 {
	margin-top: 340px;
}


/* -------- しばらくお待ちください --------- */
.pre-caution{
	font-weight: bold;
	color: #CC0000;
	line-height: 120%;
	margin-top: 1em;
} 
