@charset "utf-8";

/* =======================================

	Browser Reset CSS

========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td,
input,textarea,select {margin: 0; padding: 0;}

body {background: #FFF; color: #000;}
* html body {font-size: small;}
*+html body {font-size: small;}

img {border: 0; vertical-align: top;}
* html img {vertical-align: top;}
*+html img {vertical-align: top;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
ul,ol {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*+html input,*+html textarea,*+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*+html pre,*+html code,*+html kbd,*+html samp,*+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}
input#s {
	border: 1px solid #CCCCCC;
    padding: 3px;
    }

*+html * {letter-spacing: 0;}

object,embed {vertical-align: bottom;}


/* =======================================

	Structure CSS

========================================== */

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	color: #333;
	background: #FFF url(./images/bg.jpg) repeat-x center 0;
	line-height:1.5em;
	font-size:0.8em;
    font-family: "メイリオ",Meiryo,sans-serif;
}



#container {
	width: 950px;
	margin: 0 auto 10px;
	background: #FFF url(./images/cont_bg.png) repeat-y;
}

.wrapper {
	width:1442px;
	}

#header {
	line-height: 1;
	width: 900px;
	margin: 0 auto;
	padding: 18px 25px 2px;
}
.home #header {
	height: 300px !important;
}
.page #header,.category #header,.single #header,.search #header,.error404 #header ,.blog #header{
	height: 55px;
}



* html #header {
	font-size: 1%;
}



.sub #mainImg {
	width: 613px;
	margin: -20px 0 30px;
	padding: 32px 18px 0 0;
}

#about #mainImg {background: url(./images/main_img_about.png) no-repeat;}
#product #mainImg {background: url(./images/main_img_product.png) no-repeat;}
#company #mainImg {background: url(./images/main_img_company.png) no-repeat;}
#staff #mainImg {background: url(./images/main_img_staff.png) no-repeat;}
#voice #mainImg {background: url(./images/main_img_voice.png) no-repeat;}
#sitemap #mainImg {background: url(./images/main_img_sitemap.png) no-repeat;padding-bottom:5px;margin-bottom:0}
#info #mainImg {background: url(./images/main_img_info.png) no-repeat;padding-bottom:5px;margin-bottom:0}
#contact #mainImg {background: url(./images/main_img_contact.png) no-repeat;padding-bottom:5px;margin-bottom:0}
#privacy #mainImg {background: url(./images/main_img_privacy.png) no-repeat;padding-bottom:5px;margin-bottom:0}
#invite #mainImg {background: url(./images/main_img_invite.png) no-repeat;padding-bottom:5px;margin-bottom:0}
#link #mainImg {background: url(./images/main_img_link.png) no-repeat;padding-bottom:5px;margin-bottom:0}

.sub #mainImg h1 {
	margin-bottom: 30px;
	padding-left: 19px;
}
.sub #mainImg p.text {
	margin-bottom: 36px;
	padding-left: 19px;
}

.home #page {
	padding: 20px 25px 0;
	background: url(./images/page_bg.jpg) no-repeat !important;	
}

.page #page , .category #page, .single #page, .search #page, .error404 #page, .blog #page {
	padding: 25px 25px 0;
	background: url(./images/page_bg_sub.jpg) no-repeat;	
}

#contents {
	float: right;
	width: 630px;
	margin-bottom: 30px;
}


#main {
	float: right;
	width: 650px;
	padding: 20px 0 10px;
}

#sidebar {
	float: left;
	width: 250px;
	margin-bottom: 30px;
}

#footer {
	min-height: 90px;
	padding: 0 5px 15px;
	background: url(./images/ft_bg.png) no-repeat 0 bottom;
}
* html #footer {/* IE6 fix */
	height: 75px;
}

.single .sec ul {
	list-style-type:disc;
	margin:10px 20px;
	}
	
.single .sec ol {
	list-style-type:decimal;
	margin:10px 20px;
	}
	
em {
	font-style:italic;
}

/* =======================================

	Default CSS

========================================== */

.f10-10 {line-height: 1; font-size: 77%;}
.f10-12 {line-height: 1.2; font-size: 77%;}
.f10-16 {line-height: 1.6; font-size: 77%;}
.f12-12 {line-height: 1; font-size: 92.4%;}
.f12-14 {line-height: 1.167; font-size: 92.4%;}
.f12-18 {line-height: 1.5; font-size: 92.4%;}
.f14-14 {line-height: 1; font-size: 107.8%;}
.f14-22 {line-height: 1.571; font-size: 107.8%;}

