@charset "UTF-8";


body {
	text-align: center;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: ＭＳ Ｐゴシック, sans-serif;
	line-height: 130%;
}
div {
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5,h6 {
	font-size: small;
	font-weight: normal; 
	margin: 0px;
	padding: 0px;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
ol {
	list-style: decimal;
	margin: 0px;
	padding: 0px;
}
li {
	margin: 0px;
	padding: 0px;
}



a:link {
	color: #0066ff ;
}
a:visited {
	color: #0066ff ;
}
a:hover {
	background-color: #ffff99 ;
	text-decoration: none ;
	color: #ff4b21 ;
}
a:active {
	color: #0066ff ;
}

a:hover img{
	display: block;
	filter:alpha(opacity=70);
	opacity:0.7;
	text-decoration: none ;
	margin-right: auto;
	margin-left: auto;
}


/**
a:hover img{
	display: block;
	position:relative;
	top:2px; left:2px;
	text-decoration: none ;
	margin-right: auto;
	margin-left: auto;
}
**/

img {
	background-color: #ffffff ;
	border: none;
}



.line_01 {
	float: left;
	width: 580px;
	background: url(/img/line01.gif);
	height: 33px;
}

.go_up {
	clear: left;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: right;
}

.font1 {
	color: #ff0000;
	font-weight: bold;
}

.clear {
	visibility: hidden;
}




/******************************************************
 基本レイアウト
*******************************************************/

#all {
	background-image: url(/img/bg.gif);
	background-repeat: repeat-y;
	text-align: center;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}

#head {
	width: 950px;
	padding-bottom: 15px;
	background-color: #ffffff;
}
#left {
	width: 175px;
	float: left;
	display: block;
	background-color: #eaeaea;
}
#center {
	width: 580px;
	float: left;
	display: block;
	margin-left: 10px;
}
#right {
	width: 175px;
	float: left;
	display: block;
	background-color: #eaeaea;
	margin-left: 10px;
	margin-right:0;
}
#foot {
	float: left;
	width: 950px;
	padding-top: 15px;
	background-color: #ffffff;
}


/**------------- 商品詳細ページ用補間 ----------------**/

#all_w {
	background-image: url(/img/bg_w.gif);
	background-repeat: repeat-y;
	text-align: center;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}

#center_w {
	width: 765px;
	float: left;
	display: block;
	margin-left: 10px;
}

/******************************************************
 ヘッダー画像
*******************************************************/

#head h1 {
	background: url(/img/head_title.jpg);
	width: 950px;
	height: 96px;
	overflow: hidden;
	display: block;
}

#head h1 a{
	width: 950px;
	height: 96px;
	overflow: hidden;
	text-decoration: none;
	display: block;
	background-color:transparent; 
}

#head span {
	visibility: hidden;
}



/******************************************************
 ヘッダー上部テキスト
*******************************************************/

#headtop h2 {
	padding: 2px 5px 2px 5px;
	text-align: left;
	color: #666666;
	font-size: 11px;
	font-weight: normal; 
	background-color: #eaeaea;
}


/******************************************************
 ヘッダーメニュー
*******************************************************/

#headmenu {
	background: url(/img/head_menu.gif);
	width: 950px;
	height: 39px;
	overflow: hidden;
}
#headmenu ul {
	height: 23px;
	display: inline;
}
#headmenu li {
	float: left;
	overflow: hidden;
	display: inline;
	height: 23px;
	margin: 3px;
	margin-top: 10px;
}
#headmenu li a {
	float: left;
	display: inline;
	width: 103px;
	height: 23px;
	text-decoration: none;
}
#headmenu li a:hover {
	background: none;
}
#headmenu li span {
	visibility: hidden;
}
#headmenu .m_title {
	float: left;
	overflow: hidden;
	display: inline;
	width: 38px;
	_width: 0px;
	height: 23px;
	visibility: hidden;
}

