@charset "utf-8";

/* 画像スライダ
====================================*/
#main_image {
	width	: 640px;
	height	: 360px;
	margin	: 0 auto;
}

#main_image li {
	display			: inline-block;
	vertical-align	: top;
	/display		: inline;
	/zoom			: 1;
}

#main_image #left_navi,
#main_image #right_navi {
	width	: 80px;
	height	: 360px;
	cursor	: pointer;
}

#main_image #left_navi {
	background-image	: url("../images/sw_l_1.png");
	background-position	: center center;
	background-repeat	: no-repeat;
}

#main_image #left_navi:hover{
	background-image	: url("../images/sw_l_0.png");
}

#main_image #right_navi {
	background-image	: url("../images/sw_r_1.png");
	background-position	: center center;
	background-repeat	: no-repeat;
}

#main_image #right_navi:hover{
	background-image	: url("../images/sw_r_0.png");
}

li#img_container,
#img_thumbnail li {
	background-color: #1B72A7;
}

li#img_container {
	width			: 480px;
	height			: 360px;
	margin			: 0 auto;
	background-image	: url("../images/loader.gif");
    background-position	: center center;
    background-repeat	: no-repeat;
	overflow		: hidden;
	border-radius	: 4px 4px 4px 4px;
	box-shadow		: 2px 2px 2px rgba(0, 0, 0, 0.3);
	filter			: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
}

li#img_container img {
	vertical-align	: middle;
}

#img_thumbnail {
	width	: 640px;
	margin	: 7px auto 0;
	opacity	: 0;
}

#img_thumbnail li {
	float			: left;
	width			: 78.25px;
	height			: 60px;
	overflow		: hidden;
	margin-top		: 3px;
	margin-right	: 2px;
	text-align		: center;
	cursor			: pointer;
	border-radius	: 2px 2px 2px 2px;
	position		: relative;
	box-shadow		: 0 2px 1px rgba(0,0,0,0.3);
	filter			: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#888888');
}

#img_thumbnail li:nth-child(8n) {
	margin-right	: 0;
}

#img_thumbnail li:last-child {
	margin-right	: 0;
}

#img_thumbnail li img {
	vertical-align	: top;
	position		: relative;
}

#img_thumbnail li:first-of-type {
	top	: 2px;
	left: 0;
	box-shadow		: none;
	filter			: none;
}

#image_intro {
	width			: 480px;
	height			: 12px;
	margin			: -18px auto 0;
	padding			: 3px 0;
	background-color: #FFF;
	color			: #000;
	position		: relative;
	border-radius	: 0 0 4px 4px;
	letter-spacing	: 1px;
}

/* アーティクル
====================================*/
article#main {
	text-align		: center;
	background-color: #FFFFCC;
	padding-top		: 10px;
	padding-bottom	: 20px;
	width			: 920px;
	margin			: 0 auto;
}

article#main h2 {
	color			: #FFF;
	border			: 3px ridge #FFF;
	font-size		: 15px;
	font-size		: 1.5rem;
	margin			: 0 auto 20px;
	padding			: 6px 0;
	width			: 640px;
	background-color: #0073AA;
	background-image: linear-gradient(top, #4597C3 0%, #0074AA 100%);
	background-image: -o-linear-gradient(top, #4597C3 0%, #0074AA 100%);
	background-image: -moz-linear-gradient(top, #4597C3 0%, #0074AA 100%);
	background-image: -webkit-linear-gradient(top, #4597C3 0%, #0074AA 100%);
	background-image: -ms-linear-gradient(top, #4597C3 0%, #0074AA 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4597C3', endColorstr='#0074AA');*/
}

article#main h2 span{
	margin-right: 5px;
}

article#main h2 span:first-of-type {
	color	: #FF0;
}

article#main h1 span:last-of-type {
	margin-right: 0;
}

article#main em {
	width			: 622px;
	margin			: -10px auto 20px;
	padding			: 5px 8px;
	background-color: #FFF;
	color			: #00008B;
	font-size		: 14px;
	font-size		: 1.4rem;
	font-style		: normal;
	font-weight		: bold;
	line-height		: 1.5;
	text-align		: justify;
	letter-spacing	: 2px;
	display			: block;
	border			: 1px solid #000;
}

div#detail {
	width		: 640px;
	margin		: 0 auto;
	clear		: both;
	overflow	: hidden;
}

div#detail dl {
	float		: left;
	border-top	: 1px solid #000;
	line-height	: 1.5;
	margin-top	: 10px;
}

div#detail dt {
	clear			: both;
	float			: left;
	width			: 75px;
	text-align		: left;
	background-color: #0073AA;
	color			: #FFF;
	letter-spacing	: 2px;
	font-weight		: bold;
}

div#detail dd {
	margin-left		: 80px;
	text-align		: left;
	background-color: #FFF;
}

div#detail dt,
div#detail dd {
	border-left		: 1px solid #000;
	border-bottom	: 1px dotted #AAA;
	padding			: 2px;
}

div#detail dt:last-of-type,
div#detail dd:last-of-type {
	border-bottom-color	: #000;
	border-bottom-style	: solid;
}

dl#left dd {
	width	: 185px;
}

dl#right dd {
	width		: 284px;
	border-right: 1px solid #000;
}

div#detail p {
	clear			: both;
	width			: 638px;
	background-color: #FFF;
	border-left		: 1px solid #000;
	border-right	: 1px solid #000;
	border-bottom	: 1px solid #000;
	padding			: 6px 0;
}