a {color: #06C;	text-decoration: none; overflow: hidden;}
a:hover {color: #06C;	text-decoration: underline;}

ul.mark li {list-style: disc inside; padding-left: 2em;	text-indent: -1em;}
ol.mark li {list-style: decimal inside;	padding-left: 2em; text-indent: -1em;}

.clear {clear: both;}
.wrap a {white-space: nowrap;}
.trans {text-transform: uppercase;}
/*
.break {word-wrap: break-word;}
*/

.ftl {float: left;}
.ftr {float: right;}

strong {font-weight: bold;}


/* header
****************************************************************/
#header .box {
	float: right;
	width: 505px;
	height: 45px;
}
#header .box img {
	vertical-align: top;
}
#header ul#hdNav {
	/*width: 248px;*/
	margin-bottom: 5px;
	display:block;
}

#header ul#hdNav li {
	float: right;
	height: 14px;
	margin-left: 10px;
}
#searchform {
	position: relative;
}
#keywords {
	width: 175px;
	height: 20px;
	padding: 2px;
	border: none;
	background: url(./images/hd_search.png) no-repeat;
}  
#searchBtn {
	position: absolute;
	top: 0;
	left: 184px;
}  



/* topicPath
****************************************************************/
#topicPath {
	padding-bottom: 10px;
	font-size: 92.4%;
}


/* contents
****************************************************************/
#contents .sec {
	margin-bottom: 40px;
}
#join #contents .sec {
	margin-bottom: 60px;
}


/* main
****************************************************************/
#main .sec {
	padding-right: 20px;
	margin-bottom: 30px;
}
#main .box {
	padding: 0 10px;
}
#main .sec h2 {
	margin-right: -2px;
	margin-bottom: 10px;
}
#main .sec h3 {
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-size: 107.8%;
	font-weight: bold;
	background: url(./images/h3_bg.png) no-repeat 0 bottom;
}

#main .sec h4 {
	margin-bottom: 10px;
	padding: 3px;
	font-weight: bold;
	background: #ebebeb;
}


#main .sec p {
	margin-bottom: 20px;
}

#main .frame {
	background: url(./images/frame_bg.png) repeat-y;
}
#main .frame .top {
	padding-top: 15px;
	background: url(./images/frame_bg_top.png) no-repeat 0 top;
}
#main .frame .btm {
	padding: 10px 20px 20px;
	background: url(./images/frame_bg_btm.png) no-repeat 0 bottom;
}

*html #main .frame .btm {
	padding-bottom: 0px;
	margin-bottom:20px !important;
	}
	
*html #main #rinen .frame .btm {
	padding-bottom: 25px;
	margin-bottom:20px !important;
	}
	
*html #main #sensei .frame .btm {
	padding-bottom: 15px;
	margin-bottom:20px !important;
	}
	
#sensei ol {
	font-size:1.1em;
	margin:15px;
	}
	
#sensei li {
	margin:5px 0;
	}

#main .frame p.ftl {
	margin-bottom: 10px;
}
#main .frame ol {
	line-height: 1.5;
	width: 380px;
	font-size: 107.8%;
}
#main .frame ol li {
	min-height: 20px;
	margin-bottom: 10px;
	padding-left: 24px;
	background-position: 0 0.1em;
}
* html #main .frame ol li {
	height: 20px;
}
li.num01 {background: url(./images/list_num_01.png) no-repeat;}
li.num02 {background: url(./images/list_num_02.png) no-repeat;}
li.num03 {background: url(./images/list_num_03.png) no-repeat;}
li.num04 {background: url(./images/list_num_04.png) no-repeat;}
li.num05 {background: url(./images/list_num_05.png) no-repeat;}

#main #rinen .frame {
	background: url(./images/frame_bg2.png) repeat-y;
}
#main #rinen .frame .top {
	background: url(./images/frame_bg2_top.png) no-repeat 0 top;
}
#main #rinen .frame .btm {
	background: url(./images/frame_bg2_btm.png) no-repeat 0 bottom;
}
#main #rinen .frame ol {
	font-size: 153.9%;
}
#main #rinen .frame ol li {
	margin-bottom: 0;
	background-position: 0 0.2em;
}
#rinen li.num01 {background: url(./images/list_num2_01.png) no-repeat;}
#rinen li.num02 {background: url(./images/list_num2_02.png) no-repeat;}
#rinen li.num03 {background: url(./images/list_num2_03.png) no-repeat;}

#main table {
	width: 100%;
}
#main table th,
#main table td {
	padding: 5px 10px;
	border: #CCC solid 1px;
}
#main table.about th,
#main table.about td {
	padding: 10px 10px;
	border: #CCC solid 1px;
}
#main table th {
	width: 18%;
	background: #FFFFCC;
}
#main table td {
}


