@charset "utf-8";
/* CSS Document */


#goods_navi{margin: 0 auto;padding:0; width:180px;height:220px; background: url(../img/goods_navi_over.gif) no-repeat;}
#goods_navi ul{width: 180px;height: 220px;margin: 0 auto;padding: 0;list-style: none;}
#goods_navi li {margin: 0;padding: 0;float:left;text-indent:-9999px;}
#goods_navi .gnavi1 ,#goods_navi .navi1 a,
#goods_navi .gnavi2 ,#goods_navi .navi2 a,
#goods_navi .gnavi3 ,#goods_navi .navi3 a,
#goods_navi .gnavi4 ,#goods_navi .navi4 a,
#goods_navi .gnavi5 ,#goods_navi .navi5 a{width: 180px;height: 44px;display:block;}
/* .navi1 */
#goods_navi .navi1{background: url(../img/goods_navi_over.gif) no-repeat -180px 0px;}
#goods_navi .navi1 a{background: url(../img/goods_navi_over.gif) no-repeat 0px 0px;}
#goods_navi .navi1 a:hover {background: url(../goods_navi_over.gif) no-repeat -180px 0px;}
/* .navi2 */
#goods_navi .navi2{background: url(../img/goods_navi_over.gif) no-repeat -180px -44px;}
#goods_navi .navi2 a{background: url(../img/goods_navi_over.gif) no-repeat 0px -44px;}
#goods_navi .navi2 a:hover {background: url(../img/goods_navi_over.gif) no-repeat -180px -44px;}
/* .navi3 */
#goods_navi .navi3{background: url(../img/goods_navi_over.gif) no-repeat -180px -88px;}
#goods_navi .navi3 a{background: url(../img/goods_navi_over.gif) no-repeat 0px -88px;}
#goods_navi .navi3 a:hover {background: url(../img/goods_navi_over.gif) no-repeat -180px -88px;}
/* .navi4 */
#goods_navi .navi4{background: url(../img/goods_navi_over.gif) no-repeat -180px -132px;}
#goods_navi .navi4 a{background: url(../img/goods_navi_over.gif) no-repeat 0px -132px;}
#goods_navi .navi4 a:hover {background: url(../img/goods_navi_over.gif) no-repeat -180px -132px;}
/* .navi5 */
#goods_navi .navi5{background: url(../img/goods_navi_over.gif) no-repeat -180px -176px;}
#goods_navi .navi5 a{background: url(../img/goods_navi_over.gif) no-repeat 0px -176px;}
#goods_navi .navi5 a:hover {background: url(../img/goods_navi_over.gif) no-repeat -180px -176px;}


#main .index_contents {width: 520px; padding:0 10px 0 10px ; margin: 0; }

#contents_block .stitle{margin:0; padding:0;}
#contents_block h2 img{margin:20px 0 0 0; padding:0; vertical-align:bottom;border:none;}

#contents_block .news{border:0; width:505px; height:100px; text-align:left; background-color: #EEEEEE; }
#contents_block .news img{vertical-align:top;}
#contents_block .news span{color:#d52f82;font-family: "MS ゴシック", "MS Gothic", Osaka-mono, monospace; }
#contents_block .news ul{margin:0; padding:3px; list-style-type:none;overflow:auto; height:95px;}
#contents_block .news li{margin:0; padding:0 0 0 1em; text-indent:-1em; list-style-type:none;}


#main .recommend_img{margin:0; padding:0; vertical-align:top; border:none; float:left;}
#main .recommend img{margin:5px; padding:0; vertical-align:top; border:none;}
#main .recommend {width:500px;float:left; margin:0 0 0 5px; padding:0; border-bottom: dotted 1px #CCC;}
#main .recommend dl{margin:3px; padding:0 0 0 75px;}
#main .recommend dt{margin:0; padding:0; font-weight:bold;}
#main .recommend dd{margin:0; padding:0.3em 0 0 0; font-size:85%;line-height:1.4;text-align:justify;text-justify:distribute;}


#main .banner {	width:180px; padding:20px 0; margin:0;}
#main .banner ul{margin:0; padding:0 0 0 15px;}
#main .banner li{margin:0;	padding:0 0 20px 0;	list-style-type:none;}
#main .banner li img{margin:0;	padding:0; vertical-align: bottom; border: none;}

