@charset "UTF-8";

article, aside, details, figcaption, figure, footer, header, menu, nav, section{display:block;}

body{
	margin:0;
	font-family:'メイリオ', 'Myrio', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-image:url('../images/bg.jpg');
	background-repeat: no-repeat}
p{
	margin:0;
	padding:0;
	color:#333;
	line-height:1.5em}
.small{
	font-size:11px;
	color:#666;
	line-height:1.2em;
}

/* ########################## フォント ############################### */
.f14{font-size:14px}
.bold{font-weight:bold}
.red{
	color:#FF0000;
	font-weight:bold}
.yohaku6{padding:6px 0}

/* ########################## フロート ############################### */
.alignleft{
	float:left;
	margin:0 20px 20px 0}
.aligncenter{
	text-align:center;
	margin:0 auto}
.alignright{
	float:right
	margin:0 0 20px 20px}
/* ########################## ヘッダー ############################### */

.header-inner{
	margin:0}
#open{
	background-color:#663300}


/* ########################## スクロールアップ ############################### */

/* ページトップへ戻る */
.pageTop {
	position:relative;
	width:90%;
	max-width:900px;
	height:0;
	margin:0 auto;
}
.pageTop a {
	position: fixed;
	bottom: 0px;
	left:auto;
	display: block;
	width: 66px;
	hegiht:66px;
	margin-left:920px;
	/* ↓以下はリンク装飾↓ */
	padding:1em 0
	background:#3498db;
	text-align:center;
	outline:none;
	text-decoration: none;
	z-index:9999;
	border-radius:3px 3px 0 0;
}

/* ########################## フッター ############################### */
footer{
	background-image:url('../images/shiba.png');
	background-repeat:x-repeat;
	width:auto;
	height:100px;
	padding:0 auto}
/* 住所 */
address p{
	margin:0;
	text-align:right;
	font-size:12px;
	font-style:normal;
	line-height:1.2em;
	padding:6px 20px}
/* コピーライト */
.copyright{
	text-align:center}
.copyright small{
	margin:0}

.moveit{
    margin: 0;
    padding: 0;
    width: 90%;
    height: 56%;

}


.glry{
    margin: 0;
    padding: 0;
}
.glry li{
	float:left;
	margin-right:5px;
	list-style-type:none}
.glry li img{
	margin-left:10px}
.glry:after{
	content:"";
	display:block;
	clear:both}

/* ########################## 599以下 ############################### */

