@charset "utf-8";
/* iepngfix */
* html .iepngfix {
    behavior: url(iepngfix.htc):
}
/* Global Setting */
* { line-height: 1.667em; padding: 0; margin: 0px; }
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body { margin: 0; padding: 0; font:13px/1.231 "メイリオ", "ＭＳ Ｐゴシック", Arial, "ヒラギノ角ゴ Pro W3", Osaka; *font-size:small;
*font:x-small;
color: #333333; background-color: #FDDBEA; background-image: url(../img/bg_body.png); background-repeat: repeat-x; }
table { font-size:inherit; font:100%; }
h1, h2, h3, h4, h5 { font-size: 100%; }
/**
 * Bump up IE to get to 13px equivalent
 */
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:100%; }
img { border-style: none; border-width: 0; }
li { list-style: none; font-size: 92%; }
ol { margin: 0; padding: 0; }
ol li { font-size: 1.0em; margin: 0 0 0.3em; padding: 0 0 0 15px; list-style: decimal inside; }
ul { margin: 0; padding: 0; }
form { margin: 0px; padding: 0px; }
input { margin: 0px; padding: 0px; }
label { font-size: 85%; }
.clear { clear: both; line-height: 1px; }
p { font-size: 93%; margin: 0px; padding: 0px; }
a { outline: 0; }
strong { font-weight: bold; line-height: 130%; font-size: 123.1%; }
a:link { color: #F6529B; text-decoration: none; }
address { font-size: 92%; font-style: normal; margin: 0px; padding: 0px; }
a:visited { text-decoration: none; color: #F6529B; }
a:hover { text-decoration: underline; color: #000000; }
a:active { text-decoration: none; color: #F6529B; }
#header { height: 148px; width: 1144px; margin: 0px auto; background-image: url(../img/bg_header.png); background-repeat: no-repeat; position: relative; z-index: 5; }
#header #logo { position: absolute; z-index: 10; height: 107px; width: 338px; left: 102px; top: 51px; }
#header #heart_flash { height: 108px; width: 550px; position: absolute; left: 502px; top: 0px; }

#header #nav { position: absolute; z-index: 15; left: 120px; top: 117px; height: 21px; width: 900px; }
#header #nav li { display: inline; }
#header #nav #nav_about { padding-right: 50px; }



#wrapper { background-image: url(../img/bg_wrapper.png); background-repeat: repeat-y; margin: 0px auto; padding: 0px 92px; width: 960px; z-index: 2; background-position: center top; }

#wrapper #flash_area { height: 450px; width: 960px; z-index: 3; }
#wrapper #top_contents { padding-top: 15px; background-image: url(../img/bg_top_contents.png); background-repeat: no-repeat; }
#wrapper #main_contents { padding-top: 10px; }

#wrapper #contents_l { float: left; width: 760px; }
#wrapper  #contents_l  #about_box  p  { padding: 10px 200px 10px 20px; }

#wrapper #contents_l #news_box dl { border-bottom: 1px dotted #CCCCCC; width: 740px; margin-left: 20px; margin-top: 5px; margin-bottom: 5px; }

#wrapper #contents_l #news_box dt { font-family: Arial, Helvetica, sans-serif; font-weight: bold; width: 5em; }
#wrapper #contents_l #news_box dd { margin-top: -1.667em; margin-left: 6em; }
#wrapper #contents_r { float: right; width: 161px; }
#wrapper #top_contents #contents_r p { margin-bottom: 10px; }

#wrapper #footer { clear: both; border-bottom: 3px solid #F6529B; }
#wrapper #footer p { padding: 10px 20px; }
#wrapper #top_contents #contents_l .section { margin-left: 20px; margin-top: 10px; }



#wrapper #top_contents #contents_l  p  { padding: 5px 60px 0px 20px; }
#wrapper #top_contents #contents_l .section .box_left { float: left; text-align: center; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; }
#wrapper #top_contents #contents_l .section .box_left p { margin: 0px; padding: 5px 0px 0px; }
#wrapper #top_contents #contents_l .section .box_right { float: right; padding-top: 10px; width: 500px; display: inline; margin-right: 30px; }

#wrapper #top_contents #contents_l .section .box_right .cart_form { margin-left: 20px; margin-top: 10px; }
#wrapper #top_contents #contents_l .section .box_right .cart_form .input_num { height: 24px; width: 40px; border: 1px solid #CCCCCC; margin-right: 10px; padding-right: 5px; padding-left: 5px; }
#wrapper #top_contents #contents_l .section .box_left #component { background-color: #FFFFFF; border: 1px solid #CCCCCC; text-align: left; padding-bottom: 5px; }
.price { font: bold 131% Arial, Helvetica, sans-serif; color: #FF3399; }
.set_title { margin-left: 20px; }
.set_box { background-color: #FFFFFF; margin-left: 20px; border-right: 1px solid #0099FF; border-bottom: 1px solid #0099FF; border-left: 1px solid #0099FF; width: 480px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }

.set_price { font: bold 197% Arial, Helvetica, sans-serif; color: #FF0000; }

.goods_tbl { border: 1px solid #CCCCCC; margin-right: 20px; margin-left: 20px; width: 480px; }

.goods_tbl  .top_border_none { border-style: none; }
.goods_tbl th { text-align: center; width: 100px; background-image: url(../img/bg_th.png); color: #FFFFFF; border-top: 1px solid #cdcdcd; font-weight: normal; }
.goods_tbl td { padding-left: 20px; border-top: 1px solid #CDCDCD; padding-right: 20px; }
.goods_tbl  .odd { background-color: #FFFFFF; }
.goods_tbl .even { background-color: #f5f5f5; }
.heart_list   li      { background-image: url(../img/heart_li.png); background-repeat: no-repeat; background-position: left center; margin-left: 10px; padding-top: 3px; padding-bottom: 3px; padding-left: 25px; }
.gototop { text-align: right; clear: both; margin: 0px; padding: 10px 0px 0px; }

.white_box { margin: 10px auto; width: 680px; background-image: url(../img/white_box_top.png); background-repeat: no-repeat; padding-top: 10px; }
.white_box .white_box_inner { background-image: url(../img/white_box_bt.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 10px; }


.white_box p { color: #000000; }

.red_box { background-image: url(../img/red_box_top.png); background-repeat: no-repeat; width: 482px; margin-left: 20px; padding-top: 10px; margin-top: 10px; }
.red_box .red_box_inner { background-image: url(../img/red_box_bt.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 10px; }
.heart_dl { margin-right: 10px; margin-left: 10px; }

.heart_dl dt { background-image: url(../img/heart_li.png); padding-top: 3px; padding-bottom: 3px; padding-left: 25px; background-repeat: no-repeat; background-position: left center; margin-left: 10px; }
.heart_dl dd { padding-bottom: 10px; padding-left: 10px; line-height: 120%; }
#mailform th { width: 160px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; border-bottom: 1px dotted #CCCCCC; text-align: left; font-weight: normal; }
#mailform td { border-bottom: 1px dotted #CCCCCC; padding-top: 5px; padding-bottom: 5px; }
#mailform .text_box { width: 240px; }
#mailform .text_input { width: 240px; }
#mailform { width: 640px; margin-left: 20px; }
#copyright_php { font: 77% Arial, Helvetica, sans-serif; text-align: right; }

/* info */
#wrapper #top_contents #contents_l .section .white_box #info_box { padding-top: 20px; padding-bottom: 20px; }
.info_tbl { border: 1px solid #CCCCCC; width: 640px; margin: 0px auto; }
.info_tbl .top_border_none { border-style: none; }
.info_tbl th { text-align: center; width: 120px; background-image: url(../img/bg_th.png); color: #FFFFFF; border-top: 1px solid #cdcdcd; font-weight: normal; }
.info_tbl td { padding-left: 20px; border-top: 1px solid #CDCDCD; padding-right: 20px; }
.info_tbl .odd { background-color: #FFFFFF; }
.info_tbl .even { background-color: #f5f5f5; }

/* how to */
#wrapper  #top_contents  #contents_l  #howto { background-image: url(../../howto/img/woman.png); background-repeat: no-repeat; background-position: center 50px; position: relative; padding: 0px; width: 740px; }
#wrapper  #top_contents  #contents_l  #howto  .howto_left { float: left; text-align: center; padding-top: 370px; padding-bottom: 10px; padding-left: 10px; }

#wrapper  #top_contents  #contents_l  #howto .howto_right { float: right; text-align: left; padding-top: 370px; padding-bottom: 10px; padding-right: 10px; }
#wrapper  #top_contents  #contents_l  #howto .howtobox { background-color: #FFFFFF; border: 1px solid #CCCCCC; text-align: left; padding-bottom: 5px; width: 276px; }
#wrapper  #top_contents  #contents_l  #howto  .howtobox  .left_photo  { float: left; text-align: left; }
#wrapper  #top_contents  #contents_l  #howto  .howtobox  .howto_h3  { font-weight: bold; color: #81D5E0; margin: 0px; padding: 5px 0px 0px; font-size: 108%; }
#wrapper  #top_contents  #contents_l  #howto  .howto_left  .howtobox  #mist_box { width: 200px; float: left; padding-left: 10px; }
#wrapper #top_contents   #contents_l  #howto .howtobox .howto_bttxt { color: #FF0000; clear: both; padding-left: 10px; padding-right: 10px; }
#wrapper #top_contents #contents_l #howto .howtobox #capsule_box { width: 170px; float: left; padding-left: 0px; }
#wrapper  #top_contents  #contents_l  #howto  .howtobox  p  { padding-left: 5px; padding-right: 5px; padding-bottom: 0px; }
#wrapper #top_contents #contents_l #howto #flash_point { height: 100px; width: 100px; position: absolute; left: 320px; top: 298px; }
#news_box a ,
#news_box a:link,
#news_box a:visited{ color: #F6529B; text-decoration: underline; }
#news_box a:hover {color:#000000}



.small { font-size: 77%; }
.click-text { margin-left: 20px; margin-top: 10px; margin-bottom: 10px; }