@charset "utf-8";
/*スマホ用にしつつ、PCでも違和感なく表示させたいページ用のCSS
幅を最大320pxとし、一つのURLでPCと携帯の両方に使用*/

/*****************************************
　■初期設定
*****************************************/
html {
	/*height: 100%;*/
}

body {
	font-size: 80%;
	color: #424646;
	text-align: center;
	-webkit-text-size-adjust: 100%;/*スマホの文字倍率自動調整のオフ*/
}
/*背景、フォント*/

* {
	margin: 0;
	padding: 0;
	list-style-type:none;
	list-style-image:none;
	line-height: 1.2em;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*全余白のリセット*/

input {
	line-height: 1em;
}

td, tr {
	color: #424646;
	font-size: 100%;
}
/*表の初期設定*/


/*****************************************
　■リンクの色設定
*****************************************/

a:link {
	color: #3366CC;
	text-decoration: underline;
}

a:visited {
	color: #3366CC;
	text-decoration: underline;
}

	
a:hover {
	color: #3366CC;
	text-decoration: none;
	/*position:relative;
	top:1px;
	left:1px;*/
}

a:active {
	color: #3366CC;
	text-decoration: none;
	}
	
img {
	border: 0;
}




/*****************************************
　■レイアウト
*****************************************/

/*一番背景のピンク単色*/
body {
	/*background-color: #FFBDBD;*/
	background-color: #FFFFFF;
	padding: 0;
	height: 100%;
	background: url(../img/format/back_pinkgra.jpg) repeat-x top;
}

#info_bar {
	/*height: 40px;*/
	width: 100%;
	background-color: #483A35;
	color: #FFFFFF;
	padding: 5px 0;
	/*position: absolute;
	top: 50px;
	left: 50px;*/
}

table.h1box {
	width: 290px;
	height:75px;
	margin: 0 auto;
}
	table.h1box td {			
		vertical-align: bottom;
	}
	
	h1 {
	font-size: 100%;
	text-align: left;
	/*background-color: #763132;*/
	border-bottom: solid 1px #763132;
	border-left: solid 5px #763132;
	color: #763132;
	padding: 0.4em 0 0.4em 0.4em;
}

table.h1box2 {
	width: 290px;
	margin: 0 auto 1em auto;
	height: 50px;
}
	table.h1box2 td {			
		vertical-align: bottom;
	}

#menu_btn {
	width: 300px;
	height: 35px;
	margin: 0 auto;
}
	
	#menu_btn li {
		float: right;
	}/*ボタンを横並びに*/

	
		#menu_btn li a {
			display: block;
			width: 150px;
			height:35px;
			text-indent: -9999px;
		}
			
			#menu_btn a:focus {
				outline: none;
			}
		
		#menu_btn li.li1 {
			background-image: url(../img/format/btn_menu.jpg);
			background-position: 0 0;
		}
		
		#menu_btn li.li2 {
			background-image: url(../img/format/btn_cart.jpg);
			background-position: 0 0;
		}
		
		#menu_btn li.li1_out {
			background-image: url(../img/format/btn_menu_out.jpg);
			background-position: 0 0;
		}
		
		#menu_btn li.li2_out {
			background-image: url(../img/format/btn_cart_out.jpg);
			background-position: 0 0;
		}



#outline {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	min-height: 100%;
	max-width: 320px;
}

.note {
	width: 250px;
	margin: 10px auto 20px auto;
	border: solid 2px #FBD5D5;
	padding: 7px;
}

	.note p {
		text-align: left;
	}
	
.note2 {
	width: 280px;
	margin: 10px auto 10px auto;
}

	.note2 p {
		text-align: left;
		font-size: 90%;
		line-height: 1.4em;
	}
	
.note3 {
	width: 240px;
	margin: 10px auto 10px auto;
}

	.note3 p {
		text-align: left;
		line-height: 1.5em;
	}

.note_pagetop {
	width: 250px;
	margin: 30px auto 0px auto;
	border: solid 2px #FBD5D5;
	padding: 7px;
	
}

	.note_pagetop p {
		text-align: left;		
	}

.note_member {
	width: 270px;
	margin: 1em auto 1.5em auto;	
}

	.note_member p {
		text-align: left;
		padding: 0.3em 0 0.3em 0.5em;
		margin: 0.5em 0 0.5em 0;
		border-left: 0.5em solid #EFE1E1;
	}


table.input1 {
	margin: 0 auto;
	width: 90%;
}
	table.input1 tr td {
		padding: 1em 0;
		border-bottom: dashed 1px #E3CDCD;
	}
	table.input1 tr td.left {
		text-align: right;
	}
	table.input1 tr td.right {
		text-align:left;
	}

table.input2 {
	margin: 0 auto;
	width: 90%;
}
	table.input2 tr td {
		padding: 0.5em 0;
		border-bottom: dashed 1px #E3CDCD;
	}
	table.input2 tr td.left {
		text-align: right;
	}
	table.input2 tr td.nowrap {
		white-space: nowrap;
	}
	table.input2 tr td.right {
		text-align:left;
	}

