@charset "utf-8";

/* 全体
============================================================*/

html,

#main{
	width:100%;
}

#main h1{
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
                                padding-left:1rem;
	font-size:2.5em;
	color:#fff;
	vertical-align:middle
	letter-spacing: 0.13em;
}
#main div{
                                width:100%;
                                height:auto;
                                max-height:210px;
                                padding:4rem 0;
                                background-size: cover;
                                background-repeat: no-repeat;
                                background-position: center center;
}
 #main div.contact{
                               background-image:url("../img/background/bg-contact.jpg");
}

#main h2{
	padding-left: 20px;
	padding-bottom: 10px;
	margin: 0px 0 15px 0;
	height: 24px;
	line-height: 26px;
	font-weight: bold;
	color: #000;
}

#commonpage{
                                background:#fff;
}

#commonpage h2{
	padding: 0.5rem 0;
	margin: 0;
	line-height: 1.7;
	font-size:130%;
	font-weight: bold;
	color:#3a82a8;;
}
#commonpage h3{
	margin: 8px 0 0;
	font-weight: bold;
	color: #000;
}

.img_page{
	width:100%;
	height:260px;
	overflow:hidden;
	margin-top:54px;
}
.img_page img{
	width:100%;
}

.img_998{
	width:100%;
}

#main section{
	max-width:1080px;
	margin-left:auto;
	margin-right:auto;
	padding:15px 10px;
	font-size:100%;
                                text-align:left;
}

section p{
	padding:8px 0;
}

.img_none{
	width: auto;
	height: auto;
}


/* --- テーブル --- */

table.normal {
     border:1px #a4afbc solid;
     max-width:900px;
     margin: 0 auto;
}
table.normal th {
     border:1px #a4afbc solid;
     padding: 7px;
     background: #eaf8f6;
     text-align:left;
}
table.normal td {
     border:1px #a4afbc solid;
     padding: 7px;
     text-align:left;
}
table.noline {
	width:98%;
     border:none;
     max-width:900px;
     margin: 0 auto;
}
table.noline th {
     border:none;
     padding:10px 12px;
     white-space:nowrap;
}
table.noline th.ncell {
     width:100px;
}
table.noline td {
     border:none;
     padding:10px 12px;
     text-align:left;
}

/* --- ボタン --- */
a.btn-blue{
	background: #FFFFFF;
	border-radius: 3px;
	box-shadow:2px 3px 3px -1px #d0cfcf;
	padding: 8px 12px;
	margin:7px;
	border: solid #2b7bd4 1px;
	color:#222;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}
a.btn-blue:hover{
	background: #FFFFFF;
	border-radius: 3px;
	box-shadow:1px 1px 1px -1px #d0cfcf;
	transform: translateX(3px)  translateY(2px);/*下に動く*/
	padding: 8px 12px;
	margin:7px;
	border: solid #95bdea 2px;
	color:#2b7bd4;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}
a.btn-gray{
	background: #FFFFFF;
	border-radius: 3px;
	box-shadow:2px 3px 3px -1px #d0cfcf;
	padding: 8px 12px;
	margin:7px;
	border: solid #bbb 1px;
	color:#222;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}
a.btn-gray:hover{
	background: #FFFFFF;
	border-radius: 3px;
	box-shadow:1px 1px 1px -1px #d0cfcf;
	transform: translateX(3px)  translateY(2px);/*下に動く*/
	padding: 8px 12px;
	margin:7px;
	border: solid #ededed 2px;
	color:#555;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
}



/* --- お問い合わせ --- */
#commonpage .contact-box{
                                padding:0.4rem 2em;
                                border:1px solid #75a7c2;
                                border-radius:0.3rem;
                                box-sizing:border-box;
}
#commonpage .contact-box h2{
	padding:0 0 1rem 0;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 980px) {
.img_page{
	height:200px;
}

#main h2{
	padding:20px 0;
}
.inner_menu .menuitem{
	display:block;	
	width:100%;
	margin:5px 0px;
}
.inner_menu .menuitem a{
	width:60%;	
	margin:0 auto;
}

/* --- TB用お問い合わせテーブル --- */
table.normal {
     table-layout:fixed;
}

}

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

.img_page{
	height:140px;
}
.img_page img{
	min-height:100%;
	min-width:200%;
}

#main h2{
	padding:20px 0;
}

.inner_menu .menuitem{
	display:block;	
	width:100%;
	margin:5px 0px;
}
.inner_menu .menuitem a{
	width:90%;	
	margin:0 auto;
}
.inner_menu .menuitem a:hover{
	background:#FA0082;
}

#hanbai_inner img {
	max-width:auto;
	margin:5px auto 5px;
	float:none;
	clear:both;
}
}