@charset "euc-jp";

body {
	margin: 0px;
	padding: 5px 8px 0px;
}



/* -----    ヘッダ部分　フォント変更やバナーの位置決め     --------------- */
div#header {
	display: none;
}

#header h1 { display: none; }

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




/* -------- レ イ ア ウ ト -------------------*/
div#wrapper {

}

div#middle {
	background-color: #fff;
	padding: 0 10px 10px 10px;
}

div#box {

}

div#content { /* メインコンテンツ部分 */

}

div.sidebar {
	display: none;
}



div#footer address {
	background: #C5EE9D url(../img/copy_icon.gif) no-repeat 9px 5px;
	padding: 7px 0 7px 34px;
	color: #005830;
	font-style: normal;
	font-family: Verdana;
	font-size: 10px;
}
/* -----------------------------------------------*/




/* ----- リンク基本設定 ----- */
a:link { color: #0033CC; }
a:visited { color: #0033CC; }
a:hover { color: #FF3300; text-decoration: none; }
a:active { color: #dd0058; }
/* ------------------------- */




/* ----------    共通項目   ---------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
}
h2 span, h3 span, h4 span { display: none; }
form {
	margin: 0px;
	padding:: 0px;
}
img { border: none; }

hr { display: none; }

.clear { clear: both; }

.left { float: left; }

.center { text-align: center; }

.right { float: right; }

#hidden { display: none; }

.LRline {
	position: relative;
	height: 27px;
	background: #DCEBD2;
}
#R {
	position: absolute;
	right: 10px;
	top: 3px;
}
#L {
	left: 10px;
	position: absolute;
	top: 3px;
}

.width50 { width: 250px; }
.width90 { width: 90%; }
.width98 { width: 98%; }
.width100 { width: 100%; }
/* ----------------------------------- */




#pankuzu {
	display: none;
}




/* ----------- カテゴリー表示 --------------------------- */
.category {
	padding: 6px 0;
	border-bottom: 1px dashed #CCCCCC;
}
.category span { /* カテゴリの金額部分 */
	font-weight: bold;
	color: #EC0000;
}
.category #new { /* 新着アイコン表示 */
	background: url(../img/icon_new.gif) no-repeat 0px 2px;
}
.category a p { /* 詳細カテゴリの場合はPタグを使用 */
	margin: 0px;
	padding: 0px 0px 0px 35px;
	text-align: left;
}
.category a { text-decoration: none; }
.category ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.category li {
	text-align: center;
	float: left;
	margin-right: 6px;
	line-height: 140%;
	width: 148px; /* MacIEでは横幅を指定しないと回り込みが効かない */
}
#nomargin {	margin: 0px; }
/* ------------------------------------------------------------- */






/* ---       トップページ　メリット    ------------*/
.merit {
	background: #FFFFCC url(../img/merit_back.gif) no-repeat 99% 90%;
	border: 1px solid #FFCC00;
	margin-top: 5px;
	padding: 8px;
}
.merit-title {
	background: url(../img/merit_title.gif) no-repeat;
	height: 33px;
	text-indent: -1000em;
}
.merit ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.merit ul {
	list-style-type: none;
}
#mt01 {
	background-image: url(../img/merit_01_01.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-left: 40px;
}
#mt01 h4 {
	background-image: url(../img/merit_01_02.gif);
	height: 28px;
	text-indent: -1000em;
	background-repeat: no-repeat;
}
#mt02 {
	background-image: url(../img/merit_02_01.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-left: 40px;
}
#mt02 h4 {
	background-image: url(../img/merit_02_02.gif);
	height: 28px;
	text-indent: -1000em;
	background-repeat: no-repeat;
}
#mt03 {
	background-image: url(../img/merit_03_01.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-left: 40px;
}
#mt03 h4 {
	background-image: url(../img/merit_03_02.gif);
	height: 28px;
	text-indent: -1000em;
	background-repeat: no-repeat;
}
#mt04 {
	background-image: url(../img/merit_04_01.gif);
	height: 60px;
	width: 142px;
	text-indent: -1000em;
	background-repeat: no-repeat;
}
#mt04 h4 a {
	background-image: url(../img/merit_04_01_02.gif);
	height: 40px;
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	margin-top: 5px;
}
#mt04 h4 a:hover {
	background-image: url(../img/merit_04_01_03.gif);
}
#mt05 {
	background-image: url(../img/merit_04_02.gif);
	height: 60px;
	width: 218px;
	background-repeat: no-repeat;
	margin-top: -60px;
	margin-left: 170px;
	text-indent: -1000em;
}
#mt05 h4 {
	background-image: url(../img/merit_04_tel.gif);
	height: 38px;
	margin-top: 5px;
}
/* ---------------------------------------------------- */







