/* RouteZero VERSION 6(responsive web design) for PC CSS STYLESHEET */
/* written by @ */

/* Last Modefied : 10:57 2017/06/04 */



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




/* ********************************************************************************** BODY */

BODY
{

	margin : 10px;

	background-color : #FFFFFF;

	background-image : url();

	background-position : top center;

	background-repeat : no-repeat;

	background-attachment : fixed;

	font-family : Meiryo UI, "メイリオ", meiryo, "ＭＳ Ｐゴシック", MS PGothic, arial, Helvetica, Osaka, sans-serif;

	color : #000000;

	font-size: 12px;

	line-height : 150%;

	text-align : left;

	border : solid 0px #000000;

	scrollbar-face-color : #FFFFFF;

	scrollbar-highlight-color : #000000;

	scrollbar-shadow-color : #000000;

	scrollbar-3dlight-color : #FFFFFF;

	scrollbar-arrow-color : #FFFFFF;

	scrollbar-track-color : #FFFFFF;

	scrollbar-darkshadow-color : #FFFFFF;

	overflow-y: scroll;


}



/* ******************************************************************************** ANCHOR */

A		{text-decoration : underline}

A:link		{color : #000000}

A:visited	{color : #000000}

A:active	{color : #FFA500}

A:hover		{color : #FFA500}


/* ************************************************************************************ DIV */


DIV.navi
{

	font-size: 8pt;

	font-weight : bold;

}




DIV.header
{

	padding-left : 0px;

	font-size: 12px;
}




DIV.footer
{

	margin-top : 10px;
	font-size: 8pt;

	font-weight : bold;
	border-top : solid 1px #0F2350;
}




DIV.map_canvas
{
	width: 100%;
	height: 360px;
	margin : 0px;

	padding : 0px;

	border : solid 1px #000000;
}

/* ****************************** DIV for kokoima */

DIV.kokoima
{

	margin : 0px;

	padding : 0px;

	width : 150px;

	overflow-y : auto;

	scrollbar-face-color : #F0FAF0;

	scrollbar-highlight-color : #A0AFA0;

	scrollbar-shadow-color : #A0AFA0;

	scrollbar-3dlight-color : #F0FAF0;

	scrollbar-arrow-color : #F0FAF0;

	scrollbar-track-color : #F0FAF0;

	scrollbar-darkshadow-color : #F0FAF0;

	background-color: #FFFFFF;

	font-family : Meiryo UI, "メイリオ", meiryo, "ＭＳ Ｐゴシック", MS PGothic, arial, Helvetica, Osaka, sans-serif;
	color : #000000;

	font-size : 8pt;

	line-height : 150%;
	text-align: left;

	border: solid 1px #000000;

}

/* *** DIV for kokoima / title */

DIV.kokoima DIV.title
{

	padding : 10px;

	background-color : #60A060;
	color : #FFFFFF;

	border-width: 0px;

}


/* *** DIV for kokoima / information bar */

DIV.kokoima DIV.info
{

	padding-left : 10px;
	border-bottom : solid 1px #000000;

}



/* *** DIV for kokoima / photo frame */

DIV.kokoima DIV.photo
{

	padding : 10px;

	text-align : center;
}



/* *** DIV for kokoima / navigation bar */

DIV.kokoima DIV.navi
{

	padding-left : 10px;
	background-color : #FAFFF0;

	border-top : solid 1px #000000;
	font-weight : normal;


}