/* 商品用 */
.borderleft {border-left:solid #D8D8D8; border-bottom:solid #D8D8D8;}
.borderbottom {border-bottom:solid #D8D8D8}
.borderright {border-right:solid #D8D8D8; border-bottom:solid #D8D8D8;}
.textWide {width:30px}
.smallText {width:12px; height:12px;}
.imageSize {width:120px; height:120px;}
.cartBorderleft {border-left:solid #009AD5; border-right:solid #009AD5;}

/* 会員登録 */
.birthdayText {width:30px;}
.postText1 {width:25px;}
.postText2 {width:30px;}
.telText {width:100px;}

.textareaView {width:350px; height:80px;}
.inquiryTextArea {width:500px; height:150px;}

/* 各ページ見出し */
h2#recommend,
h2#search,
h2#flow,
h2#payment,
h2#toiawase,
h2#cust,
h2#cart,
h2#pay,
h2#point,
h2#comment,
h2#company,
h2#law,
h2#personal,
h2#medical,
h2#history,
h2#news,
h2#address,
h2#detail,
h2#login{
	width:710px;
	height:60px;
	text-indent:-9999px;
	background:url(../img/h2.gif);
	margin:0;padding:0;
}
h2#recommend{background-position:0 0;}
h2#search	{background-position:0 -60px;}
h2#flow		{background-position:0 -120px;}
h2#payment	{background-position:0 -180px;}
h2#toiawase	{background-position:0 -240px;}
h2#cust		{background-position:0 -300px;}
h2#cart		{background-position:0 -360px;}
h2#pay		{background-position:0 -420px;}
h2#point	{background-position:0 -480px;}
h2#comment	{background-position:0 -540px;}
h2#company	{background-position:0 -600px;}
h2#law		{background-position:0 -660px;}
h2#personal	{background-position:0 -720px;}
h2#medical	{background-position:0 -780px;}
h2#history	{background-position:0 -840px;}
h2#news		{background-position:0 -900px;}
h2#address	{background-position:0 -960px;}
h2#detail	{background-position:0 -1020px;}
h2#login	{background-position:0 -1080px;}

h3{
	margin:0 0 10px 0;
	padding:5px 0 5px 10px;
	background:#e1f3fa;
	border-left:5px solid #009ad5;
	color:#027abb;
	font-size:120%;
}
h4{
	color:#027abb;
	font-size:120%;
	padding:0;
	margin:0 0 10px 0;
}

/* 商品検索（検索条件） */
table#searchJoken{
	width:100%;
	font-size:90%;
	border:5px solid #e1f3fa;
	margin-bottom:20px;
	border-collapse: collapse;
}
table#searchJoken th{
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}
table#searchJoken th,
table#searchJoken td{
	vertical-align:top;
	padding:3px 5px;
	border-bottom:1px dotted #ddd;
}

