@charset "utf-8";

/* ---------------------------------------------------
01: Setup
02: CSS Hack
03: Base
04: Plugin
--------------------------------------------------- */


/* 01: Setup
--------------------------------------------------- */
* { margin: 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; text-align: left; line-height: 1.5; }
body { color: #695826; font-size: 13px; font-family:"Lucida Grande" "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "メイリオ","MS PGothic", sans-serif; background: #fcfbfa; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0; }
strong { font-weight: normal; }
em, address { font-style: normal; }
input, button { text-align: center; line-height: normal; }

a { color: #695826; }
a:link { color: #695826; }
a:visited { color: #695826; }
a:hover, a:active { color: #695826; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* 02: CSS Hack
--------------------------------------------------- */
/* floating box clear */
.clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }


/* 03: Base
--------------------------------------------------- */

body { background: #fcfbfa url(../img/bg.jpg) 0 0 repeat; }
#wrapper { width: 960px; margin: 0 auto; padding-bottom: 20px;background-color: none;}
.home { position: relative; }

/* contents */
#side { float: left; width: 243px; background: #f4f4f2; border-bottom: solid 1px #e2e1df; border-left: solid 1px #e2e1df; border-right: solid 1px #e2e1df; }
#main { float: right; width: 672px; min-height: 530px; background: none; }
.home #wrapper { background: url(../img/top_img.jpg) 0 0 no-repeat; padding-bottom: 0px; background-color: transparent;}
.home #main { background-color: transparent; }
.home #main .slideshow img{ border: none; padding: 0; background-color: transparent; }
.home #main .slideshow { background-color: transparent;  float: right;  }

/* side */
#side h1 { margin: 0 5px; background: #fbfbf8; border: solid 1px #ffffff; }
#side #nav { margin: 5px; padding: 15px 0 0 20px; background: #fbfbf8; border: solid 1px #ffffff; }
#side ul#dress { padding-left: 24px; background: url(../img/dressmenu.png) 0 0 no-repeat; }
#side ul#contents { padding-left: 24px; margin: 12px 0 7px 0; background: url(../img/contents.png) 0 0 no-repeat; }
#side li { overflow: hidden; }
#side li a { display: block; height: 28px; line-height: 1; }
#side #news { margin: 5px; padding: 20px 10px 10px 20px; background: #fbfbf8; border: solid 1px #ffffff; }
#side #news .post { margin: 15px 0; }
#side #news div.rss { margin: -15px 0 0 73px; }
#side #news div.all { margin: -15px 0 0 109px; }

li#nav_short a { background: url(../img/nav_short.png) no-repeat 0 0; }
li#nav_long a { background: url(../img/nav_long.png) no-repeat 0 0; }
li#nav_color a { background: url(../img/nav_color.png) no-repeat 0 0; }
li#nav_uchikake a { background: url(../img/nav_uchikake.png) no-repeat 0 0; }
li#nav_formal a { background: url(../img/nav_formal.png) no-repeat 0 0; }
li#nav_bustier a { background: url(../img/nav_bustier.png) no-repeat 0 0; }
li#nav_jacket a { background: url(../img/nav_jacket.png) no-repeat 0 0; }
li#nav_order a { background: url(../img/nav_order.png) no-repeat 0 0; }
li#nav_voice a { background: url(../img/nav_voice.png) no-repeat 0 0; }
li#nav_contact a { background: url(../img/nav_contact.png) no-repeat 0 0; }
li#nav_profile a { background: url(../img/nav_profile.png) no-repeat 0 0; }

li#nav_short a:link, li#nav_short a:visited,
li#nav_long a:link, li#nav_long a:visited,
li#nav_color a:link, li#nav_color a:visited,
li#nav_uchikake a:link, li#nav_uchikake a:visited,
li#nav_formal a:link, li#nav_formal a:visited,
li#nav_bustier a:link, li#nav_bustier a:visited,
li#nav_jacket a:link, li#nav_jacket a:visited,
li#nav_order a:link, li#nav_order a:visited,
li#nav_voice a:link, li#nav_voice a:visited,
li#nav_contact a:link, li#nav_contact a:visited,
li#nav_profile a:link, li#nav_profile a:visited { background-position: 0 0; }

li#nav_short a:hover, li#nav_short a:active,
li#nav_long a:hover, li#nav_long a:active,
li#nav_color a:hover, li#nav_color a:active,
li#nav_uchikake a:hover, li#nav_uchikake a:active,
li#nav_formal a:hover, li#nav_formal a:active,
li#nav_bustier a:hover, li#nav_bustier a:active,
li#nav_jacket a:hover, li#nav_jacket a:active,
li#nav_order a:hover, li#nav_order a:active,
li#nav_voice a:hover, li#nav_voice a:active,
li#nav_contact a:hover, li#nav_contact a:active,
li#nav_profile a:hover, li#nav_profile a:active { background-position: 0 -30px; }

.page-id-7 li#nav_short a:link, .page-id-7 li#nav_short a:visited, .parent-pageid-7 li#nav_short a:link, .parent-pageid-7 li#nav_short a:visited,
.page-id-8 .about li#nav_long a:link, .page-id-8 li#nav_long a:visited, .parent-pageid-8 li#nav_long a:link, .parent-pageid-8 li#nav_long a:visited,
.page-id-9 li#nav_color a:link, .page-id-9 li#nav_color a:visited, .parent-pageid-9 li#nav_color a:link, .parent-pageid-9 li#nav_color a:visited,
.page-id-10 li#nav_uchikake a:link, .page-id-10 li#nav_uchikake a:visited, .parent-pageid-10 li#nav_uchikake a:link, .parent-pageid-10 li#nav_uchikake a:visited,
.page-id-11 li#nav_formal a:link, .page-id-11 li#nav_formal a:visited, .parent-pageid-11 li#nav_formal a:link, .parent-pageid-11 li#nav_formal a:visited,
.page-id-12 li#nav_bustier a:link, .page-id-12 li#nav_bustier a:visited, .parent-pageid-12 li#nav_bustier a:link, .parent-pageid-12 li#nav_bustier a:visited,
.page-id-13 li#nav_jacket a:link, .page-id-13 li#nav_jacket a:visited, .parent-pageid-13 li#nav_jacket a:link, .parent-pageid-13 li#nav_jacket a:visited,
.page-id-2 li#nav_order a:link, .page-id-2 li#nav_order a:visited, .parent-pageid-2 li#nav_order a:link, .parent-pageid-2 li#nav_order a:visited,
.page-id-xxx li#nav_voice a:link, .page-id-xxx li#nav_voice a:visited, .parent-pageid-xxx li#nav_voice a:link, .parent-pageid-xxx li#nav_voice a:visited,
.page-id-23 li#nav_contact a:link, .page-id-23 li#nav_contact a:visited, .parent-pageid-23 li#nav_contact a:link, .parent-pageid-23 li#nav_contact a:visited,
.page-id-3 li#nav_profile a:link, .page-id-3 li#nav_profile a:visited, .parent-pageid-3 li#nav_profile a:link, .parent-pageid-3 li#nav_profile a:visited { background-position: 0 -30px; }

/* main */
#main img { border: solid 2px #d0d0d0; }
p.desc { margin: 15px 0; text-align: right; color: #333333; }
#breadcrumb { margin: 15px 0; padding: 2px 10px; color: #333333; background: #ebe6d8; }
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active { color: #333333; text-decoration: none; }

#main h2 { margin: 15px 0; padding-left: 24px; color: #695826; font-size: 16px; font-weight: bold; background: url(../img/h2.gif) 0 0 no-repeat; }
#main h2 a, #main h2 a:link { text-decoration: none; }

/* dress */
div.child_index { float: left; text-align: center; width: 184px; height: 315px; padding-right: 40px; margin-bottom: 5px; }
div.child_index img { margin: 15px 0; }
div.child_index a, div.child_index a:link, div.child_index a:visited, div.child_index a:hover, div.child_index a:active { text-decoration: none; }
div.child_index h3 { font-weight: bold; margin-top: 10px; font-size: 12px; background: none; }
div.child_index h3 a, div.child_index h3 a:link { text-decoration: none; }

#page_left { float: left; width: 330px; }
#page_left ul { width: 330px; margin: 15px 0; }
#page_left li { float: left; padding-right: 6px; }
#page_right { float: right; width: 320px; }
#page_right table.spec { margin: 0; width: 320px; }
#page_right table.spec, #page_right table.spec tr, #page_right table.spec th, #page_right table.spec td { border: 0px; background: transparent; padding: 5px; }
#page_right table.spec th, #page_right table.spec td { background: url(../img/dotline.gif) 0 0 no-repeat; }
#page_right table.spec th { color: #333333; width: 100px; }
#page_right ul { padding-top: 20px; background: url(../img/dotline.gif) 0 0 no-repeat; }
#page_right ul li { float: left; padding-right: 8px;}
#page_right ul img { border: 0; }


/* voice */
.category-voice .post, .category-news .post { padding-bottom: 20px; margin-top: 20px; }
.category-voice .post { background: url(../img/dotline.gif) 0 bottom no-repeat; }

/* news */
h3 { margin-top: 20px; padding-bottom: 5px; color: #695826; font-size: 14px; font-weight: bold; background: url(../img/dotline.gif) 0 bottom no-repeat; }
h3 a, h3 a:link { text-decoration: none; }
p.meta { margin-top: 5px; }

#y_arc { margin: 0;}
#y_arc li { float: left; padding-right: 5px; }
#y_arc a, #y_arc a:link, #y_arc a:visited { position:relative; padding: 2px 5px; margin-right: 5px; color: #695826; background: #ffffff; border: 1px solid #695826; text-decoration: none; }
#y_arc a:hover, #y_arc a:active { position:relative; padding: 2px 5px; color: #fff; background: #695826; border: 1px solid #695826; }

.entry-content { margin-top: 20px; }
.entry-content h3 { margin: 30px 0 20px 0; }
.entry-content h4 { font-weight: bold; margin-bottom: 10px; font-size: 13px; }
.entry-content p { margin-bottom: 1.5em; }

.entry-content strong { font-weight: bold; }
.entry-content em { font-style: italic; }
.entry-content blockquote { border: ; border: 1px #cccccc solid; padding: 1.5em 1.5em 0 1.5em; margin-bottom: 1.5em; }
.entry-content address { margin-bottom: 1.5em; }
.entry-content pre { margin-bottom: 1.5em; overflow: auto; }

.entry-content ul { margin-bottom: 1.5em; }
.entry-content ul li { padding-left: 12px; background: url(../img/bullet.gif) 0 0 no-repeat; }
.entry-content ol { padding-left: 2em; margin-bottom: 20px; }
.entry-content ol li { list-style-type: decimal; margin-bottom: 1em; }

.entry-content dl { margin-bottom: 15px; }
.entry-content dt { margin-top: 10px; font-weight: bold; }

.entry-content img.alignleft { float: left; margin-right: 20px; }
.entry-content img.alignright { float: right; margin-left: 20px; }
.entry-content img.aligncenter { display: block; margin: 0 auto; }
.entry-content img.alignnone {  }

.entry-content table { border-top: 1px solid #d5c7a1; border-left: 1px solid #d5c7a1; border-collapse: collapse; margin-bottom: 1.5em; }
.entry-content caption { line-height: 1.5; }
.entry-content th { line-height: 1.5; padding: 2px 6px; border-right: 1px solid #d5c7a1; border-bottom: 1px solid #d5c7a1; background-color: #ebe6d8; }
.entry-content td { line-height: 1.5; padding: 2px 6px; border-right: 1px solid #d5c7a1; border-bottom: 1px solid #d5c7a1; }
.entry-content table.in { margin-bottom: 0; border-top: 1px solid #d5c7a1; border-left: 1px solid #d5c7a1; border-collapse: collapse; font-size: 100%; }
.entry-content .in th { padding: 2px 6px; border-right: 1px solid #d5c7a1; border-bottom: 1px solid #d5c7a1; background-color: #ebe6d8; }
.entry-content .in td { padding: 2px 6px; border-right: 1px solid #d5c7a1; border-bottom: 1px solid #d5c7a1;}
.entry-content table tr.odd td { background: #f7f6f6; }
.entry-content table tr.even td { background: #ffffff; }

/* footer */
#footer { padding: 30px 0 60px 0; border-top: solid 1px #dcd7cc; border-bottom: solid 1px #dcd7cc; background: #f5f3ea url(../img/bg_footer.jpg) 0 0 repeat; }
#footer a { text-decoration: none; }
#footer-inner { width: 960px; margin: 0 auto;  }
#footer ul { float: left; width: 410px; padding-left: 10px; padding-bottom: 85px; }
#footer li { float: left; height: 12px; padding-right: 30px; }
#footer p img { float: right; }
#footer p#copy { width: 960px; margin-top: 20px; padding-top: 10px; display: block; text-align: right; border-top: solid 1px #d6ceb7; clear: both;  }
.home .totop { display: none; }
/*#footer .txt p{ width: 500px; clear: both; float: right; margin:0 0 20px; padding-top: 0;}
*/
.totop a { width: 960px; margin: 40px auto 0 auto; display: block; text-align: right; }

/* 404 */
.error404 #main h2 { margin-top: 150px; }

/* other */
.box { border: 1px solid #695826; padding: 15px 15px 0px 10px; margin-bottom: 20px; }
.sold{ color: #d11619; }


/* 04: Plugin
--------------------------------------------------- */
/*
	ColorBox Core Style
	The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
#cboxContent{background:#000; margin-top:20px;}
#cboxLoadedContent{background:#000; padding:5px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{display: none !important;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-41px; background:url(../img/controls.png) left top no-repeat; width:38px; height:81px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-41px; background:url(../img/controls.png) right top no-repeat; width:38px; height:81px; text-indent:-9999px;}
#cboxNext.hover{background-position: right bottom;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) center top no-repeat; width:47px; height:24px; text-indent:-9999px;}
#cboxClose.hover{background-position: center bottom;}

/* pagination */
.wp-pagenavi { margin-top: 20px; }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { position:relative; padding: 2px 5px; margin-right: 5px; color: #695826; background: #ffffff; border: 1px solid #695826; text-decoration: none; }
.wp-pagenavi a:hover, .wp-pagenavi a:active { position:relative; padding: 2px 5px; color: #fff; background: #695826; border: 1px solid #695826; }
.wp-pagenavi span.current { position:relative; padding: 2px 5px; margin-right: 5px; color: #fff; background: #695826; border: 1px solid #695826; }