@charset "utf-8";

/* ---------------------
Common
--------------------- */
/* headarea */
#headarea{
	background-image: url(../img/bg_menu2.png);
	background-repeat: repeat-x;
	background-position: center;
	height: 236px !important;
	text-indent: -9999px;
}
#onitem {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	z-index:9;
}
#logo2 {
	clear: both;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
}
#wrap {
    position: relative;
}

/* top upper menu */
#onitem ul{
	width: 875px;
	margin-top: 51px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
#gm01 a{
	background: url(../img/gmenu01.png) no-repeat;
	background-size: 100%;
	top: 169px !important;
}

/* ---------------------
Retinaディスプレイ用
--------------------- */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#gm01 a{
	background: url(../img/gmenu01@2x.png);
	background-size: 180px 54px;
	top: 169px !important;
}

#gm01, #gm01 a:hover{
	background: url(../img/gmenu01_ov@2x.png);
	background-size: 180px 54px;
}
}

/* ---------------------
Mainimg
--------------------- */
#mainimg{
	background-repeat: no-repeat;
	background-position: center center;
	height:368px;
	width:100%;
	background-size: cover;
	margin:0 auto;
	text-indent: -9999px;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
#howtouse #mainimg{
	background-image: url(../img/howtouse/mainimg_howtouse.jpg);
}
#gallery #mainimg{
	background-image: url(../img/gallery/mainimg_gallery.jpg);
}
#aboutus #mainimg{
	background-image: url(../img/aboutus/mainimg_aboutus.jpg);
}
#access #mainimg{
	background-image: url(../img/access/mainimg_access.jpg);
}
#news #mainimg{
	background-image: url(../img/news/mainimg_news.jpg);
}
#price #mainimg{
	background-image: url(../img/price/mainimg_price.jpg);
}

/* ---------------------
Contents
--------------------- */
.inner_block {
	clear: both;
}

/* ---------------------
Howtouse
--------------------- */
#howtouse_inner {
	width: 892px!important;
}
ul#example {
	width: 892px;
	margin-top: 20px;
}
ul#example li {
	width: 287px;
	margin-top: 0px;
	margin-bottom: 12px;
	background-color: #fefefe;
	border-radius: 10px;
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	text-align: center;
	height: 54px;
	font-size: 16px;
	line-height: 1.7em;
	float: left;
	margin-right: 9px;
	margin-left: 0px;
	vertical-align: middle;
	padding-top: 20px;
	padding-bottom: 20px;
}
ul#example li:nth-child(1){
	border: 2px solid #edeaac;
}
ul#example li:nth-child(2){
	border: 2px solid #beeaed;
}
ul#example li:nth-child(3){
	border: 2px solid #bbc7f1;
	margin-right: 0px!important;
}
ul#example li:nth-child(4){
	border: 2px solid #f0daa3;
}
ul#example li:nth-child(5){
	border: 2px solid #f1c9f1;
	height: 42px!important;
	vertical-align: middle!important;
	padding-top: 32px!important;
}
ul#example li:nth-child(6){
	border: 2px solid #dbf2c5;
	height: 42px!important;
	vertical-align: middle!important;
	padding-top: 32px!important;
	margin-right: 0px!important;
}
ul#inquiry_banner {
	width: 892px;
	height: 92px;
	margin-top: 65px;
}
ul#inquiry_banner li {
	float: left;
	width: 433px;
}
ul#inquiry_banner li a {
	/*-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;*/
	transition: 0.5s;
}
ul#inquiry_banner li a:hover {
	opacity: 0.7;
}

/* ---------------------
Gallery
--------------------- */
#gallery_inner {
	width: 892px!important;
}
ul#gallerybox {
	width: 884px;
	margin-top: 35px;
	margin-right: auto;
	margin-left: auto;
}
ul#gallerybox li {
	float: left;
	width: 412px;
	margin-right: 60px;
	margin-top: 45px;
}
ul#gallerybox li:nth-child(2),ul#gallerybox li:nth-child(4),ul#gallerybox li:nth-child(6),ul#gallerybox li:nth-child(8),ul#gallerybox li:nth-child(10),ul#gallerybox li:nth-child(12),ul#gallerybox li:nth-child(14),ul#gallerybox li:nth-child(16),ul#gallerybox li:nth-child(18),ul#gallerybox li:nth-child(20) {
    margin-right: 0px;
}

