@charset "utf-8";

/* bace */

/* CSS Document */



table {
	font-size: 12px;
	/*\*/
	*font-size: 100%;
	/**/
	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

ol, ul {
	list-style-type: none;
}

option {
	padding-right: 5px;
	/*\*//*/
	padding-right: 0;
	/**/
}
hr {
	display: none;
}

img {
	display: inline-block;
	border: 0;
}

form {
	display: inline;
}
select,
input {
	vertical-align:baseline;
}
select {
	padding:4px;
	border:1px solid #aaa;
	background-color:#fffff5;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
input[type="text"],
input[type="password"],
input[type="file"],
textarea {
	padding:4px;
	border:1px solid #aaa;
	background-color:#fffff5;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
select,
input[type="text"],
input[type="password"],
input[type="file"],
textarea {
	font-size:12px;
	outline: none;
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','MS UI Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
select {
	height: 26px;
	line-height: 17px;
}
input[type="text"],
input[type="password"],
input[type="file"] {
	height: 26px;
	line-height: 17px;
}
*:first-child+html select { /* IE 7 */
	vertical-align: middle;
}
*:first-child+html input[type="text"],
*:first-child+html input[type="password"],
*:first-child+html input[type="file"] { /* IE 7 */
	height: 14px;
	line-height: 14px;
	vertical-align: middle;
}

input[type="checkbox"],
input[type="radio"] {
	position: relative;
	margin-top: -3px;
	/*\*/
	*margin-top: 1px;
	/**/
	margin-right: 4px;
	vertical-align: middle;
}
select.free,
input.free,
textarea.free {
	background-color:#fff;
	border: solid 1px #ccc;
}
input[type="checkbox"].free,
input[type="radio"].free {
	background-color:#fff;
	border: none;
}
select:focus,
select.free:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="text"].free:focus,
input[type="password"].free:focus,
input[type="file"].free:focus,
textarea:focus,
textarea.free:focus {
	border:1px solid #d1cba8;
	background-color:#ffffde;
	-moz-box-shadow:#d1cba8 0 0 6px;
	-webkit-box-shadow:#d1cba8 0 0 6px;
	-khtml-box-shadow:#d1cba8 0 0 6px;
	box-shadow:#d1cba8 0 0 6px;
}
select.error,
select.error-group,
input.error,
input.error-group,
textarea.error,
textarea.error-group {
	background-color:#ffcccc;
	border: solid 1px #990000;
}
select.error:focus,
select.error-group:focus,
input.error:focus,
input.error-group:focus,
textarea.error:focus,
textarea.error-group:focus {
	border:1px solid #990000;
	background-color:#ffcccc;
	-moz-box-shadow:#ccc 0 0 6px;
	-webkit-box-shadow:#ccc 0 0 6px;
	-khtml-box-shadow:#ccc 0 0 6px;
	box-shadow:#bbb 0 0 6px;
}
p.error-msg span {
	display: block;
}
select.valon,
input.valon,
textarea.valon {
	color: #000;
}
select.valoff,
input.valoff,
textarea.valoff {
	color: #999;
}

a:hover img.imgbnr {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
a.arw {
	background: url(//img08.magaseek.com/images/mg/img/arw_next.png) no-repeat right 48%;
	padding-right: 9px;
}

.clear {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


::-moz-selection{
	background: #000;
	color:#FFF;
}
::selection {
	background: #000;
	color:#FFF;
}
Window size: x 
Viewport size: x


/*measure*/
#modalContent div.formObj div.pack ul.revew-rating:after,
#modalContent div.form-review div.pack div.field-itemdata:after,
#modalContent div.formObj div.pack div.field-pack:after,
#modalContent div.formObj div.pack:after,
#modalContent div.itemdataObj.social ul:after,/* 111206 追加 */
#modalContent div.formObj .sizeGuideTop:after,/* 120528 追加 */
#modalContent div.sizeGuide .sizeGuideMain ul:after,/* 120528 追加 */
.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#modalContent div.formObj div.pack ul.revew-rating,
#modalContent div.form-review div.pack div.field-itemdata,
#modalContent div.formObj div.pack div.field-pack,
#modalContent div.formObj div.pack,
#modalContent div.itemdataObj.social ul,/* 111206 追加 */
#modalContent div.formObj .sizeGuideTop,/* 120528 追加 */
#modalContent div.sizeGuide .sizeGuideMain ul,/* 120528 追加 */
.row {
	zoom: 1;
}

body {
	background-color: #fff;
	color: #000;
	text-align: left;
	height: 100%;
}

/* HEADER */
#header {
	width: 100%;
	height: 52px;
	background-color: #eee;
	border-bottom: solid 1px #e2e2e2;
	text-shadow: #ccc 1px 1px 1px;
}
	#header .ttl-modal{
	padding: 18px 15px 0;
	line-height: 1.1;
	font-size: 18px;
		/*\*/
		*font-size: 148%;
	/**/
	font-weight: bold;
	width: 100%;
	}
	#header ul.close {
	position: absolute;
	right: 10px;
	top: 8px;
	}
		#header ul.close * {
			cursor: pointer;
		}
	#header .frm-lt{
		background: url(//img08.magaseek.com/images/mg/img/frm_modal_lt.png) no-repeat left top;
		position: absolute;
		left: 0;
		top: 52px;
		width: 6px;
		height: 1px;
	}
	#header .frm-rt{
		background: url(//img08.magaseek.com/images/mg/img/frm_modal_rt.png) no-repeat right top;
		position: absolute;
		right: 0;
		top: 52px;
		width: 6px;
		height: 1px;
	}
#footer {
	position: fixed;
	z-index: 9999;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background-color: #eee;
	border-top: solid 1px #e2e2e2;
	line-height: 1.1;
}
	#footer .frm-lb{
		background: url(//img08.magaseek.com/images/mg/img/frm_modal_lb.png) no-repeat left top;
		position: absolute;
		left: 0;
		top: -1px;
		width: 6px;
		height: 1px;
	}
	#footer .frm-rb{
		background: url(//img08.magaseek.com/images/mg/img/frm_modal_rb.png) no-repeat right top;
		position: absolute;
		right: 0;
		top: -1px;
		width: 6px;
		height: 1px;
	}

#frmContent {
	position: fixed;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2000px;
	background-color: #eee;
}
#frmContent div.frm {
	margin: 0 3px auto;
	height: 2000px;
	border-right: solid 1px #e2e2e2;
	border-left: solid 1px #e2e2e2;
	background-color: #fff;
}
/* CONTAINER */
#container {
	position: relative;
	z-index: 2;
	padding: 10px 19px 19px 19px;
}
#modalContent {
	position: relative;
}
	#modalContent a:link,
	#modalContent a:active,
	#modalContent a:visited { 
		color: #000;
		text-decoration: underline;
	}
	#modalContent a:hover { 
		color: #555;
		text-decoration: underline;
	}

