/*---------- Alternative CSS for the HTML ----------*/
@import url(./html_elements.css);

/*---------- Extended HTML Document Structure ----------*/
@import url(./html_extended.css);


/*---------- Dedicated CSS ----------*/

body { background: #7c0d0d; font-family: 'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; }

a:link,
a:visited,
a:active { color: #4b3258; }
a:hover { color: #990033; }


/*----- Public -----*/

.nav_hidden { display: none; }

ul.compact { padding-left: 1.5em; }

.fit_image img { vertical-align: bottom; }

.page_span { width: 980px; margin: 0px auto; }


.grid12span { margin-bottom: 16px; zoom: 1; }

.grid12span .col3span { float: left; width: 180px; margin-left: 15px; }
.grid12span .col3span .inner { padding: 8px; }
.grid12span .col6span { float: left; width:375px; margin-left: 15px; }
.grid12span .col6span .inner { padding: 8px; }
.grid12span .first { margin: 0px; }
.grid12span .last { float: right; margin: 0px; }

.img_frame { }
.img_frame div.lt { }
.img_frame div.rt { }
.img_frame div.rb { }
.img_frame div.lb { position: relative; padding: 8px; zoom: 1; }
.img_frame div.top { margin-top: -8px; padding-top: 8px; border-top: 1px solid red; zoom: 1; position: relative; }
.img_frame div.bottom { margin-bottom: -8px; padding-bottom: 8px; border-bottom: 1px solid red; zoom: 1; position: relative; }
.img_frame div.left { margin-left: -8px; padding-left: 8px; border-left: 1px solid red; zoom: 1; position: relative; }
.img_frame div.right { margin-right: -8px; padding-right: 8px; border-right: 1px solid red; zoom: 1; position: relative; }
.img_frame div.inner {}

ul.row_list { list-style: none; display: block; margin: 0px 0px 1em 0px; padding: 0px; }
ul.row_list li { display: inline; line-height: 1.1; border-left: 1px solid #400000; }
ul.row_list li.first { border-style: none; }
ul.row_list a,
ul.row_list strong,
ul.row_list span.empty { padding: 0px 6px 0px 8px; }

div.spec {}
div.spec dl { list-style: none; clear: left; margin: 0px; padding: 0px; border-top: solid 1px #adadad; }
div.spec dt { width: 107px; float: left; margin: 0px; padding: 4px 8px; }
div.spec dd { margin-left: 122px; padding: 4px 8px; }

ul.link_detail { list-style: none; margin-bottom: 1.5em; padding: 0px; }
ul.link_detail li { padding-left: 16px; background: url(/css/img_catalogue/ico_arr_link.gif) left center no-repeat;  }

p.link_detail a { display: block; padding-left: 16px; background: url(/css/img_catalogue/ico_arr_link.gif) left center no-repeat; }

p.thumb a img { border-width: 1px; border-style: solid; }

.pagenate { width: 100%; margin-bottom: 1.5em; padding: 8px 0px 0px 0px; background: #f3f0e9 url(/css/img_catalogue/pagenate_bg_top.gif) left top no-repeat; text-align: center; zoom: 1; }
* html .pagenate { padding-top: 4px; }
*:first-child+html .pagenate { padding-top: 4px; }
.pagenate ul.row_list { margin: 0px; padding-bottom: 4px; background: url(/css/img_catalogue/pagenate_bg_bottom.gif) left bottom no-repeat; zoom: 1; }
* html .pagenate ul.row_list { padding-bottom: 0px; }
*:first-child+html .pagenate ul.row_list { padding-bottom: 0px; }
.pagenate ul.row_list li { margin: 0px; line-height: 1.5; border-style: none; zoom: 1; }
.pagenate ul.row_list a { padding: 4px 12px 8px 12px; zoom: 1; }
.pagenate ul.row_list strong,
.pagenate ul.row_list .current_page { padding: 4px 12px 8px 12px; background: #ffffff; zoom: 1; }
* html .pagenate ul.row_list a { padding-bottom: 4px; }
* html .pagenate ul.row_list strong,
* html .pagenate ul.row_list .current_page { padding: 4px 16px 4px 16px; background: #ffffff; zoom: 1; }
*:first-child+html .pagenate ul.row_list a { padding-bottom: 4px; }
*:first-child+html .pagenate ul.row_list strong,
*:first-child+html .pagenate ul.row_list .current_page { padding: 4px 12px 4px 12px; background: #ffffff; zoom: 1; }

ul.tab_menu { position: relative; list-style: none; display: block; margin : 0px; padding: 0px; zoom: 1; }
ul.tab_menu li.tab_unit { float: left; display: inline; /* <-- for IE6 float margin bug */ width: 128px; margin: 0px 14px 0px 0px; padding: 0px; }
	ul.tab_menu .tab { margin-bottom: 8px; background: #b22e2e url(/css/img_catalogue/tab_bg_bottom.gif) left bottom no-repeat; cursor: pointer; zoom: 1; }
	ul.tab_menu li.selected .tab h2 { margin: 0px; padding-bottom: 15px; background: #f3f0e9 url(/css/img_catalogue/tab_bg_top_on.gif) left top no-repeat; color: #7c0d0d; }
	ul.tab_menu .tab h2 { margin: 0px; padding: 7px 20px 7px 8px; background: url(/css/img_catalogue/tab_bg_top.gif) left top no-repeat; font-size: 92.3%; line-height: 1.1; color: #ffffff; zoom: 1; }
	ul.tab_menu .tab_container { display: none; position: absolute; top: 27px; width: 526px; } /*<-- default style */
	ul.tab_menu .tab_container .grid2span .col1span { float: left; width: 49%; margin-left: 2%; zoom: 1; }
	ul.tab_menu .tab_container ul { list-style: none; margin: 0px 0px 1.5em 0px; padding: 0px 8px 0px 4px; zoom: 1; }
	ul.tab_menu .tab_container .grid2span .col1span.first { margin-left: 0px; }
	ul.tab_menu .tab_container .grid2span .col1span.first ul { padding-right: 16px; background: url(/css/img_catalogue/tab_cnt_rule_dot.gif) right top repeat-y; }
	ul.tab_menu .tab_container li { margin: 0px; }
	ul.tab_menu .tab_container a,
	ul.tab_menu .tab_container span.empty { display: block; padding: 6px 8px; zoom: 1; }
	ul.tab_menu .tab_container a:hover { background: #ffffff; }
ul.tab_menu li.tab_first { margin-left: 50px; }
ul.tab_menu li.selected {} /*<-- This class adding from jquery */
	ul.tab_menu li.selected .tab { margin-bottom: 0px; }
ul.tab_menu li.selected .tab_container { display: block; }

ul.tab_menu .img_frame { border-style: none; }
ul.tab_menu .img_frame div.lt { background: url(/css/img_catalogue/tab_cnt_lt.png) left top no-repeat; }
ul.tab_menu .img_frame div.rt { background: url(/css/img_catalogue/tab_cnt_rt.png) right top no-repeat; }
ul.tab_menu .img_frame div.rb { background: url(/css/img_catalogue/tab_cnt_rb.png) right bottom no-repeat; }
ul.tab_menu .img_frame div.lb { background: url(/css/img_catalogue/tab_cnt_lb.png) left bottom no-repeat; position: relative; padding: 20px 22px 28px 22px; zoom: 1; }
ul.tab_menu .img_frame div.top { background: url(/css/img_catalogue/tab_cnt_top.png) left top repeat-x; margin-top: -20px; padding-top: 20px; border-style: none; zoom: 1; position: relative; }
ul.tab_menu .img_frame div.bottom { background: url(/css/img_catalogue/tab_cnt_bottom.png) left bottom repeat-x; margin-bottom: -28px; padding-bottom: 28px; border-style: none; zoom: 1; position: relative; }
ul.tab_menu .img_frame div.left { background: url(/css/img_catalogue/tab_cnt_left.png) left top repeat-y; margin-left: -22px; padding-left: 22px; border-style: none; zoom: 1; position: relative; }
ul.tab_menu .img_frame div.right { background: url(/css/img_catalogue/tab_cnt_right.png) right top repeat-y; margin-right: -22px; padding-right: 22px; border-style: none; zoom: 1; position: relative; }
ul.tab_menu .img_frame div.inner { background: #f3f0e9; zoom: 1; }


/*----- by Area -----*/

#footer { color: #ffffff; }
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active { color: #ffffff; }
	#recommend a:link { color: #ff9191; }
	#recommend a:visited { color: #ff9191; }
	#recommend a:hover { color: #ff9191; }
	#recommend a:active { color: #ff9191; }
	#copyright p { font-size: 84.61%; font-family: 'Lucida Grande','Lucida Sans Unicode','Franklin Gothic Medium',Verdana,Arial,sans-serif; }
#page_body .page_span { background: url(/css/img_catalogue/page_aside_bg.gif) right top repeat-y; }
#page_body .page_body_inner { padding-bottom: 12px; background: url(/css/img_catalogue/page_aside_bg_bottom.gif) right bottom no-repeat; zoom: 1; }
	#page_title { color: #cc3366; font-family: "Tahoma",Verdana,'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight: lighter; font-size: 184.62%; line-height: 1.1; margin-bottom: 8px; }
	#page_description { /*font-size: 107.69%;*/ } 
	#article { width: 765px; float: left; display: inline; /*<-- for IE6 float margin bug */ margin-left: 10px; }
		#article_header {}
		#article_header .nav_belong { margin-bottom: 16px; }
		#article_header .nav_belong a { padding-left: 16px; background: url(/css/img_catalogue/ico_arr_link.gif) left center no-repeat; }
		#article_header .row_list {}
		#article_header .row_list li { line-height: 1.5; border-style: none; }
		#article_body {}
			#gallery { margin: 32px 0px 16px 0px; text-align: center; }
			#gallery ul.thumbs {}
			#gallery ul.thumbs li { cursor: pointer; }
			#gallery ul.thumbs li img { border: 1px solid #cccccc; }
			#gallery ul.row_list {}
			#gallery ul.row_list li { margin: 0px 2px; border-style: none; }
			#gallery ul.photos { list-style: none; padding: 0px 0px 16px 0px; }
			#gallery ul.photos li { display: none; text-align: center; } /* <-- default */
			#gallery ul.photos li.selected { display: block; } /* <-- default */
			
	#page_aside { width: 198px; float: right; }
	#page_aside div.aside_inner { padding: 8px 10px 8px 9px; background: url(/css/img_catalogue/page_aside_bg_top.gif) left top no-repeat; }
	#page_aside .aside_heading { background: #ffffff url(/css/img_catalogue/aside_hdg_bg_top.gif) left top no-repeat; }
	#page_aside .aside_heading h2 { padding: 4px 8px; background: url(/css/img_catalogue/aside_hdg_bg_bottom.gif) left bottom no-repeat; font-size: 84.61%; color: #333333; }
	#page_aside .aside_content { padding: 8px; }



.type_home {}
.type_home #stage { min-width: 780px; width: expression( document.body.clientWidth < 782 ? "780px" : "100%"); }

.type_home #header { z-index: 200; padding: 35px 0px 9px 0px; }
.type_home #header h1 { color: #ffffff; text-align: center; margin-bottom: 17px; }
	.type_home #nav_global { width: 526px; margin: 0px auto; }
	.type_home #nav_global li { text-align: center; }
	.type_home #nav_global li li { text-align: left; }
	.type_home #description { margin: 0px 0px 20px 0px; text-align: center; color : #ffdd94; }
	.type_home ul.tab_menu .tab_container { left: 0px; } /*<-- default style */

.type_home #page_body { height: 204px; background: #ffffff; border-width: 2px 0px; border-style: solid; border-color: #efb0b0; zoom: 1; }

	.type_home #whats_new { padding: 8px 0px; background: #f3f0e9; text-align: center; }
	.type_home #whats_new p { margin: 0px; color: #7a3333; }
	
	.type_home #new_arrival { width: 780px; margin: 0px auto; }
		.type_home #imageflow_1 { margin-left: -10px; background:#fff; color:#000; }
		.type_home #imageflow_1 .loading { border-color:#f3f0e9; }
		.type_home #imageflow_1 .loading_bar { background:#996666; }
		.type_home #imageflow_1 .slider { background: url(/js_library/imageFlow/slider_dark.png) top left no-repeat; }
		.type_home #imageflow_1 .scrollbar { border-bottom:1px solid #999; }
		.type_home #imageflow_1_images img { border: solid 1px #b5b5b5; }

.type_home #footer { padding-top: 20px; text-align: center; zoom: 1; }
	.type_home #official_link ul { margin-bottom: 0.5em; }
	.type_home #recommend ul { margin-bottom: 0.5em; }
	.type_home #copyright { padding-top: 20px; }


.type_page_a {}

.type_page_a #header { z-index: 200; padding: 18px 0px 11px 0px; }
* html .type_page_a #header { text-align: center; }
* html .type_page_a #header .page_span { text-align: left; }
	.type_page_a #site_id { float: left; margin: 0px; padding: 0px 0px 0px 10px; }
	.type_page_a #nav_global { float: right; margin-top: 8px; }
	.type_page_a ul.tab_menu .tab { margin-bottom: 3px; }
	.type_page_a ul.tab_menu li.selected .tab h2 { margin: 0px; padding-bottom: 10px; }
	.type_page_a ul.tab_menu .tab_container { right: 0px; } /*<-- default style */

.type_page_a #page_body { padding: 16px 0px; background: #ffffff; border-bottom: 1px solid #ffffff; }
* html .type_page_a #page_body { text-align: center; }
* html .type_page_a #page_body .page_span { text-align: left; }

.type_page_a #page_body a:link,
.type_page_a #page_body a:visited,
.type_page_a #page_body a:active { color: #990033; }
.type_page_a #page_body a:hover { color: #ff3366; }
.type_page_a #page_body a:link img,
.type_page_a #page_body a:visited img,
.type_page_a #page_body a:active img { border-color: #990033; }
.type_page_a #page_body a:hover img { border-color: #ff3366; }

.type_page_a #page_body .col3span h3 { font-weight: lighter; margin-bottom: 0px; }
.type_page_a #page_body .col3span h3 a:link,
.type_page_a #page_body .col3span h3 a:visited,
.type_page_a #page_body .col3span h3 a:active { text-decoration: none; }
.type_page_a #page_body .col3span h3 a:hover { text-decoration: underline; }

.type_page_a #page_body .col3span p,
.type_page_a #page_body .col3span ul { font-size: 84.61%; }

.type_page_a #page_body .col3span ul { list-style: none; padding-left: 0px; }
.type_page_a #page_body .col3span li { margin: 0px; }

.type_page_a #footer { padding-top: 12px; zoom: 1; }
* html .type_page_a #footer { text-align: center; }
* html .type_page_a #footer { text-align: left; }
.type_page_a #footer ul.row_list li.first { padding-left: 2px; }
.type_page_a #official_link { float: left; width: 645px; }
.type_page_a #copyright { float: right; width: 320px; text-align: right; }