@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/

body { 
	margin: 0; 
	padding: 0; 
	color: #222; 
	font-size : 13px/2; 
	background-color: #ff0000;

}

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	max-width: auto;	
	margin: 20px 30px 10px;
}



/*メインコンテンツ、トピックスなど
---------------------------------------------------------------------------*/
#main {
	
	box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 3px;
}
/*mainコンテンツのh2タグ設定*/
#main h2 {
	font-size: 14px;	/*文字サイズ*/
	color: #FFF;		/*文字色*/
	border-bottom: 2px solid #fff;	/*下線の幅、線種、色*/
	padding:10px 0 0 0;
	
}
/*mainコンテンツのh3タグ設定*/
#main h3 {
	font-size: 14px;	/*文字サイズ*/
	color: #FFF;		/*文字色*/
	border-bottom: 2px solid #fff;	/*下線の幅、線種、色*/
	padding:10px 0 0 0;
	
}


/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/

#new {
	padding-left: 100px;	/*ロゴを表示させる部分を空ける設定*/
	padding-bottom:100px;
}
#new dl {
}
/*左列設定*/
#new dt {
	float: left;
	width: 200px;
	font-size:13px;
	line-height: 120%;
}
/*右列設定*/
#new dd {
	padding-left: 200px;
	font-size:13px;
	line-height: 120%;
	padding-right:10px;
}


/*その他
---------------------------------------------------------------------------*/
img {
	max-width: 100%;
	height: auto;
}
.newicon {
	background: #F00;
	color: #FFF;
	font-size: 10px;
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	border-style: solid ; 
	border-width: 1px;  
	border-color: #fff;
}



/*ここからスマートフォン用環境の設定
---------------------------------------------------------------------------*/
@media (max-width : 740px){

/*ヘッダー（サイト名ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロックの中*/
header .inner {
	width: auto;
	height: 28px;
}
/*h1ロゴの設定*/
header .inner h1 {
	position: absolute;
	left: 10px;	/*innerに対して左から20pxの場所に配置*/
	top: 5px;	/*innerに対して上から5pxの場所に配置*/
}


/*コンテンツ・スマフォ
---------------------------------------------------------------------------*/
#contents {
	max-width: auto;
	margin: 10px 5px 70px;
}

/*メインコンテンツ・スマフォ
---------------------------------------------------------------------------*/
#main {
	background: url() no-repeat right center;
}

#main h2 {
	font-size: 13px;	/*文字サイズ*/
	color: #FFF;		/*文字色*/
	border-bottom: 3px solid #fff;	/*下線の幅、線種、色*/
	padding:15px 0 0 0;

	
}

#main h3 {
	font-size: 13px;	/*文字サイズ*/
	color: #FFF;		/*文字色*/
	border-bottom: 3px solid #fff;	/*下線の幅、線種、色*/
	padding:15px 0 0 0;

	
}

/*トップページ内「更新情報・お知らせ」ブロック・スマフォ
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new {
	padding-left: 5px;
}
#new dl {
	height: auto;
}
/*h2タグ*/
#new h2.open {
	background: url(../images/btn_minus.png) no-repeat right center);	/*マイナスアイコン*/
	background: url(../images/btn_minus.png) no-repeat right center;	/*同上*/
	background: url(../images/btn_minus.png) no-repeat right center;	/*同上*/
}
#new h2.close {
	background: url(../images/btn_plus.png) no-repeat right center;	/*プラスアイコン*/
	background: url(../images/btn_plus.png) no-repeat right center;	/*同上*/
	background: url(../images/btn_plus.png) no-repeat right center;	/*同上*/
}
/*左列設定*/
#new dt {
	float: none;
	width: auto;
	font-size:12px;
}
/*右列設定*/
#new dd {
	padding-left: 0;
	font-size:12px;
	padding-right: 0;
}

}

/*google map
---------------------------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}