@charset "utf-8";

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

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

.logo p {
	margin-left:130px;
	margin-top:-33px;
	line-height:1.4;
}

/*電話番号ボックスの設定*/
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 img {
	margin:3px 0;
}


#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: 125px;	/*ブロックの高さ*/
}

.logo {
	width: 40%;	
	left: 20px;
	bottom: 10px;
	font-size: 80%;
}
.logo p {
	margin-left:32%;
	margin-top:-25px;
	line-height:1.4;
	width:100%;
}

header .inner address .tel {
	font-size: 80%;	
}
header .inner address img {
	margin:3px 0;
}
}

@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 p {
	margin-left:0;
	margin-top:-15px;
	line-height:1.4;
	width:100%;
}
.logo img{
	width:70%;
}
/*電話番号ボックスの設定*/
header .inner address{
	position:static;
	margin-bottom:5px;
}
header .inner address .tel{
	font-size:80%;
	line-height:15px;
}
header .inner address img {
	margin:3px 0;
	width:50%;
}
header .inner address .tel span{
	display:none;
}

}


/*--------------------------------------------*/
/*メニューブロック設定------------------------*/
nav#menubar {
	height:65px;
	padding-top:3px;
	margin-bottom:10px;
	background-color: #176fae;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#579dd1), to(#176fae));
background-image: -webkit-linear-gradient(#579dd1 40%, #176fae 60%);
background-image: linear-gradient(#579dd1 40%, #176fae 60%);/*背景色*/
	color:#fff;
}
nav#menubar ul {
	width: 1000px;	/*ブロック幅*/
	margin:7px auto 7px;
}
/*メニュー１個ごとの設定------------------------*/
nav#menubar ul li {
	float: left;
	width: 231px;	/*メニュー幅*/
	font-size:122%;
	text-align: center;
	background-color: #dcdddd;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#afafaf));
background-image: -webkit-linear-gradient(#fff 20%, #dcdddd 90%);
background-image: linear-gradient(#fff 20%, #dcdddd 90%);
border-radius:10px;
margin-right:25px;
}
nav#menubar ul li:last-child {
	margin-right:0;
}
nav#menubar ul li a {
	text-decoration: none;
	display: block;
	line-height: 31px;
	padding-top: 10px;
	padding-bottom:5px;
	color:#333;
}



/*マウスオン時と、現在表示中-----------------------*/
#menubar a:hover,
#menubar li.current a {
	background-color: #549b35;	/*背景色*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a4d6c1), to(#539286));
background-image: -webkit-linear-gradient(#a4d6c1 30%, #539286 70%);
background-image: linear-gradient(#a4d6c1 20%, #539286 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:1024px){
#contents {
	clear: left;
	width: auto;
}
}


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

}



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

footer{
	margin-bottom:0;
	width:100%;
	color: #fff;	/*文字色*/
	background: #00a9e4;	/*背景色*/
}
footer .inner{
	width:1000px;
	margin:0 auto ;
	padding:7px 0 10px;
	font-size:90%;
	line-height:1.5;
}
footer img{
	width:150px;
	margin:0 0 3px 3px;
}
footer .place{
	float:left;
	margin-left:30px;
}
footer .copyright{
	float:right;
}






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

footer {
	margin-bottom:0;
	width:100%;
	color: #fff;	/*文字色*/
	background: #00a9e4;	/*背景色*/
}
footer .inner{
	float:none;
	width:auto;
	margin:0 auto ;
	padding:7px 0 10px;
	font-size:80%;
	line-height:1.5;
}
footer .place{
	float:left;
	margin-left:30px;
	width:57%;
}
footer .copyright{
	float:none;
	width:auto;
}
}


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


footer {
	margin-bottom:0;
	width:100%;
	color: #fff;	/*文字色*/
	background: #00a9e4;	/*背景色*/
	text-align:center;
}
footer .inner{
	float:none;
	width:100%;
	padding:7px 0 10px;
	font-size:80%;
	line-height:1.5;
}
footer .place{
	float:none;
	margin-left:0%;
	width:auto;
}
footer .copyright{
	float:none;
	width:auto;
}

}





/*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;
}