@media(max-width:599px){
#wrap{
	max-width:100%;
	margin:0 auto;
	background:#FFF}
body,p{
	font-size:12px;
	color:#333333}
.logo img{
	width:250px;
	height:auto}
.phone img{
	width:250px;
	height:auto;
	padding-left:10px}
.pic img{
	max-width:100%;
	height:auto;
	vertical-align:bottom}
#open p{
	margin:0 auto;
	padding:3px;
	font-size:11px;
	color:#FFFFFF}

/*  ナビ  */

nav{
	margin:0;
	background:#009933}
nav ul{
	margin:0;
	padding:0;
	list-style:none}
nav ul li a{
	display:block;
	margin:0;
	padding:6px;
	color:#FFF;
	font-size:12px;
	text-decoration:none}
nav li a:hover{color:#FFFF00}
nav ul:after{
	content:"";
	margin-bottom:20px;
	display:block;
	clear:both}
nav li{
	border-bottom:1px dotted #FFF}
nav li:last-child{
	border:none}

/* 記事 */
#container{
	margin:10px 10px;
	height:500px}
#container:after{
	content:"";
	display:block;
	clear:both}
/*-- 本文 -----------------*/
content{
	margin-bottom:20px}
content h1{
	font-size:15px;
	margin-bottom:10px;
	padding-left:6px;
	border-left:2px solid #FF0000}
content h2{
	font-size:13px;
	padding-left:6px;
	border-left:2px solid #FF0000}
content h3{
	font-size:12px;
	padding-left:6px;
	border-left:2px solid #FF0000}
content p{
	margin-bottom:10px}
content img{
	max-width:100%;
	height:auto}

/*-- 写真など -----------------*/
figure{
	margin:10px 10px 10px 0}
figure img{
	max-width:100%;
	height:auto;
	padding:5px;
	background:#FFF;
	border:1px solid #999}
figcaption{
	font-size:13px}

/*-- テーブル -----------------*/
table{
	margin:0;
	border-collapse:collapse;
 	border:solid 1px #999;
	color:#333;
	background:#FFF}
th,td{
	border:solid 1px #999;
 	padding:6px 12px}
th{
 	background:#EBFFFF;
 	text-align:center}/*	white-space:nowrap*/

/*-- サイドバー -----------------*/
.sidebar{
	padding-bottom:10px}
.sidebar h1{
	font-size:14px;
	padding-left:6px;
	border-left:2px solid #FF0000}
.sidebar iframe{
	padding:0 0 6px0}
.sidebar h2{
	font-size:14px;
	margin-top:10px;
	padding-left:6px;
	border-left:2px solid #FF0000}
.tel{
	font-weight:bold}
.sidebar address{
	font-style:normal}
/*-- アイフレーム -----------------*/
iframe{
	max-width:100%;
	}


}

/* ########################## 768以上 ############################### */

@media(min-width:768px){

#wrap{
	max-width:100%;
	margin:0 auto;
	background:#FFF}
.logo img{
	max-width:100%;
	height:auto;
	float:left;}
.phone{
	float:right;
	margin-top:50px}
.header-inner:afetr{
	content;"";
	display:block;
	clear:both}

.pic img{
	max-width:100%;
	height:auto;
	vertical-align:bottom}
#open{clear:both}
#open p{
	margin:0 auto;
	padding:4px 0;
	font-size:13px;
	color:#FFFFFF;
	text-align:center}

/* ########################## ナビ ############################### */

nav{
	margin:0;
	padding:6px 0;
	background:#009933}
nav ul{
	margin:0;
	padding-left:20px;
	list-style:none}
nav ul li a{
	display:block;
	margin:0;
	color:#FFF;
	font-size:18px;
	text-decoration:none}
nav li a:hover{color:#FFFF00}
nav ul:after{
	content:"";
	display:block;
	clear:both}
nav li{
	float:left;
	padding-right:40px}

/*  コンテンツ  */

#container{
	margin:30px 50px;
	height:1600px}
#container:after{
	content:"";
	display:block;
	clear:both}

/*-- 本文 -----------------*/
content{
    float: left;
    padding: 0 20px 20px 0;
    width: 750px;
    background: #F1F5F8;
    border: 1px solid #0066CC;
    border-radius: 4px;

}

content h1{
	color:#0066CC;
	font-size:18px;
	margin-bottom:20px;
	padding:0 0 12px 12px;
	border-bottom:2px solid #0066CC}
content h2{
	color:#009999;
	font-size:18px;
	padding:20px 0 12px 12px;
	border-bottom:2px solid #009999}
content h3{
	margin:20px 0 12px 30px;
	padding-left:12px;
	color:#009999;
	font-size:18px;
	border-left:3px solid #009966}
content img{
	max-width:100%;
	height:auto;
	margin-left:20px}
content p{
	padding-left:30px;
	margin-bottom:10px}
content iframe{
	max-width:100%;
	height:auto;
	margin:20px}
content .moveit iframe {
}

content:after{
	content:"";
	display:block;
	clear:both}

article{
	float:left;
	margin-top: 30px;
	padding:0 20px 20px 0;
	width:750px;
	background:#F7FFEE;
	border:1px solid #009966;
	border-radius:4px}
article:after{
	content:"";
	display:block;
	clear:both}

/*-- 写真など -----------------*/
figure{
	margin-left:30px}
figure img{
	padding:6px;
	background:#FFF;
	border:1px solid #999}
figcaption{
	margin-left:30px;
	font-size:13px}
/*-- アイフレーム -----------------*/
iframe{
	max-width:100%;
	height:auto;
	margin:20px 0}

/*-- テーブル -----------------*/
table{
	margin:20px 20px 20px 30px;
	border-collapse:collapse;
 	border:solid 1px #999;
	color:#333;
	background:#FFF}
th,td{
	border:solid 1px #999;
 	padding:6px 12px}
th{
 	background:#FFFCEC;
 	text-align:center}/*	white-space:nowrap*/

/*-- サイドバー -----------------*/
.sidebar{
	float:right;
	padding-bottom:20px;
	width:300px;
	background:#F3EBED;
	border:1px solid #CC0000;
	border-radius:4px}
.sidebar h1{
	color:#CC0000;
	font-size:18px;
	width:260px;
	padding:0 0 12px 6px;
	border-bottom:2px solid #CC0000}
.sidebar iframe{
	padding:0 0 12px 20px}
.sidebar h2{
	color:#CC0000;
	font-size:18px;
	width:260px;
	padding:20px 0 12px 6px;
	border-bottom:2px solid #CC0000}
.sidebar ul{
	margin:0}
.sidebar ul li{
	margin:0;
	padding:0;
	list-style-type:disc;
	font-weight:bold;
	line-height:1.5em}
.sidebar p{
	padding:0 20px}
.tel{
	font-weight:bold}
.sidebar address{
	padding-left:20px;
	font-style:normal}
.sidebar:after{
	content:"";
	display:block;
	clear:both}

}

/* ########################## 1190以上 ############################### */

@media(min-width:1190px){

#wrap{
	width:1200px;
	margin:0 auto;
	background:#FFF}

.logo{
	margin:0;
	display:block}
.icon{padding:10px 0 10px 20px}

.pic img{
	width:100%;
	padding:0 auto}



}