@charset "utf-8";

/*------------------------------------*
 *------------ヘッダー部分------------*
 *------------------------------------*/

/**************************************
 **************メイン画像**************
 **************************************/
#main_image{
	width :100%;
	margin : 0 auto;
}

#main_image img{
	width : 100%;
	height : auto;
	display : block;
}
/**************************************
 **********メイン画像ここまで**********
 **************************************/

/*------------------------------------*
 *----------ヘッダー部分終了----------*
 *------------------------------------*/


/*------------------------------------*
 *-------------メイン部分-------------*
 *------------------------------------*/

/**************************************
 **********アクセスマップ内容**********
 **************************************/
#access_content{
	max-width : 960px;
	width : 100%;
	margin : 20px auto 0 auto;
}

#content{
	max-width : 960px;
	width : 90%;
	margin-bottom : 50px;
	float : left;
}

#content h2{
	border-left:5px solid #bce124;
	padding:0 30px;
	margin:10px 0;
	font-size: 210%;
	font-weight: 500;
	box-sizing : border-box;
	text-align : left;
}

#content div{
	max-width : 400px;
	width : 100%;
	margin-left : 1em;
	margin-bottom : 10px;
	display : inline-block;
}

.base_name{
	font-size : 100%;
	font-weight : normal;
	background-color : #ddd;
	border-left : 3px solid brown;
	margin-bottom : 10px;
}

.border{
	border : 3px solid brown;
}

iframe{
	width : 100%;
	height : 380px;
	box-sizing : border-box;
}

.detail{
	margin-left : 0 !important;
}

.detail ul{
	list-style : none;
}

.detail > ul > li{
	max-width : 400px;
	width : 100%;
	background-color : brown;
	color : #fff;
	text-align : center;
	margin-right : 10px;
}

.detail > ul > li > ul > li{
	background-color : #fff;
	color : #000;
	text-align : left;
	padding-left : 1em;
	box-sizing : border-box;
}

#content_nav{
	max-width : 200px;
	width : 20%;
	float : right;
	text-align :left;
}

#content_nav p{
	height : 50px;
	line-height : 50px;
	font-size : 110%;
	text-indent : 0.5em;
}

#content_nav div{
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	text-indent : 0.7em;
}

#content_nav div ul{
	list-style : none;
}

#content_nav div ul li{
	height : 40px;
	line-height : 40px;
}

#content_nav div ul li a{
	margin-left : 20px;
}

#content_nav div ul li a:link,
#content_nav div ul li a:visited,
#content_nav div ul li a:active{
	color : #9a9a9a;
}

#content_nav div ul li a:hover{
	color : #06428e;
}

.anav_font{
	color : #06428e;
}

.nanav_icon{
	color : #06428e;
}

.anav_icon{
	color : #3bcfff;
}

/**************************************
 ******アクセスマップ内容ここまで******
 **************************************/

/*------------------------------------*
 *-----------メイン部分終了-----------*
 *------------------------------------*/


@media screen and (max-width: 936px) {
	#content{
		float : none;
		margin : 0 auto 50px auto;
	}
	
	#content div{
		display : block;
		margin : 0 auto 10px 1em;
	}
	
	iframe{
		height : 320px;
	}
	
	#content div.left{
		float : none;
	}
	
	#content div.right{
		float : none;
	}
}

@media screen and (max-width: 370px) {
	#content{
		float : none;
		margin : 0 auto 50px auto;
	}
	
	#content div{
		display : block;
		margin : 0 auto 10px 1em;
		min-width : 250px;
		width : auto;
	}
	
	iframe{
		height : 250px;
	}
	
	#content div.left{
		float : none;
	}
	
	#content div.right{
		float : none;
	}
}