/* 商品一覧 */
.movePage{
	width:710px;
	margin:0 0 15px 0;
	padding:5px 0;
	border-top:3px solid #ddd;
	border-bottom:3px solid #ddd;
}
.movePage:after{display:block;content:"";clear:both;}
.movePage p{margin:0;padding:0;}
.number{float:left;}
.page{float:right;text-align:right;}
table.catalog{
	width:710px;
	margin:0 0 15px 0;
	border-collapse: collapse;
}
table.catalog td{
	border-top:2px solid #e5e5e5;
	border-bottom:2px solid #e5e5e5;
}
td.catalogImg{
	width:155px;
	vertical-align:top;
	padding:5px 0;
}
td.catalogOutline{
	vertical-align:top;
	padding:5px;
}
.catalogName{padding:10px 5px 10px 0;}
.catalogText{padding:0 0 10px 0;margin:0 5px 5px 0;border-bottom:1px dotted #ddd;}
.catalogName a{color:#009AD5;}
.catalogName a:hover{color:#f60;}
.catalogPrice{
	white-space:nowrap;
	text-align:center;
}
.catalogPrice div{
	padding:30px 0;
	background:#eee;
	color:#900;
	font-weight:bold;
}
.catalogPrice div p{
	margin:0 5px 5px 5px;
}
.catalogPoint{
	font-weight:normal;
}
.catalogPointBai{
	padding:3px 0;
	background:#f63;
	color:#fff;
}
.catalogCart{
	text-align:center;
	white-space:nowrap;
	padding:0 0 0 5px;
}
input.toCart{
	display:block;
	width:67px;
	height:68px;
	border:none;
	text-indent:-9999px;
	outline:none;
	background:url(../img/cart.gif) top left no-repeat;
	margin:5px auto 0;
}
input.toCart:hover{
	background-position:bottom left;
	cursor:pointer;
}
input.toCartMini{
	display:block;
	width:20px;
	height:20px;
	border:none;
	text-indent:-9999px;
	outline:none;
	background:url(../img/cart_mini.gif) top left no-repeat;
	margin:0 auto;
}
input.toCartMini:hover{
	background-position:bottom left;
	cursor:pointer;
}
input.toCartMini_disable{
	display:block;
	width:20px;
	height:20px;
	border:none;
	text-indent:-9999px;
	outline:none;
	background:url(../img/cart_mini_disable.gif) top left no-repeat;
	margin:0 auto;
}
input.toCartMini_disable:hover{
	background-position:top left;
}

/* 商品詳細 */
table#shohinDetail{
	width:100%;
	margin:0 0 15px 0;
	font-size:90%;
	border-collapse: collapse;
	border:5px solid #e1f3fa;
}
table#shohinDetail th,
table#shohinDetail td{
	padding:5px;
	border:1px dotted #ddd;
}
table#shohinDetail th{
	text-align:left;
	font-weight:normal;
	width:8em;
}
td#shohinDetailToCart{
	width:120px;
	text-align:center;
	vertical-align:middle;
	background:#e1f3fa;
}
#photoMain{}
#photoSub{
	margin:10px 0;
	padding:5px 0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	width:710px;
}
#photoSub:after{display:block;content:"";clear:both;}
.photoSubBox{
	width:auto;
	float:left;
	margin:5px 8px 5px 0;
	width:160px;
}
.photoSubBox:after{display:block;content:"";clear:both;}
.photoSubBox img{
	float:left;
	margin-right:3px;
}
.photoSubText{
	float:left;
	margin-top:15px;
}


/* カートを見る／お会計／（お客様情報） */
.buyNow{
	padding:3px;
	background:#e1f3fa;
	color:#027abb;
	font-weight:bold;
}
table.cartKaikei{
	width:100%;
	border-collapse: collapse;
	/*border:1px solid #999;*/
}
table.cartKaikei tr:hover{
	background:#f9f9e4;
}
table.cartKaikei th,
table.cartKaikei td{
	padding:5px;
	border:1px solid #999;
}
table.cartKaikei th{
	background:#e5e5e5;
	font-weight:normal;
}
table.cartKaikei th.now{
	color:#027abb;
	background:#e1f3fa;
	font-weight:bold;
}
table.cartKaikei th.sub{
	background:#efefef;
	text-align:right;
}
table.cartKaikei th.subH{
	color:#009ad5;
	background:#e5e5e5;
	font-weight:bold;
	text-align:left;
}

.must{
	/*border-left:5px solid #f96 !important;*/
	/*border-color:#f96 !important;
	border-width:2px !important;*/
	background:#f96;
}


/* お問い合わせ */
#toiawaseBtn{
	background:#e1f3fa;
	padding:20px;
	margin-bottom:20px;
	text-align:center;
}
#toiawaseBtn input{
	margin:0 auto;
}
.toiawaseList{
	border:3px solid #ddd;
	padding:20px;
	margin-bottom:10px;
}
.toiawaseQ{
	margin:0;
	padding:5px 0 10px 30px;
	border-bottom:1px dotted #ccc;
	background:url(../img/toiawase_q.gif) left top no-repeat;
}
.toiawaseA{
	margin:0;
	padding:10px 0 0 30px;
	background:url(../img/toiawase_a.gif) left 5px no-repeat;
}
table#toiawaseForm{
	width:100%;
	border-collapse: collapse;
	border:1px solid #999;
	
}
table#toiawaseForm th,
table#toiawaseForm td{
	padding:5px;
	border:1px solid #999;
}
table#toiawaseForm th{
	font-weight:normal;
	text-align:left;
	background:#eee;
}