#modalContent .itemdataObj{
	margin-bottom: 11px;
}
#modalContent div.itemdata-stack {
	border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	padding: 10px 0 10px 0;
}
	#modalContent .itemdataObj p.shop {
		margin-bottom: 0;
		font-size: 11px;
		/*\*/
		*font-size: 90%;
		/**/
		color: #222;
	}
	#modalContent .itemdataObj p.item {
		margin-bottom: 3px;
		font-weight: bold;
	}
	#modalContent .itemdataObj p.price {
		font-size: 11px;
		/*\*/
		*font-size: 90%;
		/**/
	}
	#modalContent .itemdataObj p.spec {
		font-size: 11px;
		/*\*/
		*font-size: 90%;
		/**/
	}
	#modalContent .itemdataObj p.notice {
		font-weight: bold;
		color: #c00;
		padding-top: 8px;
	}
	#modalContent .itemdataObj p.point {
		padding-top: 8px;
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
	}
		#modalContent .itemdataObj p.point span.p1 {
			font-size: 12px;
			/*\*/
			*font-size: 120%;
			/**/
			font-weight: bold;
		}
		#modalContent .itemdataObj p.point span.p2 {
			font-weight: bold;
		}
	#modalContent .itemdataObj .normal-price {
		font-size: 11px;
		/*\*/
		*font-size: 90%;
		/**/
		line-height: 1.1;
		text-decoration:line-through;
	}
		#modalContent .itemdataObj .normal-price span {
			font-size: 10px;
			/*\*/
			*font-size: 90%;
			/**/
		}
	#modalContent .itemdataObj .special-price {
		padding-top: 2px;
		font-weight: bold;
		color: #c00;
		line-height: 1.1;
	}
		#modalContent .itemdataObj .special-price span.s1 {
			font-family: Helvetica,Arial,'Lucida Grande',sans-serif;
			font-size: 16px;
			/*\*/
			*font-size: 133%;
			/**/
			font-weight: bold;
		}
		#modalContent .itemdataObj .special-price span.s2 {
		}
	#modalContent .itemdataObj .pricenote {
		padding-top: 2px;
		font-weight: bold;
		color: #c00;
	}
		#modalContent .itemdataObj .pricenote span {
		}


#modalContent div.headleadObj {
	margin-bottom: 11px;
}
#modalContent div.headlead-thick {
	margin-bottom: 20px;
}
#modalContent div.headlead-stack {
	border-top: solid 1px #e6e6e6;
	padding-top: 14px;
}
	#modalContent div.headleadObj p.lead {
	}
	#modalContent div.headleadObj p.notice {
	font-size: 13px;
		/*\*/
		*font-size: 90%;
	line-height: 18px;		/**/
	margin-top: 10px;
	}
	#modalContent div.headleadObj p.note {
		padding-top: 2px;
		font-size: 10px;
		/*\*/
		*font-size: 80%;
		/**/
		color: #883311;
	}

#modalContent .ttl-icn {
	background: url(//img08.magaseek.com/images/mg/img/icn_heading.png) no-repeat left 48%;
	padding-left: 11px;
	font-weight: bold;
	margin-bottom: 7px;
}

#modalContent ul.bottom-button {
}
#modalContent ul.bottom-button * {
	cursor: pointer;
}
	#modalContent ul.bottom-button li {
	}
		#modalContent ul.bottom-button li a {
			background: url(//img08.magaseek.com/images/mg/img/icn_close.png) no-repeat left 48%;
			padding-left: 11px;
			line-height: 1.1;
		}

