@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-size:75%;
	line-height:140%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:#0c0c0c;
	color:#ffffff;
	}

img {
	border:none;
	vertical-align:top;
	}
	
p {
	margin:0;
	padding:0;
	}
	
a {
	color:#dfe48d;
	text-decoration:none;
	}
	
a:hover {
	color:#b0b64c;
	}

table {
	border-collapse:collapse;
	}


/*  header  */

#header {
	width:940px;
	overflow:hidden;
	height:120px;
	}

#headerLeft {
	padding:15px 0 0 0;
	width:300px;
	float:left;
	}

#headerRight {
	padding:10px 0 0 0;
	width:600px;
	float:right;
	text-align:right;
	}

#headerRight img {
	position:relative;
	}

h1 {
	font-size:90%;
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
	}

#headerLeft img { background:url(../img/logo.png) left top no-repeat; }
#headerLeft a:hover img { background:url(../img/logo.png) left bottom no-repeat; }


/*  footer  */

#footerBg {
	background:url(../img/bg_footer.png) left top repeat-x #0c0c0c;
	padding:15px 0 30px 0;
	}

#footer {
	width:940px;
	margin:0 auto;
	overflow:hidden;
	}

#footer .footerNavi {
	width:940px;
	font-size:90%;
	margin:0 0 15px 0;
	}

#footer a {
	color:#ffffff;
	}

#footer a:hover {
	color:#dfe48d;
	}

#footer .footerLogo {
	display: block;
	float:left;
	}

#footer .footerAddress {
	display: block;
	float:left;
	font-size:90%;
	padding:0 0 0 20px;
	background:url(../img/line_dot_footer.png) left top repeat-y;
	}

.copyright {
	color:#999999;
	text-align:center;
	margin:20px 0 0 0;
	font-size:90%;
	}


/*  layout  */

#wrapperBg {
	width:100%;
	background:#000000;
	}

#wrapper {
	width:940px;
	margin:0 auto;
	padding:0 0 60px 0;
	overflow:hidden;
	background:url(../img/bg_body.jpg) top center no-repeat #000000;
	}

#main {
	width:940px;
	overflow:hidden;
	}


/*  navi  */

#navi {
	margin:0 0 35px 0;
	padding:0;
	}

#navi ul {
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	width:940px;
	}

#navi li {
	display:block;
	float:left;
	}

#navi li.navi01 img { background:url(../img/navi01.png) left top no-repeat; }
#navi li.navi02 img { background:url(../img/navi02.png) left top no-repeat; }
#navi li.navi03 img { background:url(../img/navi03.png) left top no-repeat; }
#navi li.navi04 img { background:url(../img/navi04.png) left top no-repeat; }
#navi li.navi05 img { background:url(../img/navi07.png) left top no-repeat; }
#navi li.navi06 img { background:url(../img/navi06.png) left top no-repeat; }

#navi li.navi01 a:hover img { background:url(../img/navi01.png) left bottom no-repeat; }
#navi li.navi02 a:hover img { background:url(../img/navi02.png) left bottom no-repeat; }
#navi li.navi03 a:hover img { background:url(../img/navi03.png) left bottom no-repeat; }
#navi li.navi04 a:hover img { background:url(../img/navi04.png) left bottom no-repeat; }
#navi li.navi05 a:hover img { background:url(../img/navi07.png) left bottom no-repeat; }
#navi li.navi06 a:hover img { background:url(../img/navi06.png) left bottom no-repeat; }


/*  top  */

#topLeft {
	width:380px;
	float:left;
	}

#topRight {
	width:520px;
	margin:20px 0 0 0;
	float:right;
	}

#topRight ul {
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
	overflow:hidden;
	width:940px;
	}

#topRight li {
	display:block;
	float:left;
	margin:0 0 0 20px;
	}

#topRight li.first {
	margin:0;
	}

#topRight img {
	position:relative;
	}

#blog {
	margin:40px 0 0 0;
	}

