@charset "utf-8";
body {
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 100%;
	margin: 0px;
	margin: 0px;
}

h1,h2,h3,h4,h5,ul,li,p,ul,li,div,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	list-style-type: none;
}
img {
	border-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 100%;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix {
	display: block;
}  
/* End hide from IE-mac */

#container {
	width: 100%;
	position: relative;
}
#header_l {
	float: none;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	padding-left: 0%;
	max-width: 277px;
	margin-right: auto;
	margin-left: auto;
}
#header_l img {
	width: 100%;
	height: auto;
}
#header_r {
	float: none;
	width: 95%;
	padding-bottom: 3%;
	margin-right: auto;
	margin-left: auto;
	display: none;
}
.head_logo {
	float: none;
	width: 100%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	max-width: 568px;
}
#header_r img {
	width: 100%;
}
.asahi {
	float: left;
	width: 11.9%;
	padding-right: 6.3%;
}
.kirin {
	float: left;
	width: 14.6%;
	padding-right: 5.8%;
}
.sapporo {
	float: left;
	width: 17.7%;
	padding-right: 5.6%;
}
.suntry {
	float: left;
	width: 18.4%;
	padding-right: 6.3%;
}
.orion {
	float: left;
	width: 11.6%;
}
.english {
	float: none;
	width: 12%;
	max-width: 60px;
	margin-right: auto;
	margin-left: auto;
}
#manu_table {
	background-color: #FF8000;
	width: 100%;
	display: none;
}
.dropmenu{
  *zoom: 1;
	list-style-type: none;
	max-width: 980px;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
#type_a {
	width: 21%;
	background-image: url(../images//menu_san_b.png);
	background-repeat: no-repeat;
	background-position: 12px center;
}
#type_b {
	width: 15.5%;
	background-image: url(../images//menu_san_b.png);
	background-repeat: no-repeat;
	background-position: 13px center;
}
#type_c {
	width: 15.8%;
	background-image: url(../images//menu_san_b.png);
	background-repeat: no-repeat;
	background-position: 7px center;
}
#type_d {
	width: 15.8%;
	background-image: url(../images//menu_san_b.png);
	background-repeat: no-repeat;
	background-position: 11px center;
}
#type_e {
	width: 16%;
	background-image: url(../images//menu_san_b.png);
	background-repeat: no-repeat;
	background-position: 14px center;
}
.dropmenu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
	display: block;
	margin: 0;
	color: #fff;
	font-size: 87%;
	line-height: 120%;
	text-decoration: none;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
	text-align: center;
	background-color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF8000;
	padding-top: 15px;
	padding-bottom: 15px;
}
.dropmenu li:hover > a{
	background-color: #000000;
}
.dropmenu li a:hover{
	background-color: #666;
}
#flip2 {
	position: relative;
	z-index: 21;
}
#flip2 li ul {
  visibility: hidden;
  perspective: 400px;
}
#flip2 li:hover ul{
  visibility: visible;
}
#flip2 ul li{
  transform: rotateY(90deg);
  transform-origin: 50% 0;
  transition: .3s;
}
#flip2 li:hover li{
  transform: rotateY(0);
}
#flip2 ul li:nth-child(2) {
  transition-delay: .1s;
}
#flip2 ul li:nth-child(3) {
  transition-delay: .2s;
}
#flip2 ul li:nth-child(4) {
  transition-delay: .3s;
}
#flip2 ul li:nth-child(5) {
  transition-delay: .4s;
}
#contents {
	background-color: #FCE298;
	width: 100%;
}
#contents_table {
	padding-left: 10px;
	max-width: 1640px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
}
#contents_table_b {
	max-width: 1640px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
}
#contents_table_c {
	padding-left: 10px;
	max-width: 1640px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
