@charset "Shift_JIS"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px; /* 各ブラウザの独自解釈をリセット */
	padding: 0px;
	/*word-break: break-all;*/
}
body {
  font-size: 70%; /* 基本のフォントサイズ */
  line-height: 140%; /* 基本の行間 */
  text-align:center;
  background: url(../../img/user_images/bg2.gif) repeat-x #000; /* 背景 */
}

div{
    zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#wrapper {
  width: 760px; /* 基本ページ幅 */
  color: #333; /* 基本文字色 */
  text-align:left; /* 内容を左揃えに戻す */
  margin:0px auto;
}
#wrapper2 {
  width: 760px; /* 基本ページ幅 */
  color: #333; /* 基本文字色 */
  text-align:left; /* 内容を左揃えに戻す */
  margin:0px auto;
}


/* リンク
---------------------------------------------------- */
body a:link {
  color: #fff; /* リンクの色 */
  background: transparent; /* 背景透明 */
}
body a:visited {
  color: #fff; /* 訪問済みリンクの色 */
  background: transparent; /* 背景透明 */
}


/* ヘッダ
---------------------------------------------------- */
#header {
	color: #fff; /* ヘッダー文字色 */
	text-align:left;
	height:91px;
	background: url(../../img/user_images/header.jpg) no-repeat;
}

h1 {
  margin: 0px; /* ヘッダー文字色 */
  float:left; /* 左回りこみ */
}
h1 a {
  display:block;
  height:91px; /* ヘッダーリンク領域縦幅 */
  width: 228px; /* ヘッダーリンク領域横幅 */
  background: transparent; /* 背景透明 */
  text-indent:-9999px;
  text-decoration:none;
}
#subheader{
	height:44px;
	background: url(../../img/user_images/header.jpg) no-repeat 0px -75px;
	text-indent:-9999px;
}

#print-head{display:none;}
#print-head img{display:none;}

/* ナビゲーション
---------------------------------------------------- */
#navigation {
	width: 760px;
	height:31px;
	background:url(../../img/user_images/navi.gif) no-repeat;
}
#navigation ul {
  list-style: none;
}
#navigation .navi1{
  width:57px;	/* ナビボタン横幅（ホーム以外） */
  height:31px;  /* ナビボタン縦幅 */
  float:left;  /* 横並び */
}
#navigation .navi2{
  width:68px;	/* ナビボタン横幅（ホーム以外） */
  height:31px;  /* ナビボタン縦幅 */
  float:left;  /* 横並び */
}
#navigation .navi3{
  width:113px;	/* ナビボタン横幅（ホーム以外） */
  height:31px;  /* ナビボタン縦幅 */
  float:left;  /* 横並び */
}
#navigation .navi4{
  width:92px;	/* ナビボタン横幅（ホーム以外） */
  height:31px;  /* ナビボタン縦幅 */
  float:left;  /* 横並び */
}


/* ページ本体
---------------------------------------------------- */
#pagebody {
	width: 760px; /* ■IE用バグ対策 */
	margin-bottom:15px;
}


/* コンテンツ
---------------------------------------------------- */
#content-top {
	width: 760px; /* コンテンツ部分の横幅 */
}
#content {
	width: 760px; /* コンテンツ部分の横幅 */
	background:url(../../img/user_images/bg2.gif) repeat-y;
}
#mainarea {
	width: 560px; /* コンテンツ部分の横幅 */
	float:right;
}
#layout-base {
	padding:0px 20px 20px 20px;
}
h2{
  clear:both;
}
h3{
  clear:both;
}


/* フッタ
---------------------------------------------------- */
#footer{
  background: url(../../img/user_images/footer-bg.jpg) repeat-x #000; height: 110px; min-height:110px;
}

/*--
#textlink{
  font-size: 10px;
  line-height:30px;
  border-bottom:1px solid #ccc;
  text-align:center;
  border-top:1px solid #ccc;
}

#textlink a{
	text-decoration:none;
	text-indent:0px;
	color:#036;
}
--*/

#footer-body  {
  width:760px; margin: 0 auto;
  text-align:right;
}

#pup {
  padding: 10px 0;
  height: 10px;
}

#footer-body p{
  padding: 5px 0;
  font-size:x-small;
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  text-align:right;
}

#footer-print {
	display:none;
}


/* その他拡張
---------------------------------------------------- */
.clear {
	clear: both;　/* フロートの解除 */
}

/* shop top
---------------------------------------------------- */

