@charset "utf-8";

/*-- default style clear ---------------------*/
* {
	margin: 0;
	padding: 0;}

body {
	font-family: Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, "lr oSVbN", sans-serif;
	font-size: 74.5%;
	font-weight : normal;
	font-style : normal;
	text-align: center;
	line-height: 1.6;
	color: #b2b2b2;
	background-color: #000000;}

html>/**/body {overflow: scroll;}

h1,h2,h3,h4,h5,h6,address,strong,th {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;}
	
img {
    border-style: none;
	vertical-align: bottom;}
		
ul,ol {list-style: none;}

em {font-style: normal;}


/*-- clearfix ---------------------*/
#wrapper .clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;}
#wrapper .clearfix {display: inline-block;}/* exlude MacIE5 \*/
* html .clearfix {height: 1%}
#wrapper .clearfix {display:block;}/* end MacIE5 */


/*-- layout ---------------------*/
#wrapper {
	width: 100%;
	background: url(../img/common/all_back.jpg) repeat-x 0 0;}

#container {
	margin: 0 auto;
	width: 820px;
	height: auto;
	text-align: left;}


/*-- header ---------------------*/
#header {padding-top: 26px;}

#header h1 {float: left;}

#header ul {float: right;}

#header ul li {
	float: left;
	padding-left: 24px;}

#header #header_box {margin-bottom: 12px;}

* html #header h2 img {behavior: expression(IEPNGFIX.fix(this));} /* end IE6_pnghack */


/*-- footer ---------------------*/
#footer {
	position: relative;
	padding: 48px 0 28px;
	font-size: 85%;
	background: url(../img/common/top_img_decorat.gif) no-repeat 0 0;}

#footer .footer_box img {
	position: absolute;
	top: 66px;
	left: 10px;}

#footer address {
	float: left;
	padding-left: 10px;}

#footer ul {
	float: right;
	margin-right: 10px;}

#footer ul li {
	float: left;
	padding-left: 24px;}


/*-- 前頁共通 ---------------------*/
#main {margin: 20px 0 20px 10px;}

.clear {clear: both;}

.block {display: block;}

a {text-decoration: none; color: #b2b2b2;}
a:hover {text-decoration: underline; color: #ffffff;}

.m_top5 {margin-top: 5px;}
.m_top8 {margin-top: 8px;}
.m_top9 {margin-top: 9px;}
.m_top12 {margin-top: 12px;}
.m_top18 {margin-top: 18px;}
.m_top24 {margin-top: 24px;}
.m_left47 {margin-left: 48px;}
.m_left48 {margin-left: 48px;}
.m_right12 {margin-right: 12px;}
.m_right16 {margin-right: 16px;}
.m_right44 {margin-right: 44px;}
.m_bottom8 {margin-bottom: 8px;}
.m_bottom12 {margin-bottom: 12px;}
.m_bottom24 {margin-bottom: 24px;}

.p_top12 {padding-top: 12px;}
.p_left8 {padding-left: 8px;}
.p_left16 {padding-left: 16px;}
.p_bottom24 {padding-bottom: 24px;}

.f_size10 {font-size: 85%;}

.c_white {color: #ffffff;}
.c_red {color: #e41951;}
.c_gray {color: #b2b2b2;}

.f_left {float: left;}
.f_right {float: right;}

.rose_icon {
	padding-left: 48px;
	height: 30px;
	line-height: 2.6;
	color: #ffffff;
	background: url(../img/common/all_icon_rose.jpg) no-repeat 0 0;}

.pagetop {
	display: block;
	clear: both;
	padding: 12px 0 0 390px;}

.pagetop_item {
	display: block;
	clear: both;
	text-align: center;}

.top {
	display: block;
	clear: both;
	margin: 40px 0;
	padding-top: 40px;
	text-align: center;
	background: url(../img/common/all_line_dotted.gif) repeat-x 0 0;}

.blank {
	padding-left: 12px;
	text-decoration: underline;
	background: url(../img/common/all_icon_blank.gif) no-repeat 0 4px;}

.new_icon {
	padding-left: 30px;
	height: 23px;
	line-height: 2.0;
	color: #ffffff;
	background: url(../img/common/all_icon_new.gif) no-repeat 0 0;}

.sellout_icon {
	padding-left: 30px;
	height: 23px;
	line-height: 2.0;
	color: #ffffff;
	background: url(../img/common/all_icon_sellout.gif) no-repeat 0 0;}

.line {text-decoration: underline;}

.txt_center {text-align: center;}


/*-- index.html ---------------------*/
#main_top #main_left {
	float: left;
	margin-right: 24px;
	width: 540px;}

#main_top .main_left_box01 {
	margin: 12px 0 0 12px;
	border: 1px solid #222222;}

#main_top .main_left_box02 {
	height: 483px;
	font-size: 12px;
	overflow-y: auto;}

*html #main_top .main_left_box02 {height: 305px;} /* end IE6_hack */
*:first-child+html #main_top .main_left_box02 {height: 317px;} /* end IE7_hack */

#main_top #main_left dl {margin: 20px 12px 0 36px;}

#main_top #main_left dt {
	float: left;
	clear: left;
	margin-bottom: 12px;
	width: 100px;}

#main_top #main_left dd {
	float: left;
	margin-bottom: 12px;
	width: 360px;}

#main_top #main_right {
	float: left;
	margin-right: 16px;
	width: 230px;}