#main p.link {
	clear: both;
	margin-bottom: 0;
	font-size: 92.4%;
	text-align: right;
}
#main p.link a {
	padding-left: 10px;
	background: url(./images/link_ico.png) no-repeat 0 center;
}
#main p.topBack {
	padding: 10px 20px 0 0;
	font-size: 92.4%;
	text-align: right;
}

#main #cBtm {
	background: url(./images/c-btm_bg.png) repeat-y;
}
#main #cBtm .top {
	padding-top: 15px;
	background: url(./images/c-btm_bg_top.png) no-repeat 0 top;
}
#main #cBtm .btm {
	padding: 0 20px 20px;
	background: url(./images/c-btm_bg_btm.png) no-repeat 0 bottom;
}
#main #cBtm dl.ftl,
#main #cBtm dl.ftr {
	width: 270px;
	padding: 5px 10px 0;
}
#main #cBtm dl.ftl {
	line-height: 1.5;
}
#main #cBtm dl dt {
	margin-bottom: 10px;
}
#main #cBtm dl dd p {
	margin-bottom: 10px;
}
#main #cBtm dl.ftr dd ul li p.ftl {
	margin-right: 10px;
}
#main #cBtm dl.ftr dd ul li {
	margin-bottom: 10px;
	background: url(./images/dotline_bg.png) repeat-x 0 bottom;
}
#main #cBtm dl.ftr p.link {
	margin-bottom: 0;
}

#main #product .box ul {
	float: left;
	line-height: 1.5;
	margin-right: 15px;
	padding-bottom: 10px;
}
#main #product .box ul.last {
	margin-right: 0;
}
#main #product .box ul li {
	padding-left: 12px;
	background: url(./images/list_ico.png) no-repeat 0 center;
}
#main #product .box ul.list li {
	float: left;
	margin: 0 10px 10px 0;
	padding-left: 0;
	background: none;
}




/* sidebar
****************************************************************/
#sidebar {
	background: #E7EFF5 url(./images/side_bg.png) repeat-y;
}
#sidebar .inner {
	padding-bottom: 10px;
	background: url(./images/side_bg_btm.png) no-repeat 0 bottom;
}
#sidebar ul {
	padding: 10px 0 0 10px;
	background: url(./images/side_bg_top.png) no-repeat 0 top;
}
#sidebar ul li {
	margin-bottom: 6px;
}


#linkcat-2 {
	
}
#linkcat-2 ul {
	padding: 5px 10px;
	background: url(./images/link_bg_btm.png)  no-repeat 0 bottom;
	overflow: hidden;
	height: 1%;
}
#linkcat-2 li {
	margin-top: -1px;
	padding: 7px 10px 6px;
	background: url(./images/dotline_bg.png) repeat-x 0 top;
}
#linkcat-2 li:first-child {
    background: none;
}

#linkcat-2 li span {
	padding-left: 18px;
	background: url(./images/link_ico_win.png) no-repeat 0 center;
}

#linkcat-2 .widget-title {
    text-indent: -10000px;
    background: url(./images/link_tit.png) no-repeat 0 0;
    width: 230px;
    height: 32px;
}

/* footer
****************************************************************/
#footer .box {
	padding: 15px 20px 0;
	border-top: #06C solid 5px;
}
#footer .ftr p {
	margin-bottom: 5px;
}
#footer address p.copy {
	color: #666;
}

#kumamon {
	padding: 0 25px;
	text-align: right;
}




/* home
****************************************************************/

.home h2 {
	margin-bottom: 10px;
}
.home #contents #guide {
	font-size: 92.4%;
	width: 630px;
	height: 1%;
	overflow: hidden;
	background: url(./images/guide_bg.png) repeat-y;
}
.home #contents #guide ul.list {
	width: 645px;
	padding-bottom: 10px;
	font-size: 92.4%;
	background: url(./images/guide_bg_btm.png) no-repeat 0 bottom;
}
.home #contents #guide ul.list li.list {
	float: left;
	width: 200px;
	margin-right: 15px;
}
.home #contents #guide ul li p {
	line-height: 1.5;
	margin-bottom: 10px;
}
.home #contents #guide dl dd {
	padding: 10px 10px 10px 11px;
}
.home #contents #guide dl dd ul li{
	margin-bottom: 0px;
	padding-left: 10px;
	background: url(./images/link_ico.png) no-repeat 0 center;
}

#hdNav li{
	margin-bottom: 0px;
	padding-left: 10px;
	background: url(./images/link_ico.png) no-repeat 0 center;
}