#blogTitle p {
	display:inline;
	}

#blogTitle img {
	margin:0 20px 0 0;
	}

#blog ul {
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
	}

#blog li {
	margin:13px 10px;
	background:url(../img/icon_arrow.png) left center no-repeat;
	padding:0 0 0 20px;
	}

#blog li strong {
	margin:0 15px 0 0;
	}

#blog li a {
	color:#ffffff;
	text-decoration:underline;
	}

#blog li a:hover {
	color:#dfe48d;
	}


/*  detail  */

#detailMain {
	width:700px;
	float:right;
	background:url(../img/bg_detail.jpg) left top no-repeat;
	}

#sideNavi {
	width:200px;
	float:left;
	position:relative;
	}

.titleImg {
	margin:0;
	}

.detailBox {
	margin:0 0 50px 0;
	}

#pankuzu {
	margin:0 0 50px 0px;
	font-size:90%;
	} 

#sideNavi ul {
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
	}

#sideNavi ul li {
	margin:0 0 10px 0;
	padding:0;
	}

#sideNavi ul li img {
	position:relative;
	}
	
#sideNavi .sideCategory {
	width:200px;
	margin:0;
	padding:0 0 5px;
	}
	
#sideNavi .sideCategory ul {
	margin:5px 0 0 5px;
	padding:0;
	list-style:none;
	}
	
#sideNavi .sideCategory ul li.bg01 {
	padding:0 0 0 17px;
	margin:0;
	line-height:20px;
	background:url(../img/sidemenu_bg01.gif) no-repeat left top;
	}
	
#sideNavi .sideCategory ul li.bg02 {
	padding:0 0 0 17px;
	margin:0;
	line-height:20px;
	background:url(../img/sidemenu_bg02.gif) no-repeat left top;
	}
	
#sideNavi .sideCategory a {
	color:#ffffff;
	}
	
#sideNavi .sideCategory a:hover {
	color:#dfe48d;
	}

h3.headline {
	font-size:100%;
	font-weight:bold;
	margin:0 0 10px 0;
	}

.headline02 {
	font-weight:bold;
	font-size:120%;
	background:url(../img/line_dot_white.png) left bottom repeat-x;
	padding:0 2px 5px 2px;
	margin:0 0 20px 0;
	}

.normalTable {
	margin:0;
	width:100%;
	}

.normalTable td,.normalTable th {
	margin:0;
	padding:15px 10px;
	text-align:left;
	vertical-align:top;
	background:url(../img/line_dot_white.png) left bottom repeat-x;
	}

.normalTable th {
	font-weight:bold;
	}

.normalTable td p {
	padding:0 0 0 20px;
	border-left:#ffffff 5px solid;
	}

.normalList {
	margin:5px;
	padding:0;
	list-style:none;
	}

.normalList li {
	background:url(../img/icon_arrow.png) left 5px no-repeat;
	padding:0 0 0 10px;
	margin:0 0 3px 0;
	}


/* QA */

.question {
	background:url(../img/icon_q.gif) left top no-repeat;
	padding:5px 0 5px 50px;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#000000;
	}

.answer {
	background:url(../img/icon_a.gif) left top no-repeat;
	padding:5px 0 5px 50px;
	color:#333333;
	}

.qaBox {
	padding:15px;
	margin:0 0 20px 0;
	background:#ffffff;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	}

.qaBox div {
	background:url(../img/line_dot_white.png) left bottom repeat-x;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}

.qaList {
	margin:0 0 20px 5px;
	padding:0;
	}

.qaList li {
	background:url(../img/icon_arrow.png) left 0.3em no-repeat;
	padding:0 0 0 15px;
	margin:0 0 3px 0;
	list-style:none;
	}

.qaListBox {
	margin:0 0 40px 0;
	padding:15px 20px;
	}

.qaListCate {
	font-weight:bold;
	padding:0 5px 5px 5px;
	margin:0 0 5px 0;
	background:url(../img/line_dot_white.png) repeat-x bottom left;
	}
	
.qaList a {
	color:#ffffff;
	}
	
.qaList a:hover {
	color:#dfe48d;
	}

.link {
	margin:0 0 20px;
	}

.qaBox .pagetopText {
	text-align:right;
	font-size:90%;
	}

.qaBox .pagetopText a {
	color:#000000;
	background:url(../img/icon_pagetop.gif) left center no-repeat;
	padding:2px 0 0 10px;
	}


/*  contact  */

#contactList {
	list-style:none;
	margin:0;
	padding:0;
	}

