@charset "utf-8";

/* ===================================================================
CSS Document

 file name  :contents.css
 style info :第2階層以下、ポップアップのコンテンツエリア関係 他
=================================================================== */


.page_area{
	margin-bottom:30px;
	padding:30px 35px;
	background:#fff;
}

/*----------------------------------------------------
	☆pagenation
----------------------------------------------------*/

/*.searchList .num,
.searchList .pagenation { display: table-cell; vertical-align: middle; }
*/

.searchList{
	margin:10px 0;
}


.searchList .wrap {
	overflow:hidden;
	_height:1%;
}
.searchList .wrap .num{
	float: left
}
.searchList .num {
	width: 200px;
	line-height: 1;
}
.searchList .num > strong {
	font-family: Arial, Helvetica, sans-serif;
}

.searchList .num .all {
	margin: 0 5px 0 0 ;
	font-size:22px;
}


#main_area .pagenation{
	text-align:right;
}

#main_area .pagenation li{
	display: inline;
	margin-left:0px;
}

#main_area .pagenation li a{
	display: inline-block;
	*display:inline;
	*zoom:1;
	padding:2px 7px;
	text-decoration:none;
	color:#333
}

#main_area .pagenation li.prev a,
#main_area .pagenation li.next a{
	border:none;
}

#main_area .pagenation li a:hover{
	background:#ddd
}

#main_area .pagenation li.current{
	display: inline-block;
	*display:inline;
	*zoom:1;
	padding:2px 7px;
	border:1px solid #cdcdcd;
	background:#e5e5e5;
	font-weight:bold;
	/vertical-align:top;
	/margin-right:4px;
}


/*----------------------------------------------------
	商品一覧
----------------------------------------------------*/

/*--絞り込み検索-------------*/

#main_area .searchText{
	margin:18px 0 20px 0;
	padding:16px 15px;
	border:1px dotted #ccc;
	background:#fff;
	font-size:18px;
}

#main_area .searchBox01{
	margin-bottom:30px;
	padding:0 0 10px 0;
	background:#fff;
}

#main_area .searchBox01 h3{
	background:#dbd8cf;
	color:#fff;
}

#main_area .searchBox01 h3 strong{
	padding:10px 15px;
	display:inline-block;
	background:#333;
}

#main_area .searchBox01 dl {
	overflow:hidden;
	_height:1%;
	margin:10px;
}
#main_area .searchBox01 dl dt,
#main_area .searchBox01 dl dd{
	float:left;
	margin-right:10px;
}

#main_area .searchBox01 dl dt{
	padding:6px;
	font-weight:bold;
}


#main_area .searchBox01 dl dd{
	margin-right:10px;
}

#main_area .searchBox01 dl dd select{
	padding:5px;
	min-width:150px;
	border-radius:5px;
}

/*--一覧-------------*/

#main_area .productList {
	/zoom:1;
	overflow:hidden;
	margin-right:-26px;
}

#main_area .productList li.item{
	border:1px solid #ddd;
	float:left;
	margin-bottom:20px;
	width: 185px;
	background:#fff;
}

#main_area .productList li figure{
	width: 170px;
	text-align:center;
	display: table-cell;
	vertical-align:top;
	
	*float:left;
}

#main_area .productList li figure span{
	width: 170px;
	height: 153px;
	text-align:center;
	display: table-cell;
	vertical-align:middle;
	box-sizing:border-box;
	background:#fff;
}

#main_area .productList li figure span img{
	max-width:100%;
	max-height:100%;
	vertical-align:bottom;
}




#main_area .productList li h3{
	margin-top:5px;
	margin-left:5px;
	color:#575fcd;
	height:73px;
}

#main_area .productList li h4{
	margin:2px 0 5px;
	font-weight:normal;
	font-size:11px;
}

#main_area .productList li .icon {
	overflow:hidden;
	margin-bottom:8px;
	width:170px;
}

#main_area .productList li .text{
	margin-top:10px;
	margin-left:10px;
	color:#000;
	height:50px;
	font-weight:bold;
}

#main_area .productList li .icon li{
	width:auto;
	margin-bottom:3px;
	padding:2px 5px;
	display: inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	line-height:1.3;
	font-size:11px;

	background:#f5f4f1;
	border:2px solid #d2cbbb;
}

#main_area .productList .price{
	padding:5px 0;
	text-align:center;
	color:#f00;
	background:#f2f2f2;
	font-size:16px;
}

#main_area .sampleList li.item{
	float:left;
	_display:inline;
	width:150px;
	max-height:265px;
	margin-right:15px;
	margin-bottom:25px;
}


/*----------------------------------------------------
	■サイトマップ
----------------------------------------------------*/

#main_area.sitemap h2{
	float:left;
	margin:0 20px 0 0 ;
	padding:10px 0 10px 10px;
	_padding:5px 0 10px 10px;
	width:260px;
	background:none;
	color:#333
}


#main_area .proTit p{
	border-top:5px solid #b30e16;
}

#main_area .proTit p a{
	display:block;
	padding:15px 15px;
	background:#700107;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

#main_area .siteList01{
	overflow:hidden;
	clear:none;
}

#main_area .siteList01 li{
	margin:0 0 10px 0;
	width:310px;
	padding:10px 10px;
	border:1px solid #ccc;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
#main_area .siteList01 li img{
	vertical-align: bottom;
}

