@charset "utf-8";

/*==========================================
File name: category.css
Editors: itprobe_zezaidoji
Last Editor: itprobe_zezaidoji
Date: 2010.02.02
========================================== */


.half_l{
	width:360px;
	float:left;}



.half_r{
	width:360px;
	float:right;}

.title_half{
	background:url(../images/common/title_bg01_half.jpg) no-repeat top left;
	width:315px;
	height:31px;
}

.half_l h3, .half_r h3{
	margin: 0 0 10px 0;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding:10px 0 0 20px;
	background:url(../images/common/title_bg01_half.jpg) no-repeat top left;
	width:340px;
	height:30px;
}


h4,
.h4_type{
	margin: 0 0 10px 0;
	font-size:13px;
	color:#052492;
	font-weight:bold;
	padding:6px 0 0 10px;
	background:url(../images/common/title_bg02.jpg) no-repeat top left;
	width:725px;
	height:25px;
}

h4 span,
.h4_type span{
	font-size:12px;
	color:#fff;
	padding:2px;
	width:70px;
	height:15px;
	display:block;
	background-color:#C00;
	float:left;
	text-align:center;
	margin-right:10px;
}

h5,
.h5_type{
	margin: 5px 0 10px 0;
	font-size:14px;
	color:#052492;
	font-weight:bold;
	padding:6px 0 0 20px;
	background:url(../images/common/title_bg03.jpg) no-repeat top left;
	width:715px;
	height:25px;
	}


/* リスト */

.list_type01 ul{
	margin:5px 0 0 0;}

.list_type01 li{
	background:url(../images/common/li05.gif) no-repeat top left;
	padding-left:18px;
	line-height:1.5;
	margin:0 0 12px 0;}


.list_type02 ul{
	margin:5px 0 0 0;}

.list_type02 li{
	background:url(../images/common/li06.gif) no-repeat top left;
	padding-left:18px;
	line-height:1.5;
	margin:0 0 12px 0;}




/* 写真のライン */

.photo_line{
	padding:2px;
	border:1px solid #CCC;}

/* 囲み線 */

.line_gray{
	border:#CCC 1px solid;
	background-color:#F6F6F6;
	padding:3px;}

.line_ore{
	border: #F3D1BC 1px solid;
	background-color:#FDEDE1;
	padding:3px;
}

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



.sitemap li{ margin-bottom:7px;}

/*****************************

解決策

*****************************/


.gu_waku{
	width:731px;
	margin:5px 0 10px;
	background-color:#FFF;
	border: 2px solid #CBD7FD;
}

.gu_waku_in{
	padding:10px;}

/* 緑と黄色 */

.gy{
	border:#009700 1px solid;
	background:#FCFFE1;
	width:733px;}

.gy_in{
	padding:7px;}


.gy_in span{
	font-size:13px;
	color:#fff;
	padding:2px;
	width:70px;
	height:18px;
	display:block;
	background-color:#FF6600;
	float:left;
	text-align:center;
	margin-right:10px;
}

/*****************************

FAQ

*****************************/



.faq dl{
	margin:0;
	padding:0;}

.faq dt{
	list-style: none;
	padding:0 0 0 25px;
	margin:20px 0 0 0;
	color: #012884;
	line-height:1.5;
	background: url(../images/contents/faq_q.gif) no-repeat left top;
}

.faq dd{
	padding:0 0 0 25px;
	margin-top:7px;
	line-height:1.5;
	background: url(../images/contents/faq_a.gif) no-repeat left top;
	}

/*****************************

#menu

*****************************/
#menu{
	clear:both;
	overflow:hidden;
}
#menu li{
	float: left;
	text-align: center;
}

#menu li a{
	display:block;
/*	zoom: 1;*/
	width: 118px;
	height: 38px;
	margin: 5px 2px;
	color: #FFF;
	text-decoration: none;
	line-height: 38px;
	font-size: 13px;
	background: #2F5EBD url(../images/contents/zairyou/bg_menu.jpg) no-repeat top left;
}

#menu li a:hover{
     background: #97B0E6 url(../images/contents/zairyou/bg_menu_o.jpg) no-repeat top left;
}	

#menu li.wtxt a{
	line-height: 19px;
}

#menu li a.selected {
     background: #97B0E6 url(../images/contents/zairyou/bg_menu_o.jpg) no-repeat top left;
}

/* --- 加工 --- */

