.contena_800 {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.contents_contena {
	margin: 0px auto;
	width: 800px;
	padding: 0px;
}

body {
	background: url(image/header_bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: 'Noto Sans JP', sans-serif;
}
.header_main_l {
	float: left;
	width: 400px;
}
.header_main_r {
	float: right;
	width: 400px;
	background: url(image/header_bg.gif) repeat-x;
	height: 200px;
}
.header_main_r p {
	font-size: 0.8em;
	margin: 5px;
}

.header_main {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
}
.contents_main {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	background: url(image/contents_bg.gif) repeat-y;
	float: left;
}
.contents_main_l {
	width: 200px;
	float: left;
	background: #000000;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}
.contents_main_r {
	float: right;
	width: 598px;
	text-align: center;
}
.contents_main_r_contena {
	margin: 0px auto;
	padding: 0px;
	width: 560px;
}
.contents_main_r_contena h3 {
padding: 15px;
color:#F2F2F2;
font-size: 0.9em;
margin: 0 auto;
text-align:center;
background-color: #4d4d4d;
font-weight:normal;
line-height: 1.5em;
font-weight:bold;
display: block;
width:95%;
}
.contents_main_r_contena_l {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 250px;
}
.contents_main_r_contena_l1 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 360px;
}

.contents_main_r_contena_r {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: right;
	width: 300px;
	text-align: left;
}
.contents_main_r_contena_r1 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 190px;
	margin-left: 10px;
}

.contents_main_r_rink {
	text-align: left;
	border: 1px solid #095D56;
	margin: 1em;
	padding: 1em;
	font-size: 12px;
}
.topic_title {
	width: 95%;
	text-align: left;
	padding: 0.5em;
	background: #095D56;
	color: #FFFFFF;
	float: left;
	display: block;
	margin-bottom: 10px;
}
.m50{
	margin-top: -50px;
}

.contents_main_r_main {
	margin: 0px 0px 0.5em;
	padding: 0px 0px 0.5em;
	width: 560px;
	border-bottom: 1px dotted #DE831B;
	clear: both;
	float: left;
}


.contents_caption {
	padding: 0.5em 1em;
	clear: both;
	width: 450px;
	margin: 1em auto;
	text-align: left;
	border: 1px solid #A6A6A6;
	background: url(image/cap_bg.gif) repeat-x;
}
.taiken {
	background: #A6A6A6;
	margin: 1em auto;
	padding: 1em;
	width: 80%;
	text-align: left;
}








.footer_contena {
	background: url(image/footer_bg.gif) repeat-x;
	height: 80px;
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.contents_main_r p {
	margin: 0.5em auto;
	padding: 0px;
	clear: both;
	font-size: 0.85em;
	text-align: left;
}

#menu .menu_title {
	background: #095D56;
	color: #FFFFFF;
	font-size: 0.85em;
	font-weight: bolder;
	padding: 0.5em;
	margin: 0px;
}

.footer_contena p {
	margin: 0.5em auto;
	padding: 0px;
	font-size: 0.5em;
}
.buy_contena_l {
	margin: 0px 10px;
	padding: 0px;
	width: 160px;
	text-align: left;
	float: left;
}
.buy_contena_inside {
	margin: 0px auto;
	width: 145px;
}


.price {
	font-size: 36px;
	font-weight: bolder;
	color: #DE351B;
}





h1 {
	font-size: 0.85em;
	color: #095D56;
	margin: 0.5em auto;
}
h2 {
	font-size: 16px;
	margin: 0.5em auto;
}
h3 {
	margin: 1em auto;
}

strong {
	color: #DE351B;
}
th {
	border-bottom: :1px solid #FFF !important;
	color: #095D56;
	text-align: center;
	background: #DE831B;
	padding: 0.5em;
}
td {
}



.title {
	width: 560px;
	margin: 0 auto;
	font-size: 1em;
	font-weight: bolder;
	color: #DE351B;
	text-align: center;
}
.text_left {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	width: 540px;
}
.small_text {
	font-size: x-small;
	line-height: 1.2em;
	width: 540px;
	margin: 20px auto;
	padding: 0px;
	text-align: left;
}
.ss_text {
	font-size: 0.5em;
}
.x-top {
	background: url(image/sociac-x_top.gif) no-repeat;
	margin: 0px auto;
	padding: 0px;
	height: 350px;
	width: 560px;
}
.x-top div {
	margin: 100px 0.5em 0.5em;
	width: 210px;
	padding: 0px;
	float: right;
	text-align: left;
}
.x-top_2nd {
	background: url(image/sociac-x__2nd.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 330px;
	width: 560px;
	clear: both;
}
.x-top_2nd p {
	overflow: hidden;
	text-indent: -9999px;
}

.x-top_3rd {
	background: url(image/sociac-x_scan02.gif);
	margin: 0px;
	padding: 0px;
	height: 790px;
	width: 560px;
}
.x-top_3rd li {
	text-indent: -9999px;
	overflow: hidden;
}
.x-top_3rd p {
	overflow: hidden;
	text-indent: -9999px;
}









/*ヘッダーメニュー*/
ul.menu {
list-style-type:none;
width:360px;
position:relative;
display:block;
height:33px;
font-size:.14px;
background:url(image/bg.png) repeat-x top left;
font-family:Noto Sans JP,Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin: 0px auto;
padding: 0px;

}

ul.menu li {
width:120px;
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
width:92px;
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 14px 0;
font-weight:normal;
}

ul.menu li a .current {
background:url(images/bg.png) no-repeat top left;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(images/bg.png) repeat-x top left;
text-decoration:none;
}

ul.menu .current a {
color:#fff;
font-weight:700;
}


/*RED*/
ul.menu.red{
background-color:#B11718;
}
ul.menu.red li a:hover, .menu.red li.current {
background-color:#DE3330;
}


/*        V2        */
.outer{
	list-style:none;
	margin:0px;
	padding:0px;
	font-size: 14px;
}


#menu {
	width: 200px;
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-width: 1px;
	margin: 0px;
	padding: 0px;

	}
#menu ul{
	list-style:none;
	margin:auto 0px;
	padding:5px;
	}

