﻿body { background-color:#E5D5C5;margin:0px;padding:0px;}

p { color: #CCC; font-size: 12px; font-family: Helvetica, Arial, Geneva; font-weight: normal;  padding: 0px; margin: 0px; line-height:18px }
a { color: #ff7f00; font-size: 12px; font-family: Helvetica, Arial, Geneva; font-weight: normal;  text-decoration: none; margin: 0 0px 0 0;  line-height:18px }
#footer a{color:#999999;}
a:hover { color: black; font-size: 12px; font-family: Helvetica, Arial, Geneva; font-weight: normal; text-decoration: underline}

h1 { color: #CCC; font-size: 18px; font-family: Georgia, Times; font-weight: normal; font-style: italic; padding: 12px 0px 0px 0px; margin: 0px 0px 2px 0px; }
h2 { color: black; font-size: 24px; font-family: Georgia, Times; padding: 0px 0 0 0; margin: 0px; }
h3 { color: black; font-size: 64px; font-family: Georgia, Times; padding: 0px 0 0 0; margin: 0px; }
h4 { color: #CCC; font-size: 13px; font-family: Georgia, Times; font-weight: normal; padding: 0px 0 0 0; margin: 0px; line-height:15px; }
h5 { color: #CCC; font-size: 12px; font-family: Georgia, Times; font-weight:bolder; padding: 0px 0 0 0; margin: 0px; line-height:18px; text-decoration:underline;}
h6 { color: #CCC; font-size: 11px; font-family: Helvetica, Arial, Geneva; font-weight: normal;  padding: 0px; margin: 0px; line-height:18px; }


img { padding: 0px 0 0 0; border: 0; }
object, embed { padding: 0 0 0 0; border: 0; }
.lineA { width: 100%; height: 1px; color: black; margin: 0px 0px 0px 0px; clear: both; border-bottom: 1px dotted #CCC; }
.lineB { width: 100%; height: 3px; color:  black; margin: 0 0 2px 0; clear: both; }
.lineC { width: 100%; height: 1px; color: black; margin: 2px 0px 5px 0px; clear: both; border-bottom: 1px dotted #5F6063; }

#center    {margin: 0px 0 0 -450px;padding: 0;position: absolute;left: 50%;width: 900px;}
#content{width:900px; background-color:#544B4A; margin:0px; padding-bottom:0px; display:table;border-bottom: 10px solid #312C2B;}

#header{margin:69px 0 0 0;padding:0;}
#footer {margin:0; padding: 0; position:relative; height:100px;}

.contentcolumn_idx{background-image:url("../../images/common/top_bg.png");background-repeat:no-repeat;height:640px;}
.contentcolumn0 { width: 844px; margin: 0px 0px 0px 28px; padding: 0px; float: left; }
.contentcolumn01 { font-size:12px;color:#ccc;margin:5px 0px;}
.contentcolumn01 ul{list-style:none;margin:5px 0;padding:0;line-height:1.5;}
.contentcolumn02 { width: 872px; margin: 0px 0px 0px 28px; padding: 0px; float: left; position:relative;}
.contentcolumn00 { width: 872px; margin: 28px 0px 28px 28px; padding: 0px; float: left; }
.contentcolumn2 { width: 407px; margin: 0px 0px 0px 28px; padding: 0px; float: left; height:470px; }
.contentcolumn21 { width: 407px; margin: 28px 0px 0px 28px; padding: 0px; float: left; height:600px; }
.contentcolumn225 { width: 364px; height: 355px; margin: 15px 0px 0px 28px; padding: 0px; float: left; line-height:1.4;}
.contentcolumn_3 { width: 364px; margin: 28px 0px 0px 28px; padding: 0px; float: left; }
/*Blog content block*/
.contentcolumn8{ width:564px; margin:0px 0px 0px 28px; padding:0px; float:left;}
.contentcolumn8 table ,.contentcolumn8 tbody, .contentcolumn8 tr,.contentcolumn8 td {padding:0;margin:0;font-family: Helvetica, Arial, Geneva;line-height:1.4; border:none;}
.contentcolumn8 img{border:none;margin:0;max-width:395px;max-height:395px;}
.contentcolumn8 h1{font-size:13px;font-weight:bold;font-style:normal;margin:0;padding:0;top:0;font-family: Helvetica, Arial, Geneva;}
.contentcolumn8 h3{font-size:12px;font-weight:normal;margin:0;padding:0;top:0;font-family: Helvetica, Arial, Geneva;color:#CCCCCC;}
.contentcolumn8 ul,.contentcolumn8 ol{font-size:12px;}
.contentcolumn8 .number{text-align:right;font-size:30px;font-weight:bold;margin-right:8px; color:#999999;}
.contentcolumn8 .sub{background-color:#000000;text-indent:0.5em;width:157px;color:#fff;margin-bottom:3px;}
.contentcolumn8 .posted{text-align:right;font-size:12px;color:#CCCCCC;}
/*Blog menu block*/
.contentcolumn81{width:252px; margin:0px 0px 0px 28px; padding:0px; float:left;}
/*.contentcolumn81 img{margin:0;padding:0;border:none;top:0;}*/
.contentcolumn81 .keyword
{
    text-decoration:none;
    list-style:none;margin:0;
    font-size:10px;font-weight:normal;padding:0;top:0;font-family: Helvetica, Arial, Geneva;
}
.keyword h2{font-size:11px;margin:0;}
/*Payment block Left*/
.contentcolumn9L{width:252px; margin:0px 0px 0px 28px; padding:0px; float:left;}
.contentcolumn9R{width:592px; margin:0px 0px 0px 0px; padding:0px; float:left;}

/*utility-menu-nav*/
#utility-nav{position:absolute;right:0;}
#utility-nav ul{list-style:none;}
#utility-nav li.util-main{padding:9px 20px;float:left;height:14px;background:url(../images/common/utility-separator.png) no-repeat left center;}
#utility-nav li.first{background:none transparent scroll repeat 0% 0%; color:#999999;}
#util-account{position:relative;}
#utility-nav ul li a{/*text-transform:uppercase;*/text-decoration:none;}
#utility-nav ul li a.util-main{color:#6d6d68;font-size:12px;font-family: Georgia, Times;color:#999;}
#utility-nav ul li a:hover.util-main{color:#4d4d4d;text-decoration:underline;}
#utility-nav ul li div.util-actions-wrap{ border-bottom:#18191c 1px solid;border-left:#18191c 1px solid;border-right:#18191c 1px solid;position:absolute;top:32px;right:0px; display:none;background:#282a2d;}



/*menu block
----------------------------------------------------------*/
#logindisplay{position: absolute; top:19px; left:0px;font-size:12px; color:#666;}
#logindisplay a{font-family: Georgia, Times; color: #544B4A; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; padding: 4px;}
#logindisplay a:hover{text-decoration:underline ;}

/* WishListLink
----------------------------------------------------------*/
#wishlist{position:absolute;top:22px;left:563px;font-family: Georgia, Times; color: #999999;font-size:12px; padding:2px;display:block;cursor:pointer;}

/* Styles for pageCart
----------------------------------------------------------*/
#shopcart{position:absolute;top:19px;left:673px;width:150px;text-align:right; font-size:12px; color:#544B4A;padding:2px;display:block;cursor:pointer;}
#shopcart,#shopcart a{font-family: Georgia, Times; color: #544B4A; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none;}
#shopcart a:hover{/*text-decoration:underline*/ color:#666;}
#shopcart_container{position:absolute;width:450px;height:0px;top:42px;left:450px;background-color:#ececec;	z-index:1000;/*opacity: 0.85;filter:alpha(opacity=85);*/}
#cart_layer{	position:relative;	width:450px;/*min-height:1px;	height:320px;*/	top:0px;	left:0px;	background-color:#605655;	opacity:0.95;	filter:alpha(opacity=95);	display:none;	padding-bottom:10px;	padding-top:0;	color:#FFFFFF;	font-size:12px;}#cart_layer .div{	float:left;padding-top:4px;padding-bottom:0px;padding-left:8px;}
#cart_layer .link{	padding:7px;text-align:right;}
#cart_layer a.cartClose{position:absolute;z-index:100;width:22px;height:18px;top:10px;right:3px;cursor:pointer;background:url(../images/common/b_close.png) no-repeat;}
#cart_layer a:hover.cartClose{background-position:0 -18px;}

/* Menu
----------------------------------------------------------*/
#menu { position: absolute; left: 158px; top:94px; width:587px; padding: 22px; z-index:1000; }
ul#menu{padding: 4px;list-style:none;}
ul#menu a{font-family: Georgia, Times; color: /*#999999*/#544B4A; font-size: 15px; font-weight: normal; font-style: normal; text-decoration: none;}
ul#menu a:hover{text-decoration:underline ;}
ul#menu li{float:left; width:85px;}
ul#menu li ul{margin-left:0px;padding:0; display:none;list-style:none;}
ul#menu li ul li{width:235px; display:block;}
ul#menu li ul li a{font-family: Georgia, Times; color: #999999; font-size: 15px; padding:0 4px;text-align:left;line-height:24px;display:inline-block;height:24px;width:135px;background:#fff;opacity: 0.85;filter:alpha(opacity=85);/*border-bottom: 1px dotted #CCC;*/ }
ul#menu li ul li a:hover{background-color:#CCCCCC; text-decoration:none;color:#FFFFFF;}

/* ShopMenu
----------------------------------------------------------*/
#shopmenu{position: absolute; left: 158px; top:120px; width:587px; padding: 22px; z-index:1000;}
ul#shopmenu{padding: 4px;list-style:none;}
ul#shopmenu a{color:#544B4A}
ul#shopmenu li{float:left; width:100px;}
/*footer menu
----------------------------------------------------------*/
#footer ul#fmenu{font-size: 10px; font-family: Helvetica, Arial, Geneva; font-weight: normal;  padding: 0px; margin: 0px; line-height:18px;color: #544B4A; position:absolute;top:25px;left:0px;list-style:none;}
#footer ul#fmenu li{float:left;margin-right:15px;}
#footer #fcopy{font-size: 10px; font-family: Helvetica, Arial, Geneva; font-weight: normal;  padding: 0px; margin: 0px; line-height:18px;color: #544B4A; position:absolute;top:23px;left:660px;}

/* TABLE
----------------------------------------------------------*/
table {border: solid 1px #e8eef4;  border-collapse: collapse;  font-size: 11px; font-family: Helvetica, Arial, Geneva; font-weight: normal;line-height:1.5;  color:#5F6063;}
table td {padding: 5px; border: solid 1px #e8eef4;}
table th{padding: 6px 5px;text-align: left;  background-color: #e8eef4;   border: solid 1px #e8eef4;   }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset {margin: 1em 0;  padding: 1em;  border: 1px solid #CCC;  font-size: 12px; font-family: Helvetica, Arial, Geneva; font-weight: normal;}
fieldset p {  margin: 2px 12px 10px 10px;}
legend {  font-size: 1.1em;  font-weight: 600;  padding: 2px 4px 8px 4px;}
input[type="text"] {/*  width: 200px;  border: 1px solid #CCC;	*/	border: 1px solid #CCC;	padding-left:3px;height:1.5em;	line-height:1.5em;	width:200px;}
input[type="password"] {/*  width: 200px;  border: 1px solid #CCC;	*/	border: 1px solid #CCC;	padding-left:3px;height:1.4em;	line-height:1.4em;	width:200px;}
input[type="text"]#title,input[type="text"]#subtitle{  width:400px;}
.label{  width:50px;display:block;float:left;}
.note{	font-size:10px;	color:#666666;	margin:-5px 12px 10px 10px;padding:0;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error{/*color: #ff0000;*/color:#ff7f00;}
.field-validation-valid{display: none;}
.input-validation-error{border: 1px solid #ff0000;background-color: #ffeeee;}
.validation-summary-errors{  font-size:11px;  font-weight: bold;  color: #ff0000;  color:#ff7f00;}
.validation-summary-valid{  display: none;}


.uibutton{
	border:#888 1px solid;
	padding:5px 6px 3px 6px;
	margin:0px;
	outline-style:none;
	outline-color:invert;
	outline-width:medium;
	display:inline-block;
	white-space:nowrap;
	background:none transparent scroll repeat 0% 0%;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	color:#FFFFFF;
	background-color:#575757;
	
	border-radius:8px;
	-webkit-border-ridius:8px;
	background:-webkit-gradient(liner,left top,left bottom,from(#c3fb00),to(#575757));
	text-shadow:-1px -1px 0 #666;
}/*Form Button height30px
-----------------------------------------------------------*/
.button .original,
.button_r .original{
	background: none;
	border: none;
	cursor: pointer;
	/*font-size: 14px;*/
	height: 30px;
	color: #efefef;
	font-weight: bold;
	padding: 0 30px 0 32px;
	margin-left: -17px;/* クリッカブルエリアを背景と一致させる */
	overflow:visible;/* IE6,7 */
}
.button{
	height: 30px; /* 画像の高さ */
    width: auto;
    margin-right:0px;
    float: left;
    padding-left: 17px;/* 左側の丸角表示範囲 */
    background:url(../../images/common/buttom_bg.png) no-repeat top left;
}
.button_r{
	height: 30px; /* 画像の高さ */
    width: auto;
    margin-right:0px;
    float: right;
    padding-left: 17px;/* 左側の丸角表示範囲 */
    background:url(../../images/common/buttom_bg.png) no-repeat top left;
}
.button_r span.right{
    position: relative;
    margin-right: 0px;
	_margin-right: 0px;
    padding: 0px;
    display: block;
    height: 30px;
    float: left;
    background: url(../../images/common/buttom_bg.png) no-repeat top right;
}
.button span.right{
    position: relative;
    margin-right: -17px;
	_margin-right: 0px;
    padding: 0px;
    display: block;
    height: 30px;
    float: left;
    background: url(../../images/common/buttom_bg.png) no-repeat top right;
}

/*IE 7 only （IE7のみ）*/
*:first-child+html .button span.right {
	margin-right: 0px;
}

.button:hover{background-position: bottom left;}
.button:hover span.right{background-position: bottom right;}
.clear{clear:left;}