@charset "utf-8";

/* CSS Document */



/*------------------

基本設定

------------------*/

html {
	height:100%;
}



body {
	text-align: center;
	font-size: 12px;
	color: #666666;
	height:100%;
	margin: 0 auto;
	padding:0;
	background-color: #FFCC99;
	background-image: url(images/main-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#support{
	display: block;
	width:   140px;
	float:   left;
}

#support p{
	font-size: 0.8em;
	line-height: 1.5em;
}

.cl_box{
	display: block;
	width:   140px;
	height:10px;
}



.dott_line{

border-bottom:1px #006699 dotted;

margin:5px 0px 5px 5px; /*--上　右　下　左---*/

}



.stock{
	color:#CC0000;
	text-align:center;
	margin: 0px;
	padding: 10px;
	height: 20px;
	width: auto;
	clear: both;
}

p.stock
{
	color:#CC0000;
	text-align:center;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	height: 20px;
}


/*------------------

基本リンク設定

------------------*/

a:link {
	color: #666666;
	text-decoration: none;

}



a:visited {
	text-decoration: none;
	color: #666666;
}



a:hover {
	color: #F83E68;



}



a:active {
	color: #FF0080;

}



/*------------------

レイアウト gnavi

------------------*/



div#gnavi {
	width:820px;
	height:40px;
	background-color: #FFFFFF;
}



#gnavi ul{
	position: relative;
	width:820px;
	left: 11px;
}



#gnavi li{
	float:left;
}

.gnavi-tx-ichi {
	position: relative;
	top: 14px;
}

#gnavi a{
	display: block;
	width:   133px;
	height:  40px;
}

#bt-top a{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu-l.jpg) no-repeat;
}

#bt-top a:link{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu-l.jpg) no-repeat;
}

#bt-top a:hover{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu-l.jpg) no-repeat left -40px;
}



#bt-top2 a{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat;
}

#bt-top2 a:link {
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat;
}

#bt-top2 a:hover{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat left -40px;
}



#bt-top3 a{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat;
}

#bt-top3 a:link {
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat;
}

#bt-top3 a:hover{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat left -40px;
}



#bt-top4 a{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat;
}

#bt-top4 a:link {
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat;
}
#bt-top4 a:hover{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat left -40px;
}



#bt-top5 a{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat;
}

#bt-top5 a:link {
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat;
}

#bt-top5 a:hover{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu.jpg) no-repeat left -40px;
}



#bt-top6 a{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu-r.jpg) no-repeat;
}

#bt-top6 a:link {
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu-r.jpg) no-repeat;
}

#bt-top6 a:hover{
	display: block;
	width:   133px;
	height:  40px;
	background: url(images/ymenu-r.jpg) no-repeat left -40px;
}


/*------------------

レイアウト head

------------------*/



div#head {
	width:820px;
	height:100px;
	text-align:left;
	word-break:break-all;
	margin: 0px;
	padding: 0px;
	background: url(images/head2.jpg) no-repeat;
	background-position:center left;
}

#bt-okaimono-kago {
	display: block;
	width:   120px;
	height:  30px;
}

#bt-okaimono-kago a{
	display: block;
	width:   120px;
	height:  30px;
	position: relative;
	top:     60px;
	left:    685px;
	text-indent: -9999px;
	background: url(images/bt-okaimono-kago.jpg) no-repeat left 0px;
}

#bt-okaimono-kago a:hover{
	background: url(images/bt-okaimono-kago.jpg) no-repeat left -30px;
}


#head h1 {
	font-size: 13px;
	font-weight: bold;
	overflow: hidden;
	word-break: break-all;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 420px;
	display: none;
}



#head h1 a:link, #head h1 a:visited {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}



#head h1 a:active, #head h1 a:hover {
	color: #F9037E;
	font-weight: bold;
	text-decoration: none;
}



#head h2 {
	font-size: 12px;
	font-weight: normal;
	line-height: 120%;
	overflow: hidden;
	word-break: break-all;
	padding-top: 110px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 490px;
	color: #FFFFFF;
}