/* ---------------------
Aboutus
--------------------- */
#aboutus_inner {
	width: 892px!important;
}
.aboutus1{
	line-height: 2.3em!important;
}
#aboutus_inner table {
	margin-top: 70px;
	margin-bottom: 90px;
	font-family: Karla, "Noto Sans Japanese", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 2px;
}
#aboutus_inner table tr th {
	text-align: left;
	padding: 15px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #fcfcfb;
}
#aboutus_inner table tr td {
	text-align: left;
	padding: 15px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #fcfcfb;
	line-height: 1.7em;
}

/* ---------------------
Access
--------------------- */
#access_inner {
	width: 892px!important;
}
#access_inner .leftbox {
	width: 426px;
	float: left;
}
#access_inner .rightbox {
	width: 426px;
	float: left;
	margin-left: 40px;
}
#access_inner .whiteborder {
	width: 426px;
	padding-bottom: 3px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #fefefe;
}
#access_inner a:link,
a:visited{
	outline : 0;
	text-decoration: underline;
	outline:0;
	/*-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;*/
	transition: 0.3s;
}
#access_inner a:hover{
	text-decoration: none;
	opacity: 0.7;
}

/* google map */
#map_canvas{
	width: 892px;
	height: 340px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

/* ---------------------
Price
--------------------- */
#price_inner {
	width: 892px!important;
}
#price_inner a:link,
a:visited{
	outline : 0;
	text-decoration: underline;
	outline:0;
	/*-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;*/
	transition: 0.3s;
}
#price_inner a:hover{
	text-decoration: none;
	opacity: 0.7;
}
#price_inner table {
	width: 100%;
	margin-bottom: 60px;
	border-collapse: separate;
	border-spacing: 10px;
}
#price_inner table tr th{
	width: 284px;
	height: 61px;
	background-color: #fefefe;
	border-radius: 10px;
	margin-bottom: 60px;
	font-size: 20px;
	letter-spacing: 4px;
	padding-right: 45px;
	padding-left: 45px;
	vertical-align: middle;
	text-align: center;
}
#price_inner table tr td{
	width: 284px;
	height: 61px;
	background-color: #fefefe;
	border-radius: 10px;
	margin-bottom: 60px;
	font-size: 20px;
	letter-spacing: 4px;
	padding-right: 45px;
	padding-left: 45px;
	vertical-align: middle;
	text-align: center;
}
#price_inner table tr td.charge {
    height: 61px;
    background-color: #fefefe;
    border-radius: 10px;
    margin-bottom: 60px;
    font-size: 14px;
    letter-spacing: 0.1em;
    padding-right: 0px;
    padding-left: 0px;
    vertical-align: middle;
    text-align: center;
}
#price_inner .gray1{
	background-color: #f4f4f3!important;
}
#price_inner .gray2{
	background-color: #999797!important;
	color: #fffefe!important;
	padding-right: 30px!important;
	padding-left: 30px!important;
}
#price_inner .gray3{
	background-color: #b6b5b5!important;
	color: #fffefe!important;
}
#price_inner table tr td.gray4{
	background-color: #7a7878!important;
	color: #fffefe!important;
	height: 61px;
	border-radius: 10px;
	margin-bottom: 60px;
	font-size: 14px;
	letter-spacing: 0;
	padding-right: 40px;
	padding-left: 40px;
	vertical-align: middle;
	text-align: center;
	width: 400px;
	line-height: 1.5em;
}
.style1 {
	color: #CC0000
}

/* ---------------------
Footer
--------------------- */
#smenu02 li{
	line-height:100%;
	margin-bottom:0.9em;
}
#smenu02 a{
	font-size:14px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#smenu02 a:hover{
	color:#adadad;
}