#contactList li {
	margin:0;
	padding:0;
	display:inline;
	}

#contactList li.mgn {
	margin:0 30px;
	}

dl.contactBox {
	padding:0 10px;
	margin:20px 0 0 0;
	}

.contactBox dt{
	border-left:solid 5px #dfd89a;
	font-weight:bold;
	padding:5px 0 5px 10px;
	clear:both;
	margin:5px 0 0 0;
	}

.contactBox dd{
	background:url(../img/contact_form_bg.gif) no-repeat left bottom;
	padding:0 0 15px 15px;
	clear:both;
	margin:0;
	}

* html .contactBox dt{
	width:700px;
	}

* html .contactBox dd{
	width:700px;
	}

.checkBtn{
	background:none;
	border:none;
	}

.btnArea {
	text-align:center;
	margin:20px 0;
	}

input,textarea {
	background:#ffffff;
	border:none;
	padding:2px;
	vertical-align:middle;
	font-size:1em;
	}

select {
	background:#ffffff;
	border:none;
	padding:0;
	vertical-align:middle;
	margin:0 0 3px 0;
	}
	
.input01 {
	width:96px;
	}
	
.input02 {
	width:250px;
	}

.input03 {
	width:65px;
	}

.input04 {
	width:353px;
	}

.checkBox {
	background:none;
	border:none;
	}

.attention {
	font-size:0.9em;
	line-height:15px;
	color:#bc3c36;
	font-weight:bold;
	}

.formBtn {
	background:none;
	}
	

/*  category  */

#categoryLft ,#categoryRgt {
	float:left;
	width:220px;
	}
	
#categoryCenter {
	float:left;
	width:220px;
	padding:0 20px 0;
	}
	
.categoryBox {
	margin:0 0 20px;
	}
	
.categoryBox ul {
	margin:15px 0 0 5px;
	padding:0;
	list-style:none;
	}

.categoryBox ul li {
	padding:0 0 0 15px;
	line-height:1.6em;
	background:url(../img/category_arrow.gif) no-repeat left 0.5em;
	}
	
.categoryBox a {
	color:#ffffff;
	}
	
.categoryBox a:hover {
	color:#dfe48d;
	}


/*  category 下層  */

.categoryTitle {
	margin:0;
	padding:0 0 20px;
	}

.goodsArea {
	padding:0 0 30px;
	width:700px;
	overflow:hidden;
	}
	
.goodsBox01 {
	float:left;
	width:160px;
	margin:0;
	padding:0 20px 0 0;
	}

.goodsBox02 {
	float:left;
	width:160px;
	margin:0;
	padding:0;
	}
	
.goodsBox01 p.name ,.goodsBox02 p.name {
	padding:8px 0 5px;
	font-weight:bold;
	}
	
.goodsBox01 p ,.goodsBox02 p {
	margin:0;
	padding:0;
	}

.whiteBox {
	background:#ffffff;
	color:#333333;
	padding:0 0 20px 0;
	}

.whiteBox p{
	margin:0 20px;
	}


/*  itemDetail  */

.itemPage p {
	margin:0 0 15px 0;
	}

.itemTitle {
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	background:url(../img/item_title_bg.gif) top left no-repeat;
	height:70px;
	margin:0 0 20px 0;
	padding:15px 0 0 30px;
	}

.itemPage .itemCatch {
	font-size:16px;
	margin:0 0 15px 0;
	}