/* 120220 変更ここから */
#modalContent .wantlist {
	position: relative;
	text-align: right;
}
	#modalContent .wantlist li {
		position: absolute;
		right: 0;
		top: -18px;
		line-height: 20px;
		font-size: 11px;
		/*\*/
		*font-size: 90%;
		/**/
		overflow: hidden;
		display: block;
	}
		#modalContent .wantlist span.link {
			background: url(//img08.magaseek.com/images/mg/img/icn_wantlist.png) no-repeat left 48%;
			padding-left: 13px;
			margin-right: 4px;
			height: 18px;
			line-height: 20px;
			text-decoration: none;
			overflow: hidden;
			display: inline-block;
		}
		#modalContent .wantlist .fuk {
			left: 14em;
			background: url(//img08.magaseek.com/images/mg/img/frm_wantlist_fuk_r.png) no-repeat right top;
			padding: 0 4px 0 0;
			width: auto;
			height: 18px;
			line-height: 19px;
			font-size: 10px;
			/*\*/
			*font-size: 80%;
			/**/
			overflow: hidden;
			display: inline-block;
		}
		#modalContent .wantlist .fuk strong {
			background: url(//img08.magaseek.com/images/mg/img/frm_wantlist_fuk_l.png) no-repeat left top;
			padding: 0 0 0 7px;
			width: auto;
			height: 18px;
			line-height: 19px;
			font-weight: bold;
			overflow: hidden;
			display: inline-block;
		}
/* 120220 変更ここまで */

#modalContent .tablebox {
	margin-bottom: 15px;
}
#modalContent .tablebox-size {
	margin-bottom: 23px;
}
	#modalContent .tablebox table {
		width: 100%;
		line-height: 1.4;
	}
		#modalContent .tablebox table th {
			border-top: solid 1px #ddd;
			background-color: #eee;
			padding: 10px 10px 8px 10px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			line-height: 1.1;
			text-shadow: #fff 1px 1px 1px;
		}
		#modalContent .tablebox-size table th {
			border-top: none;
			border-bottom: solid 1px #ddd;
		}
		#modalContent .tablebox table td {
			border-top: solid 1px #ddd;
			padding: 10px 10px 10px 10px;
			text-align: center;
			vertical-align: middle;
			line-height: 1.1;
		}
		#modalContent .tablebox-size table td {
			border-top: none;
			border-bottom: solid 1px #ddd;
		}
		#modalContent .tablebox table .primary-col {
			width: 99%;
		}
		#modalContent .tablebox table td.img {
			padding-right: 0;
			text-align: left;
		}
		#modalContent .tablebox table td.l {
			text-align: left;
		}
			#modalContent .tablebox p.stock {
				margin-bottom: 6px;
			}
			#modalContent .tablebox p.stock-notice {
				margin-bottom: 6px;
				color: #c00;
			}
			#modalContent .tablebox ul.button {
			}
			#modalContent .tablebox ul.button li.cart {
				margin-bottom: 4px;
				text-align: center;
			}
				#modalContent .tablebox ul.button li.cart img,
				#modalContent .tablebox ul.button li.cart input {
					margin: 0 auto;
				}
			#modalContent .tablebox ul.button li.want {
				font-size: 10px;
				/*\*/
				*font-size: 80%;
				/**/
			}
				#modalContent .tablebox ul.button li.want a, #modalContent .tablebox ul.button li.want span {
					background: url(//img08.magaseek.com/images/mg/img/icn_wantlist.png) no-repeat left 48%;
					padding-left: 13px;
				}
/* 120217 追加ここから */			
#modalContent .tableboxNext{
	margin-bottom: 23px;
}
	#modalContent .tableboxNext table {
		border-bottom:solid 1px #ddd;
		width: 100%;
		line-height: 1.4;
	}
		#modalContent .tableboxNext table tr {
		}
			#modalContent .tableboxNext table tr td, #modalContent .tableboxNext table tr th {
				border-top:solid 1px #ddd;
				padding: 10px 0 10px 0;
				text-align:center;
				font-size:10px;
				vertical-align: middle;
				font-weight:normal;
			}
			#modalContent .tableboxNext table tr th {
				background-color:#eee;
				width:50px;
			}
			#modalContent .tableboxNext table tr td {
				width:63px;
			}
/* 120217 追加ここまで */


/* ERROR MESSAGE */
#errorMsgContent {
	padding: 10px 12px 8px 12px;
	margin-bottom: 15px;
	background-color: #fee;
	border: solid 2px #990000;
	color: #990000;
	display: block;
}
	#errorMsgContent p.msg-hed {
		margin-bottom: 1px;
		font-weight: bold;
	}
	#errorMsgContent p.msg {
	}





