@charset "utf-8";

/*--------------------------------------------*/
/*ヘッダーブロック*/
header .inner {
	width: 1000px;	/*ブロック幅*/
	height: 115px;	/*ブロックの高さ*/
	margin:10px auto;
	position: relative;
}
/*h1ロゴの設定*/

.logo {
	position: absolute;
	left: 0;
	bottom: 10px;
}

/*電話番号ボックスの設定*/
header .inner address{
	position: absolute;
	bottom: 10px;
	right: 0;
	font-size: 14px;
	line-height: 1.3;
}
/*電話番号の文字設定*/
header .inner address .tel {
	font-size: 100%;	
}
header .inner address {
	text-align:right;
	margin-top:5px;
}


#main a:link { text-decoration:none; color:#00f; }
#main a:visited { text-decoration:none; color:#00f; }
#main a:hover { text-decoration:none; color:#f30; }
#main a:active { text-decoration:none; color:#333; }

@media screen and (min-width:761px) and (max-width:1199px){
header .inner {
	width: 100%;	/*ブロック幅*/
	height: 115px;	/*ブロックの高さ*/
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.logo {
	position: absolute;
	width: 330px;	
	left: 34px;
	bottom: 10px;
	font-size: 85%;
}
header .inner address img {
	margin:3px 10px;
	width:250px;
}
header .inner address .tel {
	font-size: 85%;	
}
}

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

/*ヘッダーブロック*/
header .inner {
	width: auto;
	height: auto;
	text-align: center;
}

.logo {
	margin-top:7px;
	position: static;
	height: auto;
	font-size:80%;
}
.logo img{
	width:90%;
}
/*電話番号ボックスの設定*/
header .inner address{
	position:static;
	margin-bottom:5px;
}
header .inner address .tel{
	text-align:center;
	font-size:80%;
	line-height:15px;
}

}


/*--------------------------------------------*/
/*メニューブロック設定*/
nav#menubar {
	height: 46px;	/*ブロック高*/
	margin-bottom:30px;
}
nav#menubar ul {
	width: 1000px;	/*ブロック幅*/
	margin-right: auto;
	margin-left: auto;
	font-size:115%;
}
/*メニュー１個ごとの設定*/
nav#menubar ul li {
	float: left;
	width: 228px;	/*メニュー幅*/
	border: 1px solid #b5b5b6;	/*メニュー右線*/
	text-align: center;
	background-color: #dcdddd;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdddd));
background-image: -webkit-linear-gradient(#fff 20%, #dcdddd 90%);
background-image: linear-gradient(#fff 20%, #dcdddd 90%);
border-radius:10px;
margin-right:20px;
}
nav#menubar ul li a {
	text-decoration: none;
	display: block;
	line-height: 31px;
	padding-top: 10px;
	padding-bottom:5px;
	color:#333;
}
/*最初のメニューの設定*/
nav#menubar ul li:last-child {
	margin-right:0;
}


/*マウスオン時と、現在表示中*/
#menubar a:hover,
#menubar li.current a {
	background-color: #549b35;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#98c386), to(#549b35));
background-image: -webkit-linear-gradient(#98c386 20%, #549b35 90%);
background-image: linear-gradient(#98c386 20%, #549b35 90%);/*背景色*/
	color:#fff;
	border-radius:10px;
}

@media screen and (min-width:480px) and (max-width:1119px){
/*メニューブロック設定*/
nav#menubar {
	display:none;
}
}

@media screen and (max-width:480px){
/*メニューブロック設定*/
nav#menubar {
	display:none;
}
}



/*--------------------------------------------*/
/*コンテンツ（main,sub,sideを囲むブロック）*/
#contents {
	clear: left;
	width: 1200px;
	margin: 0 auto;
}


@media screen and (min-width:480px) and (max-width:1119px){
#contents {
	clear: left;
	width: auto;
}
}


@media screen and (max-width:480px){
/*コンテンツ（main,subを囲むブロック）*/
#contents {
	width: auto;
}

}

/*フッター設定------------------------------*/


footer {
	margin-bottom:0;
	width:100%;
	padding:10px 0 30px;
	color: #fff;	/*文字色*/
	background: #f39939;	/*背景色*/
	text-align:center;
}
footer .copyright{
	width:1000px;
	margin:0 auto ;
	font-size:90%;
	line-height:1.5;
}

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

footer {
	margin-bottom:0;
	width:100%;
	padding:10px 0 20px;
	text-align:center;
}
footer .copyright{
	width:auto;
	margin:0 20px 0;
	font-size:80%;
	line-height:1.5;
}

}


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

footer {
	padding:10px 0 20px;
}
footer .copyright{
	width:auto;
	font-size:70%;
}
}

/*PAGE TOP設定*/
#page-top {
    position: fixed;
    bottom: 70px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #b3b3b3;
    text-decoration: none;
    color: #fff;
    width: 85px;
    padding: 3px 0 2px;
    text-align: center;
    display: block;
	-moz-border-radius: 12px;    /* Firefox */
    -webkit-border-radius: 12px; /* Safari,Chrome */
    border-radius: 12px;         /* CSS3 */
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}