/* ----- TOPのナビ部分のアイコン設定など
		 一部フッターのテキストリンクも併用 -------------*/
div#nav {
	display: none;
}
/* ------------------------------------------------------------ */




/* -------------- メーカー表示部分 ------------------- */
.maker ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 88%;
}
.maker li {
	float: left;
	width: 152px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
}
.maker li a {
	padding: 3px 3px 3px 10px;
	display: block;
	text-decoration: none;
}
.maker li a:hover {
	color: #000000;
	background: #CFFCF9;
}
.maker .gray {
	background: #eee;
}
.maker h3 {
	font-weight: bold;
	padding: 3px 3px 3px 10px;
	background: #EEEEEE;
	border: 2px solid #ccc;
}
.maker {
	margin-bottom: 10px;
	margin-top: 10px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
/* ---------------------------------------------------- */





/* -------------　TAB（下部）切り替え基本部分　---------- */
ul.tabnavi-bottom {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabnavi-bottom span { display: none; }
ul.tabnavi-bottom li { display: inline; }
ul.tabnavi-bottom li a {
	display: block;
	float: left;
	width: 122px;
	height: 22px;
	text-decoration: none;
}

ul.tabnavi-bottom #active a {
	background-position: 0px -23px;
	cursor: default;
}

ul.tabnavi-bottom a:hover#tab01,
ul.tabnavi-bottom a:hover#tab02,
ul.tabnavi-bottom a:hover#tab03,
ul.tabnavi-bottom a:hover#tab04,
ul.tabnavi-bottom a:hover#tab05 {
	background-position: 0px -23px;
}
/* ---------------------------------------------------- */







a.back {
	background: #DCEBD2;
	display: block;
	text-align: right;
	padding: 3px 10px 3px 3px;
	clear:both;
}
.back a:hover {
	background: #FFFFCC;
}



/* ---------------- アイテム詳細表示 ------------------------- */
.item {
	padding-top: 6px;
	padding-bottom: 6px;
}

.item-pic img {
	border: 1px solid #006600;
}
.item-pic {
	width: 203px;
	float: left;
	text-align: center;
}
.item-body {
	float: right;
	width: 395px;
}
.item-body h3 {
	font-size: 140%;
	font-family: "ヒラギノ角ゴ Std W8", "HiraKakuStd-W8", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}
.item-body h4.price {
	font-size: 110%;
	font-weight: bold;
	color: #FF0000;
}
.item-pic a {
	background: url(../img/item_view_bt.gif) no-repeat 0px 0px;
	display: block;
	height: 31px;
	width: 173px;
	text-decoration: none;
	margin: 5px auto;
}
.item-pic span {
	display: none;
}
.item-pic a:hover {
	background-position: 0px -30px;
}
/* ----------------------------------------------------- */




/* ----- インパクトのあるアイコン入りの見出し ----- */
.bar-green {
	background: #EDF4E8 url(../img/arrow_hand.gif) no-repeat 5px center;
	padding:3px 0 3px 29px;
	font-weight: bold;
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	margin: 5px 0;
}

.bar-pink {
	background: #FFF0FE url(../img/arrow_human.gif) no-repeat 3px center;
	padding:3px 0 3px 29px;
	font-weight: bold;
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	margin: 5px 0;
}
/* ------------------------------------------------ */