/* FORM ELEMENT */
#modalContent div.formObj {
}
#modalContent div.form-noheading {
	border-top: solid 3px #ddd;
}
#modalContent div.form-stack {
	margin-bottom: 14px;
}
	#modalContent div.formObj div.pack {
		padding: 12px;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #e6e6e6;
		background-color: #fafafa;
		/*\*/
		*width: 654px;
		/**/
		line-height: 1.3;
		text-shadow: #fff 1px 1px 1px;
	}
	#modalContent div.formObj div.error-pack {
		background-color: #ffeeee;
	}
		#modalContent div.formObj div.pack div.field-header {
			float: left;
			width: 136px;
			padding: 5px 0 3px 0;
			font-weight: bold;
			color: #222;
		}
		#modalContent div.formObj div.pack div.field-header-thin {
			padding: 0;
		}
		#modalContent div.formObj div.pack div.field-header-cb {
			padding: 0;
			width: 22px;
			min-height: 10px;
		}
			#modalContent div.formObj div.pack div.field-header span.neccesary{
				margin-left: 5px;
				color: #553344;
				font-weight: normal;
			}
		#modalContent div.formObj div.pack div.field-content {
			float: left;
			width: auto;
			color: #222;
			vertical-align: middle;
		}
		#modalContent div.formObj div.pack div.field-content-cb {
			padding-top: 5px;
		}
		#modalContent div.formObj div.pack div.field-pack {
			clear: both;
		}
		#modalContent div.formObj div.pack div.field-pack-header {
			float: left;
			width: 4em;
			margin-right: 10px;
			padding-top: 5px;
		}
		#modalContent div.formObj div.pack div.field-pack-content {
			float: left;
			width: auto;
			vertical-align: middle;
		}
			#modalContent div.formObj div.pack .field-text {
				padding-top: 5px;
			}
			#modalContent div.formObj div.pack .field-lead {
				margin-bottom: 5px;
			}
			#modalContent div.formObj div.pack .field-lead-multi {
				line-height: 1.5;
			}
			#modalContent div.formObj div.pack .field-form {
			}
			#modalContent div.formObj div.pack .field-textarea {
				line-height: 1.6;
			}
			#modalContent div.formObj div.pack .stack {
				padding-top: 10px !important;
			}
			#modalContent div.formObj div.pack .nostack {
				padding-top: 0 !important;
			}
			#modalContent div.formObj div.pack .error-msg {
				margin-bottom: 5px;
				font-weight: bold;
				color: #990000;
				text-shadow: #fff 1px 1px 1px;
			}
			#modalContent div.formObj div.pack .field-note {
				padding-top: 10px;
				padding-left: 11px;
				text-indent: -11px;
				font-size: 11px;
				color: #883311;
			}
			#modalContent div.formObj div.pack .after-note {
				padding-top: 5px;
				font-size: 11px;
				color: #555;
				display: block;
			}
		#modalContent div.formObj div.pack .note {
			font-size: 11px;
			color: #555;
			margin-left: 5px;
			display: inline-block;
		}
		#modalContent div.formObj div.pack .chara-2w {
			width: 2em;
			margin-right: 5px;
			display: inline-block;
		}
		#modalContent div.formObj div.pack .chara-3w {
			width: 3em;
			margin-right: 5px;
			display: inline-block;
		}
		#modalContent div.formObj div.pack .chara-auto {
			width: auto;
			margin-right: 15px;
			display: inline-block;
		}
		#modalContent div.formObj div.pack .select-ken {
			width: 118px;
			margin-right: 5px;
			display: inline-block;
		}
		#modalContent div.formObj div.pack .field-p1 {
			position: relative;
			width: 430px !important;
			margin-bottom: -5px;
		}
			#modalContent div.formObj div.pack .form-p1 {
				float: left;
				width: 215px;
				padding-bottom: 5px;
			}
			#modalContent div.formObj div.pack .text-p1 {
				width: 215px;
				padding-bottom: 5px;
			}
		#modalContent div.formObj div.pack .chara-2w-mrgname {
			width: 30px;
			display: inline-block;
		}
		#modalContent div.formObj div.pack input.f-mrgname {
			width: 328px;
		}
			
		#modalContent div.form-review div.pack div.field-header {
			width: 139px;
		}
		#modalContent div.form-review div.pack div.field-content {
			width: 500px;
		}
			#modalContent div.form-review div.pack div.field-itemdata {
				width: 520px;
			}
				#modalContent div.form-review div.pack div.field-itemdata .image {
					float: left;
					width: auto;
					margin-right: 14px;
				}
					#modalContent div.form-review div.pack div.field-itemdata a:hover img {
						filter: alpha(opacity=70);
						opacity: 0.7;
					}
				#modalContent div.form-review div.pack div.field-itemdata .exp {
					float: left;
					width: 400px;
				}
					#modalContent div.form-review div.pack div.field-itemdata .exp a:link,
					#modalContent div.form-review div.pack div.field-itemdata .exp a:active,
					#modalContent div.form-review div.pack div.field-itemdata .exp a:visited { 
						color: #000;
						text-decoration: none;
					}
					#modalContent div.form-review div.pack div.field-itemdata .exp a:hover { 
						color: #000;
						text-decoration: underline;
					}
					#modalContent div.form-review div.pack div.field-itemdata .shop {
						font-size: 11px;
					}
					#modalContent div.form-review div.pack div.field-itemdata .item {
						color: #000;
						font-weight:bold;
						padding-top: 2px;
					}
					#modalContent div.form-review div.pack div.field-itemdata .spec {
						padding-top: 3px;
					}
					#modalContent div.form-review div.pack div.field-itemdata .price {
						padding-top: 8px;
					}
					#modalContent div.form-review div.pack div.field-itemdata .normal-price {
						padding-top: 8px;
						font-size: 11px;
						/*\*/
						*font-size: 90%;
						/**/
						line-height: 1.1;
						text-decoration:line-through;
					}
						#modalContent div.form-review div.pack div.field-itemdata .normal-price span {
							font-size: 10px;
							/*\*/
							*font-size: 90%;
							/**/
						}
					#modalContent div.form-review div.pack div.field-itemdata .special-price {
						padding-top: 2px;
						font-weight: bold;
						color: #c00;
						line-height: 1.1;
					}
						#modalContent div.form-review div.pack div.field-itemdata .special-price span.s1 {
							font-family: Helvetica,Arial,'Lucida Grande',sans-serif;
							font-size: 16px;
							/*\*/
							*font-size: 133%;
							/**/
							font-weight: bold;
						}
						#modalContent div.form-review div.pack div.field-itemdata .special-price span.s2 {
						}
					#modalContent div.form-review div.pack div.field-itemdata .pricenote {
						padding-top: 2px;
						font-weight: bold;
						color: #c00;
					}
						#modalContent div.form-review div.pack div.field-itemdata .pricenote span {
						}


