@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
	background:#fff;
	color:#000;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
	overflow-x:hidden;
	width:100%;
}



a:link {
	text-decoration: none;
	color:#411a0d;
}

a:visited {
	text-decoration: none;
	color:#411a0d;
}

img {
	vertical-align: top;
	margin:0px;
	padding:0px;
}


p, dl, ol, ul {
}




/* --------------------------------------------------- */
/* wrapper */
/* ---------------------------------------------------- */
#wrapper {
	background-size: 100% 355px ;
	-webkit-background-size: 100% 355px ;
	-moz-background-size:  100% 355px ;
	/*margin: 0 auto;*/
}

/* ---------------------------------------------------- */
/* ランドスケープ表示 */
/* ---------------------------------------------------- */
@media all and (orientation:landscape) {
	#wrapper {
		width: 100%;
	}
}





/* ---------------------------------------------------- */
/* header */
/* ---------------------------------------------------- */
header {
	width:100%;
	position:fixed;
	z-index:100000;
	top:0;
	height:50px;
	background:rgba(242,150,3,0.3);
}

header h1{
	max-width:640px;
	margin:4px auto 0;
	position:relative;
	z-index:1000;
	height:20px;
	
}


header .inner{
	max-width:640px;
	position:relative;
	margin:0 auto;
}

header .logo{
	display:inline-block;
	margin:0 !important;
	padding:10px 4px;

}

header #sitemap_menu{
	padding-top:0px;
	font-family: 'Alegreya', serif;
	font-size:14px;
	float:right;
	font-weight:bold;
	margin:4px !important;
	background-color:#9bcb3f;
	border-radius:50% 50%;
}



nav#new{
	margin:1px 0px;
	background:#fff;
}


nav#new .hd{
	width:100%;
	max-width:640px;
	font-size:13px;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:0px 0;
	line-height: 1;
}

nav#new .hd td{
	text-align:center;
	width:20%;
	vertical-align:middle;
	box-shadow:#999 0 0 1px;
}

nav#new .hd td span{
	font-size:16px !important;
	border-bottom:none !important;
	color:#6f4d39;

}

nav#new .hd td p{
	font-weight:bold;
}

nav#new .hd td a{
	display:block;
	color:#000;
	padding:14px 0;
	}





/* ---------------------------------------------------- */
/* footer */
/* ------------------------------------------------ */

footer{
	width:100%;
	padding: 30px 0px 0px 0px;
	color:#000;
	text-align:center;
    background-color: #f29603;
}


/*------------------------------------------------------*/




footer small {
	text-align:center;
	padding:8px;
	display:block;
	font-size:10px;
	clear:both;
	font-style:normal;
}

footer small#copy a{
	color:#fff;
}




.footer::before {
    box-sizing: border-box;
    width: 204px;
    height: 204px;
    border: 204px solid transparent;
    border-left: 204px solid #289255;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.footer::before, .footer::after {
    position: absolute;
    bottom: -210px;
    right: -200px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

footer .cont{
	max-width:340px;
	margin:1.0em auto;
	border:#999 1px dotted;
	padding:8px;
	overflow:hidden;
	font-size:16px;
	
}

footer .cont p{
	margin-bottom:10px;font-weight:bold;
} 

#info .contact{
	overflow:hidden;
	width:280px;
	margin:10px 4px 0 !important;
	text-align:center;
}


#info .contact li{
	border:#CCC 1px solid;
	box-shadow:#999 0 0 2px;
	text-align:center !important;
	border-radius:4px;
	width:46% !important;
	margin-top:10px;
	display:inline-block;
}

#info .contact li a{
	display:block;
	color:#333 !important;
	padding:2px;
	border-top:1px solid #FC0;
	border-bottom:1px solid #FC0;
	color:#d4d2d2;
	background:#FC0;
	background:linear-gradient(top, #FC0, #FC0);
	-pie-background:linear-gradient(top, #FC0, #FC0);
	border-radius:3px;
	font-weight:bold;

}


#info .contact li a .mls {
	font-size:12px;

}

.f-tel {
    font-size: 16px;
	margin:10px 0;
    font-weight:bold;
}
.f-tel:before {
    content: url(../images/ic_iphone.png);
    margin-right: 10px;
    vertical-align: -30%;
}




/* ---------------------------------------------------- */
/* content */
/* ---------------------------------------------------- */
/************************* 汎用 *******************************/



