@charset "utf-8";

/*-- default style clear ---------------------*/
* {
	margin: 0;
	padding: 0;}

* html {overflow: hidden;}
* html body {height: 100%;overflow: auto;}

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: #fff;}

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,li {list-style: none;}

a {color: #fff;}

a:hover {text-decoration: none;}

#body_top01 {background-color: #7e6f70;}
#body_top02 {background: url(../img/top_back.jpg) repeat-x 0 0;}

#body_all_color {background-color: #7e6f70;}


/*-- clearfix ---------------------*/
#container .clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;}
#container .clearfix {display: inline-block;}/* exlude MacIE5 \*/
* html .clearfix {height: 1%}
#container .clearfix {display:block;}/* end MacIE5 */


/*-- margin and color and font-size ---------------------*/
.color_white {color: #fff;}
.color_orange {color: #ff9000;}
.m_top12 {display: block; margin-top: 12px;}


/*-- 全ページ共通 ---------------------*/
#wrapper {
	width: 100%;
	background: url(../img/all_back_header.jpg) repeat-x 0 0;
	background-color: #7e6f70;}

#hedder {
	margin: 0 auto;
	padding-top: 10px;
	width: 900px;
	height: 65px;
	text-align: left;}

#hedder img {behavior: expression(IEPNGFIX.fix(this));} /* end IE6_pnghack */

#hedder .logo {
	float: left;
	margin-top: 12px;
	width: 198px;
	height: 41px;}

#hedder .contact {
	display: block;
	float: right;
	margin-top: 12px;
	width: 166px;
	height: 41px;}

#main {
	margin: 0 auto;
	width: 820px;
	height: 545px;}

#main01 {
	margin: 0 auto;
	width: 820px;
	height: 545px;
	text-align: left;
	background: url(../img/all_back_main02.gif) repeat-y 0 0;
	overflow: auto;}

* html #main {margin: 0 auto 30px;}

#main02 {
	height: 540px;
	background: url(../img/all_back_main01.jpg) no-repeat 0 0;}

#main01 #h2_box {
	padding: 24px 0 0 72px;
	width: 676px;
	height: 140px;}

#main01 #h2_box .h2_chara,
#main01 #h2_box .h2_blog,
#main01 #h2_box .h2_item,
#main01 #h2_box .h2_shoplist,
#main01 #h2_box .h2_special,
#main01 #h2_box .h2_dl,
#main01 #h2_box .h2_concept {
	width: 676px;
	height: 140px;
	text-indent: -99999px;}

#main01 #h2_box .h2_chara {background: url(../img/chara_h2.png) no-repeat;}
#main01 #h2_box .h2_blog {background: url(../img/news_h2.png) no-repeat;}
#main01 #h2_box .h2_item {background: url(../img/item_h2.png) no-repeat;}
#main01 #h2_box .h2_shoplist {background: url(../img/shoplist_h2.png) no-repeat;}
#main01 #h2_box .h2_special {background: url(../img/special_h2.png) no-repeat;}
#main01 #h2_box .h2_dl {background: url(../img/dl_h2.png) no-repeat;}
#main01 #h2_box .h2_concept {background: url(../img/concept_h2.png) no-repeat;}

* html ##pickup h2 img,
* html ##pickup ul,
* html #h2_box .h2_chara,
* html #h2_box .h2_blog,
* html #h2_box .h2_item,
* html #h2_box .h2_shoplist,
* html #h2_box .h2_special,
* html #h2_box .h2_dl,
* html #h2_box .h2_concept  {behavior: expression(IEPNGFIX.fix(this));} /* end IE6_pnghack */

#main01 #navi {
	float: right;
	margin: -36px 6px 0 0;
	font-size: 10px;
	color: #999;}

#main01 #navi li {display: inline;}

#main01 #navi li a {color: #999;}

#main03 {
	margin: 24px 0 0 72px;
	width: 676px;}

.icon_gaiko {background: url(../img/all_icon_gaiko.gif) no-repeat 0 top;}

.icon_kondou {background: url(../img/all_icon_kondou.gif) no-repeat 0 top;}