#modalContent div.buttonset {
	clear: both;
	padding: 24px 0 8px 0;
	/*\*/
	*width: 678px;
	/**/
}
	#modalContent div.buttonset ul {
		position: relative;
		text-align: center;
		display: block;
		/*\*/
		*width: 678px;
		/**/
	}
		#modalContent div.buttonset ul li {
			display: inline-block;
			/*\*/
			*display: inline;
			/**/
			margin: 0 6px auto;
			text-align: center;
		}
		#modalContent div.buttonset ul li.prev {
			position: absolute;
			left: 0;
			top: 7px;
			margin: 0;
			display: block;
		}
			#modalContent div.buttonset ul li input,
			#modalContent div.buttonset ul li img {
				display: inline;
				vertical-align: bottom;
			}
			#modalContent div.buttonset ul li span {
				position: relative;
				top: 5px;
				font-size: 11px;
			}



/* FORM ELEMENT */
input[type="text"],
input[type="password"],
input[type="file"],
textarea {
	width: 358px;
}
input[type="text"].f108,
input[type="password"].f108,
input[type="file"].f108,
textarea.f108,
select.f108 {
	width: 108px;
}
input[type="text"].f118,
input[type="password"].f118,
input[type="file"].f118,
textarea.f118,
select.f118 {
	width: 118px;
}
input[type="text"].f146,
input[type="password"].f146,
input[type="file"].f146,
textarea.f146,
select.f146 {
	width: 146px;
}
input[type="text"].f215,
input[type="password"].f215,
input[type="file"].f215,
textarea.f215,
select.f215 {
	width: 215px;
}
input[type="text"].f270,
input[type="password"].f270,
input[type="file"].f270,
textarea.f270,
select.f270 {
	width: 270px;
}
input[type="text"].f344,
input[type="password"].f344,
input[type="file"].f344,
textarea.f344,
select.f344 {
	width: 344px;
}
input[type="text"].f394,
input[type="password"].f394,
input[type="file"].f394,
textarea.f394,
select.f394 {
	width: 394px;
}
input[type="text"].f450,
input[type="password"].f450,
input[type="file"].f450,
textarea.f450,
select.f450 {
	width: 450px;
}
input[type="text"].f100p,
input[type="password"].f100p,
input[type="file"].f100p,
textarea.f100p,
select.f100p {
	width: 98%;
}
/* 111206 追加ここから */
#header.social .ttl-modal{
	padding-top:14px;
}
	#header.social .ttl-modal img{
		display:inline;
		vertical-align:middle;
		margin-right:5px;
	}
	#modalContent div.itemdataObj.social h2 {
		color:#666;
		font-size:18px;
		margin-bottom:6px;
	}
	#modalContent div.itemdataObj.social h3 {
		font-weight:normal;
		margin-bottom:10px;
	}
	#modalContent div.itemdataObj.social ul {
		margin-bottom:18px;
	}
		#modalContent div.itemdataObj.social ul li.image {
			float:left;
		}
		#modalContent div.itemdataObj.social ul li.text {
			float:right;
			width:616px;
		}
			#modalContent div.itemdataObj.social ul li.text dt {
				font-weight:bold;
				padding-bottom:5px;
			}
			#modalContent div.itemdataObj.social ul li.text dd {
				font-size:11px;
			}
	#modalContent div.itemdataObj.social form {
		text-align:right;
	}
		#modalContent div.itemdataObj.social form textarea {
			width:680px;
			height:80px;
			margin-bottom:3px;
		}
		#modalContent div.itemdataObj.social form .caution {
			font-weight:bold;
			margin-bottom:20px;
		}
		#modalContent div.itemdataObj.social form .btn {
			text-align:center;
			margin:0 auto;
		}
