@charset "shift_jis";

/*

CSS fujix

Site URL:		http://www.fjx.co.jp/c/
File name:		catalog.css
Summary:		catalog style
Last update:	2009-6-11 by Etsuko hashiyama
Copyright:		(c)2008 kikanshicom. inc

*/

#container{
min-height:50em;
}
#catalog-main{
float:left;
width:500px;
margin:0 0 0 0.5em
}

/*main*/
#sub{
margin:0;
	color: #FFFFFF;
	background-color: #66f;
	padding:2px 8px;
}
#subI{
	color: #FFFFFF;
	background-color: #0066CC;
	padding:2px 8px;
}
#subII{
	color: #FFFFFF;
	background-color: #993399;
	padding:2px 8px;
	margin:0;
}
#subIII{
	color: #939;
	text-align:right;
	font-size:90%;
	margin:0.5em 0;
	padding:0;
}
#subVI{
	color: #FFFFFF;
	background-color: #066;
	padding:2px 8px;
	margin:0;
}
#subV{
	color: #066;
	text-align:right;
	font-size:90%;
	margin:0.5em 0;
	padding:0;
}
#subVII{
	color: #FFFFFF;
	background-color:#996699;
	padding:2px 8px;
	margin:0;
}


/*navi*/
#pankuzu{
font-size:70%;
margin:0 0 1em 0;
padding:0;
line-height:100%;
}
#pankuzu img{
margin:0 0.5em;
}
#rightnavi{
float:right;
width:160px;
height:auto;

}
#rightnavi ul{
list-style:none;
}
#ito-navi{
margin:0 0 1.5em 0;
padding:0;
border-top:1px solid #666;
border-bottom:1px solid #666;
}
#ito-navi li{
	border-top:1px dotted #666;
	padding:0.2em 0.2em 0.2em 25px;
	margin:0;
	background: url(../catalog/image/catalog/arrow36c.gif) no-repeat left center;
	min-height:20px;
}
#ito-navi li#itoshu{
background-color:#36c;
background-image:none;
padding:0.2em 0.2em 0.2em 0.8em;
font-size:85%;
color:#fff;
border:none;
}
#catalogsample{
margin:0 0 1.5em 0;
padding:0;
border-top:1px solid #666;
border-bottom:1px solid #666;
}
#catalogsample li{
border-top:1px dotted #666;
padding:0.2em 0.2em 0.2em 25px;
margin:0;
background: url(../catalog/image/catalog/arrow906.gif) no-repeat left center;
height:20px;
}
#catalogsample #cs-title{
background-color:#906;
background-image:none;
padding:0.2em 0.2em 0.2em 0.8em;
font-size:85%;
color:#fff;
border:none;
}
#oeko_dr{
margin:0;
padding:0;
border-top:1px solid #666;
border-bottom:1px solid #666;
}
#oeko_dr li{
border-top:1px dotted #666;
padding:0.2em 0.2em 0.2em 25px;
margin:0;
background: url(../catalog/image/catalog/arrow663.gif) no-repeat left center;
min-height:20px;
}
#oeko_dr #oeko-title{
	background-color:#663;
	background-image:none;
	padding:0.2em 0.2em 0.2em 0.8em;
	font-size:85%;
	color:#fff;
	border:none;
}
#oeko_dr .pdf_dis{
	background-image:none;
	padding:0.4em 0.2em 0.2em 0.8em;
	font-size:80%;
	border:none;
}
/*catalogtop*/
.catalog-read {
	margin:1em;
	font-size:85%;
	line-height:150%;
	text-indent:1em;
}
h1#catalogtitle {
font-size:150%;
font-weight:lighter;
text-align:left;
margin:0 0 0 0.5em;
padding:0;
}
.catalogitoI{
	border-bottom:2px dotted #99f;
	margin:0;
}
.catalogitoII{
	border-bottom:2px dotted #99f;
	margin:0;
	padding:1em 0;
}

.catalogitoIII{
	border:none;
	margin:0;
}
.explanation{
float:right;
width:250px;
}
.explanation{
float:right;
width:250px;
}
.explanation h2{
text-align:left;
margin:1em 0 0 0;
color:#000;
}
.catalogitoI h3,.catalogitoII h3{
float:left;
}


/*kogyo*/
h1#kogyotitle,h2#kogyotitle{
font-size:150%;
font-weight:lighter;
text-align:left;
margin:0 0 1em 0;
padding:0 0 0 35px;
	background: url(../catalog/image/catalog/kogyo.gif) no-repeat left top;
	height:30px;
}
h2#kogyotitle{
margin:1em 0 1em 0;
}
*html h2#kogyotitle{
margin:0.5em 0 1em 0;
}
*html h1#kogyotitle{
padding:0.3em 0 0 35px;
}

ul#kogyoito{
background: url(../catalog/image/kougyo-ito.jpg) no-repeat right top;
height:197px;
padding:0 0 0 1em;
}
ul#kogyoito li{
font-size:90%;
list-style:none;
background: url(../catalog/image/catalog/star-blue.gif) no-repeat left center;
height:9px;
padding:0 0 1em 1em;
}
*html ul#kogyoito{
margin:0;
}
*html ul#kogyoito li{
padding:0.7em 0 0.3em 1em;
}

