@charset "UTF-8";



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


/*======================================

	h2
	
========================================*/

h2{
	display: block;
	height:60px;
	width:100%;
	background: url(../i/h2_outline.png) no-repeat center;
	background-size:300px auto;
	margin:0 0 30px 0;
	padding: 0 0 0 0;
	text-indent: -9999em;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
}





.outline-list{
font-size: 14px;
line-height:28px;
color:#555;
width:100%;
background:#fff;
border-bottom:1px dotted #999;
margin:30px 0 24px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.outline-list dt{
clear: left;
float: none;
margin: 0 0 0 0;
padding:10px 0 10px 10px;
width: 100%;
color:#333;
font-weight:normal;
border-top:1px dotted #999;
background:#fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
}


.outline-list dd{
  margin: 0 0 0 0;
  padding:0px 0 10px 10px;
  border-bottom:0px dotted #999;
background:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

figure.wide-half{
	width:50%;
	float:left;
}

#history{
width:100%;
font-size: 13px;
line-height:24px;
color:#333;
background:#f3f2eb;
border-bottom:0px solid #fff;
margin:0 auto 0 auto;
text-align: left;
border-collapse: collapse;
}

#history th{
text-align: center;
margin: 0 0 0 0;
padding:10px 0 10px 0px;
width: 120px;
color:#666;
font-weight:bold;
border-top:2px solid #fff;
border-right:2px solid #fff;
background:#f3f2eb;
}

#history td{
margin: 0 0 0 0;
padding:10px 12px 10px 12px;
border-top:2px solid #fff;
background:#eee;
}





}/*//end  max-width: 480px ///////////////////////*/











@media only screen and (min-width: 481px) {


/*======================================

	h2
	
========================================*/

h2{
	display: block;
	height:90px;
	width:100%;
	min-width: 1040px;
	background: url(../i/h2_outline.png) no-repeat center;
	background-size:360px auto;
	margin:0 0 30px 0;
	padding: 0 0 0 0;
	text-indent: -9999em;
	border-bottom:1px solid #ddd;
}






.outline-list{
font-size: 14px;
line-height:28px;
color:#555;
width:100%;
background:#fff;
border-bottom:1px dotted #999;
margin:30px 0 24px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.outline-list dt{
clear: left;
float: left;
margin: 0 0 0 0;
padding:10px 0 10px 20px;
width: 130px;
height:48px;
text-align: center;
color:#333;
font-weight:normal;
border-top:1px dotted #999;
background:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.outline-list dd{
  margin: 0 0 0 0;
  padding:10px 0 10px 145px;
  border-top:1px dotted #999;
background:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#history{
width:100%;
font-size: 13px;
line-height:24px;
color:#333;
background:#f3f2eb;
border-bottom:0px solid #fff;
margin:0 auto 0 auto;
text-align: left;
border-collapse: collapse;
}

#history th{
text-align: center;
margin: 0 0 0 0;
padding:10px 0 10px 0px;
width: 120px;
color:#666;
font-weight:bold;
border-top:2px solid #fff;
border-right:2px solid #fff;
background:#f3f2eb;
}

#history td{
margin: 0 0 0 0;
padding:10px 12px 10px 12px;
border-top:2px solid #fff;
background:#eee;
}



}/*//end  min-width: 481px ///////////////////////*/