/* 120120 追加ここから*/
		#modalContent div.itemdataObj.social form .caution.over {
			color:#FF0000;
		}
		#modalContent div.itemdataObj.social form .btn {
			text-align:center;
			margin:0 auto;
			width:218px;
		}
	#modalContent div.itemdataObj.error {
		text-align:center;
		padding-top:120px;
	}
		#modalContent div.itemdataObj.error dt {
			color:#FF0000;
			font-weight:bold;
			padding-bottom:6px;
		}
/* 120120 追加ここまで*/
/* 111206 追加ここまで */
/* 120528 追加ここから*/
#modalContent div.formObj .ttl10,
#modalContent div.sizeGuide .ttl10,
#modalContent div.measure .ttl10 {
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 15px;
	padding: 0 12px;
	height: 36px;
	line-height: 38px;
	text-shadow: white 1px 1px 1px;
	font-weight: bold;
	font-size: 14px;
	display: block;
	overflow: hidden;
	border-radius: 3px;
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
}
#modalContent div.formObj{
}
	#modalContent div.formObj .sizeGuideTop.size {
	}
		#modalContent div.formObj .sizeGuideTop.size tr {
		}
			#modalContent div.formObj .sizeGuideTop.size td {
				font-size:18px;
				font-weight:bold;
				width:226px;
				border-right:solid 1px #ddd;
				text-align:center;
			}
			#modalContent div.formObj .sizeGuideTop.size td.end {
				border:none;
			}
		#modalContent div.formObj .sizeGuideTop.size li {
			float:left;
			font-size:18px;
			font-weight:bold;
			width:226px;
			border-right:solid 1px #ddd;
			text-align:center;
		}
		#modalContent div.formObj .sizeGuideTop.size li.end {
			border:none;
		}
	#modalContent div.formObj .sizeGuideTop.item {
		border-bottom:solid 1px #ddd;
	}
		#modalContent div.formObj .sizeGuideTop.item li {
			float:left;
			font-size:11px;
			width:105px;
			height:165px;
			padding-right:10px;
		}
		#modalContent div.formObj .sizeGuideTop.item li.end {
			padding:0;
		}
			#modalContent div.formObj .sizeGuideTop.item li p {
				text-align:center;
			}
			#modalContent div.formObj .sizeGuideTop.item li .image {
				margin-bottom:5px;
			}
	#modalContent div.formObj .btn {
		margin:24px auto 0 auto;
		width:189px;
	}
#modalContent div.sizeGuide {
	margin-top:15px;
}
	#modalContent div.sizeGuide .ttl10 {
	}
		#modalContent div.sizeGuide .ttl10 .sizeGuideNav {
			width:659px;
			border-collapse:separate;
			border-spacing:0;
			margin-top:6px;
		}
			#modalContent div.sizeGuide .ttl10 .sizeGuideNav tr {
			}
				#modalContent div.sizeGuide .ttl10 .sizeGuideNav td {
					border-left:solid 1px #FFF;
					border-right:solid 1px #d2d2d2;
					width:110px;
					text-align:center;
					padding:0 3px 0 3px;
				}
				#modalContent div.sizeGuide .ttl10 .sizeGuideNav td.str {
					border-left:none;
					padding-left:0;
				}
				#modalContent div.sizeGuide .ttl10 .sizeGuideNav td.end {
					border-right:none;
					padding-right:0;
				}
	#modalContent div.sizeGuide .sizeGuideMain {
		position:relative;
	}
		#modalContent div.sizeGuide .sizeGuideMain .textHead {
			margin-bottom:6px;
		}
			#modalContent div.sizeGuide .sizeGuideMain .textHead dt {
				margin-bottom: 2px;
				font-weight: bold;
				font-size: 16px;
				line-height: 1.3;
				text-shadow: #CCC 1px 1px 1px;
				display: block;
				overflow: hidden;
			}
			#modalContent div.sizeGuide .sizeGuideMain .textHead dd {
				font-size:10px;
			}
		#modalContent div.sizeGuide .sizeGuideMain .caution {
			color:#883311;
			font-size:10px;
		}
		#modalContent div.sizeGuide .sizeGuideMain p.caution {
			margin-bottom:20px;
		}
		#modalContent div.sizeGuide .sizeGuideMain ul {
		}
			#modalContent div.sizeGuide .sizeGuideMain ul li {
				float:left;
				font-size:10px;
			}
/* カラム数により変更 start */
			#modalContent div.sizeGuide .sizeGuideMain ul.ca3 li {
				width:162px;
				padding-right:10px;
			}
			#modalContent div.sizeGuide .sizeGuideMain ul.ca4 li {
				width:162px;
				padding-right:10px;
			}
			#modalContent div.sizeGuide .sizeGuideMain ul.ca5 li {
				width:128px;
				padding-right:10px;
			}
			#modalContent div.sizeGuide .sizeGuideMain ul.ca6 li {
				width:105px;
				padding-right:10px;
			}
