@charset "utf-8";

/* fotopeace! written by conceptbox 200803
---------------------------------------------*/

/* 基本設定
---------------------------------------------*/

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

body {
	margin: 10px 0;
	padding: 0;
	background: #FFFFFF;
	font-size: 80%;
	color: #333;
}

#wrapper {
	width: 900px;
	background: #FFFFFF url(../img/body_bg.gif) center repeat-y;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
	margin: 0px auto;
	padding: 0px;
}

#triwrapper {
	width: 780px;
	background: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border-left:solid #000 1px;
	border-right:solid #000 1px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #000000;
}

h1 {
	margin-bottom: 10px;
	font-size: 26px;
}

p, ol, ul, blockquote {
	line-height: 1.5;
	list-style:none;
}

a {
	color: #EC5600;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}


/* header
---------------------------------------------*/

#header {
	position:relative;
	z-index:100;
	width: 800px;
	height: 130px;
	margin: 0 auto;
	padding:0;
	background: #FFFFFF url(../img/order/bg_header_blue.gif) bottom center no-repeat;
}

	#header #nagare {
		position:absolute;
		top:65px;
		left:155px;
		margin:0px;
		padding:0px;
		height:55px;
	}
	
		#header #nagare ul{
			margin:0px;
			padding:0px;
			margin:0px;
			padding:0px;
			list-style:none;
		}
		
		#header #nagare ul li{
			float:left;
			margin:0px;
			padding:0px 3px 0px 0px;
		}
#header h1.memberadd {
		position:absolute;
		top:85px;
		left:210px;
		margin:0px;
		padding:0px;
	}

#header_repeat {
	position:relative;
	z-index:100;
	width: 800px;
	height: 130px;
	margin: 0 auto;
	padding:0;
	background: #FFFFFF url(../img/order/bg_header_repeat.gif) bottom center no-repeat;
}

	#header_repeat #nagare {
		position:absolute;
		top:65px;
		left:155px;
		margin:0px;
		padding:0px;
		height:55px;
	}
	
		#header_repeat #nagare ul{
			margin:0px;
			padding:0px;
			margin:0px;
			padding:0px;
			list-style:none;
		}
		
		#header_repeat #nagare ul li{
			float:left;
			margin:0px;
			padding:0px 3px 0px 0px;
		}
#header_repeat h1.memberadd {
		position:absolute;
		top:85px;
		left:210px;
		margin:0px;
		padding:0px;
	}
	
#header-view {
	position:relative;
	z-index:100;
	/*width: 800px;*/
	height: 100px;
	margin: 0 auto;
	padding:0;
	background: #FFFFFF url(../img/order/bg_header_view.gif) bottom center no-repeat;
}


#header-trimming {
	position:relative;
	z-index:100;
	width: 800px;
	height: 100px;
	margin: 0 auto;
	padding:0;
	background: #FFFFFF url(../img/order/bg_header_trimming.gif) bottom center no-repeat;
}

/* content
---------------------------------------------*/

#content {
	width: 900px;
	height: auto ;
	margin: 0 auto 0 auto ;
	padding:0;
	background: #FFFFFF url(../img/order/bg_contents.gif) top center repeat-y;
}

#title {
	height: 40px ;
	padding:0 0 0 60px ;
	margin: 0 ;
}

.section {
	height: auto ;
	padding:0 80px 0 80px ;
	margin: 0 ;
}

.section-tri {
	height: auto ;
	padding:0 60px 0 60px ;
	margin: 0 ;
}

/* セレクトボタン配置
---------------------------------------------*/

.selectbtn {
	z-index:200;
	position:relative;
	height: auto ;
	height:70px;
	padding:0 0px 0 0px ;
	margin:5px 0 0 0;
	border-top:dotted #666 1px;
}

.selectbtn .cancelbtn {
	position:absolute ;
	left:280px ;
	top:10px ;
	margin:0;
	padding:0;
	border-width:0;
	border-style:solid;
	background-color:#FFFFFF;
}

.selectbtn .returnbtn {
	position:absolute ;
	left:20px ;
	top:10px;
	margin:0;
	padding:0;
	border-width:0;
	border-style:solid;
	background-color:#FFFFFF;
}

.selectbtn .nextbtn {
	position:absolute ;
	right:10px ;
	top:10px ;
	margin:0;
	padding:0;
	border-width:0;
	border-style:solid;
	background-color:#FFFFFF;
}

.selectbtn .addbtn {
	position:absolute ;
	left:190px ;
	top:10px ;
	margin:0;
	padding:0;
	border-width:0;
	border-style:solid;
	background-color:#FFFFFF;
}

.selectbtn .cancel2btn {
	position:absolute ;
	left:360px ;
	top:10px ;
	margin:0;
	padding:0;
	border-width:0;
	border-style:solid;
	background-color:#FFFFFF;
}

button {
	cursor: pointer;
	border:0;
	text-align:left;
	background-color:#FFFFFF;
}
.selectbtn button {
	margin:0px;
	padding:0px;

}
#memberlogin button {
	margin:0px;
	padding:0px;

}
#memberadd button {
	margin:0px;
	padding:0px;

}

/* footer
---------------------------------------------*/

#footer {	
	position:relative;
	width: 800px;
	height: 80px;
	margin: 0 auto;
	background: #FFFFFF url(../img/order/bg_footer_blue.gif) bottom center no-repeat;
	text-align:center;
}

#footer #credit  {
	position:absolute;
	bottom:25px;
	right:280px;
	padding:0px;
	color: #FFFFFF;
}