#headmenu .top a {
	background: url(/img/menu_top.gif);
}
#headmenu .top  {
	background: url(/img/menu_top_o.gif);
}
#headmenu .cart a {
	background: url(/img/menu_cart.gif);
}
#headmenu .cart  {
	background: url(/img/menu_cart_o.gif);
}
#headmenu .guide a {
	background: url(/img/menu_guide.gif);
}
#headmenu .guide  {
	background: url(/img/menu_guide_o.gif);
}
#headmenu .voice a {
	background: url(/img/menu_voice.gif);
}
#headmenu .voice  {
	background: url(/img/menu_voice_o.gif);
}
#headmenu .faq a {
	background: url(/img/menu_faq.gif);
}
#headmenu .faq  {
	background: url(/img/menu_faq_o.gif);
}
#headmenu .inquiry a {
	background: url(/img/menu_inquiry.gif);
}
#headmenu .inquiry  {
	background: url(/img/menu_inquiry_o.gif);
}
#headmenu .company a {
	background: url(/img/menu_company.gif);
}
#headmenu .company  {
	background: url(/img/menu_company_o.gif);
}
#headmenu .privacy a {
	background: url(/img/menu_privacy.gif);
}
#headmenu .privacy  {
	background: url(/img/menu_privacy_o.gif);
}

#headmenu .about a {
	background: url(/img/menu_about.gif);
}
#headmenu .about  {
	background: url(/img/menu_about_o.gif);
}



/******************************************************
 買い物かごを見る
*******************************************************/

#lookcart {
	background: url(/img/look_cart.gif);
	float: left;
	display: block;
	width: 175px;
	height: 54px;
	padding-bottom: 3px;
}

#lookcart a:hover {
	background: none;
}


#lookcart a {
	display: block;
	width: 175px;
	height: 54px;
	text-decoration: none;
	background: url(/img/look_cart_a.gif);
}



/******************************************************
 郵便ポストメニュー
*******************************************************/

#postmenu {
	float: left;
	padding-bottom: 10px;
}
#postmenu ul {
	width: 175px;
	margin: 0px;
}
#postmenu li {
	float: left;
	display: block;
	width: 175px;
	height: 32px;
	margin: 0px;
}
#postmenu li a {
	display: block;
	width: 175px;
	height: 32px;
	text-decoration: none;
}
#postmenu li a:hover {
	background: none;
}
#postmenu li span {
	visibility: hidden;
}
#postmenu .design a {
	background: url(/img/menu_design.gif);
}
#postmenu .design  {
	background: url(/img/menu_design_o.gif);
}
#postmenu .price a {
	background: url(/img/menu_price.gif);
}
#postmenu .price  {
	background: url(/img/menu_price_o.gif);
}
#postmenu .spec a {
	background: url(/img/menu_spec.gif);
}
#postmenu .spec  {
	background: url(/img/menu_spec_o.gif);
}
#postmenu .color a {
	background: url(/img/menu_color.gif);
}
#postmenu .color  {
	background: url(/img/menu_color_o.gif);
}
#postmenu .material a {
	background: url(/img/menu_material.gif);
}
#postmenu .material  {
	background: url(/img/menu_material_o.gif);
}
#postmenu .ambience a {
	background: url(/img/menu_ambience.gif);
}
#postmenu .ambience  {
	background: url(/img/menu_ambience_o.gif);
}


/******************************************************
 インフォメーションメニュー
*******************************************************/

#infomenu {
	text-align: left;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#infomenu li {
	font-size: 12px;
	display:block;
	background: url(/img/info_mark.gif) 0 1px no-repeat;
	padding:1px 3px 5px 18px;
	margin:2px 5px 3px 10px;
}


/******************************************************
 営業日
*******************************************************/

#day {
	display: block;
	width: 175px;
	float: left;
	padding-bottom: 10px;
}
#day .calendar {
	margin-top: 10px;
}

/******************************************************
 ランキング
*******************************************************/