div#wrapper{
	display: block;
	width: 820px;
	height:auto;
	margin: 0 auto;
}


/*------------------

レイアウト main

------------------*/

#main-bg {
	display:    block;
	width:      820px;
	height:     auto;
	background-color: #FFFFFF;
	clear: both;
}

#cont {
	display: block;
	margin: 0px;
	width: 820px;
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	height: auto;
}



#cont_wid {/* item.html */
	margin: 0px;
	width: 820px;
	float: left;
	text-align: left;
}

/*  left zone  ======================================================= */

#left {
	display: block;
	width:   140px;
	position: relative;
	left:    20px;
	float: left;
}


/* サイトご案内 */



#site_info{
	display: block;
	width:   140px;
	height:  180px;
	margin:  32px 0 0 0;
	text-align: right;
	float:   left;
}

#site_info h2{
	display: block;
	width:   140px;
	height:  35px;
}

#site_info ul{
}

#site_info li{
}

#site_info li a{
	display:block;
	padding:8px 15px;
	color: #666666;
}



#site_info li a:hover{
	background:url('images/arrow_68.gif') no-repeat right;
	color:#F9037E;

}



.site_info_1{

background:url('images/goannnai-icon.jpg') no-repeat left;

}



.site_info_2{

background:url('images/goannnai-icon.jpg') no-repeat left;

}



.site_info_3{

background:url('images/goannnai-icon.jpg') no-repeat left;

}



#site_info_wid{
	clear:both;
}



#site_info_wid h2{

padding:0px 5px 5px 0px; /*--上　右　下　左---*/

text-align:left;

border-bottom:1px #003366 dotted;

}



#site_info_wid ul{
	padding:5px;
}



#site_info_wid li{

padding-left:20px;

float:left;

margin-right:10px;

}



#site_info_wid li a{
	display:block;
	padding:8px;
	color: #666666;
}



#site_info_wid li a:hover{
	background:url('images/arrow_68.gif') no-repeat right;
	color:#F9037E;
}



.site_info_wid_1{

background:url('images/buil_05.gif') no-repeat left;

}



.site_info_wid_2{

background:url('images/test_03.gif') no-repeat left;

}



.site_info_wid_3{

background:url('images/boy_04.png') no-repeat left;

}

/*  left zone end ======================================================= */




#center {
	display: block;
	width: 640px;
	position: relative;
	top: 5px;
	float: right;
	height: auto;
}

#center-cont {
	display: block;
	width: 437px;
	position: relative;
	top:   -20px;
	float: left;
	height: auto;
}

/* for im.html */
#center-cont-im-ichi {
	display: block;
	width: 437px;
	position: relative;
	top:   10px;
	float: left;
	height: auto;
	padding-bottom: 50px;
}

#im-a a{
	display: block;
	width: 437px;
	text-indent: 0.5em;
	text-decoration: underline;
	color: #F83E68;
	background: url(images/im-a.jpg) no-repeat;
}

#im-a a:link{
	background: url(images/im-a.jpg) no-repeat;
}

#im-a a:hover{
	color: #FFCC99;
	background: url(images/im-a.jpg) no-repeat;
}
/* for im.html end  */



/* for send_tmp.html */
#cart {

}
/* for send_tmp.html end  */


#center_wid {/* item.html */
	width: 610px;
	float: right;
	text-align: left;
}











/*------------------

レイアウト entry

------------------*/



.entry {
	width: 640px;
	overflow: hidden;
	word-break: break-all;
	position: relative;
	top: 10px;
}



.entry_title {
	display: block;
	width: 640px;
	height: 42px;
}

.entry_title a {
	display: block;
	width: 640px;
	height: 42px;
	text-indent: -9999px;
	position: relative;
	left: -2px;
	background: url(images/tyuumoku-bar.jpg) no-repeat;
}




.padd {

}



.txt {
	width: 171px; /* 400px以上にすること */
	font-size: 12px;
	line-height: 120%;
	overflow: hidden;
	word-break: break-all;
	margin-right: 5px;
}