#right-box {
	width:180px;
	float:right;
}

#left-box {
	width:576px;
	float:left;
}

#left-box h3 { margin: 0 0 10px; }

.com-box-frame {
	color: #999;
	background:url(../../img/user_images/com-box-bg.gif) repeat-y;
	padding:10px;
	margin-bottom:10px;
}

.user-login{width:90px;}
.search-input{width:140px;}
.cate-list {
	
}

.cate-list a:link,.cate-list a:visited{
	color:#fff;
	text-decoration:none;
	background:url(../../img/user_images/right_box_icon01.gif) no-repeat left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #cecea3;
	display:block;
}

.cate-list a:hover,.cate-list a:active{
	color:#333;
	text-decoration:none;
	background:url(../../img/user_images/right_box_icon01.gif) no-repeat left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #cecea3;
	background-color:#efefef;
	display:block;
}

.usermenu-list1 a:link,.usermenu-list1 a:visited{
	color:#fff;
	text-decoration:none;
	background:url(../../img/user_images/right_box_icon04.gif) no-repeat left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #cecea3;
	display:block;
}

.usermenu-list1 a:hover,.usermenu-list1 a:active{
	color:#333;
	text-decoration:none;
	background:url(../../img/user_images/right_box_icon04.gif) no-repeat left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #cecea3;
	background-color:#efefef;
	display:block;
}

.usermenu-list2 a:link,.usermenu-list2 a:visited{
	color:#fff;
	text-decoration:none;
	background:url(../../img/user_images/right_box_icon03.gif) no-repeat left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #cecea3;
	display:block;
}

.usermenu-list2 a:hover,.usermenu-list2 a:active{
	color:#333;
	text-decoration:none;
	background:url(../../img/user_images/right_box_icon03.gif) no-repeat left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #cecea3;
	background-color:#efefef;
	display:block;
}

.usermenu-list3 a{
	text-decoration:none;
	background:url(../../img/user_images/right_box_icon02.gif) no-repeat left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #cecea3;
	display:block;
}

.usermenu-list3 a:hover{
	color:#333;
	text-decoration:none;
	background:url(../../img/user_images/right_box_icon02.gif) no-repeat left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #cecea3;
	background-color:#efefef;
	display:block;
}

.cate-title {border-bottom:1px dashed #cecea3;}

#info-area {
	background: #fff;
	color: #333;
	padding:15px;
	border:1px solid #333;
	margin-right:16px;
	margin-bottom:30px;
}

#category-area p{
	width:176px;
	float:left;
	border-right:16px solid #000;
	border-top:7px solid #000;
	border-bottom:7px solid #000;
	background-color:#efefef
}
#category-area a{
	color: #333;
	width:176px;
	padding-top:6px;
	padding-bottom:6px;
	text-indent:6px;
	border-left:5px solid #d1d1c6;
	float:left;
	display:block;
	text-decoration:none;
}
#category-area a:hover{
	color: #333;
}

.ma10{margin-top:10px;}
.pankuzu {
	color: #999;
	border-bottom:1px dashed #ccc;
	padding:5px 5px 5px 0px;
	margin-bottom:10px;
}

.pankuzu a{
	color: #fff;
	text-decoration:none;
}

.subtitle-com {
	background:url(../../img/user_images/left_box_title_com.gif) no-repeat #000;
	padding:7px 23px 7px 20px;
	line-height: 15px;
	color:#fff;
	font-size:100%;
	margin:0 0 10px;
}

.subtitle-com2 {
	background:url(../../img/user_images/left_box_title_com.gif) no-repeat #000;
	padding:7px 23px 7px 20px;
	color:#fff;
	font-size:100%;
	margin:25px 0 10px;
}

#product-area {width:560px; background:#000;}

.common-table01 {
	width: 560px;
	border-collapse:collapse;
}

.common-table01 th{
	border:1px solid #efefef;
	background-color:#ccc;
	padding:5px;
	text-align:center;
}

.common-table01 th a{
	color: #666;
}