#hdNav li a {
    color: #000000;
}

.home #contents #info {
	padding-bottom: 15px;
}
.home #contents #info .box {
	padding: 15px 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ccc;
}
.home #contents #info dl {
	line-height: 1.5;
	padding: 0 20px 1px;
	_border: 1px solid #fff;
}
.home #contents #info dl dt, .category #contents #info dl dt{
	float: left;
	margin-right: 18px;
	border:none;
	font-weight:normal;
	font-size:100%;
}

.home #contents dl dt {
	border:none !important;
	font-weight:normal !important;
	font-size:100% !important;
	padding:0 !important;
}

.home #contents ul {
	margin-bottom:0 !important;
	}


.home #contents #info dl dd , .category #contents #info dl dd{
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(./images/dotline_bg.png) repeat-x 0 bottom;
}
.home #contents #info dl dd.last {
	margin-bottom: 0;
	background: none;
}
.home #contents #info dl dd img {
	margin-right: 10px;
}



.ms5 {
	margin:0 6px;
	}
	
.bl_staff {
	width:600px !important;
	margin:15px 0;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	}
	
.bl_staff2 {
	width:200px !important;
	margin:15px 0 0;
	padding-bottom:10px;
	float:left;
	}
	
.sitemap ul,.link ul {
	list-style-type:disc !important;
	margin:0px 30px  !important;
	}

.sitemap li,.link li {
	margin:7px 0;
	}
	
.button {
	text-align:center;
	padding:5px;
	}
	
.mr15 {
	margin-right:15px;
	}
	
.thum_staff img {
	width:150px;
	height:auto;
	}
	
.staff_yaku {
	font-weight:bold;
	color:#519b4c;
	font-size:1.2em;
	}
	
.staff_name {
	font-weight:bold;
	font-size:1.5em;
	margin:5px 0;
	}
	
#main #invite ul, #main #invite ol, #main #privacy ul, #main #privacy ol{
	margin:15px !important; 
	}
	
#main #invite li, #main #privacy ul li {
	list-style-type:disc;
	margin:5px;
	}
	
#main #privacy ol li,#main #invite ol li {
	list-style-type:decimal;
	margin:5px;
	}
	
	
/* sub
---------------------------------------------------------------*/
.page #contents h1,.category #contents h1,.single #contents h1,.search #contents h1,.error404 #contents h1 {
	margin-bottom: 20px;
}
.page #contents h2,  .single #contents h2,  .search #contents h2,  .error404 #contents h2{
	margin-bottom: 20px;
	margin-top:20px;
	padding-bottom: 7px;
	font-size: 123.1%;
	font-weight: bold;
	background: url(./images/h2_tit.png) no-repeat 0 bottom;
}
* html .page #contents h2 {
	padding-top: 1px;
}
.page #contents h3 {
	margin-bottom: 10px;
	padding: 5px;
	border: #CCC solid 1px;
	font-size: 107.8%;
	font-weight: bold;
	background: #EFEFEF;
}
.page #contents p {
	line-height: 1.5;
	margin-bottom: 20px;
}
.page #contents table {
	width: 100%;
	color: #333;
}
.page #contents table th,
.page #contents table td {
	padding: 5px;
	border: #CCC solid 1px;
}
.page #contents table th {
	width: 15%;
	color: #FFF;
	background: #06C;
	text-align: center;
}

.page #contents table.typeCR th.name {
	width: 30%;
}
.page #contents table.typeCR th.no {
	width: 5%;
}

.page #contents table thead th {
	color: #FFF;
	font-weight: bold;
	text-align: center;
	background: #666;
}
#waste #contents th {
	width: 22%;
}
.page #contents ul,
.page #contents ol {
	line-height: 2;
	margin-bottom: 20px;
	font-size: 107.8%;
}
.page #contents ul.list,
.page #contents ul.list ul {
	line-height: 1.5;
	font-size: 100%;
}
.page #contents dl dt {
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: #06C solid 3px;
	font-size: 107.8%;
	font-weight: bold;
}
.page #contents ul.list dl dt {
	line-height: 1.231;
	font-size: 100%;
}
.page #contents dl dd {
	line-height: 1.5;
	margin-bottom: 25px;
}
.page #contents dl dd {
	line-height: 1.5;
	margin-bottom: 25px;
}
#join #contents dl.merit dd {
	padding: 10px 10px 0;
	border: #CCC solid 1px;
	background: #FFD;
}
#join #contents dl.merit dd strong {
	color: #F00;
}
#join #contents dl.merit dd ol {
	padding-left: 10px;
}
#join #contents dl.merit dd ol.mark li {
	list-style: decimal outside;
	margin-left: 2em;
	padding-left: 0;
	text-indent: 0;
}
.page #contents p.topback {
	margin-bottom: 0;
	text-align: right;
}