#rank {
	text-align: left;
	float: left;
	padding-top: 5px;
	padding-bottom: 10px;
}

#rank .rankitem {
	width: 163px;
	float: left;
	clear: left;
	padding:  3px 6px;
	padding-bottom: 10px;
}

#rank .rankorder {
	padding-bottom: 5px;
}
#rank .rankimg {
	float: left;
	width: 60px;
	margin-right: 6px;
}
#rank .ranktxt {
	float: left;
	width: 97px;
	_width: 91px;
}

/******************************************************
 right バナー
*******************************************************/

#guide_img{
	padding: 8px 0 4px 0;
}
.guide_img_1{
	margin-bottom: 4px;
}

/******************************************************
 オススメ商品
*******************************************************/

#recommend {
	float: left;
	padding-top: 5px;
	padding-bottom: 10px;
}

#recommend .recommenditem {
	float: left;
	width: 163px;
	padding:  3px 6px;
	padding-bottom: 5px;
}

#recommend .recommendimg {
	display: block;
	margin-bottom: 2px;
}

#recommend .recommendtxt {
	padding-left: 3px;
	display: block;
	float: left;
	text-align: left;
}

#recommend .recommendtxt2 {
	padding-left: 14px;
	display: block;
	float: left;
	text-align: left;
}



/******************************************************
 オススメサイト
*******************************************************/

#recommendsite {
	float: left;
	padding-top: 5px;
	padding-bottom: 10px;
}


#recommendsite .recommendcon {
	float: left;
	width: 160px;
	padding:  3px 7px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}



#recommendsite .recommendimg {
	display: block;
	margin-bottom: 2px;
}

#recommendsite .recommendtxt {
	padding-left: 3px;
	display: block;
	float: left;
	text-align: left;
}


.recommend_site1 a{
	background: url(/img/banner_designing.jpg);
	background-repeat : no-repeat ;
	width: 160;
	height: 60px;
	display: block;
	margin-bottom: 2px;
	text-decoration: none;
	overflow: hidden;
}

.recommend_site2 a{
	background: url(/img/banner_ptf.jpg);
	background-repeat : no-repeat ;
	width: 160;
	height: 60px;
	display: block;
	margin-bottom: 2px;
	text-decoration: none;
	overflow: hidden;
}


.recommend_site3 a{
	background: url(/img/auto_160-60.jpg);
	background-repeat : no-repeat ;
	width: 160;
	height: 60px;
	display: block;
	margin-bottom: 2px;
	text-decoration: none;
	overflow: hidden;
}

.recommend_site4 a{
	background: url(/img/banner_gisele.jpg);
	background-repeat : no-repeat ;
	width: 160;
	height: 60px;
	display: block;
	margin-bottom: 2px;
	text-decoration: none;
	overflow: hidden;
}


/******************************************************
 キャンペーンページ
*******************************************************/
#recommendpage {
	float: left;
	padding-top: 5px;
	padding-bottom: 0px;
}

#recommendpage .recommendpage01 {
	float: left;
	width: 160px;
	padding:  3px 7px;
	margin-right: auto;
	margin-left: auto;
}
#recommendpage .recommendpagetxt {
	padding-left: 3px;
	display: block;
	float: left;
	text-align: left;
}

.recommend_page1 a{
	width: 160;
	height: 100px;
	display: block;
	margin-bottom: 2px;
	text-decoration: none;
	overflow: hidden;
}

.recommend_page2 a{
	width: 160;
	height: 100px;
	display: block;
	margin-bottom: 8px;
	text-decoration: none;
	overflow: hidden;
}

/******************************************************
 レフトバナー
*******************************************************/
#banner_area {
	float: left;
	padding-bottom: 10px;
	margin-left: 7px;
	_margin-left: 4px;
}