#main_top .main_right_box01 {border: 1px solid #838383;}

#main_top .main_right_box02 {padding: 12px 12px 0;}

#main_top .main_right_box03 {
	padding: 12px 12px 0;
	height: 120px;
	font-size: 12px;
	overflow-y: auto;}

#main_top .main_right_box02 .new {margin-bottom: 12px;}

#main_top .main_right_box02 .new_dt {
	float: left;
	margin-right: 8px;}

#main_top .main_right_box02 .new_dd {
	float: left;
	width: 120px;
	font-size: 85%;}

#main_top .main_right_box02 .more a {
	display: block;
	text-align: right;
	background: url(../img/common/all_icon_arrow_red.gif) no-repeat 92px 7px;}

#main_top .main_right_box03 .diary_dt {
	float: left;
	margin: 0 8px 4px 0;
	padding-left: 12px;
	font-size: 85%;
	background: url(../img/common/all_icon_blank.gif) no-repeat 0 4px;}

#main_top .main_right_box03 .diary_dd {
	margin-bottom: 4px;
	font-size: 85%;}

#main_top .main_right_box03 .diary_dd a {
	text-decoration: underline;
	color: #ffffff;}

#main_top .main_right_box03 .diary_dd a:hover {text-decoration: none;}


/*-- item.html ---------------------*/
#item_left {
	float: left;
	width: 220px;}

#item_left h4 {
	margin-left: 28px;
	padding-left: 20px;
	color: #ffffff;
	background: url(../img/common/all_icon_point.gif) no-repeat 0 4px;}

#item_left ul {margin: 4px 0 0 32px;}

#item_left ul li {margin-bottom: 4px;}

#item_left ul li a {
	display: block;
	padding-left: 16px;
	background: url(../img/common/all_icon_arrow_gray.gif) no-repeat 0 6px;}

* html #item_left ul li a {height: 16px;} /* end IE6_hack */

#item_left ul li a:hover {
	padding-left: 16px;
	text-decoration: none;
	color: #ffffff;
	background: url(../img/common/all_icon_arrow_red.gif) no-repeat 0 6px;}

#item_right {
	float: left;
	width: 540px;}

#item_right li a {
	text-decoration: underline;
	color: #ffffff;}

#item_right li a:hover {
	text-decoration: none;
	color: #ffffff;}

#item_right .line_dotted {
	padding-top: 20px;
	background: url(../img/common/all_line_dotted.gif) repeat-x 0 0;}

#item_right .li_float {
	float: left;
	width: 180px;
	height: 300px;}

#item_right ul li ul {position: relative;}

#item_right ul li ul .reflect_m_left30 {margin-left: 30px;}

*:first-child+html #item_right ul li ul .reflect_m_left30 {margin-left: 0;} /* end IE7_hack */
*html #item_right ul li ul .reflect_m_left30 {margin-left: 0;} /* end IE6_hack */

#item_right ul li ul .reflect_item {
	position: absolute;
	top: 150px;
	left: 0;
	width: 180px;}

*html #item_right ul li ul .reflect_item {left: -30px;} /* end IE6_hack */

#main_item_box {width: 810px;}

#main_item_box_left,
#main_item_box_right {float: left;}

#main_item_box_left {width: 365px;}

#main_item_box .li_float01 {float: left;}

#main_item_box .li_float02 {float: right;}

#item_info {
	margin-bottom: 24px;
	padding-bottom: 20px;
	width: 363px;
	text-align: right;
	background: url(../img/common/all_line_dotted.gif) repeat-x 0 bottom;}

#main_item_box dl {width: 363px;}

#main_item_box dt {
	float: left;
	clear: left;
	padding-left: 18px;
	width: 40px;
	color: #e41951;
	background: url(../img/common/all_icon_point.gif) no-repeat 0 4px;}

* html #main_item_box dt {width: auto;}

#main_item_box dd {padding-left: 72px;}

#main_item_box .item_line {
	margin-top: 20px;
	padding-top: 20px;
	width: 363px;
	background: url(../img/common/all_line_dotted.gif) repeat-x 0 0;}

