@charset "utf-8";
/*************************************** http://www.toushin.biz/

	pages.css ( UPDATE : 2015.09.30 )
	---------------------------------------------------------
	001 : HOME
	002 : CONTACT
	003 : BUSINESS
	004 : PRODUCTS
	005 : DOWNLOAD
	006 : EXAMPLES

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

/* -------------------------------------------------------------
	001 : HOME
------------------------------------------------------------- */

/* MAIN VISUAL ---------------------------------------------- */
#mv,#mv div { width: 100%; height: 280px; }

.slide00 {}
.slide01 {}
.slide02 {}

/* TOP BANNERS */
#TopBanners { margin-bottom: 9px; }
#TopBanners p { float: left; width: 300px; padding: 10px; }
#TopBanners a {
	/* test */
	display: block;
	width: 300px;
	height: 80px;
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #DAB678;
}

#TopMid { margin: 0 10px; }

/* LATEST POSTS */
#LatestPosts { float: left; width: 620px; margin-bottom: 20px; }
#LatestPosts .title { overflow: hidden; height: 40px; text-indent: -999em; background: url(../images/latestposts_title.png) no-repeat; }
#LatestPosts .box {
	position: relative;
	height: 1%;
	color: #4a8f9f;
	font-size: 0.9em;
	background: #d9f2f8 url(../images/latestposts_bg01.png) bottom no-repeat;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#LatestPosts li { margin: 0; padding: 10px; padding-left: 25px; list-style: none; border-bottom: 1px #FFFFFF dotted; background: url(../images/latestposts_arrow.png) 5px center no-repeat; }
#LatestPosts .date { margin-right: 10px; font-size: 0.9em; }
#LatestPosts .bottom { padding: 5px 10px; text-align: right; }
#LatestPosts .bottom a { display: block; line-height: 20px; width: 75px; height: 20px; margin-left: auto; padding-left: 25px; font-size: 0.9em; text-align: left; background: url(../images/latestposts_archlnk.png) no-repeat; }

#LatestPosts .bottom a:link,#LatestPosts .bottom a:visited { color: #307080; text-decoration: none; background-position: top; }
#LatestPosts .bottom a:hover,#LatestPosts .bottom a:active { color: #FFF; text-decoration: none; background-position: bottom; }

/* LATEST EXAMPLES */
#LatestExp { float: right; width: 300px; margin-bottom: 20px; }
#LatestExp .title { height: 40px; text-indent: -999em; background: url(../images/latestexp_title.png) no-repeat; }
#LatestExp .box {
	position: relative;
	height: 1%;
	color: #79b0a1;
	font-size: 0.9em;
	background: #d2ece5 url(../images/latestexp_bg.png) bottom no-repeat;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#LatestExp .PstUnt { padding: 10px; border-bottom: 1px #FFFFFF dotted; }
#LatestExp .PstThmb {
	overflow: hidden;
	float: left;
	width: 78px;
	height: 78px;
	border: 1px #FFFFFF solid;
	background: url(../images/latestexp_thumb_bg.png) center no-repeat;
	-webkit-box-shadow:  0px 2px 4px 0px rgba(100, 150, 120, 0.5);
	box-shadow:  0px 2px 4px 0px rgba(100, 150, 120, 0.5);
}
#LatestExp .PstSum { float: right; width: 190px; padding-top: 10px; }
#LatestExp .PstDate { font-size: 0.9em; }
#LatestExp .PstTitle { line-height: 1.25em; font-weight: normal; }

#LatestExp .bottom { padding: 5px 10px; text-align: right; }
#LatestExp .bottom a { display: block; line-height: 20px; width: 75px; height: 20px; margin-left: auto; padding-left: 25px; font-size: 0.9em; text-align: left; background: url(../images/latestexp_arclnk.png) no-repeat; }
#LatestExp .bottom a:link,#LatestExp .bottom a:visited { color: #356559; text-decoration: none; background-position: top; }
#LatestExp .bottom a:hover,#LatestExp .bottom a:active { color: #FFF; text-decoration: none; background-position: bottom; }


/* PAMPHLET */
#pamph { float: left; width: 620px; }
#pamph .title { height: 30px; text-indent: -999em; background: url(../images/pamph_title.png) no-repeat; }
#pamph .box { position: relative; height: 1%; padding: 10px 5px; padding-bottom: 0; background: url(../images/pamph_bg.png) repeat-y;}
#pamph .bottom { overflow: hidden; height: 10px; background: url(../images/pamph_bottom.png) bottom no-repeat; }

