/* スマホだけに適用するCSS */

body{
	font-size: 14px;
}

div#logo a{
	margin: auto;
}

/* HEADER TOP */
#f_header_out {
	height: 35px;
	min-width: auto;
}
#f_header_in {
	width: auto;
	margin: auto;
}
/* HEADER TOP */


div#f_site{
	width: auto;
	overflow: hidden;
	padding: 35px 0 0 0;
}

/* HEADER 2 */
#f_header2 {
	text-align: left;
        height: 35px;
	width: auto;
	padding: 0px;
}

/* HEADER 3 */
#f_header3 {
	text-align: left;
	width: auto;
	padding: 0px;
	background-repeat: repeat-y;
	background-color:#ffffff;
}
/* PATH */
div#topicPath {
	display: none;
}
	#topicPath li{
		line-height: 120%;
	}

div#f_main{
	width: auto;
	padding: 0 10px;
	overflow: hidden;
	background-color:#ffffff;
}

	div#bs_box1{
		width: auto;
		padding: 0;
		border: none;
		float: none;
		overflow: hidden;
	}

	div#bs_box2{
		width: auto;
		float: none;
		overflow: hidden;
	}


/* ######### for OTHER PAGE ######### */
/* LEFT - OUT LINE */
#bf_box1 {
	padding: 0;
        width: auto;
 	float: none;
}

/* RIGHT - OUT LINE */
#bf_box2 {
	padding: 0;
        width: auto;
 	float: none;
}

/* RIGHT - OUT LINE */
#bf_boxL {
	padding: 10px 10px 0px 10px;
        width: 980px;
        text-align: left;
	overflow: hidden;
	background-color: #ffffff;
}
/* ######### for OTHER PAGE ######### */

/* ######### for OTHER PAGE ######### */
/* LEFT - OUT LINE */
#rf_box1 {
	padding: 0;
        width: auto;
 	float: none;
}

/* RIGHT - OUT LINE */
#rf_box2 {
	padding: 0;
        width: auto;
 	float: none;
}
/* ######### for OTHER PAGE ######### */


/* ######### for FOOTER ######### */
#f_footer_out {
	min-width: initial;
	min-width: auto;
	width: auto;
	background-color: #4a4d4f;
}

/* FOOTER  */
#f_footer {
	text-align: left;
	width: auto;
	background-color:#383b3d;
	color: #d4d4d4;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
	div#footer_wrap{
		overflow: auto;
	}
	div#footer_menu{
		margin: 10px;
		overflow: auto;
	}
	div#footer_menu div.fmenuTitle{
		font-size: 110%;
		margin: 0 0 0 20px;
		font-weight: bold;
	}
	div#footer_menu ul{
		list-style-type: none;
	}
	div#footer_menu ul li{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	div#footer_menu ul li a{
		color: #d4d4d4;
		text-decoration: none;
	}
	div#footer_menu ul li a:hover{
		color: #d4d4d4;
		text-decoration: underline;
	}

	div#footer_frame1{
		width: auto;
		float: none;
		vertical-align: top;
	}
	div#footer_frame2{
		width: auto;
		float: none;
		vertical-align: top;
	}
	div#footer_frame3{
		width: auto;
		float: none;
		vertical-align: top;
	}
	div#footer_frame4{
		width: auto;
		float: none;
		vertical-align: top;
	}


/* ######### for FOOTER ######### */


/* ############# copyright ############# */
div#copyright {
	width: auto;
}
/* ############# copyright ############# */


/* ######### HEADER & LOGO ######### */

div#header_t_fr1{
	float: none;
	width: auto;
}
div#header_t_fr2{
	display: none;
	float: none;
	width: auto;
}
div#logo {
	margin: 0px;
	height: 35px;
	width: 140px;
	text-decoration: none;
	text-indent: -1500px;
}

div#logo h1 {
	margin: 0px;
	text-decoration: none;
	text-indent: -1500px;
}

div#logo h1 a {
	display:block;
	height: 35px;
	width: 140px;
	text-decoration: none;
	text-indent: -1500px;
	overflow: hidden;
	background: url(../images/logo.png);
	background-size: cover;
	background-repeat: no-repeat;
}

div#logo h1 a:hover {
/*
	display: block;
	height: 50px;
	width: 200px;
	text-decoration: none;
	text-indent: -1500px;
	overflow: hidden;
	background: url(../images/logo.png);
	background-repeat: no-repeat;
*/
	filter: alpha(opacity=75);
	opacity:0.75;
}