.spec th {
	font-weight: normal;
	background: #CCCCCC;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.spec {
	background: #999999;
	margin-top: 5px;
	margin-bottom: 5px;
}
.spec td {
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
.spec tr {
	background: #FFFFFF;
}


ul.txtnav {
	display: none;
}




/* --------  背景色を変更できる丸角BAR -------------  */
.bar {
	background: #DCFAAF url(../img/bar_left.gif) no-repeat;
	height: 28px;
	position:relative;
	margin: 10px 0 10px 0;
}
.bar span {
	position: absolute;
	top: 12%;
	left: 3%;
}
/* -------------------------------------------------- */




.item-special a {
	display: block;
	background: url(../img/item_mitsumori_bt.gif) no-repeat;
	width: 226px;
	height: 41px;
	margin-left: auto;
}
.item-special a:hover {
	background-position: 0px -41px;
}
.item-special a span {
	display: none;
}
.item-special {
	text-align: right;
}

.review-staff {
	background: #DCEBD2 url(../img/parts/round_top.gif) no-repeat;
	padding: 10px 0px 0px;
	margin: 0px 0px 10px;
}
.review-maker {
	background: #CFE2DF url(../img/parts/round_top.gif) no-repeat;
	padding: 10px 0px 0px;
	margin: 0px 0px 10px;
}
.review-staff dd, .review-maker dd {
	margin: 0px 15px 0px 120px;
	padding: 0px;
}
.review-staff dt a {
	background: url(../img/parts/profile_bt.gif) no-repeat;
	display: block;
	height: 25px;
	width: 97px;
}
.review-maker dt a {
	background: url(../img/parts/profile_bt_maker.gif) no-repeat;
	display: block;
	height: 25px;
	width: 97px;
}
.review-staff dt a:hover, .review-maker dt a:hover {
	background-position:0px -24px;
}

.review-staff dt a, 
.review-staff dt img,
.review-maker dt a,
.review-maker dt img {
	margin: 0px auto 5px;
}

.review-staff dt, .review-maker dt {
	text-align: center;
	width: 120px;
	float: left;
	padding: 0px;
}
.review-staff dt span, .review-maker dt span {
	display: none;
}
.review-staff dd h3 {
	color: #008837;
	font-weight: bold;
	border-bottom: 1px solid #008837;
	margin-bottom: 6px;
}
.review-maker dd h3 {
	color: #006699;
	font-weight: bold;
	border-bottom: 1px solid #0066CC;
	margin-bottom: 6px;
}
.review-staff div, .review-maker div {
	background: url(../img/parts/round_bottom.gif) no-repeat center bottom;
	height: 15px;
}
.cart-bt a {
	background: url(../img/parts/cart_go_bt.gif) no-repeat;
	display: block;
	height: 21px;
	width: 124px;
	margin: auto;
}
.cart-bt a:hover {
	background-position: 0px -21px;
}
.cart-bt a span {
	display: none;
}


.imgnav {
	position: relative;
	height: 40px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: both;
}
.imgnav li a span { display:none; }
.imgnav li {
	position: absolute;
	top: 10%;
}
.continue-bt, .cartback-bt { left: 0%; }
.register-bt, .cartregist-bt { right: 0%; }
.register-next, .form-regist { right: 0%; }
.continue-bt a {
	background: url(../img/parts/continue_bt.gif) no-repeat;
	height: 28px;
	width: 160px;
	display: block;
}
.register-bt a {
	background: url(../img/parts/go_register_bt.gif) no-repeat;
	display: block;
	height: 28px;
	width: 160px;
	right: 0%;
}
.register-next a {
	background: url(../img/parts/register_next.gif) no-repeat;
	display: block;
	height: 28px;
	width: 180px;
	right: 0%;
}
.cartback-bt a {
	background: url(../img/parts/cart_back_bt.gif) no-repeat;
	display: block;
	height: 28px;
	width: 231px;
	right: 0%;
}
.cartregist-bt a {
	background: url(../img/parts/cart_payout_bt.gif) no-repeat;
	display: block;
	height: 28px;
	width: 160px;
	right: 0%;
}
.form-regist a {
	background: url(../img/parts/form_regist_bt.gif) no-repeat;
	display: block;
	height: 28px;
	width: 191px;
}
.continue-bt a:hover,
.register-bt a:hover,
.register-next a:hover,
.cartback-bt a:hover,
.cartregist-bt a:hover,
.form-regist a:hover
 {
	background-position: 0px -28px;
}

.related {
	float: left;
	width: 300px;
}
.related img {
	float: left;
	margin-right: 10px;
}
.related p {
	padding-right: 10px;
}

.border {
	clear: both;
	border-top: 1px dashed #999999;
	margin-top: 10px;
	margin-bottom: 10px;
}
.textnavi {
	border-top: 3px solid #E0DFE3;
	border-bottom: 3px solid #E0DFE3;
	margin: 0px;
	padding: 5px;
	list-style: none;
}

.staff-view {
	padding: 20px;
}
.staff-img {
	float: left;
	width: 220px;
	text-align: center;
}
.message {
	width: 443px;
	float: right;
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 115%;
}
.message p {
	margin: 0px;
	padding: 0px 10px 0px 34px;
	border-right: 1px solid #999999;
	background: url(../img/parts/staff_co_left.gif) no-repeat left center;
}
.message-bottom {
	background: url(../img/parts/staff_co_bt.gif) no-repeat right center;
	height: 10px;
	line-height: 0;
}
.message-top {
	background: url(../img/parts/staff_co_top.gif) no-repeat right center;
	height: 10px;
	line-height: 0;
}
.staff-view dl {
	background: #ececec;
	border-bottom: 1px solid #ccc;
	margin: 0px;
	width: 100%;
}
.staff-view dt, .staff-view dd {
	margin: 0; border-top: 1px solid #ccc; padding: 0.3em 0.8em;
}
.staff-view dt {
	width: 15em;
	font-weight: bold;
	float: left;
}
.staff-view dd {
	margin-left: 15em; background: #fff;
}

.title {
	font-size: 1.3em;
	background: #E6E6E6 url(../img/arrow_midoriyama2.gif) no-repeat 5px -5px;
	text-align: center;
	padding: 5px;
	color: #000000;
}
.title-search {
	font-size: 1.3em;
	background: #E6E6E6 url(../img/arrow_search.gif) no-repeat 5px center;
	text-align: center;
	padding: 4px;
	color: #000000;
}
.title-guide {
	font-size: 1.3em;
	background: #E6E6E6 url(../img/arrow_guide.gif) no-repeat 8px 40%;
	text-align: center;
	padding: 4px;
	color: #000000;
}
.title-faq {
	font-size: 1.3em;
	background: #E6E6E6 url(../img/arrow_midoriyama3.gif) no-repeat 8px 40%;
	text-align: center;
	padding: 4px;
	color: #000000;
}

.txt-right {
	text-align: right;
	color: #666666;
}
.txtformat {
	margin:0 10px;
	color: #333333;
	line-height: 170%;
	font-size: 110%;
}

.txtformat h3 {
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	background: url(../img/arrow_midoriyama.gif) no-repeat 99% 2px;
}




/* -------- 汎用２列表形式 ----------------------------- */
.cell {
	border: 5px solid #eee;
	padding: 1px;
}
.cell dl {
	background: #ececec;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 0px;
}
.cell dt, .cell dd {
	margin: 0; border-top: 1px solid #ccc; padding: 0.3em 0.8em;
}
.cell dt {
	width: 12em;
	font-weight: bold;
	float: left;
}
.cell dd {
	margin-left: 12em;
	background: #fff;
	clear: right;
}
.cell h3 { display: none; }
/* ------------------------------------------------------ */




/* ---------------- フォーム関連 ------------------------- */

.error-form {
	color: #CA0220;
	font-family: Verdana;
}
.error-form input, .error-form select {
	background: #FFF0F0;
	border: 1px solid #FF0000;
}

.error-form p {
	margin: 5px 0 0;
	padding: 8px;
	border: 5px solid #FFE6E6;
	font-size: 14px;
	background: #FFFFFF;
}

#form-hissu {
	background: url(../img/parts/form_hissu.gif) no-repeat 80% 55%;
}

