@charset "utf-8";

/* right 共通
----------------------------------------------------------- */
ul.pankuzu-lt{
	padding:8px 0 6px 5px;
	list-style-type:none;
	background-image:url(../img/slash-long.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
ul.pankuzu-lt li{
	display:inline;
}
/* カテゴリー 一覧
---------------------------------------- */
p.number{
	margin:0 0 5px;
	padding:6px 0 5px 8px;
	background-color:#efe;
	clear:both;
}

table.search-lt{
	clear:both;
}
table.search-lt tr th{
	width:100px;
	padding:12px 5px 8px 27px;
	background-position:4% 50%;
	background-repeat:no-repeat;
	background-color:#eee;
	border:solid 1px #ccc;
	text-align:left;
}
table.search-lt tr th.i-g{
	background-image:url(../img/icon-genre.gif);
}
table.search-lt tr th.i-p{
	background-image:url(../img/icon-price.gif);
}
table.search-lt tr th.i-t{
	background-image:url(../img/icon-target.gif);
}
table.search-lt tr td{
	padding:10px 0 3px 8px;
}
table.search-lt ul{
	list-style-type:none;
}
table.search-lt ul li{
	float:left;
}
* html body table.search-lt ul li{
	white-space:nowrap;
}
*:first-child+html table.search-lt ul li{
	white-space:nowrap;
}

/* ソートテーブル 一覧
---------------------------------------- */
.sortable {
	margin:20px 0 10px 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.sortable thead tr th{
	border-bottom:double 3px #693;
}
.sortable th {
	text-align:left;
}
#w-1{
	width:54px;
}
#w-2{
	width:165px;
}
#w-3{
	width:100px;
}
#w-4{
	width:110px;
}
#w-5{
	width:105px;
}
.sortable th {
	padding:5px 5px 3px 5px;
}
.sortable td {
	padding:5px;
	border-bottom:1px solid #c6d5e1;
}
.sortable .head {
	background-image:url(../img/sort-img/sort.gif);
	background-position:1% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	padding-left:10px
}
.sortable .desc {
	background-image:url(../img/sort-img/desc.gif);
	background-position:1% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	padding-left:10px;
}
.sortable .asc {
	background-image:url(../img/sort-img/asc.gif);
	background-position:1% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
	padding-left:10px;
}

.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}

#controls { margin:0 auto 20px auto; height:20px;}
#perpage {float:left; width:200px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:150px; text-align:center;}
#navigation img {cursor:pointer;}
#text {float:right; width:200px; text-align:right; margin-top:2px;}