/* お客様の声 */
.commentBox{
	border:3px solid #ddd;
	padding:20px;
	margin-bottom:10px;
}
.commentBox h4{
	margin:0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #ccc;
}
.commentBox p{
	margin:0;
	padding:10px 0 0 0;
}


/* 新着・お知らせ */
table.newsBox{
	width:100%;
	border-collapse: collapse;
	border:1px solid #999;
}
table.newsBox th,
table.newsBox td{
	padding:5px;
	border:1px solid #999;
	font-size:120%;
}


/* ログイン */
#loginBox{
	padding:20px 0;
	margin:0;
	text-align:center;
}
#loginBox p{
	padding:0 0 5px 0;
	margin:0;
}
#loginBox input{
	margin:0 0 15px 0;
}
#loginBox input.nextBtn{
	margin-top:10px;
}
#loginForget{
	width:70%;
	padding:30px;
	margin:20px auto;
	border:3px solid #fc9;
	text-align:left;
}
#loginForget h4{
	color:#f60;
}
#loginForget p input{margin:0;}
#loginForget p input{margin:0;}
.loginForgetFlow{
	padding:20px 20px 0 20px;
	background:#f9dfd6;
}
* + html body .loginForgetFlow{height:50px;}
* html body .loginForgetFlow{height:50px;}
.loginForgetFlow:after{display:block;content:"";clear:both;}
.loginForgetFlow p{
	float:left;
	clear:left;
	margin:0;
	padding:5px 0 0 0;
}
.loginForgetFlow input{
	margin:0;
	padding:0;
}
.loginForgetFlow input.nextBtn{
	margin:0;
	float:right;
}

#loginHint{
	width:50%;
	margin:0 auto 20px auto;
	padding:40px 40px 30px 40px;
	background:#f9dfd6;
	text-align:left;
}
#loginHint p{
	margin-bottom:10px;
}
#loginHint input{
	margin:0;padding:0;
}

/* 共通 */
a.pageback{
	display:block;
	width:10em;
	margin:20px 0 10px 0;
	padding-left:17px;
	text-decoration:none;
	background:url(../img/pageback.gif) top left no-repeat;
}
input.nextBtn{
	width:200px;
	padding:5px 0;
}
a.nextBtn{
	display:block;
	width:200px;
	padding:10px 0;
	text-align:center;
	color:#333;
	text-decoration:none;
	background:#e5e5e5;
	border:1px solid #666;
}
a.nextBtn:hover{
	background:#bee6fd;
	border:1px solid #3c7fb1;
}