.container-content{
	width:100%;
	margin:0;
}


section{}


h2{}

h3{}

h4 {}
	


h5{
	font-weight:bold;
	margin:5px;
	
}


h6{
	text-align:left;
}



section dl{
	text-align:left;
}

section dt{
	font-weight:bold;
	overflow:hidden;
}



section img{
	max-width:100%;
	height:auto;
}



section p{
	margin:5px;
}

.container span{
	font-weight:bold;
}


.container strong{
	font-weight:bold;
}


.map{
	text-align:center;
	-webkit-box-sizing: border-box;
  	box-sizing:border-box;
	white-space:nowrap;
	margin:10px 5px;
}


em{
	font-size:12px;
	text-align:left;
	padding:10px;
}


.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}


/*ul*/


ul.sp2{
	font-size:12px;
	color:#000;
	padding:0px;
	margin:0px;
}



ul.sp2 li{
	width:49%;
	float:left;
	color:#000;
	margin:0px;
	overflow:hidden;
}


ul.sp2 li:nth-child(2n){
	float:right;
}

ul#sp2 li h4{
	padding:0px;
	margin:0px;
	background:none;
	border:none;
}


ul#sp2 li p{
	height:200px;
	margin:0px;
	padding:5px;
}

ul#sp2 li img{
	border:none;
	margin:0px;
	padding:0px;
}




ul.sp3{
	font-size:12px;
	color:#000;
	padding:0px;
	margin:5px;
}


ul.sp3 li{
	width:32%;
	float:left;
	color:#000;
	margin:2px;
	padding-top:2px;
	overflow:hidden;
}



/*page top*/

#totop{
	text-align:center;
	margin:20px 0px 0px;
	clear:both;
	padding-right:5px;
}



main section{
	max-width:640px;
	text-align:center;
	overflow:hidden;
	margin:0;
}






.f14{
	font-size:14px;
}






/* ---------------------------------------------------- */
/* site map page */
/* ---------------------------------------------------- */



section.content nav{
	/*border-radius:6px 6px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-radius:0px 0px 6px 6px;*/
	background-color:rgba(ff,bb,77,1.0);
	margin:10px 10px 10px;
}
section.content nav ul {
	width:100%;
	overflow:hidden;
}
section.content nav ul li {
	line-height:120%;
	/*border-top:1px solid #fff8ff;*/
	border-bottom:1px dotted #dfdfdf;
	background:url(../images/top/ico_news-li.gif) left center no-repeat;
	background-size:7px 7px;
}
section.content nav ul li a{
	/*background:url(../images/common/icon_arrow.png) right center no-repeat ;
	background-size: 25px 20px;
	-webkit-background-size: 25px 20px;
	-moz-background-size: 25px 20px;*/
	display:block;
	padding:12px 20px;
	color:#036;
}
section.content nav ul li:last-child {
	border-bottom:none;
	
}
section.content nav ul li:first-child{
	border-top:none;
}

section.content nav.search li{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width:50%;
	float:left;
}
section.content nav.search li:nth-child(2n){
	border-left:1px solid #cccccc;
}
section.content nav.search ul li:nth-last-child(2) {
	border-bottom:none;
}
section.content nav.search ul li:nth-child(2){
	border-top:none;
}





main{
	max-width:640px;
	margin:0 auto;
	overflow:hidden;
	width:100%;
}


main .inner{
	width:340px;
	margin:0 auto;
}

.ct{
	text-align:center;
}













/* ---------------------------------------------------- */
/* top page */
/* ---------------------------------------------------- */


#visual{
    background-color: #f29603;
    padding-bottom: 60px;
    padding-top: 50px;
    background-image: url(../images/machinami.png);
	background-size: auto 40px;
    background-repeat: repeat-x;
    background-position: center bottom;
	
}

#visual h2{
	width:340px;margin:0 auto;
	
}

#visual h2 img{
	zoom:.8;
	
}

#visual .inner {
    max-width: 360px;
	margin:0 auto;
    background-color: #f29603;
    background-image: url(../images/main.png);
    background-repeat: no-repeat;
    background-position: center 100px;
    background-size: 300px auto;

	
}

#visual h3 {
	padding-bottom:180px;
	text-align:center;
}

#visual h3 img{
	height:18px;
	margin:10px auto;
}


