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

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


/*	EXAMPLE STYLES */
body {font-family: sans-serif;color: black;}

img{max-width:100%;height:auto;width /***/:auto;　/*IE8のみ適用*/}




p {font-size:100%;padding:10px 5px;line-height: 2em;}
h1,h2 {font-size:150%;padding:5px;margin-top:25px;}
.spheader {display:block;}
.pcheader {display:none;}


.photos {padding:10px 0px; text-align: center;}
.photoarea {background-color: #ddd; }
.photolime {padding:7px; float: left;width: 33.333334%; text-align: center;}

.footer {background-color: #225f66; color: #ccc;}
.footer p {padding:40px 10px;}

.footer2 {background-color: #333; color: #ccc;}
.footer2 p {padding:0; font-size:80%;text-align: center;}


/* PCの場合の制御 */
@media ( min-width : 768px ) {
p {line-height: 1.8em;}
h1,h2 {font-size:180%;padding:5px;margin-top:15px;}
.spheader {display:none;}
.pcheader {display:block;}

}

/* */
.gsarvice {position: relative;  padding-top: 75%;}
.gsarvice iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}

.mt30 {margin-top: 30px;}
.tac {text-align: center;}