@charset "euc-jp";

@import "../shop_designer.css";

body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 120%;
  color: #666666;
}

form,select,input, div, p, dl,dt,dd, img ,h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  }

a:link {
  color: #666;
  }

a:visited {
  color: #666;
  }

a:hover {
  color: #ff6600;
  text-decoration: underline;
  }

img {
  border: none;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.cl {
  clear: both;
  height: 0;
  font-size: 1px;
  line-height:1px;
}

.none {
  display: none;
  }

/* ヘッダー */
div#header {
  width: 940px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  align: center;
}

/* メインエリア */

div#main_area {
  width: 940px;
  height: auto;
  padding: 0;
  margin: 0 auto 0 auto;
  align: center;
  }

/* メインエリア */

.navi {
  width: 930px;
  height: auto;
  padding: 0;
  margin: 12px auto 8px auto;
  align: left;
  }

/* インターフェイス */

.box_940_01_01top,.box_940_01_01btm,.box_940_01_02top,.box_940_01_02btm,.box_940_01_02spacer,.box_465_01_01top,.box_465_01_01btm,.box_465_01_01spacer {
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 1px;
  line-height: 1px;
  }

.box_940_01_01top {
  width: 940px;
  height: 4px;
  background-image: url(../../images/search/box_940_01_01top.gif);
  }

.box_940_01_01btm {
  width: 940px;
  height: 4px;
  background-image: url(../../images/search/box_940_01_01btm.gif);
  }

.box_940_01_02top {
  width: 940px;
  height: 4px;
  background-image: url(../../images/search/box_940_01_02top.gif);
  }

.box_940_01_02btm {
  width: 940px;
  height: 4px;
  background-image: url(../../images/search/box_940_01_02btm.gif);
  }

.box_940_01_02spacer {
  width: 940px;
  height: 3px;
  background-image: url(../../images/search/box_940_01_02spacer.gif);
  }

.box_940_01_01mid {
  width: 940px;
  height: auto;
  background-image: url(../../images/search/box_940_01_01mid.gif);
  background-repeat: repeat-y;
  background-position: top left;
  }

.box_940_01_02mid {
  width: 940px;
  height: auto;
  background-image: url(../../images/search/box_940_01_02mid.gif);
  background-repeat: repeat-y;
  background-position: top left;
  }

.box_260_01_02top,.box_260_01_02btm,.box_260_01_02spacer,.box_940_01_03top,.box_940_01_03btm {
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0 auto 0 auto;
  font-size: 1px;
  line-height: 1px;
  }

.box_260_01_02top {
  width: 260px;
  height: 5px;
  background-image: url(../../images/search/box_260_01_02top.gif);
  }

.box_260_01_02btm {
  width: 260px;
  height: 5px;
  background-image: url(../../images/search/box_260_01_02btm.gif);
  }

.box_260_01_02mid {
  width: 260px;
  height: auto;
  margin: 0 auto 0 auto;
  background-image: url(../../images/search/box_260_01_02mid.gif);
  background-repeat: repeat-y;
  background-position: top left;
  }

.box_260_01_02spacer {
  width: 260px;
  height: 3px;
  background-image: url(../../images/search/box_260_01_02spacer.gif);
  }

.box_940_01_03top {
  width: 940px;
  height: 6px;
  background-image: url(../../images/search/box_940_01_03top.gif);
  }

.box_940_01_03btm {
  width: 940px;
  height: 6px;
  background-image: url(../../images/search/box_940_01_03btm.gif);
  }

.box_940_01_03mid {
  width: 940px;
  height: auto;
  margin: 0 auto 0 auto;
  background-image: url(../../images/search/box_940_01_03mid.gif);
  background-repeat: repeat-y;
  background-position: top left;
  }


/* タイトルエリア */

.area_title {
  width: 920px;
  height: auto;
  margin: 4px auto;
  text-align: right;
  }

