@charset "UTF-8";
/* CSS Document */

#wrapper a:link { color:#4D4D4D; }
#wrapper a:visited { color:#4D4D4D; opacity:0.7; }
#wrapper a:hover { color:#4D4D4D; opacity:0.7; }
#wrapper a:active { color:#4D4D4D; }
#wrapper a { text-decoration: none;}

#wrapper h1,h2,h3,h4,h5 { font-weight:bold; }
ul, li { margin:0; padding:0; }

/*=======================
	#kakuchou
=======================*/
body#kakuchou #head, #footerTop, #footerCopyArea {
    background-color: white;
}
#kakuchou div#container {
    background-color: #ffffff;
}
#kakuchou #pagetop {
    display: none !important;
}
#kakuchou #pageTtl {
     display: none !important;
}
/*=======================
	#wrapper
=======================*/
#wrapper{
	width:970px;
	margin:0 auto 0 auto;
	font-size:18px;
	color:#000;
	line-height:1.8;
	background-color: #ffffff;
}
.arrow{
	text-align:center;
}

/*=======================
	#header
=======================*/
#header_eria{
	width:100%;
	min-width:970px;
	background-position:center center;
	background-size:100%;
	margin-bottom:30px;
}
#header_eria h2{
	text-align:center;
	margin:0 auto 0 auto!important;
    width: 100% !important;
    background: none !important;
    
}
#header_eria p{
	text-align:left;
	width:970px;
	margin:10px auto 0px auto;
}

/*=======================
	#content
=======================*/
#content{
	width:970px;
	margin:10px auto 0px auto;
    
}
.sankaku{
	text-align:center;
	padding-bottom:30px;
	padding-top:60px;
}

#content h3{
	text-align:center;
	padding-bottom:10px !important;
	padding-top:20px !important;
    padding-left:0px !important;
    border-left: none !important;
    margin: 0 !important;
}

#content h4{
	text-align:center;
	padding-bottom:10px !important;
	padding-top:20px !important;
    margin: 0 !important;
}

#matome{
	margin:30px auto 0px auto;
	border: solid 1px #ffffff;
	padding:10px;
	width:836px;
	text-align:left
    border:solid 2px #ffffff;
	font-size: 24px;
	line-height:1.8;
}

ol	{
position: relative;
margin:0;
padding:0
}
ol li  {
list-style: none;
list-style-position:outside;
margin:0;
padding-left:1.25em
}
ol li span {
position: absolute;
left:0;
margin:0
}
/*IE6*/
*html ol li span  {
left: -1.25em;
}

#susume{
	margin:30px auto 0px auto;
	width:856px;
	text-align:left
    border:solid 2px #ffffff;
}


.point{
	width:856px;
	margin: 20px 0px 20px 0px;
}

.point1{
	float:left;
	width:439px;
}
.point1 p{
	padding:10px 30px 20px 10px;
	line-height:1.6;
}
.point2{
	float:left;
	width:417px;
}
.point2 p{
	padding:10px 0px 20px 10px;
	line-height:1.6;
}

.tokucyo{
	margin:30px auto 0px auto;
	padding:10px;
	width:856px;
	text-align:left
    border:solid 2px #ffffff;
}

.hikaku{
	margin:10px auto 0px auto;
	width:856px;
	text-align:left
    border:solid 2px #ffffff;
}

.point-sub{
	width:856px;
	margin: 10px 0px 20px 0px;
}

.lineup{
	margin:10px auto 0px auto;
	width:856px;
	text-align:left
    border:solid 2px #ffffff;
}



.data-table{
    margin: 30px auto 30px auto;
	width: 856px;
	text-align:center;
	background-color: #ffffff;
}

table.brwsr2 {
    margin: 0 auto;
    width: 856px;
    border: none;
    border-collapse: separate;
    border-spacing: 0px;
}
 
table.brwsr2 th {
    vertical-align: middle;
    width: 172px;
   border-bottom: solid 2px #000000;  
    margin: 0;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5em !important;
    background-color: #337deb;
}
 
table.brwsr2 td.data {
    padding: 10px 10px 10px 10px;
    margin: 0;
    height: 53px;
    width: 168px;
    border-right: none;
    border-bottom: solid 2px #000000;  
    color: #666;
    font-size: 13px;
    line-height: 1.5em;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
 
table.brwsr2 td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
}
table.brwsr2 th.bb_n,
table.brwsr2 td.bb_n {
    border-bottom: none !important;
}
 
table.brwsr2 td.bar {
    height: 1px;
    width: 100%;
    border-top: solid 1px #b3b3b3;
}



/*=======================
	etc.
=======================*/
.text-bold {
	font-weight: bold;
}
.text-color{
	color: #009dff;
}
.text-small {
	font-size: 17px;
}
.text-small2 {
	font-size: 14px;
	line-height:1.6;
}
.text-small3 {
	font-size: 12px;
	/*line-height:1.3;*/
}
.text-small4 {
	font-size: 15px;
	line-height:2.5;
}
.go_pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    }
.go_pagetop a {
    display: block;
    text-decoration: none;
    }
    
.arrow2 {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.arrow2:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #ff69b4;
    border-radius: 0%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}
.arrow2:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 5px transparent;
    border-left: solid 7px #ffffff;
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -4px;
}

.box01 {
    background: #f0f0eb;
    padding: 20px 10px 10px 10px;
    margin: 20px 0;
    font-weight:bold;
}

a.dl {
	color:#6c9bd6 !important;
	text-decoration: underline !important;
}