/* カラム数により変更 end */
			#modalContent div.sizeGuide .sizeGuideMain ul li.end {
				padding-right:0;
			}
			#modalContent div.sizeGuide .sizeGuideMain ul li.caution {
				padding-right:0;
				padding-top:153px;
				width:120px;
			}
				#modalContent div.sizeGuide .sizeGuideMain ul li .image {
					margin-bottom:5px;
				}
				#modalContent div.sizeGuide .sizeGuideMain ul li .head {
					font-weight:bold;
					font-size:12px;
				}
				#modalContent div.sizeGuide .sizeGuideMain ul li .read {
					height:6em;
				}
		#modalContent div.sizeGuide .sizeGuideMain p.prev {
			position: absolute;
			right: 0;
			height:40px;
		}
			#modalContent div.sizeGuide .sizeGuideMain p.prev a {
				background: url(//img08.magaseek.com/images/mg/img/arw_next.png) no-repeat right center;
				padding-right: 9px;
			}
#modalContent div.campaign {
}
	#modalContent div.campaign .head {
		font-size:12px;
	}
		#modalContent div.campaign .head span {
			font-size:14px;
			color:#cc0000;
			font-weight:bold;
		}
	#modalContent div.campaign dl {
		margin-top:24px;
	}
		#modalContent div.campaign dl dt {
			font-weight:bold;
		}
		#modalContent div.campaign dl dd {
		}
			#modalContent div.campaign dl dd ul {
				padding-left:0.5em;
			}
#modalContent div.novelty {
}
	#modalContent div.novelty table {
	}
		#modalContent div.novelty table tr {
		}
			#modalContent div.novelty table tr td {
				vertical-align:top;
			}
			#modalContent div.novelty table tr td.image {
				padding-right:13px;
			}
				#modalContent div.novelty table tr td.text .head {
					font-weight:bold;
				}
				#modalContent div.novelty table tr td.text .caution {
					font-weight:bold;
					color:#cc0000;
					font-size:14px;
				}
#modalContent div.gift {
}
	#modalContent div.gift .main {
		position:relative;
		margin-bottom:14px;
	}
		#modalContent div.gift .main .image {
		}
		#modalContent div.gift .main .text {
			position:absolute;
			left:0;
			bottom:0;
			font-size:11px;
		}
			#modalContent div.gift .main .text li {
				padding-bottom:2px;
			}
	#modalContent div.gift .btn {
		width:188px;
		margin:0 auto;
	}
/* 120604 変更ここから */
#modalContent div.measure {
	border-top:solid 3px #ddd;
	padding-top:10px;
}
	#modalContent div.measure p.type {
		font-size:11px;
		margin-bottom:15px;
	}
		#modalContent div.measure p.type a {
		}
		#modalContent div.measure p.type span {
			border-right:solid 1px #ddd;
			margin-right:6px;
			padding-right:6px;
		}
	#modalContent div.measure .linkList {
	font-size: 11px;
	line-height: 2;
	width: 98%;
	padding: 0 0 15px 12px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
	background-position: left bottom;
	}
	#modalContent div.measure .linkList.bottom {
	background: none;
	margin: 0px 0px 0;
	padding-top: 10px;
	border-top: 1px dotted #DDDDDD;
	}
	#modalContent div.measure .linkList.end {
		border-bottom:solid 1px #ddd;
		margin-bottom:20px;
	}
		#modalContent div.measure .linkList span {
			font-weight:bold;
			padding-right:20px;
		}
		#modalContent div.measure .linkList a {
			background: url(//img08.magaseek.com/images/mg/img/arw_next.png) no-repeat left center;
			padding-left: 9px;
			padding-right:20px;
		}


#modalContent div.measure .linkList span.linkListItem {
	display: block;
	margin-bottom: 10px;
	font-weight: normal;
}


/* #10946 START */
#modalContent div.measure.world {
	border:none;
	padding-top:0;
}
	#modalContent div.measure .cautionWorld {
		padding:10px 0 20px 0;
		border-bottom:solid 1px #ddd;
		margin-bottom:20px;
	}
		#modalContent div.measure .cautionWorld dt {
			font-weight:bold;
			margin-bottom:10px;
		}
		#modalContent div.measure .cautionWorld dd {
			font-size:11px;
		}
/* #10946 END */
	#modalContent div.measure .blockTable {
		margin-top:-70px;
		padding:70px 0 25px 0;
		background:url(//img08.magaseek.com/images/mg/img/lin_dotte.png) repeat-x left bottom;
	}
		#modalContent div.measure .blockTable table {
			border-collapse:collapse;
			width:100%;
			margin-top:15px;
		}
			#modalContent div.measure .blockTable table tr {
			}
				#modalContent div.measure .blockTable table tr th,
				#modalContent div.measure .blockTable table tr td {
					border:solid 1px #adadad;
					/*padding-left:0.5em;*/
					padding:0.5em;
					line-height:1.5;
				}
				#modalContent div.measure .blockTable table tr th {
					background:#999;
					color:#FFF;
					font-weight:normal;
					width:90px;
				}
	#modalContent div.measure .head {
		font-weight:bold;
		font-size: 14px;
}
	#modalContent div.measure .pageTop {
		text-align:right;
		margin:15px 0 30px 0;
	}
		#modalContent div.measure .pageTop a {
			background: url(//img08.magaseek.com/images/mg/img/f_pagetop_w.png) no-repeat left 48%;
			padding-left: 15px;
			font-size:11px;
			text-decoration:none;
		}
	#modalContent div.measure .blockGuide {
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 1px;
	border-bottom: 1px dotted #DDDDDD;
}
		#modalContent div.measure .blockGuide table {
	border-collapse: collapse;
	width: 100%;
		}
		#modalContent div.measure .blockGuide>table {
		}
			#modalContent div.measure .blockGuide table td.ring {
				vertical-align:top;
				width:340px;
				padding-bottom:15px;
			}
				#modalContent div.measure .blockGuide table td.ring table {
					margin-top:10px;
					width:340px;
				}
					#modalContent div.measure .blockGuide table td.ring table tr th {
						background:#999;
						color:#FFF;
					}
					#modalContent div.measure .blockGuide table td.ring table tr th,
					#modalContent div.measure .blockGuide table td.ring table tr td {
						border:solid 1px #adadad;
						padding-left:0.5em;
						line-height:2;
						text-align:center;
						font-size:10px;
					}
	#modalContent div.measure .caution {
		font-size:11px;
		margin-top:10px;
		line-height: 1.5;
	}