.exBox{
	margin-bottom:20px;
}
.exBox h3{
	margin:0 0 15px 0;
}
.exBox h4{
	margin:0 0 10px 0;
	padding-top:15px;
	border-top:1px dotted #ccc;
}
.exBox h4 img{
	margin:-25px 0 -5px 0;
} 
.exBox h5{
	color:#027abb;
	margin:0 0 5px 0;
	padding:5px 10px 0 10px;
	font-size:100%;
}
.exBox p{
	margin:0 0 5px 0;
	padding:0 15px;
}
.exBox img{
	margin:0 0 10px 15px;
}
.exBox ul{
	margin:0 15px;
	padding:0;
}
.exBox ul li{
	list-style:none;
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	background:url(../img/li_01.gif) left 0.2em no-repeat;
}
.exBox table,
table.exTable{
	border-collapse: collapse;
	border:1px solid #999;
}
.exBox table{width:680px;margin:0 15px 10px 15px;}
table.exTable{width:100%;margin:0 0 20px 0;}
.exBox table th,
.exBox table td,
table.exTable th,
table.exTable td{
	padding:5px;
	border:1px solid #999;
	font-size:100%;
}
.exBox table th,
table.exTable th{
	font-weight:normal;
	background:#eee;
}
table.exTable th{width:7em;text-align:left;}
.exBox a{color:#027abb;}
.exBox a:hover{color:#f60;}



/*---------- ボタン ----------*/
/* Lサイズ */
.btnLlogin,
.btnLnext,
.btnLback,
.btnLtop,
.btnLkakunin,
.btnLshusei,
.btnLreset,
.btnLsoushin,
.btnLsearch,
.btnLkaikei,
.btnLtoiawase,
.btnLcust,
.btnLorderfix,
.btnLcredit,
.btnLtaikai{
	display:block;
	width:200px;
	height:40px;
	text-indent:-9999px;
	outline:none;
	border:none;
	margin:0;
	padding:0;
	cursor:pointer;
	background:url(../img/btn_l.gif);
}
.btnLlogin		{background-position:0 0;}
.btnLnext		{background-position:0 -40px;}
.btnLback		{background-position:0 -80px;}
.btnLtop		{background-position:0 -120px;}
.btnLkakunin	{background-position:0 -160px;}
.btnLshusei		{background-position:0 -200px;}
.btnLreset		{background-position:0 -240px;}
.btnLsoushin	{background-position:0 -280px;}
.btnLsearch		{background-position:0 -320px;}
.btnLkaikei		{background-position:0 -360px;}
.btnLtoiawase	{background-position:0 -400px;}
.btnLcust		{background-position:0 -440px;}
.btnLorderfix	{background-position:0 -480px;}
.btnLcredit		{background-position:0 -520px;}
.btnLtaikai		{background-position:0 -560px;}
.btnLlogin:hover	{background-position:-200px 0;}
.btnLnext:hover		{background-position:-200px -40px;}
.btnLback:hover		{background-position:-200px -80px;}
.btnLtop:hover		{background-position:-200px -120px;}
.btnLkakunin:hover	{background-position:-200px -160px;}
.btnLshusei:hover	{background-position:-200px -200px;}
.btnLreset:hover	{background-position:-200px -240px;}
.btnLsoushin:hover	{background-position:-200px -280px;}
.btnLsearch:hover	{background-position:-200px -320px;}
.btnLkaikei:hover	{background-position:-200px -360px;}
.btnLtoiawase:hover	{background-position:-200px -400px;}
.btnLcust:hover		{background-position:-200px -440px;}
.btnLorderfix:hover	{background-position:-200px -480px;}
.btnLcredit:hover	{background-position:-200px -520px;}
.btnLtaikai:hover	{background-position:-200px -560px;}

/* Mサイズ */
.btnMlogout,
.btnMnext,
.btnMaddress,
.btnMpass,
.btnMtouroku{
	display:block;
	height:30px;
	text-indent:-9999px;
	outline:none;
	border:none;
	margin:0;
	padding:0;
	cursor:pointer;
	background:url(../img/btn_m.gif);
}
.btnMlogout,
.btnMnext,
.btnMaddress,
.btnMpass{
	width:155px;
}
.btnMtouroku{
	width:115px;
}
.btnMlogout	{background-position:0 0;}
.btnMnext	{background-position:0 -30px;}
.btnMaddress{background-position:0 -60px;}
.btnMpass	{background-position:0 -90px;}
.btnMtouroku{background-position:0 -120px;}
.btnMlogout:hover	{background-position:-155px 0;}
.btnMnext:hover		{background-position:-155px -30px;}
.btnMaddress:hover	{background-position:-155px -60px;}
.btnMpass:hover		{background-position:-155px -90px;}
.btnMtouroku:hover	{background-position:-115px -120px;}

/* Sサイズ */
.btnSlogin,
.btnShenshu,
.btnSsakujo{
	display:block;
	width:54px;
	height:24px;
	text-indent:-9999px;
	outline:none;
	border:none;
	margin:0;
	padding:0;
	cursor:pointer;
	background:url(../img/btn_s.gif);
}
.btnSlogin	{background-position:0 0;}
.btnShenshu	{background-position:0 -24px;}
.btnSsakujo	{background-position:0 -48px;}
.btnSlogin:hover	{background-position:-54px 0;}
.btnShenshu:hover	{background-position:-54px -24px;}
.btnSsakujo:hover	{background-position:-54px -48px;}

/* SSサイズ */
.btnSSsakujo{
	display:block;
	width:34px;
	height:24px;
	text-indent:-9999px;
	outline:none;
	border:none;
	margin:0;
	padding:0;
	cursor:pointer;
	background:url(../img/btn_ss.gif);
}
.btnSSsakujo{background-position:0 0;}
.btnSSsakujo:hover{background-position:-34px 0;}