#banner_area .banner_img_01 {
	float: left;
	width: 160px;
}
#banner_area .banner_img_01 a{
	width: 160;
	height: 60px;
	display: block;
	margin-bottom: 2px;
	text-decoration: none;
	overflow: hidden;
}
#banner_area .banner_txt {
	width: 160px;
	padding-left: 3px;
	padding-bottom: 10px;
	display: block;
	float: left;
	text-align: left;
}
#banner_area .banner_img_02 {
	float: left;
	width: 160px;
	padding:4px 0;
}




/******************************************************
 フッターテキスト
*******************************************************/

#foottxt {
	clear: left;
	background: url(/img/foot_img.gif);
	height: 27px;
	padding-top: 8px;
	color: #ffffff;
}



/******************************************************
 フッターメニュー
*******************************************************/

#footmenu {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footmenu li {
	float: left;
	font-size: 12px;
	display:inline;
	padding:10px 8px;
}

#footmenu .m_title {
	float: left;
	overflow: hidden;
	display: inline;
	width: 10px;
	height: 60px;
	visibility: hidden;
}



/******************************************************
 ピックアップ商品
*******************************************************/

#pickup {
	clear: left;
}

#pickup .colspan {
	float: left;
	padding-top: 10px;
}

#pickup .pickupitem {
	display: inline;
	text-align: left;
	float: left;
	width: 136px;
	margin-right:  12px;
}

#pickup .pickupitem_r {
	display: inline;
	text-align: left;
	float: left;
	width: 136px;
}

#pickup .listimg {
	display: inline;
	text-align: left;
	float: left;
	width: 136px;
	margin-right:  12px;
	padding-top: 10px;
}

#pickup .listimg_r {
	display: inline;
	text-align: left;
	float: left;
	width: 136px;
	padding-top: 10px;
}

#pickup .subtitle {
	clear: left;
	width: 580px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#pickup img {
	padding-bottom: 2px;
}



/******************************************************
 ピックアップ特集
*******************************************************/


#feature {
	float: left;
	padding-bottom: 10px;
}

#feature .item {
	display: block;
	float: left;
	width: 284px;
	margin-right:  12px;
	padding-bottom: 12px;
}

#feature .item_r {
	display: block;
	float: left;
	width: 284px;
	margin:  0px;
	padding-bottom: 12px;
}

#feature .txt {
	display: block;
	float: left;
	text-align: left;
	padding-top: 3px;
}



/******************************************************
 メイン
*******************************************************/


#main {
	padding-bottom: 15px;
	text-align: left;
}

.main_top {
	display: block;
	width: 580px;
	height: 145px;
	margin-bottom: 5px;
}
.main_top a span {
	visibility: hidden;
}
.main_top a  {
	display: block;
	width: 580px;
	height: 145px;
	text-decoration: none;
}

.main_top a:hover {
	background: none;
}
.main_top a {
	background: url(/img/npc_580145_a.gif);
}
.main_top   {
	background: url(/img/npc_580145_b.gif);
}

.main_top_h145 {
	display: block;
	width: 580px;
	height: 145px;
	margin-bottom: 5px;
}
.main_top_h145 a  {
	display: block;
	width: 580px;
	height: 145px;
	text-decoration: none;
}

.main_top_h240 {
	display: block;
	width: 580px;
	height: 240px;
	margin-bottom: 5px;
}
.main_top_h240 a  {
	display: block;
	width: 580px;
	height: 240px;
	text-decoration: none;
}

.main_top_h260 {
	display: block;
	width: 580px;
	height: 260px;
	margin-bottom: 5px;
}
.main_top_h260 a  {
	display: block;
	width: 580px;
	height: 260px;
	text-decoration: none;
}

.main_top_sale {
	display: block;
	width: 580px;
	height: 790px;
	margin-bottom: 5px;
}
.main_top_sale a  {
	display: block;
	width: 580px;
	height: 790px;
	text-decoration: none;
}

.main_top_h800 {
	margin-bottom: 5px;
}


.main_top_muryou {
	display: block;
	width: 580px;
	height: 50px;
}
.main_top_muryou a  {
	display: block;
	width: 580px;
	height: 50px;
	text-decoration: none;
}