fieldset dl {
	background: #F3F2F4;
	margin: 0px;
	padding: 15px;
}
fieldset dl dt {
	width: 15em;
	padding: 3px;
}
fieldset dl dd {
	padding: 3px 3px 3px 15em;
	margin: -2.0em 0 0 0;
	border-bottom: 1px solid #CCCCCC;
}
.title-legend {
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1.2em;
}
/* --------------------------------------------------------- */




/* ----------------　スタッフ紹介部分  ------------------------ */
.staffbox {
	padding: 0px;
}
#staffbox-left {
	float: left;
	width: 261px;
	border-right: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
}
#staffbox-right {
	float: right;
	width: 261px;
	border-bottom: 1px dashed #999999;
}
.staffbox img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #E0DFE3;
	padding: 4px;
	border: 1px solid #CCCCCC;
}
a.staffbox {
	display: block;
	cursor: hand;
}
.staffbox blockquote {
	margin: 0px;
	padding: 7px;
}
.staffbox h4 a{
	font-weight: bold;
	background: #E0DFE3;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	text-decoration: none;
	color: #000000;
}
.staffbox h4 a:hover {
	color: #FFFFFF;
	background: #009900;
}
.staff-img img {
	border: 7px solid #E0DFE3;
}
h3.staff-title {
	background: url(../img/parts/staff_title.gif) no-repeat;
	height: 73px;
}
/* --------------------------------------------------- */