.itemPage .itemName {
	font-size:24px;
	}

.itemPage .itemName span {
	font-size:18px;
	margin:0 0 0 20px;
	}

.itemPage .itemPhoto01 {
	width:100%;
	overflow:hidden;
	list-style:none;
	margin:0 0 30px 0;
	padding:0;
	}

.itemPage .itemPhoto01 li {
	float:left;
	display:block;
	}

.itemPage .itemPhoto02 {
	width:100%;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:30px 0 0 0;
	clear:both;
	}

.itemPage .itemPhoto02 li {
	float:left;
	display:block;
	}

.itemPage .itemPhoto03 {
	width:100%;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:30px 0 0 0;
	clear:both;
	}

.itemPage .itemPhoto03 li {
	float:left;
	display:block;
	border:3px solid #ffffff;
	margin:0 15px 15px 0;
	}

.itemPage .itemTable {
	margin:0;
	float:right;
	width:200px;
	border-collapse:collapse;
	}

.itemPage .itemTable td,.itemPage .itemTable th {
	padding:5px;
	border:1px #ffffff solid;
	}



/*  link  */

.linkImg {
	border:1px solid #ffffff;
	}

.link {
	margin:0 0 20px 0;
	}

.link img {
	float:left;
	margin:0 20px 5px 0;
	}
	
	
/*  history  */

.yagou {
	padding:0 0 20px 20px;
	background:#000000;
	}
	
.historyText {
	margin:0 0 10px;
	padding:0 0 10px;
	background:url(../img/line_dot_white.png) repeat-x left bottom;
	}
	
	
/*  remake  */

.remakeHeadline {
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0 5px 30px;
	margin:20px 0 10px;
	background:url(../img/remake_headline.gif) no-repeat left 0.2em;
	border-bottom:#999999 solid 1px;
	}
	
.smallText {
	font-size:0.8em;
	font-weight:normal;
	}
	
.remakeTable {
	width:700px;
	margin:0 0 5px;
	padding:0;
	border:none;
	border-collapse:collapse;
	}
	
.remakeTable thead th {
	text-align:left;
	border-bottom:#ffffff solid 1px;
	padding:5px 0 5px 0;
	}
	
.width230 {
	width:230px;
	}

.remakeTable th.type {
	background:url(../img/line_dot_gray.gif) repeat-x left bottom;
	font-weight:normal;
	padding:5px 10px 5px 0;
	text-align:left;
	vertical-align:top;
	}

.remakeTable td {
	background:url(../img/line_dot_gray.gif) repeat-x left bottom;
	padding:8px 10px 8px 0;
	text-align:left;
	vertical-align:top;
	}
	
.remakeTable th p {
	border-left:#881317 solid 5px;
	padding:3px 0 3px 5px;
	}

.remakeTable02 {
	width:700px;
	margin:0 0 5px;
	padding:0;
	border:none;
	border-collapse:collapse;
	}
	
.remakeTable02 th {
	background:url(../img/line_dot_gray.gif) repeat-x left bottom;
	font-weight:normal;
	padding:5px 10px 5px 0;
	text-align:left;
	vertical-align:top;
	width:200px;
	}

.remakeTable02 td {
	background:url(../img/line_dot_gray.gif) repeat-x left bottom;
	padding:8px 10px 8px 0;
	text-align:left;
	vertical-align:top;
	}
	
.remakeTable02 th p {
	border-left:#881317 solid 5px;
	padding:0 0 0 5px;
	}
	
.remakeTable02 td p {
	border-left:#666666 solid 5px;
	padding:0 0 0 5px;
	}
	
.redText {
	color:#c6171d;
	font-size:1.2em;
	font-weight:bold;
	padding:0 3px;
	}
	
	
/*  dressing  */

.dressTable {
	margin:20px 0 5px;
	padding:0;
	border-collapse:collapse;
	}
	