.pickup_table {
	display: inline-block;
	width: 96%;
	background-color: #FF8000;
	padding: 2%;
	margin-top: 2%;
}
.pickup_table img {
	width: 100%;
}
.pic_title {
	font-size: 78%;
	color: #FFF;
	position: absolute;
	z-index: 20;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 40px;
	line-height: 150%;
	background-color: rgba(0,0,0,0.5);
	bottom: 0px;
	background-image: url(../images//posi_b.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	width: 87%;
	padding-right: 3%;
}
.pic_title_b {
	font-size: 87%;
	color: #FFF;
	position: absolute;
	z-index: 20;
	padding-top: 5.3%;
	padding-bottom: 5.3%;
	padding-left: 40px;
	line-height: 150%;
	background-color: rgba(0,0,0,0.5);
	bottom: 0px;
	background-image: url(../images//posi_b.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	width: 87%;
	padding-right: 3%;
}
.pic_title_c {
	font-size: 68%;
	color: #FFF;
	position: absolute;
	z-index: 20;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	line-height: 130%;
	background-color: rgba(0,0,0,0.5);
	bottom: 0px;
	width: 94%;
	padding-right: 3%;
}
.pic_title_c_c {
	font-size: 81%;
	color: #FFF;
	position: absolute;
	z-index: 20;
	padding-top: 6.5%;
	padding-bottom: 6.5%;
	padding-left: 3%;
	line-height: 150%;
	background-color: rgba(0,0,0,0.5);
	bottom: 0px;
	width: 94%;
	padding-right: 3%;
}
.pic_tana {
	margin-top: 15%;
}
.pic_tana_sub {
	margin-top: 15%;
}
.pic_tana_sub_b {
	margin-top: 27%;
}
.pic_tana_sub_c {
	margin-top: 22%;
}
.cap_txt {
	font-size: 78%;
	color: #FFF;
	padding-top: 0%;
	line-height: 150%;
	padding-right: 10px;
	padding-left: 10px;
}
.sub_cap_txt {
	font-size: 68%;
	color: #FFF;
	padding-top: 0%;
	line-height: 150%;
	padding-right: 3px;
	padding-left: 3%;
}
.pic li#main {
	display: inline-block;
	font-size: 78%;
	color: #FFF;
	text-decoration: none;
	width: 60%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #FFF;
}
.pic li#main a:link {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	background-color: #FF0000;
	text-align: center;
	width: 100%;
	line-height: 25px;
}
.pic li#main a:visited {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	background-color: #FF0000;
	line-height: 25px;
	text-align: center;
	width: 100%;
}
.pic li#main a:hover {
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF9900;
	line-height: 25px;
	text-align: center;
	width: 100%;
}
.pic li#main a:active {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	background-color: #FF0000;
	line-height: 25px;
	text-align: center;
	width: 100%;
}
.pickup_table_b {
	display: inline-block;
	width: 96%;
	background-color: #FF8000;
	padding: 2%;
	margin-top: 2%;
}
.pickup_table_b img {
	width: 100%;
}
.pickup_table_c {
	display: inline-block;
	width: 43.5%;
	margin-right: 0.9%;
	background-color: #FF8000;
	padding: 2%;
	margin-top: 2%;
}
.pickup_table_c img {
	width: 100%;
}
.top_l {
	float: none;
	width: 100%;
}
.top_r {
	float: none;
	width: 96%;
	background-color: #FF8000;
	bottom: 0px;
	right: 0px;
	top: 0px;
	margin-top: 2%;
	padding: 2%;
}
.news_table {
	padding: 2.3%;
}
.news_white {
	background-color: #FFF;
	padding: 1%;
	/* [disabled]position: absolute; */
	top: 1.5%;
	bottom: 2%;
	left: 2.5%;
	right: 2.5%;
}
.news_header {
	width: 100%;
	padding-top: 4%;
	padding-bottom: 4%;
}
.news_header h3 {
	font-size: 84%;
	float: left;
	padding-left: 2%;
	padding-top: 0.5%;
}
#news_ichiran {
	float: right;
	font-size: 84%;
	padding-right: 1.2%;
}
#news_ichiran li a:link,
#news_ichiran li a:visited,
#news_ichiran li a:active {
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #000;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #000;
}
#news_ichiran li a:hover {
	color: #000;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFF;
	border: 1px solid #000;
	padding-right: 15px;
	padding-left: 15px;
}
.news_com {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D6D6D6;
}
.news_comment {
	padding-top: 3.5%;
	padding-bottom: 3.5%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
}
.news_data {
	font-size: 87%;
	float: left;
	width: auto;
	padding-right: 2%;
	line-height: 140%;
	padding-left: 2%;
}
.i_fl {
	float: left;
}
.news_txt {
	font-size: 78%;
	line-height: 130%;
	padding-top: 2%;
	padding-right: 2%;
	padding-left: 2%;
}
.news_txt a:link {
	color: #000;
	text-decoration: none;
}
.news_txt a:visited {
	color: #000;
	text-decoration: none;
}
.news_txt a:hover{
	color: #666;
	text-decoration: underline;
}
.news_txt a:active {
	color: #000;
	text-decoration: none;
}
#footer_menu {
	background-color: #FFF;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-top: 1.5%;
	display: none;
}
.footer_menu_table {
	max-width: 1005px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	margin-top: 5%;
}
#happo a:link,
#happo a:visited,
#happo a:active {
	float: none;
	display: inline-block;
	font-size: 106%;
	color: #FFF;
	text-decoration: none;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #0085B2;
	box-shadow: 2px 2px 0px #007399;
	-webkit-box-shadow: 2px 2px 0px #007399;
	-moz-box-shadow: 2px 2px 0px #007399;
	font-weight: bold;
}
#happo a:hover {
	float: none;
	display: inline-block;
	font-size: 106%;
	color: #0085B2;
	text-decoration: none;
	width: 100%;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 14px;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 0px #007399;
	-webkit-box-shadow: 2px 2px 0px #007399;
	-moz-box-shadow: 2px 2px 0px #007399;
	font-weight: bold;
	border: 1px solid #0085B2;
}
.footer_menu_r {
	float: none;
	width: 60%;
	margin-top: 5%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5%;
}
#footre_m_a a:link,
#footre_m_a a:visited,
#footre_m_a a:active {
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	float: none;
	display: inline-block;
	font-size: 93%;
	color: #666;
	text-decoration: none;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #999;
	margin-bottom: 5%;
}
#footre_m_a a:hover {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: none;
	display: inline-block;
	font-size: 93%;
	color: #FF8000;
	text-decoration: none;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #FF8000;
	margin-bottom: 5%;
}
#footre_m_b a:link,
#footre_m_b a:visited,
#footre_m_b a:active {
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	float: none;
	display: inline-block;
	font-size: 93%;
	color: #666;
	text-decoration: none;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #999;
	margin-bottom: 2%;
}
#footre_m_b a:hover {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: none;
	display: inline-block;
	font-size: 93%;
	color: #FF8000;
	text-decoration: none;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #FF8000;
	margin-bottom: 2%;
}
#footer_table {
	background-color: #000;
}
.footer_in {
	max-width: 1240px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	display: none;
}
.sitemap {
	text-align: center;
	width: 100%;
	font-size: 87%;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 20px;
}
.footer_type_a {
	float: none;
	width: 100%;
}
.footer_type_b {
	float: none;
	width: 100%;
}
.footer_type_c {
	float: none;
	width: 100%;
}
.footer_in dt {
	font-size: 81%;
	color: #FFF;
	padding-bottom: 10px;
}
.footer_in dd {
	font-size: 76%;
	color: #FFF;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 120%;
}
.footer_in a:link,
.footer_in a:visited,
.footer_in a:active {
	color: #FFF;
	text-decoration: none;
}
.footer_in a:hover {
	color: #FF0;
	text-decoration: underline;
}
.st_tana {
	margin-bottom: 20px;
}
.copy {
	font-size: 88%;
	color: #FFF;
	text-align: center;
	width: 100%;
	padding-bottom: 40px;
	padding-top: 30px;
}
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	text-indent: -9999;
	z-index: 155;
	display: none;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	width: 65px;
	padding: 0px;
	text-align: center;
	display: block;
	background-image: url(../images//totop.png);
	background-repeat: no-repeat;
	margin: 0px;
	height: 65px;
}
.sub_pickup_table {
	display: inline-block;
	width: 100%;
	margin-right: 0.9%;
	background-color: #FF8000;
	margin-top: 1.5%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.sub_pickup_table img {
	width: 100%;
}
.slider_table {
	max-width: 1210px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1%;
	padding-right: 20px;
	padding-left: 20px;
	display: none;
}
.slick-slide {
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.slick-slide img {
	width: 100%;
}

#sub_contents_table {
	padding-left: 1.2%;
	max-width: 1640px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-right: 1.2%;
}
.sub_l {
	float: none;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2%;
	margin-bottom: 2%;
}
.sub_r {
	float: none;
	width: 92%;
	background-color: #FF8000;
	bottom: 0px;
	top: 0px;
	padding: 3%;
	right: 0%;
	display: none;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2%;
	margin-bottom: 1%;
}
.sub_comment_table {
	background-color: #FF8000;
	padding: 1%;
	width: 98%;
}
.sub_white {
	background-color: #FFF;
	width: 100%;
}
.pan {
	font-size: 81%;
	padding-top: 10px;
	margin-bottom: 3%;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 120%;
}
.pan a:link,
.pan a:visited,
.pan a:active {
	color: #000;
	text-decoration: none;
}
.pan a:hover {
	color: #999;
	text-decoration: underline;
}
.sub_com_table {
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
}
.sub_title_table {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 5%;
}
.sub_title_table h2 {
	font-size: 117%;
	line-height: 120%;
	padding-right: 3px;
	padding-left: 3px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	float: left;
	padding-bottom: 5px;
}
.san_title {
	font-size: 97%;
	line-height: 120%;
	background-image: url(../images//posi_c.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	margin-bottom: 5%;
}
.main_txt {
	font-size: 84%;
	line-height: 150%;
	margin-bottom: 9%;
}
.main_txt_dash {
	font-size: 84%;
	line-height: 150%;
	margin-bottom: 5%;
}
hr {
	line-height: 1px;
	color: #CCC;
	margin-bottom: 5%;
}
.maru_title {
	font-size: 93%;
	line-height: 120%;
	margin-bottom: 5%;
}
.orenge {
	color: #FF8000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-right: 3px;
}
.san_title_b {
	font-size: 93%;
	line-height: 120%;
	margin-bottom: 5%;
}
.sub_side {
	width: 100%;
}
.sub_side h2 {
	font-size: 106%;
	line-height: 120%;
	color: #FFF;
	margin-bottom: 3%;
	margin-top: 2%;
}
.sub_side li#t_a a:link,
.sub_side li#t_a a:visited,
.sub_side li#t_a a:active {
	font-size: 87%;
	line-height: 120%;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images//menu_san_b.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 27px;
	display: inline-block;
	width: 90%;
	margin-bottom: 3%;
	border: 1px solid #FF8000;
}
.sub_side li#t_a a:hover {
	font-size: 87%;
	line-height: 120%;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images//menu_san_b.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 27px;
	display: inline-block;
	border: 1px solid #FFF;
	width: 90%;
	margin-bottom: 3%;
}
.sub_side li#t_b a:link,
.sub_side li#t_b a:visited,
.sub_side li#t_b a:active {
	font-size: 87%;
	line-height: 120%;
	color: #FFF;
	text-decoration: none;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 27px;
	display: inline-block;
	width: 88%;
	margin-bottom: 3%;
	border: 1px solid #FF8000;
	background-image: url(../images/pochi.jpg);
	background-repeat: no-repeat;
	background-position: 12px 5px;
}
.sub_side li#t_b a:hover {
	font-size: 87%;
	line-height: 120%;
	color: #FFF;
	text-decoration: none;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 27px;
	display: inline-block;
	border: 1px solid #FFF;
	width: 88%;
	margin-bottom: 3%;
	background-image: url(../images/pochi.jpg);
	background-repeat: no-repeat;
	background-position: 12px 5px;
}
.sub_side li#point {
	font-size: 87%;
	line-height: 120%;
	color: #FFF;
	text-decoration: none;
	background-image: url(../images//menu_san_b.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 27px;
	display: inline-block;
	border: 1px solid #FFF;
	width: 90%;
	margin-bottom: 3%;
}
.cyu {
	font-size: 78%;
	background-color: #F90;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2%;
	width: 50px;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.txt10 {
	font-size: 84%;
	line-height: 150%;
	padding: 5px;
}
.data_table {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9%;
	margin-left: 0%;
	width: 100%;
}
.data_table_b {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.en a:link,
.en a:visited,
.en a:active {
	border-radius: 50%;
	font-size: 84%;
	color: #000;
	display: inline-block;
	text-align: center;
	padding-top: 5%;
	text-decoration: none;
	padding-bottom: 5%;
	width: 100%;
}
.en a:hover {
	border-radius: 50%;
	width: 100%;
	font-size: 84%;
	color: #CCC;
	display: inline-block;
	text-align: center;
	padding-top: 5%;
	text-decoration: none;
	padding-bottom: 5%;
}

ul.accordion {

}
ul.accordion a {
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	width: 91.3%;
	padding-left: 8.7%;
}
ul.accordion a:hover {
	display: inline-block;
	text-decoration: none;
	color: #FFF;
	width: 91.3%;
	background-color: #FF8000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
ul.accordion span {
	display: block;
	color: #FFF;
	font-size: 100%;
	line-height: 40px;
	padding-left: 8.7%;
	height: 40px;
}

ul.accordion > li {
	font-size: 87%;
	line-height: 40px;
	display: inline-block;
	width: 100%;
	border: 1px solid #FFF;
	margin-bottom: 5px;
}
ul.accordion > li#point {
	font-size: 87%;
	line-height: 40px;
	display: inline-block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF8000;
	width: 100%;
	background-color: #FF8000;
	color: #FFF;
}
ul.accordion > li > p {
	cursor: pointer;
}
ul.accordion > li > p span {
	background-image: url(../images//tate_san.png);
	background-repeat: no-repeat;
	background-position: 97% center;
}
ul.accordion > li > p span.open {
	background-image: url(../images//tate_san.png);
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 97% center;
	background-color: #FF8000;
}
ul.accordion > li > ul {
	padding-bottom: 5%;
	margin-left: 10%;
}
ul.accordion > li > ul > li a {
	font-size: 87%;
	line-height: 27px;
	display: inline-block;
	height: 27px;
	width: 95%;
	padding-left: 5%;
}
ul.accordion > li > ul > li#point {
	font-size: 87%;
	line-height: 27px;
	display: inline-block;
	height: 27px;
	width: 95%;
	padding-left: 5%;
	background-color: #FF8000;
	color: #FFF;
}
ul.accordion > li > ul > li a:hover {
	font-size: 87%;
	line-height: 27px;
	display: inline-block;
	height: 27px;
	width: 95%;
	padding-left: 5%;
}
ul.accordion ul {
	display: none;
}
#menu {
	display: block;
	float: none;
	width: 100%;
}
.modal-content {
	position: relative;
	display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	z-index: 2000;
}

.modal-content p {
margin:0;
padding:0;
}

.modal-overlay {
	z-index: 2000;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.7);
}

.modal-wrap {
z-index:2001;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:auto;
}


.modal-open {
color:#00f;
text-decoration:underline;
}

.modal-open:hover {
cursor:pointer;
color:#f00;
}

.modal-close {
	color: #FFF;
	text-align: right;
}

.modal-close:hover {
	cursor: pointer;
	color: #FFF;
}

p.close_top{
text-align: right;
margin: 10px 0 20px;
}

p.close_top .modal-close{
height:35px;
border:1px solid #A5A4A4;
color: #A5A4A4;
font-size: 1.2em;
margin-right: 20px;
padding:10px 20px;
border-radius: 10px;
background-color: #ffffff;
}

.modal-content > ul{
overflow: hidden;
margin:0;
padding:0;
}

.modal-content > ul li.lavel{
background-color: #F70841;
font-size: 1.6em;
padding:5px 30px;
font-weight: bold;
}


.modal-content > ul li.lavel a{
color: #fff;
}

ul.nav_box{
background-color: #f1f1f1;
margin:0;
padding:15px 0 0;
overflow: hidden;
}

ul.nav_box li{
font-size: 1.5em;
width: 47%;
float: left;
margin:0 0 20px 3%;
}

ul.nav_box li a{
color: #505050;
display: block;
}


p.close_bottom{
	overflow: hidden;
	background-image: url(../images//batu.png);
	background-repeat: no-repeat;
	background-position: 81% center;
	display: block;
}


p.close_bottom a{
	display: block;
	color: #FFFFFF;
	padding: 10px;
	font-size: 93%;
	background-repeat: no-repeat;
	background-position: 88% center;
}
#sp_trigger {
	display: inline-block;
	width: 100%;
	float: none;
	background-color: #FF7F00;
	height: 30px;
}
.sp_inner {
	width: 70px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
	display: none;
}
#menu h2 {
	font-size: 93%;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
.wsnw {
	white-space: nowrap;
}
.wsnw_b {
	white-space: nowrap;
	display: inline-block;
}
.mebo_line {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	padding: 5px;
}
.syozai_l {
	float: none;
	width: 100%;
}
.syozai_r {
	float: none;
	width: 100%;
	padding-top: 3ex;
	padding-bottom: 5%;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.main_txt_b {
	font-size: 104%;
	line-height: 150%;
	margin-bottom: 2%;
	margin-top: 1.5%;
}
.data_line {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-bottom: 3%;
}
.data_line ul li {
	font-size: 87%;
	line-height: 150%;
	margin-bottom: 1%;
}
.data_line ul li a:link,
.data_line ul li a:visited,
.data_line ul li a:active {
	color: #36C;
	text-decoration: none;
	font-weight: bold;
}
.data_line ul li a:hover {
	color: #36C;
	text-decoration: underline;
	font-weight: bold;
}
.data_line_b {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-bottom: 5%;
	float: none;
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 3%;
	padding-bottom: 3%;
}
.data_line_b ul li {
	font-size: 87%;
	line-height: 150%;
}
.data_line_b ul li a:link,
.data_line_b ul li a:visited,
.data_line_b ul li a:active {
	color: #36C;
	text-decoration: none;
	font-weight: bold;
}
.data_line_b ul li a:hover {
	color: #36C;
	text-decoration: underline;
	font-weight: bold;
}
.data_line_c {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-bottom: 3%;
	float: none;
	width: 96%;
	padding-top: 3%;
	padding-right: 2%;
	padding-bottom: 3%;
	padding-left: 2%;
}
.data_line_c ul li {
	font-size: 87%;
	line-height: 150%;
}
.data_line_c ul li a:link,
.data_line_c ul li a:visited,
.data_line_c ul li a:active {
	color: #36C;
	text-decoration: none;
	font-weight: bold;
}
.data_line_c ul li a:hover {
	color: #36C;
	text-decoration: underline;
	font-weight: bold;
}
.sub_side li#point_b {
	font-size: 87%;
	line-height: 120%;
	color: #FFF;
	text-decoration: none;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 27px;
	display: inline-block;
	border: 1px solid #FFF;
	width: 88%;
	margin-bottom: 3%;
	background-image: url(../images/pochi.jpg);
	background-repeat: no-repeat;
	background-position: 12px 5px;
}
.release_l {
	float: none;
	width: 100%;
}
.release_l img {
	width: 100%;
}
.release_r {
	float: none;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
}
.release_l_b {
	float: none;
	width: 100%;
}
.release_l_b img {
	width: 100%;
}
.release_r_b {
	float: none;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
}
.txt08 {
	font-size: 68%;
	line-height: 100%;
}
.main_txt_c {
	font-size: 78%;
	line-height: 150%;
	color: #666;
	margin-bottom: 3%;
}
.main_txt_d {
	font-size: 78%;
	color: #000;
	margin-bottom: 3%;
}
.main_txt_pc {
	font-size: 78%;
	color: #000;
	text-align: right;
	margin-bottom: 5px;
}
.photo_table_a {
	font-size: 65%;
	text-align: center;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 1.5em;
}
.photo_table_b {
	font-size: 65%;
	text-align: center;
	margin: 0px;
	float: right;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height: 1.5em;
}
.photo_table_c {
	text-align: left;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
}
.photo_table_d {
	text-align: left;
	margin: 0px;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 2%;
	padding-right: 2%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.photo_table_e {
	padding-top: 4%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}
.txt_box133 {
	width: 133px;
	text-align: left;
}
.his_photo_a {
	padding: 2%;
	float: left;
	width: 29%;
	text-align: center;
	font-size: 74%;
	line-height: 150%;
}
.his_photo_a img {
	width:100%;
}
.his_photo_b {
	float: left;
	width: 62%;
	text-align: center;
	font-size: 74%;
	line-height: 150%;
	padding-top: 4.5%;
	padding-right: 2%;
	padding-bottom: 4.5%;
	padding-left: 2%;
}
.his_photo_b img {
	max-height:200px;
}
.his_phototable {
	background-color: #E0E0C0;
	width: 100%;
}
.mame_po {
	font-size: 87%;
	line-height: 150%;
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
}
.main_txt_flat {
	font-size: 84%;
	line-height: 150%;
	margin-bottom: 2%;
}
.tsukuri_table {
	padding: 10px;
	background-color: #FFC;
}
#tsukuri_photo img {
	height: 60px;
}
.smo {
	width: 100%;
}
.smo_tamale {
	width: 100%;
}
.waku_link_b {
	font-size: 84%;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 0px;
	border: 2px solid #F90;
	padding: 5px;
	float: left;
}
.waku_link_b a:link,
.waku_link_b a:visited,
.waku_link_b a:active {
	color: #FF8000;
	text-decoration: none;
}
.waku_link_b a:hover {
	color: #FF8000;
	text-decoration: underline;
}
.hyouji_photo {
	max-width: 580px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}
.hyouji_photo img {
	width: 100%;
}
.gall_photo_table {
	width: 100%;
	margin-bottom: 4%;
}
.gall_photo_a {
	padding: 2%;
	float: left;
	width: 29%;
	text-align: center;
	font-size: 68%;
	line-height: 130%;
	background-color: #F2F2F2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
}
.gall_photo_a img {
	max-height: 120px;
}
.gall_photo_a_b {
	padding: 2%;
	float: left;
	width: 45.6%;
	text-align: center;
	font-size: 68%;
	line-height: 130%;
	background-color: #F2F2F2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
}
.gall_photo_a_b img {
	max-height: 120px;
}
.gall_photo_b {
	float: left;
	width: 95.6%;
	text-align: center;
	font-size: 68%;
	line-height: 130%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	background-color: #F2F2F2;
	padding: 2%;
}
.gall_photo_b img {
	max-height: 120px;
}
.gall_photo_b_b {
	float: left;
	width: 62%;
	text-align: center;
	font-size: 68%;
	line-height: 130%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	background-color: #F2F2F2;
	padding: 2%;
}
.gall_photo_b_b img {
	max-height: 120px;
}
.gall_photo_c {
	padding: 2%;
	float: left;
	width: 29%;
	text-align: center;
	font-size: 74%;
	line-height: 150%;
	background-color: #F2F2F2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
}
.gall_photo_c img {
	max-height: 120px;
}
.qa_line {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 4%;
	padding-bottom: 4%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.qa_line ul li {
	font-size: 84%;
	line-height: 150%;
	margin-bottom: 5px;
}
.qa_line ul li a:link,
.qa_line ul li a:visited,
.qa_line ul li a:active {
	color: #36C;
	text-decoration: none;
	font-weight: bold;
}
.qa_line ul li a:hover {
	color: #36C;
	text-decoration: underline;
	font-weight: bold;
}
.mount_a {
	background-image: url(../../faq/images/icon_a.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #FF9;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
	border: 2px solid #F00000;
	margin-bottom: 5%;
}
.mount_a h4 {
	font-size: 104%;
	color: #F00;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-bottom: 3px;
}
.mount_a p {
	font-size: 84%;
}
.midashi_a {
	font-size: 98%;
	line-height: 120%;
	color: #000;
	margin-bottom: 2%;
}
.mount_b {
	background-image: url(../../faq/images/icon_b.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #FF9;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	border: 2px solid #FF0000;
	margin-bottom: 5%;
}
.mount_b h4 {
	font-size: 104%;
	color: #F00;
}
.mount_c {
	background-image: url(../../faq/images/icon_c.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #FF9;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	border: 2px solid #993300;
	margin-bottom: 5%;
}
.mount_c h4 {
	font-size: 104%;
	color: #930;
}
.shitumon_txt {
	font-size: 87%;
	font-weight: bold;
	padding-left: 5px;
	line-height: 120%;
}
.link_txt a:link,
.link_txt a:visited,
.link_txt a:active {
	color: #36C;
	text-decoration: none;
}
.link_txt a:hover {
	color: #36C;
	text-decoration: underline;
}
.qa_photo_a {
	float: right;
	padding-right: 20px;
	padding-left: 20px;
	width: 80px;
}
.photo_img {
	width: 100%;
}
.q_tqble {
	font-size: 94%;
	line-height: 150%;
	background-image: url(../../faq/images/q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.a_table {
	background-image: url(../../faq/images/a.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-size: 93%;
	line-height: 150%;
}
.top {
	text-align: right;
	padding-bottom: 5%;
	font-size: 84%;
	padding-top: 2%;
}
.mount_d {
	background-image: url(../../faq/images/icon_d.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #FF9;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 55px;
	border: 2px solid #339;
	margin-bottom: 3%;
}
.mount_d h4 {
	font-size: 114%;
	color: #339;
}
.fact_l {
	float: none;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.fact_r {
	float: none;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	margin-top: 5%;
}
.h_img {
	width: 100%;
}
.main_txt_e {
	font-size: 98%;
	line-height: 130%;
	padding-top: 4%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}
.main_txt_k {
	font-size: 114%;
	line-height: 120%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	font-weight: bold;
}
.main_txt_k_a {
	font-size: 114%;
	line-height: 120%;
	padding-bottom: 1%;
	font-weight: bold;
}
.bcoj_link {
	font-size: 84%;
	line-height: 120%;
	list-style-position: outside;
	list-style-type: decimal;
	color: #36C;
	margin-left: 20px;
}
.bocj_txt {
	font-size: 78%;
	line-height: 130%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.data_table_bcoj {
	width: 100%;
	margin-bottom: 7%;
}
.yakuin {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.photo_table_book {
	padding-right: 20px;
	padding-left: 20px;
	float: none;
	width: 80%;
	margin-bottom: 5%;
}
.book_table {
	width: 100%;
	margin-bottom: 7%;
}
.book_mokuji {
	float: none;
	padding-right: 20px;
	padding-left: 20px;
}
.book_mokuji ul li {
	font-size: 78%;
	line-height: 120%;
	margin-bottom: 5px;
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 22px;
}
.mount_d {
	background-image: url(../../contents/helth-qa/heith-img/icon_a.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #DEFFBD;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
	border: 2px solid #006633;
	margin-bottom: 3%;
}
.mount_d h4 {
	font-size: 104%;
	color: #063;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00784A;
	margin-bottom: 3px;
}
.mount_d p {
	font-size: 84%;
}
.mount_e {
	background-image: url(../../contents/helth-qa/heith-img/icon_b.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #DEFFBD;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 45px;
	border: 2px solid #006633;
	margin-bottom: 3%;
}
.mount_e h4 {
	font-size: 104%;
	color: #063;
}
.bunken {
	background-color: #E6FFE6;
	padding: 10px;
	margin-bottom: 3%;
	font-size: 87%;
	line-height: 150%;
}
.bunken_txt {
	font-weight: bold;
	color: #339900;
	text-decoration: none;
}
.bunken_txt a:link,
.bunken_txt a:visited,
.bunken_txt a:active {
	font-weight: bold;
	color: #339900;
	text-decoration: none;
}
.bunken_txt a:hover {
	font-weight: bold;
	color: #339900;
	text-decoration: underline;
}
.poster_com {
	font-size: 114%;
	line-height: 120%;
	padding-top: 10px;
	padding-bottom: 5%;
}
.tekisei_photo {
	float: none;
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 5%;
}
.tekisei_photo_b {
	float: right;
	width: auto;
	padding-right: 20px;
	padding-left: 20px;
}
.tekisei_photo_b img {
	width: 150px;
}
.tekisei_line {
	margin-bottom: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	width: 100%;
}
.in_shu_l {
	float: none;
	width: 100%;
}
.in_shu_r {
	float: none;
	width: 100%;
}
.insyu_tab_a {
	width: 100%;
	margin-bottom: 5px;
}
.insyu_tab_b {
	width: 100%;
	margin-bottom: 5px;
}
.news_table {
	width: 100%;
	margin-bottom: 5%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
}
.news_format_a {
	font-size: 84%;
	line-height: 130%;
	padding: 10px;
	width: 20%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.news_format_b {
	font-size: 84%;
	line-height: 130%;
	padding: 10px;
	width: 80%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.rel_photo {
	float: none;
	padding-right: 0px;
	padding-bottom: 10px;
}
.en_photogallary {
	width: 100%;
	margin-bottom: 2%;
}
.en_photogallary_l {
	float: left;
	width: 49%;
	text-align: center;
}
.en_photogallary_r {
	float: right;
	width: 49%;
	text-align: center;
}
.photo_his_a {
	float: none;
	padding-right: 2%;
	padding-left: 2%;
	font-size: 65%;
	line-height: 1.5em;
	text-align: center;
	width: 96%;
	padding-bottom: 10px;
}
.photo_his_b {
	float: none;
	padding-right: 2%;
	padding-left: 2%;
	font-size: 65%;
	line-height: 1.5em;
	text-align: center;
	width: 96%;
	padding-bottom: 10px;
}
.release_l_c {
	float: none;
	width: 80%;
	margin-bottom: 3%;
}
.release_l_c img {
	width: 100%;
}
.release_r_c {
	float: none;
	width: 100%;
	margin-bottom: 3%;
}
.release_l_d {
	float: none;
	width: 100%;
	margin-bottom: 3%;
}
.release_l_d img {
	width: auto;
}
.release_r_d {
	float: none;
	width: 100%;
	margin-bottom: 3%;
}