/* ######### LOGO ######### */


/* ############# SIDE MENU ############# */

#subMenu{
	width: auto;
}

	#subMenu div.cont {
		background-color: #f6f6f6;
		padding: 5px;
		border: 0 solid #cccccc;
	}


	#subMenu ul.menu {
		width: 100%;
		box-sizing: border-box;
	}

	#subMenu ul.menu li a,
	#subMenu ul.menu li.title {
		width: 100%;
		box-sizing: border-box;
	}
	#subMenu ul.menu li a.on {
		width: 100%;
		box-sizing: border-box;
	}

	#subMenu ul.menu li a:hover {
		width: 100%;
		box-sizing: border-box;
	}

	/* サブメニューのサブ*/
	#subMenu ul.menu li.sub a {
		width: 100%;
		box-sizing: border-box;
	}
	#subMenu ul.menu li.sub a.on {
		width: 100%;
		box-sizing: border-box;
	}

	#subMenu ul.menu li.sub a:hover {
		width: 100%;
		box-sizing: border-box;
	}
	/* サブメニューのサブ*/

		#subMenu ul.menu li.more a {
			width: 100%;
			box-sizing: border-box;
		}


/* ############# SIDE MENU ############# */





#nav_wrap{
	margin:0;
	padding:0;
}

	#nav{
		display: none;
	}
	#nav ul li{
		width: 100%;
	}
	#nav ul li a{
		border: 0;
	}
	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #0081c6;
	}
	#toggle a{
		display: block;
		margin: auto;
		position: relative;
		padding: 10px 0 10px;
		border-bottom: 1px solid #4baacb;
		color:#FFF;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: #FFF;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #0081c6;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}




img{
     max-width: 100%;
     height: auto;
     display: block;
}


/* ############# SEARCH BOX ############# */
div.search_box{
	overflow: hidden;
	border-bottom: 1px solid #dedede;
}
/* ############# SEARCH BOX ############# */


/* ############# TABLE ############# */

table.reg, table.reg2{
	border-top: #d3d3d3 1px solid;
}
table.reg tr, table.reg2 tr{
	display: block;
}
table.reg th, table.reg td, table.reg2 th, table.reg2 td{
	display: block;
	text-align: center;
}
table.reg th, table.reg2 th{
	border-bottom: none;
	border-top: none;
}
table.reg th.stitleS, table.reg2 th.stitleS{
	width: 100%;
}


table.reg3 {
	display: block; 
	border-bottom: #d3d3d3 1px solid;
}

table.reg3 thead{
	display: block; 
	float: left;
}
table.reg3 tbody{
	display: block; 
	width: auto;
	overflow-x: auto; 
	white-space: nowrap;
}
table.reg3 tbody tr{
	display: inline-block; 
	margin: 0 -3px;
}
table.reg3 th{
	display: block;
	width:auto;
}
table.reg3 td{
	display: block;
}
table.reg3 th, table.reg3 td{
	border-bottom: none;
}




div.tableDef table{
	border-top: #5a8cd1 1px solid;
}
div.tableDef table tr{
	display: block;
}
div.tableDef table th, div.tableDef table td{
	display: block;
	text-align: center;
	width: auto;
}
div.tableDef table th{
	border-bottom: none;
	border-top: none;
}
div.tableDef table th.stitleS{
	width: 100%;
}


div.tableDef2 table{
	border-top: #5a8cd1 1px solid;
}
div.tableDef2 table tr{
	display: block;
}
div.tableDef2 table th, div.tableDef2 table td{
	display: block;
	text-align: center;
	width: auto;
}
div.tableDef2 table th{
	border-bottom: none;
	border-top: none;
}
div.tableDef2 table th.stitleS{
	width: 100%;
}

/* ############# TABLE ############# */


/* ############# FONT ############# */

h1.pTitleLW {
	padding: 12px 0 12px 12px;
	font-size: 160%;
}



/* ############# Go To Top ############# */
#pageTop {
	z-index: 998;
	position: fixed;
	bottom: 20px;
	right: 20px;
}

#pageTop a {
	border-radius: 17px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 90%;
}
#pageTop a::before{
	width: 10px;
	height: 10px;
}
/* ############# Go To Top ############# */