.dressTable th {
	color:#ffffff;
	width:100px;
	text-align:center;
	vertical-align:middle;
	background:#881317;
	border:#333333 solid 1px;
	padding:10px;
	}
	
.dressTable td {
	color:#ffffff;
	width:250px;
	border:#333333 solid 1px;
	padding:10px;
	}
	
.dressBox {
	margin:0 0 20px;
	}
	
.dressSubTitle {
	background:url(../img/line_dot_gray.gif) repeat-x left bottom;
	padding:20px 0 8px 0;
	margin:0 0 10px;
	font-size:1.4em;
	font-weight:bold;
	}
	
.dressSubTitle p {
	margin:0;
	padding:2px 0 2px 5px;
	border-left:#881317 solid 5px;
	}
	
.dressSubTitle p span {
	font-size:0.8em;
	font-weight:normal;
	}
	
.dressText01 {
	line-height:180%;
	padding:10px 0 10px 10px;
	}
	
.dressProgram {
	margin:10px 0 0 5px;
	padding:0;
	list-style:decimal-leading-zero inside;
	}
	
.dressProgram li {
	line-height:180%;
	}
	
.galleryTitle {
	font-size:1.2em;
	font-weight:bold;
	padding:0 0 5px;
	line-height:140%;
	}
	
	
/*minato*/

.minatoTextBg {
	margin:0;
	padding:0;
	background:url(../img/minato_bg_img.jpg) no-repeat right top;
	}
	
.minatoTextBg p {
	margin:0;
	padding:0 0 20px;
	line-height:180%;
	}
	
.minatoPriceTable ,.minatoSizeTable {
	margin:0;
	padding:0;
	border-collapse:collapse;
	}
	
.minatoPriceTable th {
	background:#1a5088;
	border:#ffffff solid 1px;
	text-align:left;
	padding:5px;
	vertical-align:top;
	width:150px;
	}
	
.minatoPriceTable td {
	border:#ffffff solid 1px;
	padding:5px;
	text-align:left;
	width:100px;
	}
	
.minatoSizeTable th {
	background:#1a5088;
	border:#ffffff solid 1px;
	text-align:center;
	padding:5px;
	vertical-align:top;
	width:150px;
	}
	
.minatoSizeTable td {
	border:#ffffff solid 1px;
	text-align:center;
	padding:5px;
	vertical-align:top;
	}
	
.minatoSizeTable td.size {
	border:#ffffff solid 1px;
	text-align:left;
	padding:5px;
	vertical-align:top;
	}
	
.largeFont {
	font-size:1.2em;
	font-weight:bold;
	}
	
.minatoFlow01 ,.minatoFlow02 ,.minatoFlow03 {
	padding:10px 0 10px 35px;
	font-weight:bold;
	font-size:1.2em;
	border-bottom:#ffffff solid 1px;
	}
	
.minatoFlow01 { background:url(../img/minato_flow01.gif) no-repeat left top; }
.minatoFlow02 { background:url(../img/minato_flow02.gif) no-repeat left top; }
.minatoFlow03 { background:url(../img/minato_flow03.gif) no-repeat left top; }

.minatoArrow {
	margin:0;
	padding:20px 0 20px 10px;
	}
	
.redSmall {
	font-size:0.8em;
	color:#FF6666;
	}


/*  common  */

.clear {
	clear:both;
	}
	
.left {
	float:left;
	}
	
.right {
	float:right;
	}

.centerText {
	text-align:center;
	}

.rightText {
	text-align:right;
	}

.imgLeft {
	float:left;
	margin:0 10px 10px 0;
	}

.imgRight {
	float:right;
	margin:0 0 10px 10px;
	}

.pdnBtm10 {
	padding:0 0 10px 0;
	}

.pdnBtm20 {
	padding:0 0 20px 0;
	}

.pdnTop10 {
	padding:10px 0 0 0;
	}

.pdnTop20 {
	padding:20px 0 0 0;
	}


/* imagelink */

.imageOver {
	background:url(../img/zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	}

