@charset "utf-8";

/*================================
ファイル名：shop.css
作成者：ND&I 徳田 ( tokuda@n-di.co.jp )
=================================*/

@import url("../share/default.css");
@import url("../share/layout.css");
@import url("../share/share.css");
@import url("../share/color.css");

@import url("../share/datePicker.css");
@import url("../share/fancy.css");

/* @ Clearfix
=================================*/

#contents p.detailPhoto:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#contents p.detailPhoto {
	display: inline-block;
}

/* Hide from Mac IE \*/
#contents p.detailPhoto {
	*height: 1%;
	display: block;
}
/* Hide from Mac IE */
								
/* @ Order
=================================*/

ol.position {
	margin: 0 auto;
	width: 593px;
	height: 52px;
	background: url(../../img/shop/orderposition.png) no-repeat;
}

	ol.position li {
		float: left;
		padding: 0 2.2em 0 1.2em;
		background: url(../../img/shop/orderposition_part.png) no-repeat right center;
		line-height: 52px;
		color: #FAFAFA;
	}	
	
	ol.position li.first-child {
		padding-left: 2em;
	}
	
	ol.position li.location {
		color: #FFA913;
		font-weight: bold;
	}
	
	ol.position li.last-child {
		padding-right: 0;
		background: none;
	}
	
p.pre-order {
	margin-top: 1em;
	text-align: center;
}

form#orderForm {
	padding-bottom: 1em;
}

form#orderForm legend {
	display: none;
}

dl.form {
	margin: 1em auto 0;
	border: solid #DFDFDF 2px;
	border-top: none;
	width: 70%;
}

	dl.form label {
		cursor: pointer;
	}

	dl.form dt,
	dl.form dd {
		border-top: solid #DFDFDF 2px;
		padding: .7em 1em;
	}

	dl.form dt {
		clear: left;
		float: left;
		width: 9em;
	}
	
		#orderForm dl.form dt input {
			margin-right: .4em;
			border: none;
			cursor: pointer;
		}
	
	dl.form dd {
		margin-left: 10em;
		border-left: dashed #DFDFDF 2px;
	}
	
		dl.form dd span {
			margin-top: .2em;
			padding-left: 1.2em;
			color: #F60;
			background: url(../../img/share/icon_delete.gif) no-repeat left center;
			font-weight: bold;
		}
		
		dl.form dd strong {
			font-size: 80%;
			line-height: 2;
		}
	
		dl.form dd input {
			width: 10em;
		}
		
			#orderForm dl.form dd li input {
				margin-right: .4em;
				border: none;
				width: auto;
				cursor: pointer;
			}
		
	dl.form dd ul.select {
	}
	
		dl.form dd ul.select li {
			margin-right: 1em;
			display: inline;
		}
		
input {
	border: solid #DFDFDF 1px;
	padding: .2em;
}		

#name {
	width: 15em;
}

#ruby {
	width: 15em;
}

#zip {
	width: 8em;
}

#add1 {
	width: 5em;
}

#add2 {
	width: 30em;
}

#tel {
	width: 10em;
}

#mail {
	width: 30em;
}

#comment {
	width: 30em;
}

#age {
	width: 4em;
}

#height,
#weight {
	width: 5em;
}

#headspeed {
	width: 5em;
}

#maker {
	margin-bottom: 1em;
	width: 30em;
}

#model,
#shaft {
	width: 30em;
}

input,
textarea {
	border: solid #DFDFDF 1px;
	padding: .2em;
}

#orderForm a:hover img {
	opacity: .9;
	filter: alpha(opacity=90);
}

body#order {
	xbackground: #F7F7F7;
}

	body#order div#header {
		padding-bottom: 1em;
	}

	body#order div#main {
		padding: 0 6px;
		width: 950px;
	}

		div#cart {
			border-top: solid #545454 3px;
			padding: 1.5em 0 1em;
		}
	
	body#order div#footer {
		clear: both;
		margin: 0 auto;
		width: 962px;
		height: auto;
		background: #545454 url(../../img/share/bg_footer.jpg) no-repeat left bottom;
	}
	
		body#order div#footer ul {
			padding-bottom: .5em;
			line-height: 40px;
			font-size: 90%;
			text-align: center;
		}
		
			body#order div#footer ul li {
				padding: 0 .5em;
				display: inline;
			}
			
				body#order div#footer ul li a {
					color: #FAFAFA;
				}
				
	body#order p#copyright {
		font-size: 90%;
	}
	
a.dp-choose-date {
	margin-left: .5em;
	padding-left: 1.6em;
	background: url(../../img/share/icon_calendar.gif) no-repeat left center;
	font-size: 85%;
}

p.submit {
	margin-top: 1em;
	text-align: center;
}

h1.title,
p.title {
	margin: 1em auto 0;
	border-bottom: solid #DFDFDF 2px;
	padding-bottom: .2em;
	width: 70.4%;
	color: #F60;
	background: url(../../img/share/icon_bullet_a.gif) no-repeat left center;
	text-indent: 1em;
	font-size: 100%;
	font-weight: bold;
}

h1.title a,
p.title a {
	color: #F60;
}



ul.disc {
	list-style: none;
	margin: 1em auto 0;
	border: solid #DFDFDF 2px;
	padding: .7em 0;
	width: 70%;
}

	ul.disc li {
		padding: .3em 1em .3em 2.2em;
		background: url(../../img/share/icon_arrow_r.gif) no-repeat 1em center;
	}
	
body#try div#header {
	padding-bottom: 1em;
}

body#try div#main {
	padding: 0 6px;
	width: 950px;
}

	div#cart {
		border-top: solid #545454 3px;
		padding: 1.5em 0 1em;
	}

body#try div#footer {
	clear: both;
	margin: 0 auto;
	width: 962px;
	height: auto;
	background: #545454 url(../../img/share/bg_footer.jpg) no-repeat left bottom;
}

	body#try div#footer ul {
		padding-bottom: .5em;
		line-height: 40px;
		font-size: 90%;
		text-align: center;
	}
	
		body#try div#footer ul li {
			padding: 0 .5em;
			display: inline;
		}
		
			body#try div#footer ul li a {
				color: #FAFAFA;
			}
			
body#try p#copyright {
	font-size: 90%;
}