/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");

@import url("common.css");

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    color: #444;
	margin: 0 auto; 
}


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

a:hover{
    color: #555;
    text-decoration:underline;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.movie {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	padding-left:10%;
	padding-right:10%;	
}



/*PC↓クエリ*/

@media ( min-width : 768px ) {

	.navi{text-align:center;
		padding-top:1.5em;
		padding-bottom:1.5em;}
	

.greeting {margin-bottom:1em;
	border-width:0 0 1px 0 ;
	border-color:#afd3c3;
	border-style:solid;}
.greeting h2{ background-image: url(../images/h2.jpg);
			background-repeat: no-repeat;
			padding-top:25px;
			padding-bottom:25px;
			padding-left:85px;
			font-size:18pt;
			text-align:left;
			margin-top:1.5em;
}
.greeting p{padding-top:0.3em;
			padding-bottom:0.3em;
			padding-left:3em;
			padding-right:3em;
			font-size:1.1em;
			text-align:left;
}

.hmnews h2{ background-image: url(../images/h2.jpg);
			background-repeat: no-repeat;
			padding-top:25px;
			padding-bottom:25px;
			padding-left:85px;
			font-size:18pt;
			text-align:left;
			margin-top:1.5em;
}


.hmnews li{ 
			padding-top:0.3em;
			padding-bottom:0.3em;
			padding-left:3em;
			padding-right:3em;
			font-size:1.1em;
			text-align:left;
}

.hmnews p{padding-top:0.3em;
			padding-bottom:0.3em;
			padding-left:3em;
			padding-right:3em;
			font-size:1.1em;
			text-align:left;}


	.homecontents{margin-left:1em;
	margin-right:1em;}

	.homecontents h2{margin-top:2em;
	margin-bottom:1em;}

	{margin-top:2em;
	margin-bottom:1em;}

.homecontents h3 {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 3px 0 ;
	border-color:#afd3c3;
	border-style:solid;
	background:#fff;
	line-height:140%;

}



	.homecontents {margin-top:1em;
	margin-bottom:1em;
	font-size:1.1em;}

	aside img{
	    width: 100vm;
	}


.pdc{  /*センタリング+pd10%*/
    position: relative;
	width: 80%;
	padding-left:10%;
	padding-right:10%;	
}

.pdcn{  /*センタリング+pd10%*/
    position: relative;
	width: 90%;
	padding-left:5%;
	padding-right:5%;	
}


.copyright{
	padding-top:1.5em;
}

.fnavi .fb{font-size:1.1em;
			font-weight:bold;
			padding-right:1.3em;}

.fnavi ul{
padding-top:0.4em;
}

.fnavi li{display: inline;
margin-left:0.5em;
margin-right:0.5em;}

/**************************/
  CMS 用
/****************************/
#cms{margin-bottom:5em;}

#cms ul li{padding-left:3em;}


.photobox{
	margin:5px;
}


.photobox .br50 { /*Lightboxサムネ角丸影*/
    border-radius: 1.5em;
    -webkit-border-radius:1.5em;
    -moz-border-radius: 1.5em;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .4);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .4);
}

.pdcm{  /*accident*/
    position: relative;
	width: 95%;
	padding-left:5%;
	padding-right:5%;	
}
.vector{/*accident*/
	margin-left:-2em;
	padding-top:50%;
	padding-bottom:50%;
    width: 120px;
    height: 120px;
    background: url(../images/yj01.png);
    background-repeat: no-repeat;
	background-position : center center;
	background-size: cover;
}


}/**********************************PC↑クエリここまで*******************************/


/*スマホ↓クエリ*/

@media screen and (max-width: 768px) {

	.navi{text-align:center;}

	  #navre a {
	  float: left;
	    margin: 0 0 1px 0;
	    width: 100%;
	  }

.greeting {margin-bottom:3em;
	border-width:0 0 1px 0 ;
	border-color:#afd3c3;
	border-style:solid;}

.greeting h2{ background-image: url(../images/h2.jpg);
			background-repeat: no-repeat;
			padding-top:25px;
			padding-bottom:25px;
			padding-left:85px;
			font-size:1.2em;
			text-align:left;
			margin-top:0.5em;
}
.greeting p{padding-top:0.3em;
			padding-bottom:0.3em;
			padding-left:1em;
			padding-right:1em;
			font-size:1.1em;
			text-align:left;
}