.common-table01 td a { color:#666; }

.common-table01 td{
	border:1px solid #ccc;
	background-color:#fff;
	padding:5px;
}

.common-table01 .gzone td {
	background-color:#efefef;
}

.common-table01 .gzone2 td {
	background-color:#efefef;
}

.common-table01 .gzone3 td {
	background-color:#000;
	border-left:0px;
	border-right:0px;
}

.common-table01 .gzone4 {
	background-color:#000;
	border-left:1px solid #000;
	border-right: 1px solid #fff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.common-table01 .gzone5 {
	background-color:#000;
	border-bottom:1px solid #000;
}


.paging {
	padding:5px;
	border-bottom:1px solid #666;
	margin-right:16px;
	margin-top:5px;
}

.display-count {
	color: #ccc;
	padding:5px;
	border-bottom:1px solid #666;
	background-color:#666;
	text-align:right;
	margin-right:16px;
	margin-bottom:10px;
}

#l-photo-area {
	wdth:298px;
	border:1px solid #333;
	overflow:hidden;
	/*height:298px;*/
	width:298px;
	float:left;
}


#detail-text-area {
	width:244px;
	float:right;
}

#detail-text-area #text-area{
	color: #ccc;
	text-justify:inter-ideograph;
	text-align:justify;
	padding-bottom:10px;
	border-bottom:1px dashed #ccc;
	margin-bottom:10px;
	/* height:213px;
	overflow-y:auto; */
}

#detail-text-area #price-area{
	line-height:30px;
	height:30px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	background-color:#efefef;
	text-align:center;
	font-weight:bold;
	font-size:120%;
}

#detail-text-area #price-area2{
	color: #ccc;
	line-height:30px;
	height:30px;
	overflow:hidden;
	border-bottom:1px solid #333;
	background-color:#666;
	text-align:center;
	font-weight:bold;
	font-size:120%;
}

#detail-text-area #cart-area{
	color: #ccc;
	line-height:33px;
	height:33px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	text-align:center;
}
/*
#detail-text-area #cart-ext-area{

	line-height:33px;
	min-height:33px;
	_height:33px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	text-align:center;
}*/
#detail-text-area #cart-ext-area{
	color: #ccc;
	line-height:33px;
	height:33px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	text-align:center;
}
#detail-text-area #cart-ext-area2{
	line-height:33px;
	height:33px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	text-align:left;
}
#s-photo-area {
	border-top:16px solid #000;
	clear:both;
}

#s-photo1 {
	width:176px;
	border-right:16px solid #000;
	float:left;
}

#s-photo2 {
	width:176px;
	float:left;
}

#s-photo3 {
	width:176px;
	float:right;
}