#footer #totop  {
	position:absolute;
	top:15px;
	right:20px;
	padding:0px;
	font-size:90%;
	color: #424242;
}

#footer a {
	color: #424242;
	text-decoration:none;
}

#footer #chara {
	position:absolute;
	padding: 0;
	margin:0;
	right:140px;
	bottom:18px;
}

#footer-view {	
	position:relative;
	/*width: 800px;*/
	height: 80px;
	margin: 0 auto;
	background: #FFFFFF url(../img/order/bg_footer_blue.gif) bottom center no-repeat;
	text-align:center;
}

#footer-view #credit  {
	position:absolute;
	bottom:25px;
	right:280px;
	padding:0px;
	color: #FFFFFF;
}

/* シャシンヤドットコムからの転載
---------------------------------------------*/

h2 {
	padding:17px 4px 0px 8px ;
	margin:5px 0 15px 0 ;
	color: #FFFFFF;
	font-size:110%;
	font-weight:bold;
	height:30px;
	background: #FFFFFF url(../img/order/bg_h2_02.gif) center repeat-x;
}

h3 {
	text-align:left;
	margin: 15px 30px 5px 5px ;
	padding:5px 0 5px 30px ;
	font-size:100%;
	font-weight:bold;
	color:#666666;
	background:  url(../img/contents/bg_h4_h20.gif) top left no-repeat;
}

.section #caution {
	position:absolute;
	z-index:200;
	right:-40px;
	top:-20px;
	width:200px;
	height:auto;
	background-color:#FFFFFF;
	border:#333 dotted 1px ;
}

#important {
	width:500px;
	border:#C30 dotted 2px ;
	font-size:150% ;
	color:#C30;
	font-weight:bold;
	margin: 0px auto;
}

#important p {
	font-size:90% ;
	color:#C30;
	font-weight:normal;
}

/* テーブル
---------------------------------------------*/

.cominfo {
	margin:0px;
}

		.cominfo td{
			padding:7px 10px 7px 2px ;
			vertical-align:top;
		}
		
		.cominfo th{
			width:120px;
			padding:7px 2px 7px 10px ;
			text-align:left;
			vertical-align:top;
		}

table.ordertable{
	border-collapse:collapse;
	text-align:center;
	margin: 10px auto 15px auto;
	line-height:1.2;
	background-color:#ededed;
	border:#999 1px solid;
}
table.ordertable td , table.ordertable th{
	padding:5px 10px 5px 10px ;
	border:#999 1px solid;
}
table.ordertable th{
	background:#b7dbe5;
}
table.ordertable td p , table.ordertable th p{
	padding:0;
	margin:0;
}
td.leftcustominfo {
	font-size:120%;
	text-align:left;
	padding-left:30px;
}
/*	
.ordertable {
	text-align:left;
	margin: 10px 15px 15px 15px;
	line-height:1.0;
	background-color:#FFFFFF;
}

		.ordertable p {
			font-size:100%;
			padding: 0px;
			margin: 0px;
		}
		
		.ordertable td {
			padding: 4px;
			margin: 0px;
		}
*/
.ordertable-center {
	text-align:center;
	margin: 10px 15px 15px 15px;
	line-height:1.0;
	background-color:#FFFFFF;
}

		.ordertable-center p {
			font-size:100%;
			padding: 0px;
			margin: 0px;
		}
		
		.ordertable-center td {
			padding: 4px;
			margin: 0px;
		}

/* テキストの装飾
---------------------------------------------*/

.emC30 {
	color:#C30;
}

/* トラブル処理20081005
---------------------------------------------*/

.section-20081005 {
margin:10px auto 10px auto;
padding: 0 0 10px 0 ;
width:680px;
border-bottom: #666666 2px dotted ;
font-size:110%;
text-align:left;
}

.section-20081005 table {
margin:10px 0 10px 0 ;
border: 0 ;
}

.section-20081005 p {
margin:10px 0 10px 0 ;
border: 0 ;
}

.section-20081005 p a {
	color:#C30;
	text-decoration:underline;
	font-weight:bold;
}
.section-20081005 p a:hover {
	color: #FF6633 ;
	text-decoration:none;
	font-weight:bold;
}

/* 注文画面サムネイル注意書き
---------------------------------------------*/
p.thumbnail {
	margin:0 0 0 20px;
	padding:0 0 0 70px;
}

/* HTML5
---------------------------------------------*/
p.supplement {
	color:#C30;
	font-weight:bold;
	font-size:15px;
	margin:0 0 0 0px;
	padding:0 0 0 25px;
	}
	
	
	.section h3{
		font-size:16px;
		text-align:left;
		color: #003300;
		font-weight:bold;
		margin: 15px 12px 10px 4px ;
		padding:8px 0 8px 10px ;
		background: #dfffa6;
		border-left:#aaea3b 10px solid;
		border-right:#aaea3b 10px solid;
	}
	.section h4{
		font-size:16px;
		text-align:left;
		color: #006699;
		margin:20px 15px 20px 10px;
		padding:4px 0 4px 6px;
		border-left:#00a4ec 10px solid;
		border-bottom:#00a4ec 1px solid;
	}
	#contentspage #left .section h5{
		font-size:16px;
		text-align:left;
		color: #666666;
		margin:20px 30px 20px 15px;
		padding:4px 0 4px 6px;
		border-left:#ff782b 8px solid;
		border-bottom: #ff782b 1px dotted;   
	}