table.input3 {
	margin:0 1em 0 3em;
}
	table.input3 tr td {
		padding: 0.5em 0;
		border-bottom: dashed 1px #E3CDCD;
	}
	table.input3 tr td.left {
		text-align: right;
	}
	table.input3 tr td.nowrap {
		white-space: nowrap;
	}
	table.input3 tr td.right {
		text-align:left;
	}
	
table.all_items {
	margin: 0 auto;
}
	table.all_items td {
		padding: 4px;
	}

table.item_select {
	margin: 15px auto 0 auto;
}
table.item_select_withcolor {
	margin: 0 auto 15px auto;
}
	table.item_select td, table.item_select_withcolor td {
		padding: 10px 5px;
		border-bottom: 1px dotted #DFDFDF;
	}

table.item_add {
	margin: 3px auto 0 auto;
}
	table.item_add td {
		padding: 3px 2px;
		border-bottom: 1px dotted #DFDFDF;
	}

table.item_cart {
	margin: 15px auto 1em auto;
}
	table.item_cart td {
		padding: 5px 5px;
		border-bottom: 1px dotted #DFDFDF;
	}
	table.item_cart td input {
			width: 2.2em;
			text-align:center;
	}

table.color_table {
	margin: 15px auto 0 auto;
}
	table.color_table td {
		padding: 10px 5px;
		border-top: 1px dotted #DFDFDF;
		text-align: left;
	}

ul.radio_select {
	margin-left: 30px;
}
	ul.radio_select li {
		text-align: left;
		line-height: 1.8em;
	}

.submit_box {
	padding: 40px 0;
}

	.submit_box p {
		font-size: 85%;
		margin-top: 1em;
	}

.sumitBtn {
	padding: 7px 7px;
	margin-bottom: 1em;
	font-size: 110%;
}
.sumitBtn2 {
	font-size: 85%;
	width: 110px;
	margin: 0 3px;
	height: 2em;
}
.sumitBtn3 {
	padding: 5px 0;
	width: 250px;
	font-size: 110%;
}
.sumitBtn4 {
	padding: 1px 1em;
	font-size: 85%;
}
.backtopBtn {
	margin-top: 3em;
	margin-bottom: 3em;
	font-size: 110%;
}
.input_free {
	width: 280px;
	height: 90px;
}
.input_checkbox {
	margin: 10px 0;
}
input.size120 {
	width: 120px;
}
input.size30 {
	width: 30px;
}
input.size40 {
	width: 40px;
}
input.size12 {
	width: 12px;
}
p.error_message {
	line-height: 1.5em;
	color: #FC6060;
	margin:0 0 20px 0;
}
p.error_message2 {
	line-height: 1.5em;
	color: #FC6060;
	margin: 2em 0 0 0;
	font-weight: bold;
}

p.cart_price_total{
	margin: 1em auto 0 auto;
	padding: 5px 0;
	width: 260px;
	border-top: 1px solid #D6D6D6;
}
p.cart_price_member{
	margin: 0.5em auto;
	background-color: #FFECEC;
	padding: 7px 0;
	width: 180px;
}
p.cart_price_notmember{
	margin: 0.5em auto;
	background-color: #FFECEC;
	padding: 0.5em;
	width: 250px;
	text-align: left;
}
p.cart_none {
	margin: 30px auto 1em auto;	
}
p.confirm_a {
	margin: 1em 0 1em 20px;
	text-align: left;
}
p.confirm_b {
	margin: 2em 0 0.3em 20px;
	text-align: left;
}
p.confirm_c {
	margin: 1em 0 0.3em 20px;
	text-align: left;
}
p.memo {
	margin: 2em 0 0.3em 20px;
	text-align: left;
}
p.go_help {
	padding: 5px 0px;
	background-color: #E55280;
	color: #FFFFFF;
	margin: 5px auto;
	width: 200px;
	font-size: 90%;
}
	p.go_help a {
		color: #FFFFFF;
		line-height: 1.5em;
		display: block;
		text-decoration: none;
	}
p.item_hosoku {
	margin-top: 1em;
	font-size: 85%;
	text-align: left;
	color: #C55859;
}

.margin_t1 {
	margin-top: 1em;
}
.margin_t05 {
	margin-top: 0.5em;
}
.margin_b1 {
	margin-bottom: 1em;
}
.margin_b05 {
	margin-bottom: 0.5em;
}
.strong_red {
	color: #FF5252;
	text-decoration: underline;
}
.hosoku_red {
	font-size: 85%;
	color: #FF5252;
	margin-top: 0.5em;
}
.font_small1 {
	font-size: 80%;
}
.font_small2 {
	font-size: 90%;
}
.font_small3 {
	font-size: 85%;
}
.clear {
	clear: both;
}