.date {
	text-align: left;
	font-size: 10px;
	font-weight: none;
	color:#FFFFFF;
	display: none;

}



/* 商品表示部 */



.item_wrapper{


}



.at_item{

width:126px;
float:left;
}



.atimg{

text-align:center;

}



.attxt{

padding:5px;

height:60px;

}



.attxt a:hover{
	color:#F9037E;
	text-decoration:underline;
}







/* 新着商品 */


.new_entry {
	clear: both;
	display: block;
	width: 437px;
	height:auto;
	float: left;
}



.new_entry_title {
	display: block;
	width:   437px;
	height:  51px;
}

.new_entry_title a {
	display: block;
	width:   437px;
	height:  51px;
	text-indent: -9999px;
	background: url(images/shincyaku-title.jpg) no-repeat;
}


.new_entry_padd {
	margin:0px;
	padding: 10px 8px 0px 8px;
}

.item_wrapper a{
	color: #666666;
}

.item_wrapper a:link {
	color: #666666;
}

#kessai {
	display: block;
	width:   437px;
	height:  156px;
	float:   left;
}

/* for  im.html  */
.footer_txt_newitem {
	display: block;
	width:   430px;
	height:  50px;
	float:   left;
	margin-bottom: 20px;
}

.footer_txt_newitem a {
	clear: both;
	display: block;
	width:   200px;
	height:  50px;
	position: relative;
	left:    100px;
	text-indent: -9999px;
	background: url(images/bt-syouhin-ichiran.jpg) no-repeat left top;
}

.footer_txt_newitem a:link {
	display: block;
	width:   200px;
	height:  50px;
	background: url(images/bt-syouhin-ichiran.jpg) no-repeat left top;
}

.footer_txt_newitem a:hover {
	display: block;
	width:   200px;
	height:  50px;
	background: url(images/bt-syouhin-ichiran.jpg) no-repeat left -50px;
}
/* for  im.html  end  */

/* ===================================  r-box  ========================================*/
#r-box {
	display: block;
	width:   170px;
	position: relative;
	top:    -20px;
	left: -20px;
	float:   right;
}

#r-banner {
	display: block;
	width:   170px;
	height:  51px;
	float:   right;
}

#r-banner a {
	display: block;
	width:   170px;
	height:  51px;
	text-indent: -9999px;
	background: url(images/r-banner.jpg) no-repeat;
	float:   right;
}

#r-box-content {
	display: block;
	width: 170px;
	position: relative;
	top:   30px;
	float: right;
	
}


/* 出血商品 */

#gift{
	display: block;
	width: 170px;
	height: 150px;
}



#gift h2{
	width:  170px;
	height: 31px;
	background:url(images/sale-title.jpg) no-repeat;
}



#gift ul{
	padding:5px;
}



#gift li{
	text-align: right;
}



#gift li a{
	display:block;
	color: #666666;
	padding:10px;
	padding-left:30px;
}



#gift li a:hover{
	color: #F9037E;
	text-decoration:underline;
}



.gift1{
	background-image: url(images/sale-icon.gif);
	background-repeat: no-repeat;
	background-position: left;

}



.gift2{
	background-image: url(images/sale-icon.gif);
	background-repeat: no-repeat;
	background-position: left;

}



.gift3{
	background-image: url(images/sale-icon.gif);
	background-repeat: no-repeat;
	background-position: left;

}



/* 販売ランキング */

#ranking{
	display: block;
	width:   170px;
	height:  226px;
	float:   right;
}



#ranking h2{
	display: block;
	width:   170px;
	height:  31px;
	background:url(images/best-title.jpg) no-repeat;
}



#ranking ul{
	padding:5px;
}



#ranking li{
	text-align: right;
}



#ranking li a{
	display:block;
	color: #666666;
	padding:10px;
	padding-left:30px;
}



#ranking li a:hover{
	color: #F9037E;
	text-decoration:underline;
}



.rank1{
background:url('images/best-icon1.jpg') no-repeat left;
}