.area_title_l {
  width: 580px;
  float: left;
  height: auto;
  text-align: left;
  background-image: url(../../images/search/arrow_or.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  text-indent: 16px;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }

.area_title_l h2{
  font-size: 14px;
  line-height: 120%;
  }

.area_title_r {
  width: 340px;
  float: left;
  height: auto;
  text-align: right;
  font-size: 12px;
  }

.area878 {
  width: 878px;
  height: auto;
  margin: 6px auto 10px auto;
  text-align: left;
  }

/* タグエリア */

.design_tag_area {
  width: 300px;
  font-size: 10px;
  margin: 0 auto auto 20px;
  float: left;
  }

.tag_area_l {
  width: 90px;
  float: left;
  }

.tag_area_r {
  width: 200px;
  float: left;
  }

.tag_area_r780 {
  width: 780px;
  float: left;
  }

.designer_multi_icon {
  padding: 2px 4px 2px 14px;
  font-size: 10px;
  color: #FFF;
  background-color: #666;
  background-image: url(../../images/search/natural/arrow09w.gif);
  background-repeat: no-repeat;
  background-position:  4px 3px;
  }

.tag_area_title {
  width: 920px;
  height: auto;
  margin: 4px auto;
  text-align: right;
  }

.tag_area_title_l h4{
  width: 460px;
  float: left;
  height: auto;
  text-align: left;
  background-image: url(../../images/search/arrow_or.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  text-indent: 16px;
  font-size: 14px;
  line-height: 120%;
  }

.tag_area_title_r {
  width: 460px;
  float: left;
  height: auto;
  text-align: right;
  font-size: 12px;
  }

.tag_area_title2 {
  width: 920px;
  height: auto;
  margin: 4px auto;
  text-align: right;
  }

.tag_area_title_l2 h4{
  width: 455px;
  float: left;
  height: auto;
  text-align: left;
  font-size: 14px;
  line-height: 120%;
  background-image: url(../../images/search/arrow_or.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  text-indent: 16px;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }

.tag_area_title_l3 h1{
  width: 445px;
  float: left;
  height: auto;
  margin: 10px auto 10px 0px;
  text-align: left;
  font-size: 18px;
  line-height: 120%;
/*  text-indent: 16px;*/
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }

.tag_area_title_r2 {
  width: 455px;
  float: left;
  height: auto;
  text-align: left;
  font-size: 12px;
  }

.tag_area_title_r2_sub h4 {
  width: 310px;
  margin-left: 10px;
  float: left;
  height: auto;
  text-align: left;
  font-size: 14px;
  line-height: 120%;
  background-image: url(../../images/search/arrow_or.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  text-indent: 16px;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }

.tag_all {
  width: 120px;
  margin: auto 0px auto auto;
  background-image: url(../../images/search/arrow9_sq.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  text-align: left;
  text-indent: 12px;
  }

.taglist160 li{
  display: inline;
  margin: 0 5px 0 0;
  line-height: 1.4;
  background-image: url(../../images/search/natural/arrow09_right.gif);
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding-left: 12px;
  }

.tag_listarea_r {
  float: left;
  width: 425px;
  height: auto;
  margin: 6px auto 10px 20px;
  text-align: left;
  }

.taglist li{
  display: inline;
  margin: 0 5px 5px 0;
  line-height: 1.2;
  }

.taglist a:link {
  color: #666;
  text-decoration: underline;
  }

.taglist a:visited {
  color: #666;
  }

.taglist a:hover {
  color: #ff6600;
  }

.taglist,.taglist160 .tag0{
  font-size: 80%;
  }

.taglist,.taglist160 .tag1{
  font-size: 111%;
  }

.taglist .tag2{
  font-size: 130%;
  font-weight: bold;
  }

.taglist .tag3{
  font-size: 150%;
  font-weight: bold;
  }

.taglist .tag4{
  font-size: 170%;
  font-weight: bold;
  }

/* タグURL */

.tag_url_area {
  width: 920px;
  margin: 4px auto 4px auto;
  }

.tag_url_area2 {
  width: 465px;
  float: left;
  margin: 4px 0 4px 0;
  }

/*　ページングリンク　*/

.page_link_block {
  margin: 0 0 0 auto;
  text-align: center;
  }

.page_link {
  width: 16px;
  display: block;
  padding: 2px 5px;
  color: #666666;
  text-align: center;
  }

a.page_link:link {
  color: #666;
  }

a.page_link:visited {
  color: #666;
  }

a.page_link:hover {
  display: block;
  background-color: #CCCCCC;
  color: #fff;
  }

.page_link_this {
  width: 16px;
  display: block;
  background-color: #666666;
  padding: 2px 5px;
  color: #FFFFFF;
  text-align: center;
  }

/* アイテム一覧（大） */

.design_base_big {
  float: left;
  width: 292px;
  height: auto;
  margin: 0;
  padding: 0;
  }

.design_message {
  width: 270px;
  margin: 10px auto 0 auto;
  text-align: left;
  line-height: 160%;
  font-size: 10px;
  }

.design_base_big_sp {
  float: left;
  width: 28px;
  height: 272px;
  margin: 0;
  padding: 0;
  }

.design_icon_base_big {
  width: 270px;
  height: 270px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: left;
  }

.item_base_big {
  float: left;
  width: 286px;
  height: auto;
  margin: 10px 0 0 0;
  padding-left: 4px;
/*  background-color: #F00;*/
  }

.item_icon_base_big {
  width: 250px;
  height: 250px;
  margin: 0 auto 0 auto;
  padding: 0;
/*  background-image: url(../../images/search/bg_designerlogo01.gif);
  background-repeat: no-repeat;
  background-position: top left;*/
  text-align: center;
  }

.design_line2 {
  clear: both;
  width: 900px;
  height: 11px;
  margin: 0 auto 0 auto;
  background-image: url(../../images/search/design_line2.gif);
  background-repeat: repeat-x;
  background-position: center left;
  font-size: 1px;
  }

.design_line3 {
  width: 250px;
  height: 11px;
  margin: 0 auto 0 auto;
  background-image: url(../../images/search/design_line2.gif);
  background-repeat: repeat-x;
  background-position: center left;
  font-size: 1px;
  }

.item_price_big {
  width: 240px;
  margin: 0px auto 0 auto;
  font-size: 16px;
  color: #c00;
  text-align: center;
  line-height: 100%;
  font-style: normal;
  font-weight: bold;
  }

.design_price3 {
  color: #CC0000;
  line-height: 100%;
  font-size: 24px;
  font-family: 'helvetica black','helvetica bold','arial black','arial bold',sans-serif;
  font-style: normal;
  font-weight: normal;
  }

.design_title240_item {
  width: 240px;
  font-size: 10px;
  line-height: 160%;
  background-image: url(../../images/search/icon_item_ttl.gif);
  background-repeat: no-repeat;
  background-position:  0px 2px;
  margin: 6px auto 6px auto;
  text-indent: 41px;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }

.btn_cart02 {
  width: 160px;
  margin: 6px auto 6px auto;
  text-align: center;
  }

/* アイテム一覧 */

.design_base180 {
  float: left;
  width: 180px;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0;
  }

.design_icon_base160 {
  width: 160px;
  height: 160px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-image: url(../../images/search/bg_designlogo160.gif);
  background-repeat: no-repeat;
  background-position: top left;
  text-align: left;
  }

.design_icon160 {
  padding: 0;
  margin: 0 auto 0 auto;
  width: 160px;
  height: 160px;
  text-align: center;
  }

.design_title160,.design_title160_price,.design_title160_item {
  width: 160px;
  margin: 6px auto 0 auto;
  color: #666;
  }

.design_title160 h3 {
  width: 160px;
  font-size: 10px;
  line-height: 160%;
  background-image: url(../../images/search/icon_design_ttl.gif);
  background-repeat: no-repeat;
  background-position:  0px 2px;
  text-indent: 41px;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }

.design_title160_price h3 {
  width: 160px;
  font-size: 12px;
  line-height: 160%;
  background-image: url(../../images/search/icon_price_ttl.gif);
  background-repeat: no-repeat;
  background-position:  0px 2px;
  text-indent: 41px;
  color: #C00;
  }

.design_title160_item {
  width: 160px;
  font-size: 10px;
  line-height: 160%;
  background-image: url(../../images/search/icon_item_ttl.gif);
  background-repeat: no-repeat;
  background-position:  0px 2px;
  margin: 0 auto 0 auto;
  text-indent: 41px;
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  }


#footer {
  margin-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  color: #666;
  font-size: 12px;
  line-height: 16px;
}
  #footer div.links {
  }
    #footer .links a {
      margin: 0;
      padding: 0;
      text-decoration: none;
    }
    #footer .links a:link {
      color: #555;
    }
    #footer .links a:visited {
      color: #555;
    }
    #footer .links a:hover {
      color: #f60;
    }
    #footer .links a:active {
      color: #f00;
    }
    #footer .links .split {
      width: 1px;
      height: 12px;
      margin: 0 6px;
      padding: 0;
      color: #999;
    }
  #footer .cr {
    margin: 5px auto;
  }