.icon_seiko {background: url(../img/all_icon_seiko.gif) no-repeat 0 top;}


/*-- 全ページ共通 footer ---------------------*/
#footer,
#footer_top {
	padding-top: 12px;
	width: 100%;
	background-color: #7e6f70;}

* html #footer_top {margin-top: -30px;}

#footer_box {
	margin: 0 auto;
	width: 926px;
	text-align: left;}

#footer_menu {
	display: block;
	float: left;
	margin-right: 16px;
	padding-bottom: 4px;
	width: 850px;
	height: 65px;}

#footer_qr {float: left;}

#footer address,
#footer_top address {
	clear: both;
	font-size: 93%;
	text-align: center;}


/*-- index.html ---------------------*/
#wrapper_top {
	margin: 0 auto;
	width: 800px;
	height: 588px;
	text-align: left;
	background: url(../img/top_pic_main.jpg) no-repeat 0 128px;}

#top_btn {padding: 320px 0 0 143px;}

#top_btn li {float: left;}

.top_li_item {margin-right: 204px;}


/*-- top.html ---------------------*/
#flash_box {
	position: relative;
	width: auto;
	height: auto;}

#pickup {
	position: absolute;
	top: 16px;
	right: 20px;
	text-align: left;
	line-height: 1.2;}

#pickup ul {
	padding: 4px 12px 12px 12px;
	background: url(../img/top_back_pickup.png) repeat-y 0 0;}

#pickup ul li {
	margin-top: 8px;
	padding-right: 8px;
	width: 188px;}

* html #pickup {
	position: absolute;
	top: 16px;
	left: 530px;}

* html #pickup ul {width: 188px;}

* html #pickup ul li {width: 180px;}


/*-- blog.html ---------------------*/
#blog_box_left {
	float: left;
	margin-right: 24px;
	width: 186px;}

#blog_box_left h3 {
	font-size: 16px;
	text-indent: 1px;
	border-bottom: 1px dashed #fff;}

#blog_box_left li {
	margin-top: 12px;
	padding: 4px 0 0 30px;
	height: 24px;
	font-size: 10px;}

#blog_box_right {
	float: left;
	width: 466px;}

#blog_box_right h3 {
	padding-left: 30px;
	height: 26px;
	font-size: 16px;
	border-bottom: 1px dashed #fff;}

#blog_box_right h3 span {
	display: block;
	float: right;
	margin-top: -18px;
	font-size: 10px;
	color: #999;}

*:first-child+html #blog_box_right h3 span {top: 4px;} /* end winIE7_hack */
* html #blog_box_right h3 span {top: 4px;} /* end winIE6_hack */

#blog_box_right .blog_icon {background: url(../img/all_icon01.gif) no-repeat 0 12px;}

#blog_box_right p {padding: 12px 0 24px 24px;}


/*-- item.html ---------------------*/
#item_box_left,
#item_box_right {
	float: left;
	margin-bottom: 24px;
	width: 310px;}

#item_box_left {
	margin-right: 24px;
	padding-left: 30px;}

#item_box_left .item_pic01,
#item_box_right .item_pic02 {
	float: left;
	margin-right: 12px;
	width: 132px;
	height: 132px;}

#item_box_left .item_pic01 {background: url(../img/item_pic_condoms.jpg) no-repeat 0 0;}
#item_box_right .item_pic02 {background: url(../img/item_pic_lotions.jpg) no-repeat 0 0;}

#item_box_left dl,
#item_box_right dl {
	float: left;
	width: 165px;}

#item_box_left dt,
#item_box_right dt {
	color: #ff9000;
	font-size: 16px;
	border-bottom: 1px dashed #fff;}

#item_box_left dd,
#item_box_right dd {margin-top: 4px;}

#item_box_left dd span,
#item_box_right dd span {
	display: block;
	margin-top: 6px;
	padding-left: 24px;
	background: url(../img/all_icon01.gif) no-repeat 0 0;}

#item_box_left .more,
#item_box_right .more {
	padding-left: 9px;
	font-size: 10px;
	text-align: right;
	background: url(../img/all_icon_arrow.gif) no-repeat 0 6px;}