.photo-ol {border:1px solid #333; /*height:174px;*/width:174px; overflow:hidden;}
.s-text {text-justify:inter-ideograph;	text-align:justify; color: #ccc;}
.s-title {font-size:100%; padding:5px 5px 5px 0px; border-bottom:3px solid #ccc; margin-bottom:10px;color: #ccc;}

.notes {
	color:#fff;
	padding:5px 5px 5px 0;
	margin-right:16px;
	margin-bottom:10px;
}

.notes2 {
	color:#333;
	padding:5px 5px 5px 10px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background-color:#000;
	margin:15px 16px 10px 0;
	text-align:center;
}

.fcwhite { color:#fff; }

.info-entry {
	padding:5px 0;
	border-bottom:1px dashed #ccc;
}

/* portrait.html
------------------------------------------------ */
.layout-left{
	width:180px;
	float:left;
}
.layout-right{
	width:360px;
	float:right;
}
.layout-left2{
	width:250px;
	float:left;
}
.layout-right2{
	width:290px;
	float:right;
	border-bottom:20px solid #fff;
}
.layout-left3{
	width:275px;
	float:left;
}
.layout-right3{
	width:275px;
	float:right;
}
.layout-left4{
	width:430px;
	float:left;
}
.layout-right4{
	width:310px;
	float:right;
}
.layout-left5{
	width:219px;
	float:left;
}
.layout-right5{
	width:521px;
	float:right;
}
.n-list{margin-left:25px;}
.n-list-a{margin-left:40px;}
.img-left{float:left;}
.img-right{float:right;}
.catalog-end{border-top:50px solid #fff;}
.p10{padding:10px;}
.sf{font-size:85%; line-height:normal;}
.tar{text-align:right; border-top:15px solid #fff; clear:both;}
.cl1{float:left; width:240px; margin-right:20px;}
.cl1end{float:left; width:240px;}
.box1{padding:5px; border:1px solid #ccc; margin-top:5px;}
.box2{padding:5px; border:1px solid #ccc; margin-top:5px; line-height:16px; font-size:11px; line-height:normal;}
.box2 a{ text-decoration:none;}
.box3{padding:5px; border:1px solid #ccc; margin-top:5px; margin-bottom:20px;}
.pagelist{padding:5px; background-color:#fff; text-align:right; border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin-top:15px;}


/* twenty.html
------------------------------------------------ */
.tac{text-align:center;}
.lf{font-size:165%;}

/* family.html
------------------------------------------------ */
.tac2{
	text-align:center;
	font-size:165%;
	}
	
/* office.html
------------------------------------------------ */

.lf2{font-size:120%;}


/* product.html
------------------------------------------------ */
#product-title {
	height:100px;
	background:url(../../img/user_images/product-title.jpg) no-repeat;
	margin-bottom:35px;
}
#product-title-a {
	height:100px;
	background:url(../../img/user_images/product-title.jpg) no-repeat;
	margin-bottom:5px;
}
#product-subtitle1 {
	margin-bottom:20px;
	color:#333;
}
#product-subtitle2 {
	height:65px;
	background:url(../../img/user_images/product-subtitle2.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle3 {
	height:65px;
	background:url(../../img/user_images/product-subtitle3.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle4 {
	height:65px;
	background:url(../../img/user_images/product-subtitle4.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle5 {
	height:65px;
	background:url(../../img/user_images/product-subtitle5.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle6 {
	height:65px;
	background:url(../../img/user_images/product-subtitle6.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle-a {
	height:40px;
	background:url(../../img/user_images/product-subtitle-a.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle-b {
	height:40px;
	background:url(../../img/user_images/product-subtitle-b.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle-c {
	height:40px;
	background:url(../../img/user_images/product-subtitle-c.gif) no-repeat;
	text-indent:-9999px;
}

#product-subtitle-b2 {
	height:40px;
	background:url(../../img/user_images/product-subtitle-b2.gif) no-repeat;
	text-indent:-9999px;
}
#product-subtitle-c2 {
	height:40px;
	background:url(../../img/user_images/product-subtitle-c2.gif) no-repeat;
	text-indent:-9999px;
}

#product-subtitle-d {
	height:40px;
	background:url(../../img/user_images/product-subtitle-d.gif) no-repeat;
	text-indent:-9999px;
}

.product-left {width:285px; float:left;}
.product-right {width:285px; float:right;}


/* business.html
------------------------------------------------ */
#business-title {
	height:100px;
	background:url(../../img/user_images/business-title.jpg) no-repeat;
	margin-bottom:20px;
}
#business-subtitle1 {
	height:40px;
	background:url(../../img/user_images/business-subtitle1.gif) no-repeat;
	text-indent:-9999px;
}
#business-subtitle2 {
	height:40px;
	background:url(../../img/user_images/business-subtitle2.gif) no-repeat;
	text-indent:-9999px;
}
#business-subtitle3 {
	height:40px;
	background:url(../../img/user_images/business-subtitle3.gif) no-repeat;
	text-indent:-9999px;
}
#business-subtitle4 {
	height:40px;
	background:url(../../img/user_images/business-subtitle4.gif) no-repeat;
	text-indent:-9999px;
}
.pdf{ text-decoration:none; margin-left:10px;}
.pdfdlbox{border:1px solid #ccc; padding:10px;}


/* company.html
------------------------------------------------ */
#company-title {
	height:100px;
	background:url(../../img/user_images/company-title.jpg) no-repeat;
	margin-bottom:20px;
}
#company-subtitle1 {
	height:40px;
	background:url(../../img/user_images/company-subtitle1.gif) no-repeat;
	text-indent:-9999px;
}
#company-subtitle2 {
	height:40px;
	background:url(../../img/user_images/company-subtitle2.gif) no-repeat;
	text-indent:-9999px;
}

/* contact.html
------------------------------------------------ */
#contact-title {
	height:150px;
	background:url(../../img/user_images/contact-title.jpg) no-repeat;
	margin-bottom:20px;
}

/* Shop Info
------------------------------------------------ */

.comtext {
	text-justify:inter-ideograph;
	text-align:justify;
}

#shopinfo {
	width:338px;
	float:left;
}
#history {
	width:338px;
	float:right;
}

.comtable0{
	width:100%;
	border-collapse:collapse;
}

.comtable0 th{
	white-space:nowrap;
	width:90px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	padding-bottom:5px;
}
.comtable0 td{
	vertical-align:top;
	padding-bottom:5px;
}

.comtable-a{
	width:100%;
	border:1px solid #ccc;
	border-collapse:collapse;
}

.comtable-a th{
	padding:5px;
	white-space:nowrap;
	border:1px solid #ccc;
	text-align:left;
	background-color:#efefef;
	white-space:nowrap;
	vertical-align:top;
	width:200px;
}
.comtable-a td{
	padding:5px;
	border:1px solid #ccc;
	text-align:left;
	vertical-align:top;
}



.comtable{
	width:100%;
	border:1px solid #ccc;
	border-collapse:collapse;
}

.comtable th{
	padding:5px;
	white-space:nowrap;
	border:1px solid #ccc;
	text-align:left;
	background-color:#efefef;
	white-space:nowrap;
	vertical-align:top;
}
.comtable td{
	padding:5px;
	border:1px solid #ccc;
	text-align:left;
	vertical-align:top;
}

.comtable thead th{
	padding:5px;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	text-align:left;
	background-color:#ccc;
	white-space:nowrap;
	vertical-align:top;
	text-align:center;
}
.comtable thead td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #fff;
	background-color:#ccc;
	text-align:left;
	vertical-align:top;
	text-align:center;
}

.comtable-l{
	width:305px;
	border:1px solid #ccc;
	border-collapse:collapse;
	margin-left:5px;
}
.ml5{margin-left:5px;}

.comtable-l th{
	padding:5px;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	text-align:left;
	background-color:#efefef;
	white-space:nowrap;
	vertical-align:top;
}
.comtable-l td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:left;
	vertical-align:top;
}

.comtable-l thead th{
	padding:5px;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	text-align:left;
	background-color:#ccc;
	white-space:nowrap;
	vertical-align:top;
	text-align:center;
}
.comtable-l thead td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #fff;
	background-color:#ccc;
	text-align:left;
	vertical-align:top;
	text-align:center;
}

.comtable2{
	width:100%;
	border-collapse:collapse;
}

.comtable2 th{
	padding:5px;
	white-space:nowrap;
	border-bottom:1px solid #ccc;
	border-right:3px solid #ccc;
	text-align:left;
	white-space:nowrap;
	vertical-align:top;
}
.comtable2 td{
	padding:5px;
	border-bottom:1px solid #ccc;
	text-align:left;
	vertical-align:top;
}

#p2-1 {width:758px; height:160px; background:url(../../img/user_images/brand_title.jpg) no-repeat; text-indent:-9999px;}
#p3-1 {width:758px; height:160px; background:url(../../img/user_images/shop_title.jpg) no-repeat; text-indent:-9999px;}
#p3-2 {width:718px; height:50px; background:url(../../img/user_images/shop_subtitle01.gif) no-repeat; text-indent:-9999px;}
#p3-3 {width:338px; height:50px; background:url(../../img/user_images/shop_subtitle02.gif) no-repeat; text-indent:-9999px;}
#p3-4 {width:339px; height:50px; background:url(../../img/user_images/shop_subtitle03.gif) no-repeat; text-indent:-9999px;}
#p4-1 {width:758px; height:160px; background:url(../../img/user_images/contact_title.jpg) no-repeat; text-indent:-9999px;}

.hrb {height:41px; background:url(../../img/user_images/brandline2.gif) repeat-x; clear:both; text-indent:-9999px;}
.hrb0 {height:41px; clear:both; text-indent:-9999px;}
.ifmiddle{width:300px;}
.ifshort{width:120px;}
.ifvshort{width:80px;}
.ifvvshort{width:30px;}
.ifbox{width:100%;height:200px;}
.ifbox2{width:100%;height:100px;}
.btncenter{text-align:center; width:100%;}
.fcred {color: #c00;}
.fcblue {color:#0099CC;}

.comdata5 {
	width:100%;
	border-collapse:collapse;
	background-color:#fff;
	border:5px solid #ccc;
	margin-bottom:10px;
}

.comdata5 th{
	white-space:nowrap;
	text-align:left;
	background-color:#ccc;
	color:#000;
	padding:5px;
	border-bottom:1px solid #fff;
	border-right:1px solid #ccc;
	vertical-align:top;
}

.comdata5 td{
	text-align:left;
	background-color:#fff;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	vertical-align:top;
}

.normalbtn2 {
text-align:center;
background-color:#efefef;
border-bottom:1px solid #ccc;
padding:5px;
}
.normalbtn2 input{
width:200px;
height:20px;
text-align:center;
}

#flashlink {width:760px; line-height:normal; font-size:11px; border-top:10px solid #fff;}
#flashlink img{float:left; margin-right:15px;}