/*背景のセンター固定*/
body {
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center;
}

/*スタイルシート文字　START*/

body{ font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
body,td{font-size:12px;color:#666666;line-height: 17px }
a:link,a:visited{text-decoration:none; font-size:12px; color:#CC0066;line-height: 17px }
a:hover,a:active{text-decoration:underline; font-size:12px; color:#cc0066;line-height: 17px }

.f_dosis {
	/*
	font-size:23px;
	font-family: 'Dosis', sans-serif;
	font-weight:bold;
	*/
	/*
	font-size:23px;
	font-family:"FOT-マティス Pro M", "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 'Kozuka Mincho Pro', 'Kozuka Mincho Std', "小塚明朝 Pro M", '小塚明朝 Std R', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif;
	font-weight:bold;
	color:#303030;
	text-align:center;
	line-height:1.2em;
	padding:30px 0;
	*/
	/*
	font-size:21px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	text-align:left;
	color:#18343d;
	border-left:10px solid #18343d;
	border-bottom:1px solid #18343d;
	padding:5px 0 5px 15px;
	*/
	
	font-size:21px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	padding:15px 0;
	
}

/*ラジオボタン*/
input[type="radio"] {
	position: relative;
	-webkit-appearance: button;
	appearance: button;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	content: "";
	background-color: #FFFFFF;
	border: 1px solid #c2ced2;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/*
	-webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
	box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
	*/
	vertical-align: middle;
	cursor: pointer;
}
input[type="radio"]:checked:after {
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	content: "";
	width: 10px;
	height: 10px;
	background: #CC0066;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*チェックボックス*/
input[type="checkbox"] {
	position: relative;
	-webkit-appearance: button;
	appearance: button;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	content: "";
	background-color: #FFFFFF;
	border: 1px solid #c2ced2;
/*	-webkit-border-radius: 20px;
	border-radius: 20px;*/
	/*
	-webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
	box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
	*/
	vertical-align: middle;
	cursor: pointer;
}
input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	content: "";
	width: 10px;
	height: 10px;
	background: #CC0066;
/*	-webkit-border-radius: 10px;
	border-radius: 10px;*/
}


/*　画像オンマウス時の発光　*/
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}

IMG.letter{
	vertical-align: middle;
}

/*スタイルシートフォーム　START*/
SELECT, TEXTAREA { 
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
 } 

.st02{
	border-top:solid 2px #FFFFF8;
	border-left:solid 2px #FFFFF8;
	border-right:solid 2px #D8D8D8;
	border-bottom:solid 2px #D8D8D8;
	background-color:#FFFEF4;
	font-size:10pt;
	font-weight:normal;
	margin:0 0 0 0;
}

small{
	font-family: Times New Roman;
	font-weight: bold;
	font-size:10pt;
}

/* パンくず */

.topicpath ul {
	margin: 0 0 0 1em;
	padding: 0;
}

.topicpath li {
	padding-left: 5px;
	display: inline;
	color: #CC9999;
}

.topicpath li a {
	padding-right: 10px;
	color: #CC0066;
}

.topicpath li a:hover {
	text-decoration:underline;
}

/*
.ul {
	margin: 0 0 0 1em;
	padding: 0;
}

li {
	padding-left: 5px;
	display: inline;
	color: #CC9999;
}

li a {
	padding-right: 10px;
	color: #CC0066;
}

li a:hover {
	text-decoration:underline;
}
*/
h1 { display:inline; }

h2{
	width:100%;
	line-height: 22px;
	
	margin-right: auto;
	margin-left: auto;
	margin: 20px 0px 20px 0px;
	padding:8px 8px 8px 12px;
	
	color:#444444;
	font-size: 20px;
/*	font-style: normal;*/
/*	font-variant: normal;*/
	font-weight: bold;
	
	text-align:left;
	
	border: 1px solid #e6e6e6;
	border-bottom: 2px solid #A2384F;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	
	box-sizing: border-box;
	
	display: inline-block;
	_display: inline;
}

h3{
	width:100%;
	background-color:#FFFFFF;
	padding:5px 10px 5px 10px;
	margin:20px 0px 20px 0px;
/*	font-style:normal;*/
	font-size:17px;
	font-weight: 500;
	border-bottom: 1px solid #CCCCCC;
	text-align:left;
	color:#444444;
	border-left: 5px solid #A2384F;
	line-height: 1.3;
	box-sizing: border-box;
	
	display: inline-block;
	_display: inline;
}


/*　トップサブメニュー　*/
a.topsubmenu {/*リンクされた文字*/
	color:#FFFFFF;
	font-style:normal;
	text-decoration:underline;
	text-decoration:none;
	font-size:11px;
	font-weight:100;
	padding:0px 5px;
}
a:link.topsubmenu {/*未訪問のリンク*/
	color:#FFFFFF;
	font-style:normal;
	text-decoration:underline;
	text-decoration:none;
}
a:visited.topsubmenu {/*訪問後のリンク*/
	color:#FFFFFF;
	text-decoration:underline;
	text-decoration:none;
}
a:hover.topsubmenu {/*マウスをのせたとき*/
	color:#FFFFFF;
	font-style:normal;
	text-decoration:underline;
	text-decoration:none;
}
a:active.topsubmenu {/*クリック中*/
	color:#FFFFFF;
	text-decoration:none;
}

/*　トップメニュー　*/
.headerMenu {
	border-bottom: 5px solid #bb2255;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,ffffff+50,f5f5f5+51,ffffff+100 */
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 50%, #f5f5f5 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#ffffff), color-stop(51%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 50%,#f5f5f5 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 50%,#f5f5f5 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 50%,#f5f5f5 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 50%,#f5f5f5 51%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#headerSub {
	width: 100%;
	height: 40px;
}
.subMenu {
	width: 950px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.subMenu li {
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	padding: 0px;
	float: left;
	border-left: 1px solid #e4dee0;
	box-sizing: border-box;
}
/*　固定メニュー　*/
.subMenu_sm0-on {
	width: 180px;
	border-right: 0px solid #e4dee0;
	background-color:#bb2255;
	color: #FFFFFF;
}
.subMenu_sm-on {
	width: 150px;
	border-right: 0px solid #e4dee0;
	background-color:#bb2255;
	color: #FFFFFF;
}
.subMenu_sm2-on {
	width: 230px;
	border-right: 0px solid #e4dee0;
	background-color:#bb2255;
	color: #FFFFFF;
}
.subMenu_sm3-on {
	width: 140px;
	border-right: 0px solid #e4dee0;
	background-color:#bb2255;
	color: #FFFFFF;
}
.subMenu_last-on {
	width: 150px;
	border-right: 1px solid #e4dee0;
	background-color:#bb2255;
	color: #FFFFFF;
}
/*　通常メニュー　*/
.subMenu_sm {
	width: 150px;
	border-right: 0px solid #e4dee0;
/*	display: inline;*/
}
.subMenu_sm2 {
	width:230px;
	border-right: 0px solid #e4dee0;
/*	display: inline;*/
}
.subMenu_sm3 {
	width:140px;
	border-right: 0px solid #e4dee0;
/*	display: inline;*/
}
.subMenu_last {
	width: 150px;
	border-right: 1px solid #e4dee0;
/*	display: inline;*/
}
.subArea {
	text-decoration: none;
	color: #666666;
	display: block;
	padding: 0px;
}
.subArea:link {
	color: #666666;
	font-size: 13px;
	line-height: 40px;
	text-decoration: none;
}
.subArea:visited {
	color: #666666;
	font-size: 13px;
	line-height: 40px;
}
.subArea:hover {
	background-color:#bb2255;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 40px;
}
.subArea:active {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 40px;
}
/*　固定メニュー　*/
.subArea-on {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding: 0px;
}
.subArea-on:link {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 40px;
	text-decoration: none;
}
.subArea-on:visited {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 40px;
}
.subArea-on:hover {
	background-color:#bb2255;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 40px;
	
}
.subArea-on:active {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 40px;
}

/*商品カタログ*/

.button-catalog {
/*	cursor:hand;*/
/*	width:180px;*/
/*	height:40px;*/
	padding:5px 14px;
	text-align:left;
	
	font-size:15px;
	line-height:20px;
	
	font-style:normal;
	font-family:inherit;
	font-weight:bold;
	
	color:inherit;
	
	display: inline-block;
	_display: inline;
	
	margin-right: 10px;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: 10px;
	
	border-radius: 17px;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	
	background: #db4c77;
	color: #FFFFFF;
}

.button-catalog:hover {
	background: #e8518d;
}

.button-catalog-guide {
	display: inline-block;
	_display: inline;
	font-size:12px;
	color:#cc3366;
	margin:0px 0px 0px 0px;
}

.button-catalog2 {
	padding:5px 14px;
	text-align:left;
	
	font-size:15px;
	line-height:20px;
	
	font-style:normal;
	font-family:inherit;
	font-weight:bold;
	
	color:inherit;
	
	display: inline-block;
	_display: inline;
	
	margin-right: 10px;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: 10px;
	
	border-radius: 17px;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	
	background: #FFFFFF;
	border:1px solid #999999;
	color: #999999;
}

.button-catalog2:hover {
	border:1px solid #db4c77;
	color: #db4c77;
}



/* ギフト商品詳細ページ　カートに入れるボタン */
.button-cart {
	cursor:hand;
	width:410px;
	text-align: center;
	font-style:normal;
	font-size:20px;
	font-family:inherit;
	font-weight:bold;
	color:inherit;
	line-height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	height:50px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#db4c77+0,96344e+100 */
	background: #db4c77; /* Old browsers */
	background: -moz-linear-gradient(top,  #db4c77 0%, #96344e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db4c77), color-stop(100%,#96344e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #db4c77 0%,#96344e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #db4c77 0%,#96344e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #db4c77 0%,#96344e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #db4c77 0%,#96344e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db4c77', endColorstr='#96344e',GradientType=0 ); /* IE6-9 */
	color: #FFFFFF;
}

.button-cart:hover {
	display: inline-block;
	_display: inline;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8518d+0,a2384f+100 */
	background: #e8518d; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8518d 0%, #a2384f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8518d), color-stop(100%,#a2384f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8518d 0%,#a2384f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8518d 0%,#a2384f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8518d 0%,#a2384f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e8518d 0%,#a2384f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8518d', endColorstr='#a2384f',GradientType=0 ); /* IE6-9 */
}

.button-soldout {
	width:410px;
	text-align: center;
	font-style:normal;
	font-size:20px;
	font-family:inherit;
	font-weight:bold;
	color:inherit;
	line-height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	height:50px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	
	background: #BBBBBB;
	color: #FFFFFF;
}

.button-back {
	width:160px;
	text-align: center;
	font-style:normal;
	font-size:13px;
	font-family:inherit;
/*	font-weight:bold;	*/
	color:inherit;
	line-height: 32px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	height:32px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #e6e6e6;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	color: #666666;
}

.button-back:hover {
	display: inline-block;
	_display: inline;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,eaeaea+100 */
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9f9 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#eaeaea 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9f9 0%,#eaeaea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
	color: #666666;
}

.button-continue {
	width:200px;
	text-align: center;
	font-style:normal;
	font-size:16px;
	font-family:inherit;
	font-weight:bold;
	color:inherit;
	line-height: 35px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	height:35px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #BB2255;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

	color: #CC0066;
}

.button-continue:hover {
	display: inline-block;
	_display: inline;
	
	border: 2px solid #9c5c15;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbf7e7+0,f1e8ae+100 */
	background: #fbf7e7; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbf7e7 0%, #f1e8ae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf7e7), color-stop(100%,#f1e8ae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbf7e7 0%,#f1e8ae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbf7e7 0%,#f1e8ae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbf7e7 0%,#f1e8ae 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbf7e7 0%,#f1e8ae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf7e7', endColorstr='#f1e8ae',GradientType=0 ); /* IE6-9 */
	
	color:#be7e03;

}

.button-carttype {
	cursor:hand;
	padding:6px 20px;
/*	margin:5px 0px;*/
	
	text-align: center;
	font-style:normal;
	font-size:16px;
	font-family:inherit;
	font-weight:bold;
	color:inherit;
/*	line-height: 35px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	height:35px;*/
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 2px solid #BB2255;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
	color:#CC0066;
}

.button-carttype:hover {
/*
	display: inline-block;
	_display: inline;
*/
	border: 2px solid #9c5c15;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbf7e7+0,f1e8ae+100 */
	background: #fbf7e7; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbf7e7 0%, #f1e8ae 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf7e7), color-stop(100%,#f1e8ae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbf7e7 0%,#f1e8ae 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbf7e7 0%,#f1e8ae 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbf7e7 0%,#f1e8ae 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbf7e7 0%,#f1e8ae 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf7e7', endColorstr='#f1e8ae',GradientType=0 ); /* IE6-9 */
	
	color:#be7e03;
}


.button {
	display: inline-block;
	_display: inline;
	/*
	table-layout: fixed;
	display: table-cell;
	vertical-align: middle;
	*/
	text-align: center;
	font-family:inherit;
	color:inherit;
	font-weight:bold;
	
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
	
	margin:10px 0px;
	padding:7px 10px;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	/*
	border: 1px solid #e6e6e6;
	*/
	background: #BB2255;
	
	background: #db4c77; /* Old browsers */
	background: -moz-linear-gradient(top,  #db4c77 0%, #96344e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db4c77), color-stop(100%,#96344e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #db4c77 0%,#96344e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #db4c77 0%,#96344e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #db4c77 0%,#96344e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #db4c77 0%,#96344e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db4c77', endColorstr='#96344e',GradientType=0 ); /* IE6-9 */
	color: #FFFFFF;

}
.button:hover {
	background: #BB2255;
}

/* ショッピングカート手順 START*********************************************************************************/

.cartprocess {
	display: inline-block;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	border-radius: 5px;
	counter-reset: flag; 
}

.cartprocess-active {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	padding: 0 7px 0 34px;
	background: #666;
	background: linear-gradient(#BB2255, #990033);
	position: relative;
}

.cartprocess-active:first-child {
/*	padding-left: 46px;*/
	border-radius: 5px 0 0 5px;
}
.cartprocess-active:first-child:before {
	left: 14px;
}
.cartprocess-active:last-child {
	border-radius: 0 5px 5px 0;
	padding-right: 20px;
}

.cartprocess-active:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px;
	width: 36px; 
	height: 36px;
	transform: scale(0.707) rotate(45deg);
	z-index: 1;
	background: #666;
	background: linear-gradient(135deg, #BB2255, #990033);
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.6), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	border-radius: 0 5px 0 50px;
}
.cartprocess-active:last-child:after {
	content: none;
}
.cartprocess-active:before {
}





.cartprocess-noactive {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	padding: 0 7px 0 34px;
	background: #666;
	background: linear-gradient(#c68d15, #744d1f);
	position: relative;
}

.cartprocess-noactive:first-child {
/*	padding-left: 46px;*/
	border-radius: 5px 0 0 5px;
}
.cartprocess-noactive:first-child:before {
	left: 14px;
}
.cartprocess-noactive:last-child {
	border-radius: 0 5px 5px 0;
	padding-right: 20px;
}

.cartprocess-noactive:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px;
	width: 36px; 
	height: 36px;
	transform: scale(0.707) rotate(45deg);
	z-index: 1;
	background: #666;
	background: linear-gradient(135deg, #c68d15, #744d1f);
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.6), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	border-radius: 0 5px 0 50px;
}
.cartprocess-noactive:last-child:after {
	content: none;
}
.cartprocess-noactive:before {
}

/* ショッピングカート手順 END*********************************************************************************/