.price {
	color		: #F00;
	font-weight	: bold;
}

article#main nav {
	width			: 600px;
	height			: 100px;
	margin			: 30px auto 0;
	overflow		: hidden;
	vertical-align	: top;
}

/* 問い合わせ先
====================================*/
#main address {
	letter-spacing	: 1px;
	margin-top		: 30px;
	font-style		: normal;
	clear			: both;
	padding-bottom	: 20px;
}

#main address p:nth-of-type(1) {
	font-size	: 16px;
	font-size	: 1.6rem;
	font-weight	: bold;
	margin-top	: 20px;
}

#main address img {
	margin	: 3px 0;
}

#main address a.ml {
	background-image	: url("../images/mail.gif");
	background-position	: left center;
	background-repeat	: no-repeat;
	padding-left		: 20px;
}

#main #ml {
	display: block;
	border: 2px solid #339933;
	width: 626px;
	background-color: #FF0;
	border-radius: 5px;
	padding: 15px 5px;
	margin: 10px auto 0;
	color: #333;
	font-weight: bold;
}

#main #ml p:first-of-type {
	font-size: 32px;
}

#main #ml p:last-of-type {
	font-size: 14.8px;
	margin-top: 5px;
}

#main #ml p:last-of-type span {
	color: #F00;
}

/* Sales Status
====================================*/
#sales_status {
	width	: 480px;
	margin	: 0 auto 10px;
}

#sales_status img {
	border			: 1px solid #FF007F;
	vertical-align	: top;
}

nav#list_navigation {
	height			: auto !important;
	margin			: -5px 0 0 !important;
	width			: auto !important;
	padding-bottom	: 20px;
}

nav#list_navigation p {
	font-size		: 14px;
	font-size		: 1.4rem;
	font-weight		: bold;
	margin-bottom	: 5px;
	line-height		: 1.3;
}

nav#list_navigation p span{
	color	: #F00;
}

nav#list_navigation a {
	background-color	: #1B72A7;
	background-image	: url("../images/list_allow.png");
	background-position	: 129px center;
	background-repeat	: no-repeat;
	color				: #FFFFFF;
	display				: inline-block;
	font-weight			: bold;
	margin-right		: 18px;
	padding				: 6px 0 6px 6px;
	text-align			: left;
	width				: 142px;
	border-radius		: 5px 5px 5px 5px;
	position			: relative;
	box-shadow			: 0 1px 1px rgba(0, 0, 0, 0.3);
	filter				: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=180, Color='#888888');
	/display			: inline;
	/zoom				: 1;
}

nav#list_navigation a:hover {
	box-shadow		: none;
	filter			: none;
	top				: 2px;
	background-color: #0B79AE;
}

nav#list_navigation a:last-child {
	margin-right	: 0;
}

strong {
	font-size	: 15px;
	font-size	: 1.5rem;
	font-weight	: bold;
	font-style	: normal;
}

/* 目地払いオプション
====================================*/
#mejibarai {
	margin-top		: 10px;
}

#mejibarai img:nth-of-type(1) {
	margin-right: 5px;
}

/* 支払い方法
====================================*/
#payment {
	width			: 626px;
	margin			: 10px auto -10px;
	background-color: #FFF;
	border			: 2px solid #FFA000;
	padding			: 5px;
	border-radius	: 5px;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
}

#payment .l1 span:nth-of-type(1) {
	color	: #F00 !important;
}

#payment .l1 span:nth-of-type(4) {
	background-color: #00F;
}

#payment .l1 span:nth-of-type(2) {
	background-color: #FFA000;
}

#payment .daibiki,
#payment .ginfuri {
	vertical-align	: middle;
	display			: inline-block;
	font-size		: 18px;
	width			: 38px;
	padding			: 4px;
	border-radius	: 4px;
	font-weight		: bold;
	color			: #FFF;
	margin			: 0 4px 0 3px;
	height			: 35px;
	letter-spacing	: 0;
	/display		: inline;
	/zoom			: 1;
}

#payment .l1 span:nth-of-type(1),
#payment .l1 span:nth-of-type(3),
#payment .l1 span:nth-of-type(5) {
	font-size		: 24px;
	font-weight		: bold;
	vertical-align	: middle;
	letter-spacing	: 1px;
	color			: #000;
}

#payment .l2 {
	margin			: 5px;
	font-weight		: bold;
	letter-spacing	: 0px;
	font-size		: 13px;
	color			: #000;
}

#payment .l3 {
	background-color: #0066FF;
	color			: #FFF;
	font-size		: 18px;
	padding			: 5px;
	font-weight		: bold;
}

#payment .l3 span {
	color		: #FF0;
	font-weight	: bold;
}

#holiday_info {
	margin-bottom: 20px;
}

#sales_status4 {
	width		: 640px;
	margin		: -10px auto 10px;
	color		: #FF6347;
	font-size	: 16px;
	font-weight	: bold;
}

#list_navigation .toListFromMejibarai {
	margin: 0;
	margin-right: 0px;
	padding: 0;
	display: inline-block;
	width: auto;
	height: 44px;
	vertical-align: top;
}

.cc {
    background-color: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid #000000 !important;
    color: #00008B !important;
    display: block;
    font-size: 1.4rem !important;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.5;
    margin: -10px auto 20px !important;
    padding: 5px 8px !important;
    text-align: justify !important;
    width: 622px !important;
}