.main_top_muryou_h80 {
	display: block;
	width: 580px;
	height: 80px;
	margin-bottom: 5px;
}
.main_top_muryou_h80 a  {
	display: block;
	width: 580px;
	height: 80px;
	text-decoration: none;
}

.main_top_h138 {
	display: block;
	width: 580px;
	height: 138px;
	margin-bottom: 5px;
}
.main_top_h138 a  {
	display: block;
	width: 580px;
	height: 138px;
	text-decoration: none;
}

.mb05{
	margin-bottom: 5px;
}

/******************************************************
 バナー下テキスト
*******************************************************/
.banner_title {
	font-weight: bold;
	margin-bottom: 3px;
	padding-top: 2px;
	color: #444444;
}
.banner_txt {
	margin-bottom: 10px;
}
.banner_tbox_left {
	float: left;
	width: 373px;
	margin-right: 7px;
}
.banner_tbox_right {
	float: left;
	width: 200px;
}


/******************************************************
 メイン 2009-2010 年末年始のお知らせ
*******************************************************/

.main_top_message{
	background: url(/img/2010_sale.gif) no-repeat 2px 2px;
	border: 1px solid #EB001F;
	padding: 15px 13px 15px 233px;
	line-height: 1.5em;
	margin-bottom: 5px;
}

.main_top_message_vario{
	background: url(/img/2010_sale_vario.gif) no-repeat 2px 2px;
	border: 1px solid #EB001F;
	padding: 15px 13px 15px 233px;
	line-height: 1.5em;
	margin-bottom: 5px;
	margin-top:10px;
}


/******************************************************
 最新情報
*******************************************************/

#news {
	width: 580px;
	text-align: left;
	float: left;
	padding-bottom: 20px;
}
#news h3 {
	padding-bottom: 5px;
}

#newstxt li {
	font-size: 12px;
	display:block;
	background: url(/img/info_mark.gif) 0 5px no-repeat;
	padding: 5px 0px 0px 20px;
	margin: 0px 0px 0px 6px;
}
#newstxt li a {
	font-color: #cccccc;
}



/******************************************************
 最新情報
*******************************************************/

#newvoice {
	width: 580px;
	text-align: left;
	float: left;
	padding-bottom: 20px;
}
#newvoice h3 {
	padding-bottom: 5px;
}

#newvoicetxt li {
	font-size: 12px;
	display:block;
	background: url(/img/info_mark.gif) 0 5px no-repeat;
	padding: 5px 0px 0px 20px;
	margin: 0px 0px 0px 6px;
}
#newvoicetxt li a {
	font-color: #cccccc;
}





/******************************************************
 お取引について
*******************************************************/

#guide {
	width: 580px;
	text-align: left;
	float: left;
}

#guide h3 {
	width: 580px;
	height: 25px;
	background-color: #dcdfe1;
	float: left;
	margin-bottom: 0px;

}

#guide .left {
	width: 285px;
	margin-right:10px;
	text-align: left;
	float: left;
}

#guide .right {
	width: 285px;
	text-align: left;
	float: left;
}

#guide .line {
	background: url(/img/guide_line.gif);
	height: 15px;
}



#guide .title {
	background: url(/img/guide_bg.gif);
	margin-top: 15px;
}

#guide .txt {
	font-size: 12px;
	display:block;
	padding: 10px;
	border: 1px #dcdfe1 solid;
}

#guide .link {
	font-size: 11px;
	color: #dcdfe1;
	padding: 8px 0;
	border-width: 1px 0 1px 0;
	border-color: #dcdfe1;
	border-style: solid;
}


/**------------- 商品詳細ページ用補間 ----------------**/

#guide_w {
	width: 765px;
	text-align: left;
	float: left;
}

#guide_w h3 {
	width: 765px;
	height: 25px;
	background-color: #dcdfe1;
	clear: left;
	margin-bottom: 0px;

}