#pamph dl { float: left; width: 190px; padding: 0 5px; color: #4c4f1f; }
#pamph dt { padding-left: 20px; background: url(../images/pmph_pict.png) left no-repeat; }
#pamph dd { font-size: 0.8em; margin-left: 5px; }
#pamph li { height: 30px; margin: 0; list-style: none; }
#pamph li a { display: block; line-height: 30px; height: 30px; padding-left: 30px; background: url(../images/icon_pdf.png) left no-repeat; }

#pamph a:link,#pamph a:visited { color: #7c803e; text-decoration: underline; }
#pamph a:hover,#pamph a:active { color: #F60; text-decoration: underline; }



/* -------------------------------------------------------------
	002 : CONTACT
------------------------------------------------------------- */
#PostBody #mailform {}
#PostBody #mailform table,#PostBody #mailform th,#PostBody #mailform td { background: none; border: none; }
#PostBody #mailform table { margin-bottom: 20px; border-top: 3px #E5E5E5 solid; }
#PostBody #mailform th,#PostBody #mailform td { padding: 10px; border-bottom: 1px #E5E5E5 solid; }
#PostBody #mailform th { width: 150px; border-right: 1px #E5E5E5 dotted; background: #F0F0F0; }
#PostBody #mailform .even th { background: #F5F5F5; }
#PostBody #mailform td { background: #F8F8F8; }
#PostBody #mailform .even td { background: #FFF; } 

#PostBody #mailform td input { width: 400px; height: 20px; padding: 2px 5px; }
#PostBody #mailform td select { margin-bottom: 5px; width: 100px; }
#PostBody #mailform td textarea { width: 400px; height: 300px; }

#PostBody #mailform .chk { margin: 20px 0; text-align: center; }
#PostBody #mailform .chk img { margin-right: 10px; padding: 2px; border: 1px #CCCCCC solid; background:#FFF; vertical-align: middle; }
#PostBody #mailform .chk input { width: 100px; height: 25px; }

#PostBody #mailform .submit { text-align: center; }
#PostBody #mailform .submit input { width: 150px; height: 40px; }

/* -------------------------------------------------------------
	003 : BUSINESS
------------------------------------------------------------- */
#PostBody #services {}


#PostBody .DivGrp { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 3px #EAEAEA double; }
#PostBody .DepName {
	line-height: 1em;
	height: auto;
	margin: 0 0 5px 0;
	padding: 5px 0;
	color: #3E7363;
	background: none;
	border-bottom: 1px #CCCCCC dotted;
}
#PostBody #dep03 { border: none!important; }

#PostBody .DepSum { line-height: 1.25em; margin-bottom: 10px; color: #333; font-size: 0.85em; }

#PostBody .srvunt {}
#PostBody .srvunt .img { overflow: hidden; height: 120px; border-top: 5px #79bda7 solid; background: #F3FAF8; }
#PostBody .srvunt .title {
	line-height: 1em;
	height: auto;
	margin: 0;
	margin-bottom: 5px;
	padding-left: 12px;
	color: #3fa081;
	font-size: 1.125em;
	background: url(../images/business_arrow01.png) -5px center no-repeat;
}
#PostBody .srvunt .title span { margin-left: 10px; color: #999; font-size: 0.8em; vertical-align: middle; }
#PostBody .srvunt p { font-size: 0.8em; }

/* -------------------------------------------------------------
	004 : PRODUCTS
------------------------------------------------------------- */
#PostBody #products {}

#PostBody .PdctBox div,#PostBody .PdctBox p { margin: 0; }

#PostBody .PdctBox { border: 1px #E0E0E0 solid; border-top: 5px #D0D0D0 solid; background: #F8F8F8; }
#PostBody .PdctBox .img { height: 150px; background: #EEE; border-bottom: 1px #E0E0E0 solid; }
#PostBody .PdctBox .nonstyle { padding: 15px 10px; color: #333; font-size: 1.25em; border-bottom: 1px #E0E0E0 dotted; background: url(../images/title_bg01.png) no-repeat; }
#PostBody .PdctBox .excp { margin: 10px; line-height: 1.5em; color: #666; font-size: 0.9em; }
#PostBody .PdctBox .excp ul { margin-bottom: 5px; }
#PostBody .PdctBox .excp li { margin-bottom: 5px; }

#PostBody .PdctBox .link { margin-top: 20px; text-align: right; }
#PostBody .PdctBox .link a { padding-left: 12px; background: url(../images/pict_arrow01.png) left center no-repeat; }