.bt a {
    padding: 10px 0px;
    background-color: #b11636;
    border-radius: 50px;
    color: #FFF;
    font-size: 14px;
    border: none;
    display: block;
    text-align: center;
    text-decoration: none;
	width:280px;
	margin:0 auto;
}

#visual .bt{
	margin-top:20px;
}

main section{padding: 10px 0 10px;}

#top-sails {
    
    background-image: url(../images/top-bk01.jpg);
	text-align:center;
}

#top-sails h2 {
    margin-bottom: 20px;
    font-size:18px;
    text-align: center;
}

ul#top-sails{
	text-align:center !important;
}

#top-sails li {
    padding: 10px;
    background-color: #fff;
	text-align:center;
	display:inline-block;
	width:300px;
	margin:0 auto 20px;
	font-size:14px;
}

#top-sails li .sail4820 {
    background-color: #f29603;
}

#top-sails li span {
    padding: 3px 10px;
    display: inline-block;
    margin: 20px auto 10px;
    color: #fff;
	display:block;
	font-weight:bold;
}


.cl_accent {
    color: #b11636;
}
.cl_bl {
    color: #3792e5;
}

.cl_pk {
    color: #de6be4;
}


.cl_gr {
    color: #77a31a;
}




#top-sails h2:before {
    content: url(../images/left.png);
    margin-right: 10px;
    vertical-align: -15%;
}

#top-sails h2:after {
    content: url(../images/right.png);
    margin-left: 10px;
    vertical-align: -15%;
}


.ic-title {
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    color: #b11636;
}



.ic-title+p {
    margin-top: 5px;
    font-size: 14px;
    font-weight:bold;
    text-align: center;
}


#top-service li{
	overflow:hidden;
	margin:1.0em 0 2.0em;
	text-align:left;
}
#top-service li figure{
	float:left;
	width:40%;
	margin-right:2%;
}



#top-service li h3 {
    font-size:14px;
    font-weight:bold;
	padding:10px 0;
    text-align: center;text-align:left;
}



.inner figure{
	/*padding:20px;*/
}



#top-new .ic-title:before {
    content: url(../images/ic_new.png);
    margin-right: 10px;
    vertical-align: -35%;
}





#news_box{
	padding:3.0em 0;
}



#news_box h3{
	font-size:16px;
	font-weight:bold;
}




#news_box section{
	border:#efefef 1px solid;
	margin-bottom:2.0em;
	
	
}
#news_box li{
	text-align:left;
	overflow:hidden;
	padding:12px 4px; 
}



#news_box li figure{
	width:100px;
	float:left;
	margin-right:10px;
	padding:0;
}









#top-works {
    background-image: url(../images/top-bk02.jpg);
}



#top-works li{
	position:relative;
	max-width:280px;
	margin:10px auto;
}

#top-works li img{
	width:100%;
	height:auto;
}

#top-works li h3{
	position:absolute;
	bottom:0;
	color:#FFF;
	text-align:center;
	margin:0px;
	width:100%;
	font-size:14px;
	font-weight:bold;
	background: linear-gradient(0deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .1));
  background-size: cover;
	
}

#top-works li a .more {
    border: solid 1px #fff;
    padding: 5px;
    margin:10px auto;
	width:240px;font-size:12px;
}


#top-purchase {
    padding: 70px 0;
    background-image: url(../images/top-bk03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}



#top-purchase .read h2 {
    font-size: 18px;
    font-weight:bold;
	margin-top:10px;
}

.strong24 {
    font-size: 14px;
    font-weight: bold;
}

.mt10 {
    margin-top: 10px;
}























#faq {
	text-align: center;
}
#faq .inner {
	background: url(../images/bg_contents.png) top center repeat;
	padding: 40px 0 20px;
}
#faq h3 {
	color: #fff;
	padding: 50px 0;
	border-bottom:none;
}
#faq h3 b {
	font-size: 14px;
	padding: 10px;
	display: block;font-weight:bold;
}
#faq h3 small {
	display: block;font-size: 12px;
}
#faq li {
	text-align: left;
	background-color: #ccc;
	margin-bottom: 20px;
	padding:5px;
}
#faq li dt {
	font-weight: bold;
	font-size: 12px;
	padding: 10px 4px;
	cursor: pointer;
}
#faq li dd {
	background: #fff;
	padding: 4px;
}