/*katei*/
h1#kateititle ,h2#kateititle{
	font-size:150%;
	font-weight:lighter;
	text-align:left;
	margin:0 0 1em 0;
	padding:0 0 0 35px;
	background: url(../catalog/image/catalog/katei.gif) no-repeat left top;
	height:30px;
}
h2#kateititle{
	margin:1em 0 1em 0;
}
*html h2#kateititle{
	margin:0.5em 0 1em 0;
}
*html h1#kateititle,*html h2#kateititle{
padding:0.3em 0 0 35px;
}

#catalog-main h2.shurui{
	padding:0 0 0 8px;
	background-color:#ecd;
	margin:1em 0 1em 8px;
	text-align:left;
	color:#000;
	font-size:80%;
	font-weight:normal;
	clear:both;
}

#catalog-main ul.I,#catalog-main ul.II{
font-size:90%;
float:left;
width:45%;
margin:0 0 0 1em;
padding:0;
}
#catalog-main ul.zero{
font-size:90%;
margin:0 0 0 1em;
padding:0;
}
*html #catalog-main ul.zero{
margin:0 0 0 2em;
padding:0;
}
#catalog-main ul.I li,#catalog-main ul.II li,#catalog-main ul.zero li{
list-style:none;
background: url(../catalog/image/catalog/star-murasaki.gif) no-repeat left center;
height:9px;
margin:0 0 1em 0;
padding:0 0 1em 1em;
}

*html #catalog-main ul.I li,*html #catalog-main ul.II li,*html #catalog-main ul.zero li{
padding:0.2em 0 0 1em;
}
/*shishu*/
#shishu h1{
font-size:150%;
font-weight:lighter;
text-align:left;
margin:0;
padding:0 0 0 35px;
	background: url(../catalog/image/catalog/shishu.gif) no-repeat left top;
	height:30px;
}
*html #shishu h1{
padding:0.3em 0 0 35px;
}
#shishutitle {
font-size:150%;
font-weight:lighter;
text-align:left;
margin:1em 0 1em 0;
padding:0 0 0 35px;
	background: url(../catalog/image/catalog/shishu.gif) no-repeat left top;
	height:30px;
}
*html #shishutitle{
margin:0.5em 0 1em 0;
}
#shishu h2{
	font-size:120%;
	text-align:left;
	margin:0 0 1em 0;
	padding:0 0 0 0;
}
#shishu .miru{
background: url(../catalog/shishu/img/next_shishu.gif) no-repeat right center;
height:20px;
	padding:0 25px 0.5em 0;
	text-align:right;
	color:#000;
	font-size:110%;
	font-weight:normal;
	list-style:none;
}
*html #shishu .miru{
	padding:0.2em 25px 0.2em 0;
}
#shishu .rflo{
margin:0 0 1em 1em;
}
#shishu h3{
	font-size:105%;
	text-align:left;
	margin:0 0 1em 0;
	padding:0.2em 0.5em;
	border:1px solid #066;
	background-color:#cdd;
}
#shishu dt{
font-size:90%;
font-weight:bold;
	text-align:left;
	margin:0 0 0.5em 0;
	color:#066;
}
#shishu dd{
font-size:90%;
	text-align:left;
	margin:0 0 1em 0;
}
pre {
	line-height:100%;
	font-size:130%;
	height:1em;
	margin:0;
	padding:0;
}
/* all */
h1#all{
font-size:120%;
}
p.c-ps{
border:1px solid #339;
padding:0.6em 0.4em 0.4em 0.8em;
}

table.tbl-all-c{
	width:98%;
}

table.tbl-all-c td.t-center{
	text-align:center;
	font-size:0.8em;
	padding-left:0.12em;
	padding-bottom:0.3em;
}
.num-color{
	color:#339;
}
.t-white{
	color:#fff;
}
table.tbl-all-c td{
	font-size:0.8em;
	text-align:right;
	padding-left:0.12em;
	padding-bottom:0.3em;
}
.imgmar{
	margin-right:0.4em;
}
.back-p{
	font-size:0.8em;
	margin:0;
	padding:0;
}
.pre{
	font-size:small;
	margin:1em 0 0 0;
	padding:0;

	float:left;

}
.next{
	font-size:small;
	margin:1em 0 0 0;
	padding:0;

	float:right;

}
/*colorsample*/
.tb-color{
	width:500px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-left-color: #333333;
}
.king{
	background-color: #ccc;
	padding:5px;
	font-weight: bold;
	text-align:center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
}
.king-naka{
	padding:5px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	img src:1px solid #333; 

}
.king-naka span{
color:#f00;
}
.gamen{
	background-color: #CCC;
	padding:5px;
	font-weight: bold;
	text-align:center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
}
.gamen-naka{
padding:5px;
text-align:center;
border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
}
.panton{
	background-color: #CCC;
	padding:5px;
	font-weight: bold;
	text-align:center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
}
.panton-naka{
	padding:5px;
	text-align:center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333333;
	border-bottom-color: #333333;
	font-size: x-small;
}
.tb-color .kakudai{
	background-color: #CCCCCC;
	padding:10px;
	width:280px;
	font-size: small;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	text-align:left;
}
.kakudai-naka{
	padding:10px;
	font-size: small;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	text-align: center;
	vertical-align: middle;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}