#main_area .siteList01 li span{
	display:block;
	margin-bottom:15px;
	padding:5px;
	background:#efefef;
}

#main_area .siteList02{
	overflow:hidden;
	clear:none;
	_width:400px;
	margin:0 0 0 15px;
	padding:10px 0;
	line-height:1.4
}

#main_area .siteList02 li{
	float:left;
	margin:0 10px 5px 0;
	padding:0 0 0 13px;
	min-width:180px;
	white-space:nowrap;
	background:url(../image/icon_arrow_01.gif) no-repeat left 0.4em
}

.ie6 #main_area .siteList02 li{
	width:auto !important;
	width:170px;
}

#main_area .boxTypeB{
	margin-top:30px;
	padding:10px 20px 0;
	border:1px solid #999
}

#main_area .boxTypeB .link{
	border:none;
	_width:640px;
}

#main_area .boxTypeB .link li{
	width:150px;
}

#main_area.sitemap h3{
	margin:0;
	padding:2px 2px 2px 10px;
	background:#efefef;
}

#main_area.sitemap h3 a{
	padding-left:10px;
	color:#333;
	background:url(../image/icon_arrow_bodynavi.gif) no-repeat left 0.5em
}
/*----------------------------------------------------
	■最新情報
----------------------------------------------------*/

#main_area .date{
	margin-bottom:25px;
	padding-bottom:5px;
	border-bottom:dotted 1px #999;
	text-align:right;
}

/*--CKEditor用------------------*/

#main_area .ckBox{
	margin-bottom:30px;
}

#main_area .ckBox em{
 font-style:italic !important;
 color:#333333;
 font-weight:normal;
}

#main_area .ckBox u{
 text-decoration:underline !important
}

#main_area .ckBox strike{
 text-decoration:line-through !important;
}

#main_area .ckBox blockquote{
 margin-left:10px;
}

#main_area .ckBox del{
	text-decoration:line-through
}

/*--タイトル一覧------------------*/


#main_area .topicsBlock dl {
	overflow: hidden;
	zoom: 1;
}

#main_area .topicsBlock dl dt {
	clear: both;
	float: left;
	width: 100px;
	font-weight: bold;
	font-size:11px;
}

#main_area .topicsBlock dl dd {
	margin-bottom:15px;
	padding: 0 0 15px 100px;
	border-bottom:1px solid #ddd;
}

#main_area .topicsBlock dl dd a:link{
	display:block;
	padding-left:10px;
	background:url(../image/icon_arrow_02.gif) left 0.5em no-repeat;
}

#main_area .topicsBlock dl dd a:link,
#main_area .topicsBlock dl dd a:visited{
	text-decoration:none;
}

#main_area .topicsBlock dl dd a:hover{
	text-decoration: underline
}

/*----------------------------------------------------
	■フォーム関連
----------------------------------------------------*/
select, textarea {
border: 1px #b6b6b6 solid;
font-weight:normal
}

#main_area table.contacts{
	margin-top:0;
	width:706px;
}
#main_area table.contacts img{
	margin-bottom:2px;
	vertical-align:bottom;
}
#main_area table.contacts input{
	margin-right:5px;
	margin-bottom:3px;
	vertical-align:bottom;
}

#main_area table.contacts td{
	line-height:1.4;
	padding:16px;
}

#main_area table.contacts ul.checkbox{
	overflow:hidden;
}
#main_area table.contacts ul.checkbox li{
	float:left;
	margin-right:40px;
	margin-bottom:3px;
	min-width:200px;
	width:auto !important;
	width:200px;
}

#main_area table.contacts ul.checkbox li input{
	float:left;
}


#main_area table.contacts textarea{
	clear:both;
	margin-top:5px;
	width:97%;
}

#main_area table .f_txt{
	padding:2px;
	border: solid #b6b6b6 1px;
	height:1.4;
}

#main_area .form_button{
	overflow:hidden;
	text-align:center;
}

/*--ボタン------------*/
#main_area .form_button input{
	display:inline;
	cursor:pointer;
}


#main_area input.kakunin {
		margin-top:8px;
    border: 0px;
    width: 228px;
    height: 36px;
    background: url(../image/btn_form_kakunin.gif) left top no-repeat;
}

#main_area input.reset {
		margin-top:8px;
    border: 0px;
    width: 130px;
    height: 36px;
    background: url(../image/btn_form_reset.gif) left top no-repeat;
}

#main_area input.modoru {
		margin-top:8px;
    border: 0px;
    width: 130px;
    height: 36px;
    background: url(../image/btn_form_modoru.gif) left top no-repeat;
}

#main_area input.soushin {
		margin-top:8px;
    border: 0px;
    width: 228px;
    height: 36px;
    background: url(../image/btn_form_soushin.gif) left top no-repeat;
}


/*----------------------------------------------------
	■よくあるご質問
----------------------------------------------------*/

h3.hStyleFaq{
	position: relative;
	margin-bottom:15px;
	padding:5px 0 12px 50px;
	border-bottom:2px dotted #ccc;
	font-size:18px;
	line-height:1.3;
}

h3.hStyleFaq strong{
	position: absolute;
	top:-4px;
	left:0;
	display:block;
	background: #452A2A;
	border-radius:40px;
	margin-right:8px;
	width:40px;
	line-height:40px;
	color:#fff;
	text-align:center;
	font-size:14px;
}

/*----------------------------------------------------
	■print
----------------------------------------------------*/

@media print{

}