#contents .pdf a {
	padding-right: 20px;
	background: url(./images/icon_pdf.gif) no-repeat right center;
}
#contents .doc a {
	padding-right: 20px;
	background: url(./images/icon_doc.gif) no-repeat right center;
}

#contents .mail a {
	padding-right: 20px;
	background: url(./images/icon_mail.png) no-repeat right center;
}

	
#contents p.link {
    clear: both;
    font-size: 92.4%;
    margin:20px 0 0;
    text-align: right;
}	

#contents p.link a {
	padding-left: 10px;
	background: url(./images/link_ico.png) no-repeat 0 center;
}

#search a {
	font-weight:bold;
	font-size:1.1em;
	}
	
.entry-title {
	margin-top:15px;
	}

.post {
    position: relative;
}

.column-2 {
    margin-right: 200px;
}

#sub-sidebar {
    position: absolute;
    top: 130px;
    right: 0;
    width: 180px;
}

#sub-sidebar .widget {
    margin-bottom: 30px;
}

#sub-sidebar .widget-title {
    border-bottom: 2px solid #06c;
}

#wp-calendar {
	border:0px solid #cacaca;
	border-collapse:collapse;
	text-align:center;
	width:150px;
	margin:10px auto;
	}
	
#wp-calendar td {
	border:1px solid #cacaca;
	border-collapse:collapse;
	padding:3px;
	text-align:center;
	}
	
#wp-calendar td a {
	font-weight:bold;
	}
	
#wp-calendar th{
	border:1px solid #cacaca;
	border-collapse:collapse;
	padding:3px;
	text-align:center;
	background:#eeeeee;
	font-weight:bold;
	}

#wp-calendar tfoot td {
	border:none;
	}
	
.widget ul {
	margin:10px;
	}
	
.tb_waste th {
	width:25% !important;
	}
	
.red {
	color:#ff0000;
	}
	
.mani_order li {
	float:left;
	}
	
.mani_order {
	width:530px;
	margin:10px auto;
	}

#s {
	font-size: 13px;
}

/* clearfix
****************************************************************/
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


@media print {
	body {
		background: #fff;
	}
	
	#footer {
		display: none;
	}
}

.alignleft {
	float:left;
	}
	
.alignright {
	float:right;
	}
	
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.flow section p {
	padding: 0 0 10px;
	margin: 10px !important;
}

.flow section p.bold {
	font-weight: bold;
	padding: 0;
	margin-bottom: 0;
}

.flow section:after {
	position:relative;
	width:0;
	height:0;
	content:"";
	border:10px solid transparent;
	border-top-color:#0066cc;
	left: 50%;
}

.flow section:last-child:after {
	content:none;
}

/**** 2018.12.22 追加 メールフォームからの注文用 ****/
.page #contents .fv_order_table1 .bg_glay {
	background-color: #eee;
	white-space: nowrap;
	vertical-align: middle;
}
.page #contents .fv_order_table1 .t_c {
	text-align: center;
}
.page #contents .fv_order_table1 .t_r {
	text-align: right;
}
.page #contents .fv_order_table1 .t_c_h {
	vertical-align: middle;
}
.page #contents .fv_order_table1 .fv_order_cf7_number {
	width: 50px;
	margin-right: 5px;
}
.page #contents .fv_order_table1 .fv_order_cf7_price {
	width: 80px;
	margin-right: 5px;
}
.page #contents .fv_order_ol {
	list-style: decimal;
	padding-left: 1.5em;
	margin-top: 2em;
}
.page #contents .fv_order_ol span {
	color: #f00;
	text-decoration: underline;
}
.page #contents .fv_order_ol a {
	text-decoration: underline;
}
.page #contents .fv_order_table2 {
	margin-bottom: 2em;
}
.page #contents .fv_order_table2 th {
	white-space: nowrap;
	text-align: left;
	padding: 10px;
}
.page #contents .fv_order_table2 td {
	padding: 10px;
}
.page #contents .fv_order_table2 .icon_required {
	font-size: 9px;
	padding: 2px 6px;
	color: #f00;
	background-color: #fff;
	border-radius: 6px;
	font-weight: bold;
}
.page #contents .wpcf7-submit {
	background-color: #005BC5;
	color: #fff;
	border-radius: 6px;
	padding: 10px 40px;
}