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

body{
	font-size: auto;
}

h1,
h2{
	margin: 5px 0 0 0;
}
div#logo {
	margin: 6px 0 6px 0;
}
div#logo a{
	float: left;
	height: 30px;
	width: 120px;
	margin: 6px;
}


#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;
		border-bottom: 1px solid #d9d9d9;

		background: #91bdf5; /* Old browsers */
		background: -moz-linear-gradient(top,  #008cd3 0%, #0081c6 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008cd3), color-stop(100%,#0081c6)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #008cd3 0%,#0081c6 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #008cd3 0%,#0081c6 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #008cd3 0%,#0081c6 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #008cd3 0%,#0081c6 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008cd3', endColorstr='#0081c6',GradientType=0 ); /* IE6-9 */
	}
	#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;
	}




div.main_wrap{
	width: auto ;
	/*padding: 0 10px;*/
}

	div.main{
		width: auto;
		padding: 0;
		border: none;
		float: none;
	}

	div.side{
		width: auto;
		float: none;
	}


div#topicPath {
	display: none;
}

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



/* ############# FORM ############# */
select, input, textarea{
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
}
/* ############# FORM ############# */


/* ############# UPDATE ############# */
div.update {
}

	dl.update dt {
		display: block;
		width: auto;
		float: none;
		margin: 5px 0;
	}

	dl.update dd {
		display: block;
		width: auto;
		float: none;
		margin: 5px 0;
	}

/* ############# UPDATE ############# */



/* ############# 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; 
}
table.reg3 thead{
	width: auto;
	display: block; 
	float: left;
}
table.reg3 tbody{ 
	display: block; 
	width: auto; 
	overflow-x: auto; 
	white-space: nowrap;
}
table.reg3 th{ 
	display: block;
	width:auto;
	border-bottom: #d3d3d3 0px solid;
}
	table.reg3 th:last-child{
		border-bottom: #d3d3d3 1px solid;
	} 
table.reg3 tbody tr{ 
	display: inline-block; 
	margin: 0 -3px;
}
table.reg3 td{ 
	display: block;
	border-bottom: #d3d3d3 0px solid;
}
	table.reg3 td:last-child{
		border-bottom: #d3d3d3 1px solid;
	} 


table.reg4 { 
	width: 100%;
	display: block; 
	overflow-x: auto; 
	white-space: nowrap;
}

/* 各テーブル共通 */
table.reg th,
table.reg2 th,
table.reg td,
table.reg2 td{
	display: block!important;
	width:auto!important;
}
/*
table th.stitle20,
table th.stitle25,
table th.stitle30,
table th.stitle40,
table td.cont25,
table td.cont75{
	display: block;
	width:auto;
}
*/
/*
table th,
table td{
	display: block !important;
	width:auto !important;
}
*/
/* ############# TABLE ############# */


/* ############# STEP BAR ############# */
#steps ul li {
	display: block;
	width: 90%;
}



/* ############# STEP BAR ############# */