.hmnews h2{ background-image: url(../images/h2.jpg);
			background-repeat: no-repeat;
			padding-top:25px;
			padding-bottom:25px;
			padding-left:85px;
			font-size:1.2em;
			text-align:left;
			margin-top:1.5em;
}
.hmnews li{ 
			padding-top:0.3em;
			padding-bottom:0.3em;
			padding-left:0.4em;
			padding-right:0.4em;
			font-size:1.1em;
			text-align:left;
}

.hmnews p{padding-top:0.3em;
			padding-bottom:0.3em;
			padding-left:1em;
			padding-right:1em;
			font-size:1.1em;
			text-align:left;
}
	.homecontents{margin-left:1em;
	margin-right:1em;
	font-size:1.3em;}

	aside img{
	    width: 70%;
	}

.pdcn{  /*センタリング+pd10%*/
    position: relative;
	width: 95%;
	padding-top:3%;
	padding-left:2.5%;
	padding-right:2.5%;	
}


/**footer↓**/
.copyright{
	padding-top:1.5em;
}

.fnavi .fb{font-size:1.0em;
			font-weight:bold;
			padding-right:0.3em;}

.fnavi ul{
padding-top:0.25em;
}

.fnavi li{display: inline;
margin-left:0.3em;
margin-right:0.3em;}

/**************************/
  CMS 用
/****************************/
#cms{margin-bottom:1.1em;}

#cms ul li{padding-left:1.3em;}



.photobox{
	width:100%;
	padding-left:15%;
	padding-right:15%;
	padding-bottom:1%;

}

.photobox .br50 { /*Lightboxサムネ角丸影*/
    border-radius: 1.5em;
    -webkit-border-radius:1.5em;
    -moz-border-radius: 1.5em;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .4);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .4);
}

.pdcm{  /*accident*/
    position: relative;
	width: 75%;
	padding-left:12.5%;
	padding-right:12.5%;	
}
.vector{ /*accident*/
	padding-left:50%;
	padding-right:25%;
    width: 120px;
    height: 120px;
    background-image: url(../images/yj02.png);
    background-repeat: no-repeat;
	background-position : center center;
	background-size: auto 100%;
}


}/**********************************スマホ↑クエリここまで*******************************/





#navre a {
  background: #fff;
  color: #727171;
  display:inline-block
  float: left;
  font-size: 18px;
  line-height: 40px;
  margin: 0 1px 0 0;
  padding: 0 5px 0 25px;
  text-decoration: none;
  text-align:center;
}


#navre a:hover {
 background-image: url(../images/cp.png);
 background-repeat: no-repeat;

}


header {
background-image: url(../images/tpbg.png);
  background-repeat: repeat-x;
	padding-top: 5.5em;
text-align:center;
}

header p{margin-top:-85px;
		color:#fff;
		font-size:0.8em;}

header .logo{
	padding-top: 2.5em;
max-width: 100%;
	}


#slidearea {
    top: 0;
    left: 10;
    width: 100vw;
}

#slidearea img{
    position: relative;
    width: 100vw;
}

#contents {
    top: 0;
    left: 0;
    width: 100vw;
}

#contents img{
    position: relative;
    width: 100%;
}

#tpbn {
    top: 0;
    left: 10;
    width: 100vw;
}

#tpbn img{
    position: relative;
    width: 100vw;
}



article {
    position: relative;
	text-align: left;
z-index: 9999;
}


aside {
    position: relative;
	text-align: center;
z-index: 9999;
}




#footer {
	text-align: center;
	margin-top:25px;
	height:250px;
	background-image: url(../images/footerbg.jpg);
 	background-repeat: repeat-x;
}

#cms {margin-bottom:1.5em;
	padding-top:0.8em;
	padding-bottom:1.2em;
	border-width:0 0 1px 0 ;
	border-color:#afd3c3;
	border-style:dotted;}


/*    Mail Form
---------------------------------------- */

#formWrap {
	max-width:70%;
	margin:10px auto;
	color:#333;
	line-height:110%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:20%;
	font-weight:normal;
	background:#afd3c3;
	text-align:left;
}

@media screen and (max-width: 768px) {
    input{width:60%}
    textarea{width:100%}
    .sbmt{padding:10px;margin:10px;}
}