i {
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	font-weight: bold;
	font-style: normal;
	height: 28px;
	width: 28px;
	border-radius: 50%;
	text-align: center;
	margin-right: 10px;
	overflow:hidden;
	float:left;
	padding-top:4px;

}
i.q {
	background-color: #000;
	color: #ffae00;
}
i.a {
	background-color: #ffae00;
	/*line-height: 2.5;*/
}



#company {
	text-align: center;
}
#company .inner {
	padding: 40px 0;
}
#company h3 {
	color: #fff;
	padding: 50px 0;border-bottom:none;
}
#company h3 b {
	font-size: 14px;
	font-weight:bold;
	padding: 20px;
	display: block;
}
#company h3 small {
	display: block;
}

#map {
	width: 100%;
	height: 450px;
	border-top: 1px solid #ffae00;
	border-bottom: 1px solid #ffae00;
}
#infoWindow {
	background-color: #000;
}


h4.title {
	color: #fff;
	font-size: 14px;
	background-color: #000;
	padding: 4px 4px;
	text-align: left;
	margin-bottom: 20px;
}
h4.title span {
	border-left: 5px solid #ffae00;
	padding-left: 10px;font-weight:bold;font-size: 14px;
}

table {
	width: 100%;
	background-color: #fff;
	border: 1px solid #ccc;
}
th, td {
	padding:10px  6px;
	border-bottom: 1px dashed #9b9b9b;
	text-align: left;
}
th {
	background-color: #eee;
}


#partner {
	background: url(../images/bg_contents.png) top center repeat;
	text-align: center;
	border-top: 10px solid #ccc;
}



#partner > p {
	margin-bottom: 20px;
}





#news{
	background:#FFF;
}


#news li{
	padding:12px 0;
	border-bottom:#CCC 1px solid;
}

#news li span{
	color:#ffae00;
	display:block;
	margin-bottom:6px;
	font-weight:bold;
}













/* ---------------------------------------------------- */
/* sub page */
/* ---------------------------------------------------- */


.bread_crumb_list{
	display:none;
}





.flex{
	display:flex;
}


.flex li img{
	width:100%;
}
.subpage{
	padding-top:2.0em;
}

.sub-vsl{background-color: #f29603;}


.sub-vsl h2 {
    margin-top: 40px;
    margin-bottom: 0px;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
}


.sub-vsl p{
	color: #fff;
    font-size: 14px;
	font-weight:bold;
}
.sub-vsl img{
	max-width:300px;
	
}




.styled-title01 {
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 20px;
	text-align:left;
}


.section-content p{
	text-align:left;
}


.def{
	text-align:left;
}


.def li {
    list-style-type: disc;
    margin-left: 1.5em;
    margin-bottom: 15px;
}



#bottom-contact {
    text-align: center;
    margin-top: 60px;
	position:relative;
}

#bottom-contact h2 {
    font-size: 12px;
    font-weight:bolder;
}


#bottom-contact h2:before {
    content: url(../images/left.png);
    margin-right: 2px;
    vertical-align: -80%;
}

#bottom-contact h2:after {
    content: url(../images/right.png);
    margin-left: 2px;
    vertical-align: -80%;
}
#bottom-contact .flex_box {
    padding-bottom: 10px;
    background-color: #f9cb81;
    background-image: url(../images/bk_contact.jpg);
    background-repeat: repeat-x;
	overflow:hidden;
	width:340px;
	margin:0 auto;
}

#bottom-contact .flex_box ul {
    margin-top: 30px;
    margin-right: 6px;
	overflow:hidden;
	width:58%;
	float:left;
	margin-left:1%;


}


#bottom-contact .tel {
    font-size: 16px;border:#FFF 1px dotted;
    font-weight: 900;
}


#bottom-contact .tel:before {
    content: url(../images/ic_iphone.png);
    margin-right: 10px;
}


#bottom-contact .mail a {
    display: block;
    width: 100%;
    padding: 8px 4px;
    background-color: #f29603;
    text-align: center;
    font-size: 12px;
    font-weight:bold;
}


#bottom-contact .mail a:before {
    content: url(../images/ic_mail.png);
    margin-right: 10px;
}


#bottom-contact .flex_box .img{
	float:right;
	padding-top:40px;
	max-width:40%;

}


#bottom-contact .flex_box li{
	margin-bottom:10px;
	overflow:hidden;
	padding:4px 0;
	
}