.ProductHeader_img img { border: 1px #CCCCCC solid; }

.dl_btn { overflow: hidden; display: block; width: 100px; height: 20px; text-indent: -999em; background: url(../images/dl_btn.png) no-repeat; }
.dl_btn:link,.dl_btn:visited { background-position: top; }
.dl_btn:hover,.dl_btn:active { background-position: bottom; }

/* APATEC --------------------------------------------------- */
#flash { position: relative; text-align: center; z-index: 1; }
#flash .inner { width: 500px; margin: auto; }

.apatec_box1 {}
.apatec_box1 dl { margin: 20px 0!important; padding: 10px; background: #F3F1E4; -webkit-border-radius: 5px; border-radius: 5px; }
.apatec_box1 dt { margin-bottom: 5px; padding-bottom: 3px; color: #50432E; font-weight: bold; border-bottom: 1px #AAA282 dotted; }
.apatec_box1 dd { line-height: 1.5em; color: #5C5030; font-size: 0.9em;  }

.apatec_box2 {
	float: left;
	width: 290px;
	margin: 0!important;
	padding: 0 15px;
	padding-bottom: 40px;
}
#PostBody .apatec_box2 h5 {
	line-height: normal;
	height: auto;
	margin: 0;
	margin-bottom: 5px;
	padding: 3px 5px;
	color: #366153;
	font-weight: normal;
	border: 1px #DCEBE3 solid;
	background: #ECF4F1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.RefBox { margin-top: 10px; }
.RefBox dt { line-height: 1em; padding: 3px 0; color: #457271; font-size: 0.9em; font-weight: bold; }
.RefBox dd { line-height: 1.25em!important; margin-bottom: 10px; padding: 3px 5px; color: #666; font-size: 0.8em; border-left: 3px #CCC solid; border-bottom: 1px #EAEAEA solid; }

/* CC100 ---------------------------------------------------- */



/* MIGHTY --------------------------------------------------- */
.mighty_box1 {}
.mighty_box1 ul { margin-bottom: 10px!important; }
.mighty_box1 ul li {
	list-style: none;
	margin: 0;
	margin-bottom: 10px!important;
	padding: 5px;
	color: #266A51;
	border: 1px #a3c8b9 solid;
	border-left: 5px #a3c8b9 solid;
	background: #f4faf8;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* -------------------------------------------------------------
	005 : DOWNLOAD
------------------------------------------------------------- */
.download_box1 {}

.download_box1 table,.download_box1 th,.download_box1 td { border: none; background: none; }
.download_box1 table { border-top: 1px #CCCCCC solid; }
.download_box1 th,.download_box1 td { border-bottom: 1px #CCCCCC solid; }

.download_box1 thead th { background: #EFEFEF; }
.download_box1 tbody th { border-right: 1px #CCCCCC dotted; background: #F5F5F5; }


/* -------------------------------------------------------------
	006 : EXAMPLES
------------------------------------------------------------- */
#examples {}

#SubCatTabs { height: 31px; margin-bottom: 10px; font-size: 0.9em; border-bottom: 1px #CCCCCC solid; }
#SubCatTabs li,#SubCatTabs a { display: block; height: 30px; line-height: 30px; margin: 0; padding: 0; text-align: center; }
#SubCatTabs li { float: left; width: 170px; }
#SubCatTabs a {
	width: 160px;
	margin-right: 10px;
	border: 1px #CCCCCC solid;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#SubCatTabs a:link,#SubCatTabs a:visited { color: #333; text-decoration: none; background: #F3F3F3; }
#SubCatTabs a:hover,#SubCatTabs a:active { color: #333; text-decoration: none; background: #CCC; }

#construction #SubCatTabs .cat-item-4 a,#interior #SubCatTabs .cat-item-5 a,#coating #SubCatTabs .cat-item-6 a { color: #276B61; font-weight: bold; background: #FFF!important; border-bottom-color: #FFF!important; }


#ExpTbl,#ExpTbl th,#ExpTbl td { line-height: 1.25em; text-align: center; background: none; }
#ExpTbl { font-size: 0.9em; }
#ExpTbl thead th { background: #EAEAEA!important; border-bottom-width: 2px; }
#ExpTbl tbody { font-size: 0.95em; }
#ExpTbl th,#ExpTbl td { background: #F8F8F8; }
#ExpTbl .even th,#ExpTbl .even td { background: #FFF; }

#ExpTbl .ExpName,#ExpTbl .ExpClient { text-align: left; }

#ExpTbl .post-edit-link {
	overflow: hidden;
	display: inline-block;
	width: 18px;
	height: 18px;
	text-indent: -9999em;
	text-align: left;
	vertical-align: middle;
	background: url(../images/icon_pencil.png) center no-repeat;
}

#ExpTbl .post-edit-link:hover,#ExpTbl .post-edit-link:active { height: 16px; margin-top: 2px; }


/* SINGLE --------------------------------------------------- */
#ExpBaseInfo { margin-top: 40px!important; }
#ExpBaseInfo table { font-size: 0.8em; }
#ExpBaseInfo th { width: 80px; text-align: center!important; }