/* DESIGN FRONT OR BACK SELECT */

.design_fb_select160 {
	width: 160px;
	margin: 6px auto 0 auto;
	}

.design_fb78_icon_front1,
.design_fb78_icon_back1,
.design_fb78_icon_front2,
.design_fb78_icon_back2 {
	width: 78px;
	height: 19px;
	float: left;
	font-size: 0;
	line-height: 0;
	}

.design_fb78_icon_front1 {
	background: url(../../images/search/tag/design_slct_f78.gif) no-repeat 0 0;
	cursor: pointer;
	margin-right: 4px;
	}

.design_fb78_icon_back1 {
	background: url(../../images/search/tag/design_slct_b78.gif) no-repeat 0 0;
	cursor: pointer;
	}

.design_fb78_icon_front2 {
	background: url(../../images/search/tag/design_slct_f78_non.gif) no-repeat 0 0;
	margin-right: 4px;
	}

.design_fb78_icon_back2 {
	background: url(../../images/search/tag/design_slct_b78_non.gif) no-repeat 0 0;
	}

.design_fb_select240 {
	width: 240px;
	margin: 2px auto 5px auto;
	}

.design_fb115_icon_front1,
.design_fb115_icon_back1,
.design_fb115_icon_front2,
.design_fb115_icon_back2 {
	width: 115px;
	height: 19px;
	float: left;
	font-size: 0;
	line-height: 0;
	}

.design_fb115_icon_front1 {
	background: url(../../images/search/tag/design_slct_f115.gif) no-repeat 0 0;
	cursor: pointer;
	margin-right: 10px;
	}

.design_fb115_icon_back1 {
	background: url(../../images/search/tag/design_slct_b115.gif) no-repeat 0 0;
	cursor: pointer;
	}

.design_fb115_icon_front2 {
	background: url(../../images/search/tag/design_slct_f115_non.gif) no-repeat 0 0;
	margin-right: 10px;
	}

.design_fb115_icon_back2 {
	background: url(../../images/search/tag/design_slct_b115_non.gif) no-repeat 0 0;
	}