/*-- item_s.html -アイテム詳細ページ- ---------------------*/
#item_sbox_left,
#item_sbox_right {
	float: left;
	width: 326px;}

#item_sbox_left {margin-right: 24px;}

#item_sbox_left dd {display: none;}

#item_sbox_left ul {margin-top: 12px;}

#item_sbox_left li {float: left;}

#item_sbox_left .comdoms_s02,
#item_sbox_left .lotions_s02 {margin: 0 13px;}

#item_sbox_left .comdoms_m01,
#item_sbox_left .comdoms_m02,
#item_sbox_left .comdoms_m03,
#item_sbox_left .lotions_m01,
#item_sbox_left .lotions_m02,
#item_sbox_left .lotions_m03 {width: 326px; height: 326px;}

#item_sbox_left .comdoms_s01,
#item_sbox_left .comdoms_s02,
#item_sbox_left .comdoms_s03,
#item_sbox_left .lotions_s01,
#item_sbox_left .lotions_s02,
#item_sbox_left .lotions_s03 {display: block; width: 100px; height: 100px;}

#item_sbox_left .comdoms_m01 {background: url(../img/item_pic_condoms_m01.jpg) no-repeat 0 0;}
#item_sbox_left .comdoms_m02 {background: url(../img/item_pic_condoms_m02.jpg) no-repeat 0 0;}
#item_sbox_left .comdoms_m03 {background: url(../img/item_pic_condoms_m03.jpg) no-repeat 0 0;}
#item_sbox_left .comdoms_s01 {background: url(../img/item_pic_condoms_s01.jpg) no-repeat 0 0;}
#item_sbox_left .comdoms_s02 {background: url(../img/item_pic_condoms_s02.jpg) no-repeat 0 0;}
#item_sbox_left .comdoms_s03 {background: url(../img/item_pic_condoms_s03.jpg) no-repeat 0 0;}
#item_sbox_left .lotions_m01 {background: url(../img/item_pic_lotions_m01.jpg) no-repeat 0 0;}
#item_sbox_left .lotions_m02 {background: url(../img/item_pic_lotions_m02.jpg) no-repeat 0 0;}
#item_sbox_left .lotions_m03 {background: url(../img/item_pic_lotions_m03.jpg) no-repeat 0 0;}
#item_sbox_left .lotions_s01 {background: url(../img/item_pic_lotions_s01.jpg) no-repeat 0 0;}
#item_sbox_left .lotions_s02 {background: url(../img/item_pic_lotions_s02.jpg) no-repeat 0 0;}
#item_sbox_left .lotions_s03 {background: url(../img/item_pic_lotions_s03.jpg) no-repeat 0 0;}

#item_sbox_right {padding-bottom: 20px;}

#item_sbox_right h3 {
	font-size: 16px;
	color: #ff9000;
	border-bottom: 1px dashed #fff;}

#item_sbox_right h4 {
	margin-top: 18px;
	padding: 0 0 12px 42px;
	font-size: 14px;
	background: url(../img/all_icon_check.gif) no-repeat 0 0;
	border-bottom: 1px dashed #fff;}

#item_sbox_right .item_icon {
	margin-top: 18px;
	padding: 0 0 12px 28px;
	background: url(../img/all_icon01.gif) no-repeat 0 0;
	border-bottom: 1px dashed #fff;}

#item_sbox_right h5 {
	margin-top: 18px;
	padding-left: 28px;
	color: #ff9000;
	background: url(../img/all_icon01.gif) no-repeat 0 0;}

#item_sbox_right ul {margin-left: 28px;}


/*-- chara.html ---------------------*/
#chara01,
#chara02,
#chara03 {
	float: left;
	margin-right: 23px;
	padding-bottom: 20px;
	width: 210px;}	

#chara03 {margin-right: 0;}

.chara01 {background: url(../img/chara_pic_kondou.png) no-repeat 0 0;}
.chara02 {background: url(../img/chara_pic_gaoko.png) no-repeat 0 0;}
.chara03 {background: url(../img/chara_pic_seiko.png) no-repeat 0 0;}