/* 120604 変更ここまで */
/* 120528 追加ここまで */
/* 120615 追加ここから */
#modalContent div.returned {
}
	#modalContent div.returned .head {
		font-size:12px;
	}
		#modalContent div.returned .head span {
			font-size:14px;
			color:#cc0000;
			font-weight:bold;
		}
	#modalContent div.returned dl {
		margin-top:24px;
	}
		#modalContent div.returned dl dt {
			font-weight:bold;
		}
		#modalContent div.returned dl dd {
		}
			#modalContent div.returned dl dd span {
				color:#cc0000;
			}
			#modalContent div.returned dl dd ul {
				padding-left:0.5em;
			}
#modalContent div.shopList {
}
	#modalContent div.shopList p.head {
		background:url(//img08.magaseek.com/images/mg/img/ic_dotte.png) no-repeat left center;
		padding-left:10px;
		margin-bottom:8px;
	}
	#modalContent div.shopList table {
		width:100%;
		border-bottom:solid 1px #ddd;
		margin-bottom:18px;
	}
		#modalContent div.shopList table tr {
		}
			#modalContent div.shopList table tr th, #modalContent div.shopList table tr td {
				border-top:solid 1px #ddd;
				padding:10px 0 10px 0;
				font-size:10px;
			}
			#modalContent div.shopList table tr th {
				width:200px;
				font-weight:normal;
			}
			#modalContent div.shopList table tr td {
			}
/* 120615 追加ここまで */
/* #11060 START */
#modalContent div.otoriyose {
}
	#modalContent div.otoriyose p {
		margin-bottom:20px;
	}
/* #11060 END */
/* #11839 修正 ここから */
#modalContent div.cartFinish {
	text-align: center;
}
	#modalContent div.cartFinish p.tx_01 {
		font-size: 18px;
		color: #339900;
		margin: 0 0 15px 0;
		font-weight: bold;
	}
	#modalContent div.cartFinish p.tx_02 {
		font-size: 14px;
		color: #cc0000;
		font-weight: bold;
	}
#modalContent div.wantlistFinish {
	text-align: center;
}
	#modalContent div.wantlistFinish p {
		margin: 0 0 10px 0;
	}
	#modalContent div.wantlistFinish img {
		display: inline;
	}
	#modalContent div.wantlistFinish p.tit {
		margin: 0 0 20px 0;
	}
	#modalContent div.wantlistFinish p.tx {
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #cccccc;
	}
	#modalContent div.wantlistFinish p.txstock {
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #cccccc;
		color:#900;
		font-weight:bold;
	}
	#modalContent div.wantlistFinish p.commentbody {
		/*background-color: #f5f5f5;*/
		padding: 6px 6px 2px 6px;
		margin-bottom: 10px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-border-radius: 2px;
		-khtml-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		word-wrap: break-word;
	}
		#modalContent div.wantlistFinish p.commentbody textarea {
			padding: 4px;
			border: 1px solid #aaa;
			background-color: #fffff5;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
	#modalContent div.wantlistFinish  .commentCaution {
		color:#900;
		font-weight:bold;
		margin-bottom:5px;
	}
#modal-box {
	width: 96%;
	padding: 10px;
	background-color: #FFFFFF;
	overflow-x: hidden;
}
/* #11839 修正 ここまで */
/*201703 修正ここから*/
/*spページ*/
.spver img {
	width: 100%;
}
/**/
#modalContent div.measure .blockGuide table {
	border-collapse: collapse;
		}
		#modalContent div.measure .blockGuide>table {
		}
			#modalContent div.measure .blockGuide table td.ring_sp {
				vertical-align:top;
				padding-bottom:15px;
			}
				#modalContent div.measure .blockGuide table td.ring_sp table {
					margin-top:10px;
				}
					#modalContent div.measure .blockGuide table td.ring_sp table tr th {
						background:#999;
						color:#FFF;
					}
					#modalContent div.measure .blockGuide table td.ring_sp table tr th,
					#modalContent div.measure .blockGuide table td.ring_sp table tr td {
						border:solid 1px #adadad;
						padding-left:0.5em;
						line-height:2;
						text-align:center;
						font-size:10px;
					}

Window size: x 
Viewport size: x