table.tbl-color-s{
	width:100%;
	margin:1em 0;
}
table.tbl-color-s td{
	font-size:0.8em;
	text-align:right;
	padding-left:0.12em;
	padding-bottom:0.3em;
	width:20px;
	height:20px;
}
table.tbl-color-s th{
	font-size:0.9em;
	font-weight:normal;
	text-align:right;
	padding-left:0.12em;
	padding-bottom:0.3em;
	padding-right:0.2em;
	border:none;
}

/*kaku-colorsample*/
.c-ps-fordisp{
	font-size:0.85em;
	margin:0.3em 0 1em 0;
}

/*shiharai*/
.shiharai-hoho{
	text-align:left;
	color:#969;
}
.furikomi{
	width: 100%;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-left-color: #333;	
}
.houhou{
	text-align:center;
	padding:10px;
	background-color: #969;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
}
.saki{
	padding:10px 10px 10px 20px;
	background-color: #ddd;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
	border-bottom-color: #333;
}
.sendtable{
	margin:0 2em;
	border-top: 1px solid #969;
	border-left: 1px solid #969;
}
* html .sendtable{
	margin:0 0 0 2em;
}
.sendtable th{
	background-color:#969;
	color:#000;
	border-left:none;
	text-align:center;
	border-right: 1px solid #969;
	border-bottom: 1px solid #c9c;
	font-size:90%;
	width:8em;

}
.sendtable td{
	padding:0.3em;
	border-bottom: 1px solid #969;
	border-right: 1px solid #969;
	
}
.sendtable td.sendtable-right{
	text-align:right;
	
}
.arrow969{
background: url(../catalog/image/catalog/arrow969.gif) no-repeat right top;
	height:20px;
	padding:0 25px 0 0;
	text-align:right;
}
.howto-pay {
	margin:0 2em;
	border:1px solid #969; 
}
* html .howto-pay {
	margin:0 0 0 2em;
}
.howto-pay ul{
	list-style:none;
}
.daibiki {
	border-top:1px solid #969;
	border-left:1px solid #969;
	margin:0 2em;
}
* html .daibiki {
	margin:0 0 0 2em;
}
.daibiki th,.daibiki td{
	border-bottom:1px solid #969;
	border-right:1px solid #969;
	padding:0.5em;
}

.daibiki th{
	background-color:#969;
	width:19em;
}
* html .daibiki th{
	width:21em;
}
/**/
h1#colorsample{
font-size:150%;
}
/*catalogform*/

h2.booktitle_katei{
	color:#660066;
	border: 1px solid #606;
	font-size:100%;
	font-weight:normal;
	text-align:left;
	padding:1px 0 0 5px;
	margin:5px 0;
	clear:both;
}
h2.booktitle_kogyo{
	color: #003399;
	border: 1px solid #003399;
	font-size:100%;
	font-weight:normal;
	text-align:left;
	padding:1px 0 0 5px;
	margin:5px 0;
	clear:both;
}
#ssl{
float:right;
width:25%;
}
.tokucho{
color:#660066;
}
ul.books,ul.booksII{
list-style:none;
margin:0 0 1em 0;
padding:0;
float:left;
width:40%;
}
ul.books li{
margin:0 0 1em 0;
}
ul.books li span{
font-size:80%;
}
ul.c-sample{
list-style:none;
margin:0 0 1em 0;
padding:0;
}
ul.c-sample li{
margin:0 0 1em 0;
}
ul.c-sample li span{
font-size:80%;
}
.mae {
	text-align:center;
	font-size:100%;
	margin:0;
}
/*buy*/
.buy a{
background: url(../catalog/image/buy.jpg) no-repeat left top;
 width:150px;
	height:30px;
	float:right;
	padding:0;
	text-indent:-9999px;
	margin:0;
}

/**/
.thread-feature {
	clear:both;
}
ul.cotton {
	margin:0 0 1em 1em;
	padding:0;
	font-size:80%;
}
.cotton li{
	background: url(../shopping/image/tranputo/tc-cotton.gif) no-repeat 0 0;
	list-style:none;
	padding:0 0 0 2em;
}

/*To shopping*/
.to-shop {
	font-size:80%;
	list-style:none;
	padding:0;
	margin:0.5em 0 1em 0;
}
.to-shop li a{
	padding:0 0 0 15px;
	background: url(../catalog/image/catalog/to-shop-arrow.jpg) no-repeat 0 0;
	vertical-align:bottom;
	line-height:1.7em;
}
.photo h3.to-shoppage a{
	border:none;
	width:100px;
	margin:0 0 0 100px;
	padding:0;
}