.rank2{
background:url('images/best-icon2.jpg') no-repeat left;
}



.rank3{
background:url('images/best-icon3.jpg') no-repeat left;
}



.rank4{
background:url('images/best-icon4.jpg') no-repeat left;
}



.rank5{
background:url('images/best-icon5.jpg') no-repeat left;
}

/* オーナカテゴリ おすすめ商品 */



#owner_item{
	clear: both;
	display: block;
	width:   170px;
}

#owner_item h2{
	display: block;
	width:   170px;
	height: 50px;
	background: url(images/osusume-title.jpg) no-repeat;
}

#owner_item ul{
	display: block;
	width:   170px;
}

#owner_item li{
	display: block;
	width:   170px;
	height:  40px;
	text-align: right;
	color: #666666;
}

#owner_item li a{
	display:block;
	width:   170px;
	height:  40px;
	padding:3px;
	color: #666666;
}

#owner_item li a:hover{
	color: #F9037E;
	text-decoration: underline;
}



/* ===================================  r-box end  ========================================*/

.new_item{
width:140px;
float:left;
}



.newimg{

text-align:center;

}



.newtxt{

padding:5px;

height:60px;

}



.newtxt a{
	color:#253045;
}



.newtxt a:hover{
	color:#F9037E;
	text-decoration:underline;
}



.newtxt a:visited{
	color:#253045;
}






/* サポートデスク **************************************************************************/



.sp_entry {
	width: 171px;
	overflow: hidden;
	word-break: break-all;
	background-color: #E6ECFB;
	border: 1px solid #999999;
}



.sp_entry_title {
	padding: 0px 0px 0px 0px;/*--上　右　下　左---*/
	overflow: hidden;
	word-break: break-all;
	background-color: #333333;
	

}



.sp_entry_title h3 {
	font-size: 12px;
	line-height: 120%;
	text-align: left;
	color:#333333;
	background-color: #A0B7F1;
	background-image: url(images/lamp_07.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2659c2;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}



.sp_entry_title h3 a:link, .entry_title h3 a:visited {

	text-decoration:none;

	font-weight:bold;

}



.sp_entry_title h3 a:active, .entry_title h3 a:hover {
	color:#F9037E;
	text-decoration: none;

	font-weight:bold;

}



.sp_txt1{
	font-size:10px;
	color: #333333;
	padding-right: 10px;
}



.sp_txt2{
	font-size:10px;
	padding-bottom:5px;
	color: #333333;
	padding-right: 10px;
}





/*------------------

サイド

------------------*/



.inner {
	width: 173px;
	float:left;
	text-align:left;
	overflow:hidden;
	word-break:break-all;
	margin-left:15px;

}



.inner2 {

	width: 173px;

	float:left;

	text-align:left;

	overflow:hidden;

	word-break:break-all;

	margin-left:10px;

}



.sb {
	font-size:12px;
	overflow:hidden;
	word-break:break-all;

}



.side {
	display: block;
	width:   145px;
}



/*------------------

left

------------------*/



/* デフォルトカテゴリ */

#default_item{
	display: block;
	width:   140px;
	height:  252px;
	position: relative;
	top:     10px;
	float:   left;
}

#default_item h2{
	width:  140px;
	height: 35px;
	background: url(images/bt-cate.jpg) no-repeat top;
}

#default_item ul{
	float:   left;
}

#default_item li{
	float:   left;
}

#default_item li a{
	display:block;
	width:  140px;
	height: 30px;
	text-indent: -9999px;
	float:   left;
}

#cate1 a{
	background: url(images/cate-01.jpg) no-repeat;
}

#cate1 a:hover{
	background: url(images/cate-01.jpg) no-repeat left -30px;
}


#cate2 a{
	background: url(images/cate-02.jpg) no-repeat;
}

#cate2 a:hover{
	background: url(images/cate-02.jpg) no-repeat left -30px;
}


#cate3 a{
	background: url(images/cate-03.jpg) no-repeat;
}

#cate3 a:hover{
	background: url(images/cate-03.jpg) no-repeat left -30px;
}