#menu-02 .list-single a,
#menu-02 .list-third a,
#menu-02 .list-quarter a,
#menu-02 .list-set{
	color: #FFF;
	border: solid 1px #506524;
	background: #062492;	
}

#menu-02 .list-single a{
	display: block;
	width: 170px;
	margin: 0 0 5px 0;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
}
#menu-02 .list-third a{
	display: block;
	width: 160px;
	margin: 0 0 5px 0;
	height: 124px;
	text-decoration: none;
	padding: 5px;
}

#menu-02 .list-quarter a{
	display: block;
	width: 160px;
	margin: 0 0 5px 0;
	height: 170px;
	text-decoration: none;
	padding: 5px;
}

#menu-02 .list-set{
	width: 160px;
	height: 124px;
	padding: 5px;
	margin: 0 0 5px 0;
}


#jyushi_setsujyo #menu-02 .select-01,
#hyoumen #menu-02 .select-02,
#menu-02 .list-single a:hover,
#menu-02 .list-single a.selected,
#menu-02 .list-third a:hover,
#menu-02 .list-third a.selected,
#menu-02 .list-quarter a:hover,
#menu-02 .list-quarter a.selected{
color: #FFF;
border: solid 1px #062492;
background: #0B84FF;
}


#menu-02 .list-set ul{
	margin: 10px 0 0 10px;

}

#menu-02 .list-set ul li{
	border: none;
	line-height: 15px;
	margin: 0 0 5px 0;
	color: #FFF;
}

#menu-02 .list-set ul li a{
	color: #FFF;
}

/* --- 材質 --- */

#menu-03 ul,
#menu-03 ul li,
#menu-03 ul li ul li{
	display: inline;
	
}

#menu-03 .list-single{
	float: left;
	margin: 0 15px 0 0;
}

#menu-03 .list-set{
	float: right;
	width: 348px;
	padding: 0 5px;
}

#menu-03 .list-set ul{
	float: right;
}

#menu-03 .list-set,
#menu-03 .list-single a{
	display: block;
	color: #FFF;
	height: 40px;
	line-height: 40px;
	background: #062492;
}
	
#menu-03 .list-single a{
	width: 170px;
	text-align: center;
	text-decoration: none;
}

#menu-03 .list-set a{
	display: inline-block;
	padding: 2px 5px;
	line-height: 15px;
	height: 15px;
	color: #FFF;
	text-decoration: none;
	background-color: #2D538A;
}

#menu-03 .list-single a:hover,
#menu-03 .list-single a.selected,
#other #menu-03 .select-03,
#kouka a.select-01{
	background: #0B84FF;
}


#menu-03 .list-set a:hover,
#menu-03 .list-set a.selected{
	background-color: #0B84FF;
}

/* ---  材質から探す --- */

/*
.table_line table{
	width: 100%;
}*/

.table_line table th,
.table_line table td
/*,
.table_type_02 table th,
.table_type_02 table td*/{
	padding: 5px;
	vertical-align: top;
	font-size: 90%;
}

.table_line table th,
.table_line table td{
	border-bottom: dotted 1px #CCC;
/*	white-space: nowrap;*/

}

/*****************************
材料
*****************************/


.zai_submenu
{}
.zai_submenu ul{
	width:735px;
	clear:both;
	overflow:hidden;
}

.zai_submenu li{
	display:inline;
	float:left;
}

.zai_submenu li + li{
	margin-left:20px;
}

/*****************************
お問い合わせ
*****************************/
table.mailform {
	width: 100%;
	padding: 10px;
	border: solid 1px #CCC;
}

table.mailform tr th,
table.mailform tr td {	
	border: solid 1px #CCC;
	padding: 5px;
	font-size: 12px;
	text-align: left;
	/*vertical-align: top;*/
}

table.mailform tr th {
/*	width: 160px; */
	font-weight: normal;
	background-color: #F6F6F6;
}/*　フォームの項目見出し */

table.mailform tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
table.mailform tr td ul li {
	float: left;
	padding: 0px 10px 0px 0px;
}
table.mailform tr td p,table.mailform tr td div,table.mailform tr td span {
	clear: both;
}

.submit_btn button{
    width: 40%;
    margin: 0 30%;
	padding: 10px 14px;
}

#mfp_overlay_inner h4{
	width: 100%;
	background: none;
	color: #000;
	padding: 0;
}