p.bana img{
	height:50px;
}





.site-map li {
    padding: 12px;
    border-bottom: dotted 1px #999;
	text-align:left;
}


.site-map li:before {
    content: "〉";
    margin-right: 20px;
}



a {
    color: #222222;
    text-decoration: none;
}

.strong28 {
    font-size: 16px;
    font-weight: 900;
}



.strong32 {
    font-size: 16px;
    font-weight: 900;
	margin-bottom:1.0em;
}

.t_center {
    text-align: center;
}



.cl_accent {
    color: #b11636;
}

.size42 {
    font-size: 20px;
}


.flex_box{
	display: flex;
	overflow:hidden;

}

.flex_box li{
	margin:1%;
	overflow:hidden;
}



.strength-contents li{
	margin:2.0em 0 3.0em;
}
.strength-contents h2 span {
    font-size: 62px;
    color: #f29603;
    float: left;
    margin-right: 10px;
    margin-top: -16px;
}

.strength-contents h2 {
    font-weight: 900;
	text-align:left;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.strength-contents {
	margin:2.0em 0;
}



.strength-contents h3 {
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 20px;
    line-height: 1;
	margin-top:-52px;
	text-align:left;
}


.strength-contents h3 span {
    background: linear-gradient(transparent 90%, #f29603 0%);
}




.strength-contents p{
	text-align:left;
}




.mt40 {
    margin-top: 20px !important;
}


.page-link{border-right:solid 2px #f29603;}

.page-link li {
    width: 25%;
    border: solid 2px #f29603;
	text-align: center;
	margin:0;border-right: 0;
}



.page-link li a {
    width: 100%;
    color: #f29603;
    line-height: 1;
    font-weight: 900;display: block;vertical-align: middledisplay: box;
	box-align: center;
	padding:4px 0;
	
}


/*
.page-link li.maintenance a:before {
    content: url(../images/ic_seibi_s.png);
	display: inline-block;
  width: 5px;
  height: 5px;
}*/


.page-link li span{
	display:block;
}


.page-link li span img{
	width:20px;
	height:auto;
}
 


.page-link li a:after {
    content: url(../images/ya.png);
    margin-left: 10px;
}



.service-content .read {
    background-image: url(../images/service_bk.jpg);
	background-size:auto 50px;
    background-repeat: repeat-x;
}


.service-content h2 {
    margin-bottom: 40px;
    padding: 14px 0;
    font-size: 20px;
    font-weight: 900;
    color: #fff;
}


.service-content .read .absolute {
    position: absolute;
    top: 23px;
    right: 25px;
}

.service-content .read .w48 {
    margin-left: auto;
    position: relative;
}

.subpage figure img{
	max-width:320px;

	
}
.read{
	overflow:hidden;
}
.read .sp2{
	overflow:hidden;
}


.read .sp2{
	overflow:hidden;
	margin-top:2.0em;
}

.read .sp2 li:first-child{
	width:60%;
}



.read .sp2 li:last-child{
	width:40%;
}


#service-inspection li.flow-step01 {
    background-color: #f29603;
}
#service-inspection .flow li {
    width: 90%;
	
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    position: relative;
    margin: 0 auto 40px;
}


#service-inspection li.flow-step02 {
    background-color: #e68507;
}

#service-inspection li.flow-step03 {
    background-color: #d76e0b;
}

#service-inspection li.flow-step04 {
    background-color: #c14e12;
}

#service-inspection li.flow-step05 {
    background-color: #aa381a;
}

#service-inspection li.flow-step06 {
    background-color: #a6261b;
}

#service-inspection .flow li h5 {
    font-size:16px;
    font-weight: 900;
    padding-bottom: 10px;
    border-bottom: solid 2px #fff;
    margin-bottom: 20px;
}



#service-coating {
    padding-bottom: 30px;
    background-color: #fce4be;
    background-image: url(../images/coating.jpg);
    background-repeat: no-repeat;
    background-position: top 50px center;
    background-size: 680px auto;
	padding-top:0;
}




.coating h2{
	margin-top:0;
}


#service-coating h3{
	padding-top:120px;
}

#service-coating h4 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 900;
    padding-left: 30px;
    background-image: url(../images/ic_circle.png);
    background-repeat: no-repeat;
    background-position: left center;
	text-align:left;
}