#thumbnail li {
	display: inline;
	margin-right: 8px}


/*-- contact.html and buy.html ---------------------*/
#main_contact01 {
	margin-bottom: 32px;
	color: #ffffff;}

#main_contact02 {
	margin-left: 48px;
	background: url(../img/common/contact_back.gif) no-repeat 0 51px;}

#main_contact02 ul li {float: left;}

#main_contact01 p a {color: #ffffff;}

#main_contact01 p a:hover {color: #b2b2b2;}

#form_box_contact {
	margin: 32px 0 0 32px;
	background: url(../img/common/contact_back_flower.jpg) no-repeat right 152px;}

#form_box_buy {
	padding: 32px 0 0 284px;
	background: url(../img/common/contact_back_flower.jpg) no-repeat left 152px;}

input,textarea,select {
	border: 1px solid #999999;
	font-family:ＭＳ Ｐゴシック;
	font-size: 100%;
	color: #444;
	vertical-align: middle;}

#form_box_contact dt,
#form_box_buy dt {
	float: left;
	clear: left;
	margin-bottom: 24px;
	width: 140px;}

#form_box_contact dd,
#form_box_buy dd {
	float: left;
	margin-bottom: 24px;
	width:300px;}

#form_box_contact p,
#form_box_buy p {width: 400px;}

#form_box_contact .form_line,
#form_box_buy .form_line {
	padding: 16px 0;
	background: url(../img/common/all_line_dotted.gif) repeat-x 0 0;}

*:first-child+html #form_box_contact .form_line,
*:first-child+html #form_box_buy .form_line {margin-top: 24px;}

* html #form_box_contact .form_line,
* html #form_box_buy .form_line {margin-top: 24px;}

#form_box_contact .form_btn,
#form_box_buy .form_btn {text-align: right;}


/*-- thanks.html ---------------------*/
#thanks {
	margin: 48px 0;
	padding: 48px 24px 200px;
	color: #ffffff;
	border: 1px solid #b2b2b2;
	background: url(../img/common/contact_back_flower.jpg) no-repeat 600px 40px;}

#thanks p {margin: 0 0 24px 24px;}

#thanks .thanks_top {margin-left: 48px;}

#thanks .thanks_top a {
	padding-left: 12px;
	background: url(../img/common/all_icon_arrow_gray.gif) no-repeat 0 5px;}

#thanks .thanks_top a:hover {background: url(../img/common/all_icon_arrow_red.gif) no-repeat 0 5px;}


/*-- link.html ---------------------*/
#main_link01 {
	margin-left: 10px;
	width: 786px;}

#main_link01 .li_float01 {float: left;}

#main_link01 .li_float02 {
	float: right;
	margin-top: 10px;
	font-size: 85%;
	color: #b2b2b2;}

#main_link01 .banner {
	float: left;
	margin-right: 12px;
	font-size: 85%;
	text-align: center;}

#main_link02 {
	margin-left: 10px;
	padding-bottom: 30px;
	width: 786px;}

#main_link02 dl {margin: 16px 20px 0 48px;}

#main_link02 dt {
	clear: left;
	float: left;
	margin: 0 16px 12px 0;
	border:1px solid #b2b2b2;}

#main_link02 dd a:hover {color: #e41951;}

#main_link02 dd em {
	display: block;
	font-size: 85%;
	line-height: 1.2;}

#main_link02 dt a,
#main_link02 dt a:hover {
	color: #e41951;}


/*-- privacy.html ---------------------*/
#main_privacy {
	margin-left: 10px;
	width: 786px;}

#main_privacy h3,
#privacy_blank h3,
#item04 h3 {
	margin-bottom: 4px;
	padding-left: 18px;
	color: #ffffff;
	background: url(../img/common/all_icon_point.gif) no-repeat 0 4px;}

#main_privacy p,
#privacy_blank p,
#item04 p {margin-left: 18px;}

#main_privacy ol,
#privacy_blank ol,
#item04 ol {
	margin: 0 0 24px 18px;}

#main_privacy ol li,
#privacy_blank ol li,
#item04 ol li {
	padding-left: 1em;
	text-indent: -1em;}

#main_privacy .txt_right,
#privacy_blank .txt_right,
#item04 .txt_right {
	text-align: right;
	color: #ffffff;}


/*-- privacy_blank.html and buy_blank.html ---------------------*/
#privacy_blank,
#buy_blank {	
	margin: 0 auto;
	padding: 12px 0;
	width: 600px;
	height: auto;
	text-align: left;}

#privacy_blank_box {
	padding: 0 24px 24px 24px;
	border: 1px solid #b2b2b2;}

#privacy_blank h1,
#buy_blank h1 {
	float: left;
	padding-top: 13px;}