#menu li a {
	height: 32px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-weight:normal;
	font-size: 10px;
	}

#menu li a:link, #menu li a:visited {
	color: #FFFFFF;
	display: block;
	background: url(image/v6.gif);
	background-repeat:no-repeat;
	padding: 8px 0 0 50px;
	}

#menu li a:hover {
	color: #666666;
	background: url(image/v6_01.jpg) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 50px;
	}

#menu li a:active {
	color: #666666;
	background: url(image/v6.gif) 0 -64px;
	background-repeat:no-repeat;
	padding: 8px 0 0 50px;
	}

table {
	margin: 0px auto;
	padding: 0px;
}
.chapter {
	width: 100%;
	display:flex;
	flex-wrap: wrap;
}
.chapter_rack {
  padding: 0;
	margin: 0;
	border-bottom: 1px solid #999;
	overflow: hidden;
}
.chapter_rack h4 {
	text-align: left;
}
.chapter_l {
	float: left;
	height: 275px;
	border-right: 1px solid #999;
}
.chapter_r {
	float: right;
	width: 50%;
	padding: 0;
	margin: 20px;
	font-size: 0.85em;
}
.chapter_i {
	width:66%;
}
.chapter_ro {
	width: 33%;
}
.cl{
	clear: both;
}
.explanation {
	width: 100%;
}
.explanation table {
	border-spacing: 0px;
	border-right: 1px solid #DE831B;
	border-bottom: 1px solid #DE831B;
	margin: 10px auto;
}
.explanation td {
	padding: 0.5em;
	border: solid 1px #DE831B;
	border-right: 0px;
	border-bottom: 0px;
}
.explanation table th {
	padding: 1em;
	border-bottom: :1px solid #FFFFFF !important;
}
.text_center {
	text-align: center;
}
.text_center p {
	text-align: center;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');