/* ---------------- プロの使っている商品の紹介部分 -------*/
.professional h3 {
	background: url(../img/parts/pro_title.gif);
	height: 73px;
}
.professional ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}
.professional ul li {
	float: left;
	width: 220px;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: url(../img/back_001.gif);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	_width: 242px;
}

.professional ul li img {
	float: left;
	margin-right: 6px;
}
.professional ul li h4 {
	border-bottom: 1px dashed #999999;
	padding-bottom: 3px;
	font-weight: bold;
	color: #000000;
}
.professional ul li p {
	color: #666666;
	margin: 3px 0 0 0;	
}
.professional a {
	text-decoration: none;
}
.professional a:hover {
	position : relative;
	left : 1px;
	top : 1px;
}
/* --------------------------------------------------- */





.sitemap {
	font-size: 120%;
	background: #FFFFE6;
	padding: 20px;
	line-height: 200%;
}
.sitemap h3 {
	padding: 3px;
	margin-top: 20px;
	margin-bottom: 3px;
	border-bottom: 1px dashed #CCCCCC;
	font-weight: bold;
	letter-spacing: 0.3em;
}

.thx {
	font-size: 120%;
	margin: 30px;
	padding: 10px;
	border: 10px solid #eee;
}
.thx h3 {
	text-align:center;
	font-size: 170%;
	background: #eee;
	padding: 5px;
}

.search-box {
	border-bottom : 1px solid #ccc;
	padding:10px;
}
.search-box h4 {
	border-bottom: 1px dashed #999;
	padding: 3px;
	font-size: 110%;
	font-weight: bold;
	color: #0033FF;
}
.search-box img {
	float:left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #CCC;
}

.search-box p {
	margin:3px;
	color: #666;
}
.search-box h5 {
	color: #E80000;
	text-align: right;
}

.leftbox {
	width: 280px;
	float: left;
}
.rightbox {
	float: right;
	width: 315px;
}

p.view-comment a {
	background: url(../img/parts/view_comment_bt.gif) no-repeat;
	margin: 15px;
	padding:0;
	float: left;
	height: 45px;
	width: 259px;
	text-indent: -1000em;
	text-decoration: none;
}
p.view-board a {
	background: url(../img/parts/view_faq_board.gif) no-repeat;
	margin: 15px;
	padding:0;
	float: right;
	height: 45px;
	width: 259px;
	text-indent: -1000em;
	text-decoration: none;
}
p.view-comment a:hover, p.view-board a:hover {
	background-position: 0 -43px;
}
.photo {
	background: #E6E6E6;
	padding: 5px;
	border: 1px solid #999999;
}
dl.inquery {
	background: #FBFBF4;
	padding: 10px;
}
dl.inquery dt {
	background: url(../img/arrow.gif) no-repeat 0 50%;
	padding-left: 20px;
}
dl.inquery dd {
	padding-left: 32%;
	margin: -1.5em 0 0 0;
}