#privacy_blank h2,
#buy_blank h2 {
	float: right;
	padding-top: 48px;
	font-size: 85%;}

#privacy_blank .close {
	margin-top: 12px;
	text-align: center;}

#buy_blank .close{
	padding-top: 24px;
	text-align: center;
	background: url(../img/common/all_line_dotted.gif) repeat-x 0 0;}

#privacy_blank li {margin-bottom: 12px;}

#buy_blank .buy_line00 {
	margin-bottom: 12px;
	padding-bottom: 24px;
	background: url(../img/common/all_line_dotted.gif) repeat-x 0 bottom;}

#buy_blank .buy_line00 strong {
	display: block;
	padding-left: 18px;
	color: #ffffff;
	background: url(../img/common/all_icon_point.gif) no-repeat 0 5px;}

#buy_blank .buy_line01 {
	margin-bottom: 24px;
	padding-bottom: 12px;
	background: url(../img/common/all_line_dotted.gif) repeat-x 0 bottom;}

#buy_blank .buy_line01 li {
	float: left;
	margin-right: 20px;}

#buy_blank .buy_line01 .selected {background: url(../img/common/all_icon_arrow_red.gif) no-repeat 0 7px;}

*:first-child+html #buy_blank .buy_line01 .selected {background: url(../img/common/all_icon_arrow_red.gif) no-repeat 0 8px;} /* end IE7_hack */
* html #buy_blank .buy_line01 .selected {background: url(../img/common/all_icon_arrow_red.gif) no-repeat 0 8px;} /* end IE6_hack */

#buy_blank .buy_line01 .selected a {
	color: #ffffff;
	background: none;}

*:first-child+html #buy_blank .buy_line01 .selected a {background: url(../img/common/all_icon_arrow_red.gif) no-repeat 0 5px;} /* end IE7_hack */
* html #buy_blank .buy_line01 .selected {background: url(../img/common/all_icon_arrow_red.gif) no-repeat 0 8px;} /* end IE6_hack */

#buy_blank .buy_line01 a {
	padding-left: 12px;
	background: url(../img/common/all_icon_arrow_gray.gif) no-repeat 0 5px;}

#buy_blank .buy_line01 a:hover {
	padding-left: 12px;
	text-decoration: none;
	color: #ffffff;
	background: url(../img/common/all_icon_arrow_red.gif) no-repeat 0 5px;}

#buy_blank .buy_line02 {color: #ffffff;}

#buy_blank #item01 {
	padding: 0 0 24px 12px;
	text-indent: -8px;}

* html #buy_blank #item01 {
	padding: 0 0 24px 4px;
	text-indent: 0;} /* end IE6_hack */

#buy_blank #item02 {padding: 0 0 24px 4px;}

#buy_blank #item02 li {
	padding: 0 0 4px 16px;
	text-indent: -16px;}

#buy_blank #item03 dt {
	float: left;
	margin-bottom: 20px;
	padding-left: 18px;
	width: 140px;
	background: url(../img/common/all_icon_point.gif) no-repeat 0 4px;}

* html #buy_blank #item03 dt {width: 150px;} /* end IE6_hack */

#buy_blank #item03 dd {margin-bottom: 20px;}

#postage table {
	float: right;
	width: 240px;
	border-collapse: collapse;
	font-size: 100%;
	color: #ffffff;}

#postage tr,
#postage td {
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #b2b2b2;}

#postage table strong {
	display: block;
	margin-top: 4px;
	padding-top: 4px;
	font-size: 85%;
	background: url(../img/common/all_line_dotted.gif) repeat-x 0 top;}

#postage ul {
	float: left;
	width: 280px;}

* html #postage ul {
	float: left;
	width: 290px;} /* end IE6_hack */

#postage ul li {margin-bottom: 12px;}

#postage .txt_decorat {
	padding: 8px;
	text-align: left;
	line-height: 1.3;}

#buy_blank .buy_line02 a,
#buy_blank .buy_line02 a,
#buy_blank .buy_line02 a,
#buy_blank .buy_line02 a,
#buy_blank .buy_line02 a:hover,
#buy_blank .buy_line02 a:hover,
#buy_blank .buy_line02 a:hover,
#buy_blank .buy_line02 a:hover {color: #e41951;}


/*-- sitemap.html ---------------------*/
#main_sitemap {background: url(../img/common/item_back_flower.jpg) no-repeat right bottom;}

#main_sitemap a {color: #ffffff;}

#main_sitemap dl {margin-left: 24px;}

#main_sitemap dt {
	float: left;
	clear: left;
	margin-bottom: 12px;
	padding-left: 18px;
	width: 120px;
	background: url(../img/common/all_icon_point.gif) no-repeat 0 4px;}

#main_sitemap dd {
	margin-bottom: 12px;
	padding-bottom: 12px;}