/* 詳細
---------------------------------------- */
#right-box h1.details-ttl{
	padding:15px 10px 10px 0;
	font-size:16px;
	float:left;
}
#right-box .bikou-box{
	margin:0;
	padding:14px 0 0 0;
}
#right-box p.sttl{
	margin:5px 0 0 0;
	padding:5px 0 3px 0;
	border-top:dotted 1px #999;
	font-weight:bold;
	clear:both;
}
#right-box p.sbody{
	padding:0 0 10px 0;
	clear:both;
}
.kihon-box{
	clear:both;
}
.kihon-box p{
	margin:0;
	padding:2px 0 0 0;
	background-color:#5798da;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	color:#fff;
	text-align:center;
	font-weight:bold;
}
.kihon-box p.naire-img{
	width:250px;
}
.kihon-box p.naire{
	width:316px;
	float:left;
}
.photo-box{
	width:250px;
	margin:0 20px 10px 0;
	background-color:#fff;
	float:left;
}
.photo-box img{
	border:solid 1px #ccc;
}
.photo-box span{
	font-size:11px;
}
.kihon-box table{
	width:318px;
	margin:0 0 10px 0;
	border-collapse:collapse;
	float:right;
}
.kihon-box table th{
	width:100px;
	padding:5px 5px 3px 5px;
	font-weight:normal;
	text-align:left;
}
.kihon-box table td{
	padding:5px 5px 3px 5px;
}
.bg-eee{
	background-color:#eee;
}
.bg-eef{
	background-color:#eef;
}
.bg-yellow{
	background-color:#fffcdb;
}
.kakaku{
	color:#f60;
	font-size:18px;
	font-weight:bold;
}
/* フォーム
---------------------------------------- */
p.form-ttl{
	width:567px;
	height:21px;
	padding:8px 0 0 23px;
	background-image:url(../img/right-sttl-bg.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	color:#fff;
	clear:both;
}
table.form-t{
	margin:10px 0 0 0;
}
table.form-t tr th{
	width:130px;
	margin:0 5px 0 0;
	padding:5px;
	background-color:#fffcdb;
	text-align:left;
	font-weight:normal;
}
table.form-t td{
	padding:5px 0 5px 5px;
}
.form-sttl{
	font-weight:bold;
}
.red{
	color:#c00;
	font-weight:bold;
}
.form-sub{
	text-align:center;
}
label{
	margin:0;
	padding:0 3px 0 5px;
}
input{
	margin:0;
	padding:0;
	vertical-align:middle;
}
form div.rei{
	font-size: 10px;
	color: #8F8F8F;
}

/* 関連商品
---------------------------------------- */
.kanren-box{
	width:555px;
	margin:10px 0px 20px;
	padding:20px 0 10px 35px;
	float:left;
}
p.kanren-ttl{
	margin-top: 20px;
	width:567px;
	height:21px;
	padding:8px 0 0 23px;
	background-image:url(../img/right-sttl-bg.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	color:#fff;
	clear:both;

}
.kanren-box ul li{
	width:100px;
	padding:0 36px 0 0;
	float:left;
	height: 200px;
}
.kanren-box ul li img{
	border:solid 1px #ccc;
}
.kanren-box a:hover{
	text-decoration:none;
}
.kanren-box span{
	color:#f60;
}

/* ブログ
----------------------------------------------------------- */
.blog-box{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:dashed 1px #360;
	clear:both;
}
.blog-box h2{
	margin:0 0 5px;
	padding:0;
	font-size: 14px;
}
.blog-box .blog-ttl{
	margin:0 0 3px 0;
	padding:2px 0 0 5px;
	font-size:14px;
	font-weight:bold;
	color:#360;
	border-left:solid 3px #360;
}
.blog-box .blog-ttl a{
	color:#360;
}
.blog-box .day{
	font-size:11px;
	color:#999;
	background: #efe;
	margin: 0px 0px 10px;
	padding: 2px 5px;
	border-top: 1px dotted #ccc;
}
.blog-box p.next-reads{
	text-align: right;
	margin: 10px 0px 0px;
}

/* 用語辞典
----------------------------------------------------------- */
ul.yougo-ul{
	list-style-type:none;
}
ul.yougo-ul li{
	margin:0 0 10px 0;
	padding:1px 5px 0 18px;
	background-image:url(../img/icon-gyazi.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	float:left;
}

/* ウェブページ共通
----------------------------------------------------------- */
div.web-hbox{
	margin:0 0 20px 0;
	background-position:right top;
	background-repeat:no-repeat;
}
div.web-hbox p{
	padding:0 43px 10px 10px;
}
div.web-hbox p#ttl{
	margin: 0px;
	padding: 0px;
}
div.web-hbox p#head{
	padding:0 0px 0 0px;
}
.text-r{
	text-align:right;
}
.text-r img{
	margin:10px 0 0 0;
}
.faq-bg{
	background-image:url(../img/faq-bg.gif);
}
.order-bg{
	background-image:url(../img/order-bg.gif);
}
.naire-bg{
	height:110px;
	background-image:url(../img/naire-bg.gif);
}
.info-bg{
	height:110px;
	background-image:url(../img/info-bg.gif);
}
.blog-bg{
	height:110px;
	background-image:url(../img/blog-bg.gif);
}
.mail-bg{
	height:110px;
	background-image:url(../img/mail-bg.gif);
}
.words-bg{
	height:110px;
	background-image:url(../img/words-bg.gif);
}
.point-bg{
	height:110px;
	background-image:url(../img/point-bg.gif);
}
.catalog-bg{
	height:110px;
	background-image:url(../img/catalog-bg.gif);
}
.sitemap-bg{
	height:110px;
	background-image:url(../img/sitemap-bg.gif);
}
.company-bg{
	height:110px;
	background-image:url(../img/company-bg.gif);
}
.privacy-bg{
	height:110px;
	background-image:url(../img/privacy-bg.gif);
}

div.web-box{
	margin:0 0 20px 0;
	clear:both;
}
div.web-box h2{
	width:567px;
	height:29px;
	padding:8px 0 0 23px;
	background-image:url(../img/right-sttl-bg.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	color:#fff;
	clear:both;
}
div.web-box h2 a{
	color:#fff;
}

/* Q&A
----------------------------------------------------------- */
div.faq-lbox{
	width:290px;
	margin:0 0 20px 0;
	float:left;
}
div.faq-rbox{
	width:290px;
	margin:0 0 20px 0;
	float:right;
}
p.faq-sttl{
	width:267px;
	height:29px;
	padding:8px 0 0 23px;
	background-image:url(../img/right-sttl-bg.gif);
	background-repeat:no-repeat;
	font-weight:bold;
}
p.faq-sttl a{
	color:#fff;
}
ol.faq-ol{
	margin:0 0 15px 0;
	list-style-type:none;
}
dl.faq-dl{
	margin:0 0 10px 0;
}
dl.faq-dl dt{
	margin:0 0 15px 0;
	padding:8px 8px 5px 8px;
	background-color:#fffcdb;
}
dl.faq-dl dd{
	height:125px;
	margin:0;
	padding:0 0 0 120px;
	background-position:3% top;
	background-repeat:no-repeat;
}
dl.faq-dl dd.q-01{
	height:390px;
}
dl.faq-dl dd.q-22{
	height:160px;
}
dl.faq-dl dd.yuko1{
	background-image:url(../img/yuko1.jpg);
}
dl.faq-dl dd.yuko2{
	background-image:url(../img/yuko2.jpg);
}
dl.faq-dl dd.yuko3{
	background-image:url(../img/yuko3.jpg);
}
dl.faq-dl dd.yuko4{
	background-image:url(../img/yuko4.jpg);
}

/* オーダーメイド
----------------------------------------------------------- */
ul.order-ul{
	height:580px;
	list-style-type:none;
	clear:both;
}
ul.order-ul li{
	width:290px;
	margin-bottom:5px;
	float:left;
}
ul.order-ul li.width-sp{
	margin:0 10px 0 0;
}
ol.order-ol{
	margin:10px 0 0 0;
	list-style-type:none;
}
ol.order-ol li{
	margin:0 0 15px 0;
}
.text-b{
	font-weight:bold;
}

/* 名入れ
----------------------------------------------------------- */
.naire-sample{
	margin:10px 0 0 0;
	padding:10px;
	background-color:#fee;
}
.naire-box{
	margin:0;
	float:left;
}
.naire-dl{
	width:300px;
	margin:0 0 10px 0;
	float:right;
}
.naire-dl dt{
	margin:0 0 8px 0;
}
.naire-dl dd{
	margin:0 0 8px 0;
}
.naire-dl dd img{
	margin:0 0 3px 0;
}

/* サイトマップ
----------------------------------------------------------- */
div.sitemap-lbox{
	width:215px;
	float:left;
}
div.sitemap-rbox{
	width:375px;
	float:left;
}
ul.sitemap-ul{
	padding:10px 0 0 10px;
	border-top:dashed 1px #999;
	list-style-type:none;
}
ul.sitemap-ul li{
	padding:4px 0 0 18px;
	background-image: url(../img/icon-gyazi.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
}
ul.sitemap-ul li ul{
	list-style-type:none;
}
ul.sitemap-ul li ul li{
	padding:3px 0 0 15px;
	background-image:url(../img/icon-l.gif);
}

/* サイトマップ
----------------------------------------------------------- */
.privacy-p{
	padding:0 0 20px 0;
}

/* 会社案内
----------------------------------------------------------- */
.company-table{
	border-collapse:collapse;
}
.company-table th{
	width:100px;
	padding:6px 6px 5px 6px;
	background-color:#eee;
	border:solid 1px #999;
}
.company-table td{
	padding:6px 6px 5px 6px;
	border:solid 1px #999;
}
.company-table ul{
	list-style-type:none;
}

/* お問合せ
----------------------------------------------------------- */
.info-box{
	padding:0 43px 10px 10px;
}
.info-box p{
	padding:10px 0;
}

/* 絞り込み検索
----------------------------------------------------------- */
form.narrowing-box{
	width:545px;
	height:36px;
	margin:2px 0 0 0;
	padding:12px 0 0 45px;
	background-image:url(../img/search-bg.gif);
	background-repeat:no-repeat;
}
form.narrowing-box select{
	vertical-align:bottom;
}
form.narrowing-box input{
	margin:0 0 0 5px;
	vertical-align:bottom;
}