* html .chara01 {background: url(../img/chara_pic_kondou.jpg) no-repeat 0 0;} /* end IE6_hack */
* html .chara02 {background: url(../img/chara_pic_gaoko.jpg) no-repeat 0 0;} /* end IE6_hack */
* html .chara03 {background: url(../img/chara_pic_seiko.jpg) no-repeat 0 0;} /* end IE6_hack */


/*-- special.php ---------------------*/
#special_h3 {
	margin-bottom: 12px;
	font-size: 16px;
	color: #ff9000;
	border-bottom: 1px dashed #fff;}

.special_img,
#special_box {
	float: left;
	width: 326px;}

.special_img {
	display: block;
	margin-right: 24px;
	background: url(../img/specialgoods.jpg) no-repeat 0 0;}

.special_p,
.special_p_no {
	margin-bottom: 6px;
	padding: 0 0 12px 28px;
	background: url(../img/all_icon01.gif) no-repeat 0 0;
	border-bottom: 1px dashed #fff;}

.special_p_no {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;}

#form_box {
	margin-bottom: 6px;
	padding: 0 0 12px 0;
	width: 326px;
	text-align: center;
	border-bottom: 1px dashed #fff;}

#form_box li {display: inleine;}

#form_box .form_item01 {margin-left: 6px;}


/*-- dl.html ---------------------*/
.dl_txt_deco01 {
	margin-left: 30px;
	padding-left: 24px;
	font-size: 124%;
	color: #ff9000;
	background: url(../img/all_icon01.gif) no-repeat 0 2px;}

.dl_txt_deco02 {
	padding-left: 24px;
	background: url(../img/all_icon01.gif) no-repeat 0 1px;}

.dl_txt_deco03 {
	margin-bottom: 6px;
	padding-left: 24px;
	color: #ff9000;
	background: url(../img/all_icon01.gif) no-repeat 0 1px;}

.dl_txt_deco04 {margin-left: 24px;}

.dl_txt_deco05 {margin: 0 0 24px 24px;}

#dl_win h3,
#dl_mac h3,
#dl_caution h3 {margin-bottom: 12px;}

#dl_win,
#dl_mac {
	float: left;
	margin-top: 12px;
	width: 311px;}

#dl_win {
	margin-right: 24px;
	padding-left: 30px;}

#dl_win ul,
#dl_mac ul {margin: 0 0 12px 6px;}

#dl_win li,
#dl_mac li {
	float: left;
	width: 130px;}

* html #dl_win li,
* html #dl_mac li {width: 110px;}

#dl_win li ul,
#dl_mac li ul {margin: 0;}

#dl_win li ul li,
#dl_mac li ul li {
	float: none;
	margin-bottom: 12px;
	padding: 2px 1px 0 36px;
	background: url(../img/all_icon_otama.gif) no-repeat 0 2px;}

#dl_win .dl_left,
#dl_mac .dl_left {
	clear: left;
	float: left;
	width: 130px;}

#dl_win .dl_right,
#dl_mac .dl_right {
	clear: right;
	float: left;}

#dl_caution {padding: 0 0 30px 30px;}

#dl_caution h5 {margin-left: 24px;}


/*-- shoplist.html ---------------------*/
*html #main03 img {behavior: expression(IEPNGFIX.fix(this));} /* end IE6_pnghack */


/*-- concept.html ---------------------*/
#concept_box {margin-left: 20px;}

#concept_box h3 {
	margin-bottom: 4px;
	padding-left: 28px;
	font-size: 16px;
	color: #ff9000;
	background: url(../img/all_icon01.gif) no-repeat 0 3px;}

#concept_box h3 span {font-size: 15px;}

#concept_box h4 {padding-left: 28px;}

#concept_box strong {color: #ff9000;}

#concept_box .p_margin01 {margin: 0 0 8px 28px;}
#concept_box .p_margin02 {margin-left: 28px;}

#concept_box .concept_line {
	margin: 0 0 16px 28px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #fff;}

#concept_box ul {margin: 8px 0 0 28px;}