#guide_w .left {
	width: 377px;
	margin-right:11px;
	text-align: left;
	float: left;
}

#guide_w .right {
	width: 377px;
	text-align: left;
	float: left;
}

#guide_w .line {
	background: url(/img/guide_line.gif);
	height: 15px;
}



#guide_w .title {
	background: url(/img/guide_bg.gif);
	margin-top: 15px;
}

#guide_w .txt {
	font-size: 12px;
	display:block;
	padding: 10px;
	border: 1px #dcdfe1 solid;
}

#guide_w .link {
	font-size: 11px;
	color: #dcdfe1;
	padding: 8px 0;
	border-width: 1px 0 1px 0;
	border-color: #dcdfe1;
	border-style: solid;
}


/******************************************************
 各種タイトル
*******************************************************/


.postcat_title {
	width: 175;
	height: 40px;
	clear: left;
	background: url(/img/postcat_title.gif);
	display: block;
	overflow: hidden;
}


.info_title {
	width: 175;
	height: 40px;
	clear: left;
	background: url(/img/info_title.gif);
	display: block;
	overflow: hidden;
}

.day_title {
	width: 175;
	height: 40px;
	clear: left;
	background: url(/img/day_title.gif);
	display: block;
	overflow: hidden;
}

.recommendsite_title {
	width: 175;
	height: 40px;
	clear: left;
	background: url(/img/recommendsite_title.gif);
	display: block;
	overflow: hidden;
}

.rank_title {
	width: 175;
	height: 40px;
	clear: left;
	background: url(/img/rank_title.gif);
	display: block;
	overflow: hidden;
}

.recommend_title {
	width: 175;
	height: 40px;
	clear: left;
	background: url(/img/recommend_title.gif);
	display: block;
	overflow: hidden;
}


/******************************************************
 デザインで選ぶ
*******************************************************/
.design_txt_1{
	margin-bottom: 10px;
	padding-top: 10px;
	text-align: left;
}
/******************************************************
 スタッフ紹介
*******************************************************/
.staff_intro {
	clear: both;
	margin: 0 7px 15px 8px;
	padding: 3px;
	border: 1px solid #cecece;
	background-color: #ffffff;
	text-align: left;
	line-height: 1.3em;
}
.staff_txt_01 {
	margin: 0 2px 15px 2px;
	font-size: 0.8em;
}
.staff_txt_02 {
	margin: 0 2px 15px 2px;
	padding: 8px 6px;
	background-color: #ebebeb;
	font-size: 0.8em;
}
.staff_txt_02_b {
	margin: 0 2px 2px 2px;
	padding: 8px 6px;
	background-color: #ebebeb;
	font-size: 0.8em;
}

.staff_intro_a {
	width: 152px;
	height: 66px;
	background: url(/img/staff_02.jpg) no-repeat 0 0;
}
.staff_intro_a_t {
	padding: 21px 0 0 70px;
	font-size: 0.8em;	
	line-height: 1.3em;
}
.staff_intro_b {
	width: 152px;
	height: 66px;
	background: url(/img/staff_03.jpg) no-repeat 0 0;
}
.staff_intro_b_t {
	padding: 23px 0 0 4px;
	font-size: 0.8em;	
	line-height: 1.3em;
}

.staff_intro_c {
	width: 152px;
	height: 66px;
	background: url(/img/staff_04.jpg) no-repeat 0 0;
}
.staff_intro_c_t {
	padding: 23px 0 0 70px;
	font-size: 0.8em;	
	line-height: 1.3em;
}




/******************************************************
 フォント指定
*******************************************************/
.f12{
        font-size:12px;
        line-height:1.3em;
}

.fc_66{
        color:#666666;
}
.fc_99{
        color:#999999;
}


/******************************************************
 スペーサー設定
*******************************************************/
.sp_10{
        height: 10px;
}

.sp_20{
        height: 20px;
}

.clr_10{
	clear: left;
	height: 10px;
}