#service-coating .keepar li {
    width: 90%;
	margin:0 auto;
    padding: 20px;
    background-color: #fff;
}

#service-coating .keepar li h5 span {
    display: block;
    font-size: 14px;
	font-weight:bold;
}

#service-content .read .w48 {
    width: 480px;
    margin-right: 20px;
    margin-left: auto;
    position: relative;
}



#sail .ic-title:before {
    content: url(../images/ic_car.png);
    margin-right: 10px;
    vertical-align: -20%;
}



#sail-list{
	text-align:center;
}
#sail-list li{
	padding:10px;
}
#sail-list li img{
	width:100%;
	height:auto;
}



#sail-list li .sail4820 {
    background-color: #f29603;font-size: 14px;
}
#sail-list li span {
    padding: 1px 10px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;
	display:block;
}




.sail-bt{
	overflow:auto;
	margin-top:2.0em;
}
.sail-bt li{
	width:48%;
}
.sail-bt li a {
    display: block;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
	width:100%;
}

.sail-bt li.new {
    background-color: #b11636;
    margin-right: 10px;
}


.sail-bt li.second {
    background-color: #f29603;
}





.strength-content {
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    margin-bottom: 20px;
    border: solid 4px #fce4be;
	text-align:left;
}


.strength-content h3 {
   font-size: 14px;
    font-weight:bold;
    overflow: hidden;
    margin-bottom: 25px;
	text-align:left;
}

.strength-content h3 .part {
    display: inline-block;
    float: left;
    padding: 10px;
    background-color: #f29603;
    color: #fff;
    margin-right: 15px;
    text-align: center;
    line-height: 1.2;
	font-size:12px;font-weight:bold;
}

.cl_accent {
    color: #b11636;font-weight:bold;
	font-size: 18px;
}



.works-list li{
	position:relative;
	max-width:280px;
	margin:1.6em auto;
}

.works-list li img{
	width:100%;
	height:auto;
}

.works-list li a{
	position:absolute;
	bottom:0;
	color:#FFF;
	text-align:center;
	margin:0px;
	width:100%;
	font-size:14px;
	font-weight:bold;
	background: linear-gradient(0deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .1));
  background-size: cover;
	
}

.works-list li a .more {
    border: solid 1px #fff;
    padding: 5px;
    margin:10px auto;
	width:240px;font-size:12px;
}

.float {
    overflow: hidden;
}
.float dt {
    float: left;
    clear: both;
}

.news-list dt {
    padding-top: 20px;
}


.news-list dd {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 120px;
    border-bottom: dotted 1px #999;
}



.blog-list{
	text-align:center;
}


.blog-list li{
	width:100%;
}
.blog-list h4{
	text-align:left;
}
.blog-list p{
	text-align:left;
}
		



.th_f9 td input{
	width:100%;
	padding:4px;
}

.th_f9 td textarea{
	width:100%;
	padding:4px;
}

.th_f9 td input.input-mini{
	width:28%;
}


.th_f9 th {
    border-top: 0 solid #CCCCCC;
    border-right: 0 solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    background-color: #F9F5EC;
}



.share-btn-list{
	overflow:hidden;
	margin:20px auto 0;
	text-align:center;
	display:flex;
}
.share-btn-list li{
	margin:4px;
}



/*----------------足すもの------------------*/

hr{
border: 0;
height:1px;
background: -webkit-gradient(linear, left top, right top, from(#333),
color-stop(0.7,#ccc), color-stop(0.7,#ccc), to(#fff));
background: -moz-linear-gradient(left,#333 0%, #ccc 30%, #ccc 70%, #fff
100%);
background: -o-linear-gradient(left,#333 0%, #ccc 30%, #ccc 70%, #fff 100%);
background: -ms-linear-gradient(left,#333 0%, #ccc 30%, #ccc 70%, #fff
100%);
background: linear-gradient(left,#333 0%, #ccc 30%, #ccc 70%, #fff 100%);
-pie-background: linear-gradient(left,#333 0%, #ccc 30%, #ccc 70%, #fff
100%);
behavior: url(PIE.htc);
clear:both;
}


.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	

/*.clearfix{display: inline-block;}*/




@media only screen and (orientation : landscape) { /*横向き*/


}
@media only screen and (orientation : portrait) { /*縦向き*/
.pagenavi li:nth-child(9n) {
	clear:both;
}

}