#cate4 a{
	background: url(images/cate-04.jpg) no-repeat;
}

#cate4 a:hover{
	background: url(images/cate-04.jpg) no-repeat left -30px;
}


#cate5 a{
	background: url(images/cate-05.jpg) no-repeat;
}

#cate5 a:hover{
	background: url(images/cate-05.jpg) no-repeat left -30px;
}


#cate6 a{
	background: url(images/cate-06.jpg) no-repeat;
}

#cate6 a:hover{
	background: url(images/cate-06.jpg) no-repeat left -30px;
}


#cate7 a{
	background: url(images/cate-07.jpg) no-repeat;
}

#cate7 a:hover{
	background: url(images/cate-07.jpg) no-repeat left -30px;
}


#cate8 a{
	background: url(images/cate-08.jpg) no-repeat;
}

#cate8 a:hover{
	background: url(images/cate-08.jpg) no-repeat left -30px;
}


#cate9 a{
	background: url(images/cate-09.jpg) no-repeat;
}

#cate9 a:hover{
	background: url(images/cate-09.jpg) no-repeat left -30px;
}


/* お問合せフォーム */



#quest{
	width: 140px;
}



#quest h2{
	width: 140px;
	padding:8px;
	text-align:center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2659c2;
	background-image: url(images/post_06.gif);
	background-repeat: no-repeat;
	height: 20px;
	color: #333333;
	background-position:10% 10%;
	background-color: #A0B7F1;
}



#quest dt{
	width: 140px;
	margin-top:5px;
	padding-left:15px;
	color: #333333;
}


.quest_submit{

text-align:center;

margin-top:5px;

}



.submit{

padding:3px;

}


.frm_name{
	width:140px;
	border:1px solid #333333;
	padding-left:3px;
	padding-right:3px;
	color: #333333;
}



.frm_mail{
	width:140px;
	border:1px solid #333333;
	padding-left:3px;
	padding-right:3px;
	color: #333333;
}



.frm_item{
	width:140px;
	border:1px solid #333333;
	padding-left:3px;
	padding-right:3px;
	color: #333333;
}



.frm_text{
	width:140px;
	border:1px solid #333333;
	padding-left:3px;
	padding-right:3px;
	color: #333333;
}




/*------------------

right

------------------*/



/* ご注意下さい */

#att_info{
}



#att_info h2{

margin-left:5px;

padding:5px;

text-align:center;

background:url('images/exc_04.gif') no-repeat left top;

color:#CC0000;

}



.at_txt{

margin:5px;

text-align:justify;

}






/*------------------

レイアウト footer

------------------*/



#foot {
	clear:both;
	width: 820px;
	height: 31px;
	text-align:center;
	font-size:12px;
	_position: relative;
	_left: 15px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	color: #F83E68;
	padding: 0px;
	line-height: 30px;
	background-color: #FFFFFF;
	margin: 0;
	position: relative;
	left: auto;
	right: auto;
}
#foot h4 {
	font-weight: bolder;
}


#counter {
	color: #F5C71E;
	text-align:center;
	font-size:10px;
	height: 28px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: auto;
}



#bn_erea {
	height: 300px;
	width: 620px;
	padding: 0px;
	margin-bottom: 15px;
	margin-top: 10px;
}

#bn_erea1 {
	height: 300px;
	width: 310px;
	padding: 0px;
	margin-bottom: 15px;
	margin-top: 10px;
	float: left;
	background-color: #CCCCCC;
}



#bn_erea2 {
	height: 300px;
	width: 310px;
	padding: 0px;
	margin-bottom: 15px;
	margin-top: 10px;
	float: left;
	background-color: #CCCCCC;
}

.msg {
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}



.msg dl {
	margin-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	word-spacing: 1.2em;
	line-height:1.5em;  /* 行間隔1.5文字分 */
	font-size: 12px;
	
}


.msg h3 {
	font-size: 13px;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FE4AA5;
	margin-bottom: 10px;
	margin-top: 5px;
}