@charset "utf-8";

/*--- ベース：濃色 #330000 淡色 #eafff3 ---*/

body{width: 100%; margin: 0 auto; font-size: 14px; line-height: 1.7;
	font-family: "メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	-webkit-text-size-adjust: 100%;
	background-color: #f9f9f9;
}

@media screen and (min-width: 768px) {
 body {font-size: 16px; line-height: 2;}
}

h1{
	display: inline-block;
	width: 98%;
	margin: 20px 0px 25px 0px;
	padding: 0px 0px 0px 2%;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
}

@media screen and (min-width: 768px) {
 h1 {
	width: 100%;
	margin: 25px 0px 10px 0px;
	padding: 0px;
	text-align: center;
	font-size: 30px;
}}

h2{
	display: block;
	position: relative;
	margin: 20px 0px 15px 0px;
	padding: 5px 0px 5px 0px;
	font-size: 15px;
	border-bottom: 6px #cccccc solid;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
 h2 {
	margin: 25px 0px 15px -10px;
	font-size: 18px;
}}

.ct h2:nth-child(1) {
	margin-top: 0px;
}

h2:after{
	content: " ";
	display: block;
	position: absolute;
	left: 0px;
	bottom: -6px;
	width: 40%;
	height: 6px;
	background-color: #330000;
	background: linear-gradient(left, #, #cccccc);
	background: -moz-linear-gradient(left, #330000, #cccccc);
	background: -webkit-gradient(linear, left top, right top, from(#330000), to(#cccccc));
}

h3{
	display: block;
	position: relative;
	margin: 15px 0px 15px -5px;
	padding: 5px 0px 5px 5px;
	font-size: 14px;
	border-top: 3px #330000 double;
	border-bottom: 3px #330000 double;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
 h3 {
	font-size: 17px;
}}

a{cursor: pointer; text-decoration: none; color: #000080;}
a:hover{opacity: 0.8;}
a:visited{color: #000080;}
a img{border: 0;}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto; /*IE8*/
}

table{
	line-height: 1.4;
}

@media screen and (min-width: 768px) {
 table{
	line-height: 1.6;
}}

ol{
	list-style-type: decimal;
}

/*--------------*/

#hd_fix{
	display: block; position: fixed;
	top: 0px; height: 50px; width: 100%;
	background-color: #f9f9f9;
	z-index: 980;
	border-bottom-color: #dddddd; border-bottom-width: 1px; border-bottom-style: solid;
	box-shadow: 0px 0px 6px 0px #dddddd;
	-moz-box-shadow: 0px 0px 6px 0px #dddddd;
	-webkit-box-shadow: 0px 0px 6px 0px #dddddd;
}

@media screen and (min-width: 768px) {
 #hd_fix {
	height: 55px;
}}

#hd_fix_main{
	display: block;
	width: 100%;
	margin: 5px auto;
}


@media screen and (min-width: 768px) {
 #hd_fix_main {
	width: 1000px;
}}

#hd_fix_title{
	display: block; float: left;
	margin: -2px 0px 0px 5px;
	padding: 1px 0px 0px 0px;
	background-color: #ffffff;
	border: 0.5px #cccccc solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
}

@media screen and (min-width: 768px) {
 #hd_fix_title {
	margin: -2px 0px 0px 20px;
	height: 36px;
}}

#hd_fix_title:hover{
	box-shadow: 2px 2px 0px 0px #ddcccc;
	-moz-box-shadow: 2px 2px 0px 0px #ddcccc;
	-webkit-box-shadow: 2px 2px 0px 0px #ddcccc;
}

#hd_fix_title div{
	width: 190px;
	padding: 2px 0px 0px 0px;
}

@media screen and (min-width: 768px) {
 #hd_fix_title div{
 	padding: 1px 0px 0px 0px;
}}

#hd_fix_title img{
	float: left;
	height: 32px;
	margin: 3px 10px 0px 0px;
}

@media screen and (min-width: 768px) {
 #hd_fix_title img{
	margin: 2px 10px 0px 0px;
}}

#hd_fix_title a{
	display: inline-block;
	padding: 0px 5px;
	color: #000000;
	line-height: 1.3;
	font-size: 13px;
}

#hd_fix_srch{
	display: none;
}

@media screen and (min-width: 768px) {
 #hd_fix_srch {
	display: inline;
	float: right;
	width: 40%;
	margin-top: 5px;
}}

#hd_fix_srch .gsc-control-cse, 
#hd_fix_srch .gsc-control-cse-ja,
#hd_fix_srch .gsib_a{
    margin: 3px 0px 0px 0px !important;
    padding: 0 !important;
	background-color: #f3f3f3 !important;
	border: 0px !important;
}

#menu_all{display: block; float: right;}

@media screen and (min-width: 768px) {
 #menu_all {
	float: left;
}}

#menu_btn{
	display: block;
	margin: 0px 5px 0px 0px;
	border: 0.5px #cccccc solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	width: 35px;
	height: 35px;
	cursor: pointer;
}

@media screen and (min-width: 768px) {
 #menu_btn {
	margin: 0px 0px 0px 5px;
}}

#menu_btn span {
	display: block;
	height: 4px;
	margin: 4px 3px 0px 3px;
	width: 29px;
	background: #333333;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

#menu_btn span:nth-child(1) {
	margin-top: 8px;
}

#menu_list{
	position: fixed;
	top: -950px;
	left: 0%;
	width: 100%;
	max-height: 90%;
	overflow-y: scroll;
	z-index: 990;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	font-size: 13px;
}

@media screen and (min-width: 768px) {
 #menu_list {
	top: -945px;
	width: 300px;
	max-height: 95%;
	overflow: hidden;
}}

#menu_list .menu_title{
	display: inline-block;
	padding: 6px 0px;
	width: 99%;
	border: 1px #330000 solid;
	color: #ffffff;
	background-color: #330000;
	font-weight: bold;
	text-align: center;
}

@media screen and (min-width: 768px) {
 #menu_list .menu_title{
	width: 298px;
}}

#menu_list ul{
	display: block;
	font-weight: bold;
}

#menu_list li{
	background-color: #ffffff;
	border-top: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

#menu_list li:hover{
	background-color: #ffe5ec;
}

#menu_list a{
	display: inline-block;
	width: 95%;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding : 7px 0px 7px 5%;
	color: #000000;
}

@media screen and (min-width: 768px) {
 #menu_list a{
	width: 288px;
	padding : 5px 0px 5px 10px;
}}

#menu_list .open_close{
	padding : 5px 0px 5px 5px;
	border: 1px #222222 solid;
	background-color: #222222;
	color: #ffffff;
	cursor: pointer;
}

#menu_list .open_close:hover{
	border: 1px #333333 solid;
	background-color: #333333;
}

#menu_list .open_close img{
	float: right;
}

/*** ボタン押下時 ***/
.show #menu_btn span:nth-child(1) {
	position: relative;
	top: 8px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}

.show #menu_btn span:nth-child(2) {
	width: 0;
	left: -20%;
}
.show #menu_btn span:nth-child(3) {
	position: relative;
	top: -8px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.show #menu_list {
	-moz-transform: translateY(1000px);
	-webkit-transform: translateY(1000px);
	transform: translateY(1000px);
}

.hd_line{
	display: block;
	width:100%;
	height:5px;
	background-color: #330000;
}

@media screen and (min-width: 768px) {
 .hd_line{
	height:10px;
}}

.hd_main{
	display: block;
	margin: 55px 0px 0px 0px;
}

@media screen and (min-width: 768px) {
 .hd_main{
	width: 1000px;
	margin: 55px auto 0px auto;
}}

/*--------------*/

#menu_list table{
	width: 100%;
	margin: 0px;
}

#menu_list td{
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

#menu_list td a{
	width: 95%;
	padding: 7px 0px 7px 5%;
	text-align: left;
	text-decoration: none;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
}

@media screen and (min-width: 768px) {
 #menu_list td a{
	width: 97%;
	padding: 5px 0px 5px 3%;
}}

#menu_list td a:hover{
	background-color: #ffe5ec;
}

/*--------------*/

nav{
	width: 100%;
	overflow-x: scroll;
}

@media screen and (min-width: 768px) {
nav{
	overflow-x: visible;
}}

.navi{
	display: block;
	white-space: nowrap;
	margin: 20px auto 10px auto;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	transform: scale(1, 1.3);
}

@media screen and (min-width: 768px) {
 .navi{
	white-space: normal;
	width: 1000px;
	margin: 20px auto 0px auto;
	font-size:16px;
	transform: scale(1, 1);
}}

.navi a{
	text-decoration: underline;
}

/*--------------*/

.ct{
	display: block;
	width: 100%;
	margin: 0px auto;
}

@media screen and (min-width: 768px) {
 .ct{
	width: 1000px;
}}

.ct_right{
	display: block;
	width: 100%;
	float: right;
	margin: 0px;
}

@media screen and (min-width: 768px) {
 .ct_right{
	width: 690px;
	margin: 20px 0px 0px 10px;
 }
}

.ct_home{
	display: block;
	width: 100%;
	float: left;
	margin: 0px;
}

@media screen and (min-width: 768px) {
 .ct_home{
 	width: 980px;
	margin: 20px 0px 0px 0px;
	padding: 10px 10px;
}}

.ct_left{
	display: block;
	width: 100%;
	float: left;
	margin: 0px;
}

@media screen and (min-width: 768px) {
 .ct_left{
	width: 300px;
	margin: 20px 0px 0px 0px;
}}

.ct_box, .ct_box_gray, .ct_article{
	display: block;
	margin: 0px 0px 10px 0px;
}

.ct_box, .ct_article, .ct_home{
	background-color: #ffffff;
	box-shadow: 0px 0px 0px 0px #dddddd;
	-moz-box-shadow: 0px 0px 0px 0px #dddddd;
	-webkit-box-shadow: 0px 0px 0px 0px #dddddd;
}

@media screen and (min-width: 768px) {
 .ct_box, .ct_article, .ct_home{
	box-shadow: 3px 3px 0px 0px #dddddd;
	-moz-box-shadow: 3px 3px 0px 0px #dddddd;
	-webkit-box-shadow: 3px 3px 0px 0px #dddddd;
}}

.ct_box_gray{
	background-color: #f9f9f9;
}

.ct_article{
	padding: 10px 8px 20px 8px;
}

@media screen and (min-width: 768px) {
 .ct_article{
	padding: 10px 20px 20px 20px;
}}


.ct_article a{
	text-decoration: underline;
}

.ct_article ul{
	list-style-type: disc;
	padding: 10px 5px 10px 20px;
}

@media screen and (min-width: 768px) {
 .ct_article ul {
	padding: 10px 10px 10px 30px;
}}

.f1 ul{
	padding: 0px !important;
}

.ct_article li{
	margin: 3px 0px;
}

.cl_2c1, .cl_2c2{
	display: block;
	float: left;
	width: 100%;
}

@media screen and (min-width: 768px) {
 .cl_2c1, .cl_2c2 {
	width: 340px;
}}

.cl_2c1{
	margin: 0px 10px 0px 0px;
}

/*--------------*/

.con_ul a, .con_ul a:hover, .con_ul a:visited{
	text-decoration: underline;
	color: #000000;
}

.con_ul li{
	list-style:outside none;
	margin: 0px 0px 6px -20px;
	padding: 0px 0px 0px 20px;
	background-image:url(../img/arrow_con.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height: 1.6;
}

@media screen and (min-width: 768px) {
 .con_ul li{
	margin: 0px 0px 2px -20px;
	padding: 0px 0px 0px 25px;
}}

.con_ul_x{
	margin: 0px 0px 0px -25px;
}

.con_ul_x a, .con_ul_x a:hover, .con_ul_x a:visited{
	text-decoration: underline;
	color: #000000;
}

.con_ul_x li{
	list-style:outside none;
	padding: 0px 0px 0px 20px;
 	margin: 0px 3px 6px 5px;
	background-image:url(../img/arrow_con.png);
	background-repeat:no-repeat;
	background-position:left center;
	float: left;
	line-height: 1.6;
}

@media screen and (min-width: 768px) {
 .con_ul_x li{
	padding: 0px 0px 0px 20px;
 	margin: 0px 3px 2px 15px;
}}

.ul_link {
	display: block;
	margin: 0px -5px;
	padding: 0px !important;
}

.ul_link li {
	display: block;
	float: left;
	margin: 3px;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

.ul_link li a {
	display: inline-block;
	padding: 6px 11.5px;
}

.ul_link li a:hover {
	background-color: #ffe5ec;
}

@media screen and (min-width: 768px) {
 .ul_list1 li,.ul_list3 li,.ul_list3-2 li, .ul_list6 li, .ul_listx li, .ul_listx2 li, .ul_listx3 li, .ul_list6n li, .ul_list5 li, .ul_list52 li, .ul_list42 li, .ul_list4n li, .ul_list2 li, .ul_list7 li {
	line-height: 1.5;
 }
}


.ul_list1, .menu_box ul {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_list1 li, .menu_box ul li {
	display: block;
	float: left;
	margin: 3px 0.5%;
	width: 98.7%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

.ul_list1 li a, .menu_box ul li a {
	display: inline-block;
	width: 98%;
	padding: 8px 0px 8px 2%;
	text-decoration: none;
	line-height: 1.2;
	vertical-align: middle;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
}

@media screen and (min-width: 768px) {
 .ul_list1 li a, .menu_box ul li a {
	width: 98%;
	padding: 7px 0px 7px 2%;
 }
}

.ul_list1 li a:hover, .menu_box ul li a:hover {
	background-color: #ffe5ec;
}

.ul_list3,.ul_list3-2 {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_list3 li {
	display: block;
	float: left;
	margin: 3px 0.5%;
	width: 98.5%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

.ul_list3-2 li {
	display: block;
	float: left;
	margin: 3px 0.5%;
	width: 48.0%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

@media screen and (min-width: 768px) {
 .ul_list3 li,.ul_list3-2 li {
	width: 32%;
	line-height: 1.5;
 }
}

.ul_list3 li a,.ul_list3-2 li a {
	display: inline-block;
	width: 98%;
	padding: 8px 0px 8px 2%;
	text-decoration: none;
	vertical-align: middle;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
}

@media screen and (min-width: 768px) {
 .ul_list3 li a,.ul_list3-2 li a {
	width: 95%;
	padding: 4px 0px 4px 5%;
 }
}

.ul_list3 li a:hover,.ul_list3-2 li a:hover {
	background-color: #ffe5ec;
}

.ul_list3-2 li span {
	display: inline-block;
	width: 98%;
	padding: 8px 0px 8px 2%;
	vertical-align: middle;
}

@media screen and (min-width: 768px) {
 .ul_list3-2 li span {
	width: 95%;
	padding: 4px 0px 4px 5%;
 }
}

.ul_list6 {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_list6 li {
	display: block;
	float: left;
	margin: 3px 0.5%;
	width: 31.5%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

@media screen and (min-width: 768px) {
 .ul_list6 li {
	width: 15.35%;
 }
}

.ul_list6 li a {
	display: inline-block;
	width: 100%;
	padding: 8px 0px 8px 0px;
	text-align: center;
	vertical-align: middle;
}

@media screen and (min-width: 768px) {
 .ul_list6 li a {
	width: 100%;
	padding: 4px 0px 4px 0px;
 }
}

.ul_list6 li a:hover {
	background-color: #ffe5ec;
}

.ul_listx {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_listx li {
	display: block;
	float: left;
	margin: 3px 0.5%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

.ul_listx li a {
	display: inline-block;
	padding: 8px 24px 8px 10px;
	text-decoration: none;
	line-height: 1.2;
	vertical-align: middle;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.ul_listx li span {
	display: inline-block;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	line-height: 1.2;
	vertical-align: middle;
	background-color: #f9f9f9;
	color: #330000;
}

@media screen and (min-width: 768px) {
 .ul_listx li a {
	padding: 8px 24px 7px 10px;
 }
 .ul_listx li span {padding: 8px 10px 7px 10px !important;}
 }

.ul_listx li a:hover {
	background-color: #ffe5ec;
}

.ul_listx2 {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_listx2 li {
	display: block;
	float: left;
	margin: 3px 0.5%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

.ul_listx2 li a {
	display: inline-block;
	padding: 7px 18px 7px 2px;
	text-decoration: none;
	line-height: 1.2;
	vertical-align: middle;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
	font-size:11px;
}

@media screen and (min-width: 768px) {
 .ul_listx2 li a {
	padding: 8px 20px 7px 3px;
	font-size:16px;
 }
}

.ul_listx2 li a:hover {
	background-color: #ffe5ec;
}

.ul_listx3 {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_listx3 li {
	display: block;
	float: left;
	margin: 3px 0.5%;
	border: 0px;
}

.ul_listx3 li span {
	display: inline-block;
	padding: 8px 0px 8px 0px;
	text-decoration: none;
	line-height: 1.2;
	vertical-align: middle;
	color: #000000;
	border: 0px !important;
	font-size:11px;
}

@media screen and (min-width: 768px) {
 .ul_listx3 li span {padding: 9px 0px 8px 0px !important;font-size:16px;}
 }

/*--------------*/

.ul_list6n {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_list6n li {
	display: block;
	float: left;
	margin: 3px 0.5%;
	width: 31.5%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

@media screen and (min-width: 768px) {
 .ul_list6n li {
	width: 15.35%;
 }
}

.ul_list6n li a {
	display: inline-block;
	width: 100%;
	padding: 8px 0px 8px 0px;
	text-align: center;
	vertical-align: middle;
	font-size:0.8em;
}

@media screen and (min-width: 768px) {
 .ul_list6n li a {
	width: 100%;
	padding: 4px 0px 4px 0px;
 }
}

.ul_list6n li a:hover {
	background-color: #ffe5ec;
}

.ul_list5 {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_list5 li {
	display: block;
	float: left;
	margin: 0px 0%;
	width: 19%;
	border: 1px solid #999999;
	font-size:12px;
}

@media screen and (min-width: 768px) {
 .ul_list5 li {
	width: 19.5%;
	font-size:13px;
 }
}

.ul_list5 li a {
	display: inline-block;
	width: 99%;
	padding: 8px 0px 8px 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
}

@media screen and (min-width: 768px) {
 .ul_list5 li a {
	width: 99%;
	padding: 4px 0px 4px 0px;
 }
}

.ul_list5 li a:hover {
	background-color: #ffe5ec;
}

.ul_list52 {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_list52 li {
	display: block;
	float: left;
	margin: 0px 0%;
	width: 48%;
	border: 1px solid #999999;
font-size:13px;
}

@media screen and (min-width: 768px) {
 .ul_list52 li {
	width: 30.7%;
 }
}

.ul_list52 li a {
	display: inline-block;
	width: 100%;
	padding: 8px 0px 8px 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #f8f8f8;
}

@media screen and (min-width: 768px) {
 .ul_list52 li a {
	width: 100%;
	padding: 4px 0px 4px 0px;
 }
}

.ul_list52 li a:hover {
	background-color: #ffe5ec;
}

.ul_list42 {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_list42 li {
	display: block;
	float: left;
	margin: 3px 0.5%;
	width: 47%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

@media screen and (min-width: 768px) {
 .ul_list42 li {
	width: 23%;
 }
}

.ul_list42 li a {
	display: inline-block;
	width: 100%;
	padding: 8px 0px 8px 0px;
	text-align: center;
	vertical-align: middle;
}

.ul_list42 {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

@media screen and (min-width: 768px) {
 .ul_list42 li a {
	width: 100%;
	padding: 4px 0px 4px 0px;
 }
}

.ul_list42 li a:hover {
	background-color: #ffe5ec;
}

.ul_list42 li {
	display: block;
	float: left;
	margin: 3px 0.5%;
	width: 23%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}


.ul_list4n {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_list4n li {
	display: block;
	float: left;
	margin: 0px 0%;
	width: 48%;
	border: 1px solid #999999;
font-size:13px;
}

@media screen and (min-width: 768px) {
 .ul_list4n li {
	width: 23.7%;
 }
}

.ul_list4n li a {
	display: inline-block;
	width: 100%;
	padding: 8px 0px 8px 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #fffffa;
}

@media screen and (min-width: 768px) {
 .ul_list4n li a {
	width: 100%;
	padding: 4px 0px 4px 0px;
 }
}

.ul_list4n li a:hover {
	background-color: #ffe5ec;
}

.ul_list2 {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_list2 li {
	display: block;
	float: left;
	margin: 3px 0.5%;
	width: 98.5%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

@media screen and (min-width: 768px) {
 .ul_list2 li {
	width: 48%;
 }
}

.ul_list2 li a {
	display: inline-block;
	width: 98%;
	padding: 8px 0px 8px 2%;
	text-decoration: none;
	vertical-align: middle;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
}

@media screen and (min-width: 768px) {
 .ul_list2 li a {
	width: 95%;
	padding: 4px 0px 4px 5%;
 }
}

.ul_list2 li a:hover {
	background-color: #ffe5ec;
}

.ul_list7 {
	display: block;
	margin: 0px 0px 0px -5px;
	padding: 0px !important;
}

.ul_list7 li {
	display: block;
	float: left;
	margin: 3px 0.4%;
	width: 23.5%;
	border: 1px solid #999999;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

@media screen and (min-width: 768px) {
 .ul_list7 li {
	width: 13.1%;
 }
}

.ul_list7 li a {
	display: inline-block;
	width: 100%;
	padding: 8px 0px 8px 0px;
	text-align: center;
	vertical-align: middle;
}

@media screen and (min-width: 768px) {
 .ul_list7 li a {
	width: 100%;
	padding: 4px 0px 4px 0px;
 }
}

.ul_list7 li a:hover {
	background-color: #ffe5ec;
}

/*--------------*/

.list_title{
	display: inline-block;
	margin: -10px 0px 0px 0px;
	padding: 5px 0px;
	color: #ffffff;
	background-color: #330000;
	text-align: center;
}

@media screen and (min-width: 768px) {
 .list_title{
	margin: 0px;
}}

.list_link li{
	float: left;
	border-bottom: 1px solid #cccccc;
}

.list_link li a{
	display: inline-block;
	padding: 5px 0px 5px 2%;
	color: #000000;
	font-size: 13px;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
}

@media screen and (min-width: 768px) {
 .list_link li a{
	padding: 4px 0px 4px 10px;
	font-size: 14px;
}}

.list_link li a:hover{
	background-color: #ffe5ec;
}

.list_link li img{
	margin: 5px 10% 0px 0px;
	width: 90%;
	max-width: 140px;
}

@media screen and (min-width: 768px) {
 .list_link li img{
	max-width: 280px;
}}

.ct_right .list_title{width: 100%;}
.ct_right .list_link li{width: 100%;}
.ct_right .list_link li a{width: 98%;}

.ct_left .list_title{width: 100%;}
.ct_left .list_link li{width: 100%;}
.ct_left .list_link li a{width: 98%;}

@media screen and (min-width: 768px) {
 .ct_right .list_title{width: 340px;}
 .ct_right .list_link li{width: 340px;}
 .ct_right .list_link li a{width: 332px;}

 .ct_left .list_title{width: 300px;}
 .ct_left .list_link li{width: 300px;}
 .ct_left .list_link li a{width: 292px;}
}

.ct_right .c2 li:nth-child(odd){border-right: 1px solid #cccccc;}
.ct_right .c2 li{width: 49.5% !important;}
.ct_right .c2 li a{width: 98% !important;}
@media screen and (min-width: 768px) {
 .ct_right .c2 li{width: 169.5px !important;}
 .ct_right .c2 li a{width: 162px !important;}
}

/*--------------*/

.menu_desc{
	font-size:14px;
	line-height:1.4;
}

.top_menu{
	display: block;
	margin: 0px 0px;
}

.top_menu h2 {
	padding: 0px 0px 0px 25px !important;
	font-size: 18px;
	background-image:url(../img/top_title.png);
	background-repeat:no-repeat;
	background-position:left center;
}

@media screen and (min-width: 768px) {
 .top_menu h2 {
	margin: 5px 0px 10px 0px !important;
	padding: 0px 0px 0px 30px !important;
}}

.top_menu h3{
	display: block;
	position: static;
	text-align: center;
	font-weight: bold;
	background-color: #330000;
	color: #ffffff;
	width: 100%;
	vertical-align: middle;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	border-bottom: 0px;
}

@media screen and (min-width: 768px) {
.top_menu h3{
	padding: 0px;
	font-size: 15px;
}}

.top_menu .con_ul_x{
	margin: 0px 0px 0px -5px;
}

@media screen and (min-width: 768px) {
 .top_menu .con_ul_x{
 	margin: 0px 0px 0px 0px !important;
}}

.con_ul_m{
	margin: 0px 0px 0px 0.5%;
}

@media screen and (min-width: 768px) {
.con_ul_m{
	margin: 0px 0px 0px 0px;
}}

.con_ul_m li{
	width: 18.33%;
	list-style:outside none;
	padding: 0px;
 	margin: 0px 0px 0px 3px;
	float: left;
}

@media screen and (min-width: 768px) {
 .con_ul_m li{
	width: 92px;
	padding: 0px 0px 0px 0px;
	margin: 0px 3px 0px 3px;
}}

.con_ul_m img{
	border: 1px #cccccc solid;
}

@media screen and (min-width: 768px) {
 .con_ul_m img{
	width: 90px;
}}
.con_ul_m img:hover{
	opacity: 1;
	border: 1px #ff3333 solid;
}

.tm_left, .tm_center, .tm_right{
	display: block;
	float: left;
	width: 100%;
}

@media screen and (min-width: 768px) {
 .tm_left, .tm_center, .tm_right {
	width: 320px;
}}

.tm_left, .tm_center{
	margin: 0px 10px 0px 0px;
}

.tm_title{
	text-align: center;
	font-weight: bold;
	background-color: #330000;
	color: #ffffff;
	height: 36px;
	vertical-align: middle;
}

.top_menu table{
	width: 100%;
	margin: 0px;
	line-height: 1.3;
}

.top_menu td{
	border: 1px solid #999999;
	font-size: 12px;
}

@media screen and (min-width: 768px) {
.top_menu td{
	font-size: 13px;
}}

.top_menu td a{
	display: inline-block;
	width: 97%;
	background-color: #ffffff;
}

@media screen and (min-width: 768px) {
 .top_menu td a{
	margin: 0px 0px 0px 0px;
}}


.top_menu .tc td a{
	width: 100%;
	padding: 7px 0px;
	text-align: center;
}

@media screen and (min-width: 768px) {
.top_menu .tc td a{
	padding: 2px 0px;
}}

.top_menu .tl td a{
	width: 98%;
	padding: 7px 0px 7px 2%;
	text-align: left;
	text-decoration: none;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
}

@media screen and (min-width: 768px) {
 .top_menu .tl td a{
	padding: 4px 0px 1px 2%;
}}

.top_menu td a:hover{
	background-color: #ffe5ec;
}

.game_logo{
	position: absolute;
	opacity: 0.05;
	width: 92%;
}

@media screen and (min-width: 768px) {
 .game_logo{
	width: 670px;
}}

/*--------------*/

.cb_left, .cb_right{
	display: block;
	float: left;
	width: 100%;
}

@media screen and (min-width: 768px) {
 .cb_left, .cb_right{
	width: 340px;
}}

.cb_left{
	margin: 0px 10px 0px 0px;
}

.cb_left table, .cb_right table{
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.cb_left table th, .cb_right table th{
	text-align: center;
	font-weight: bold;
	border: 1px solid #999999;
	background-color: #330000;
	color: #ffffff;
	height: 34px;
	vertical-align: middle;
}

.cb_left table td, .cb_right table td{
	border: 1px solid #999999;
}

.cb_left table td a, .cb_right table td a{
	display: inline-block;
	width: 97%;
	height: 100%;
	font-size: 14px;
	background-color: #ffffff;
	padding: 7px 0px 7px 3%;
	text-align: left;
	text-decoration: none;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
}

@media screen and (min-width: 768px) {
 .cb_left table td a, .cb_right table td a{
	padding: 2px 0px 2px 3%;
}}

.cb_left table td a:hover, .cb_right table td a:hover{
	background-color: #ffe5ec;
}

/*--------------*/

.to_con{
	display: block;
	margin: 15px 10px 0px 0px;
	float: right;
}

@media screen and (min-width: 768px) {
.to_con{
	
	display: none;
}}

.to_con a{
	text-decoration: none;
	padding: 6px 15px;
	border: 0.5px #cccccc solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
	font-size: 15px;
 }

.to_con a:hover{
	background-color: #ffe5ec;
	box-shadow: 2px 2px 0px 0px #ddcccc;
	-moz-box-shadow: 2px 2px 0px 0px #ddcccc;
	-webkit-box-shadow: 2px 2px 0px 0px #ddcccc;
}

.to_top{
	position: fixed;
	right: 10px;
	opacity: 0.7;
	z-index: 970;
 }

/*--------------*/

.ft{
	display: block;
	margin: 30px auto 0 auto;
}

.ft_up{
	display: block;
	padding: 10px 0px 0px 0px;
	background-color: #e3e3e3;
//	background-image:url(../img/8.gif);
	font-size: 14px;
}

@media screen and (min-width: 768px) {
 .ft_up{
	padding: 10px 0px 30px 0px;
}}

.ft_menu_all{
	display: block;
	margin: 0 auto;
	padding: 0px;
	width: 100%;
}

@media screen and (min-width: 768px) {
 .ft_menu_all{
	padding: 20px 0px;
	width: 1000px;
}}

.ft_menu{
	display: block;
	width: 97%;
	float: left;
	padding: 0px 0px 10px 3%;
	margin: 0px 0px 0px 0px;
	line-height: 1.8;
}

@media screen and (min-width: 768px) {
 .ft_menu{
	width: 100%;
//	height: 220px;
	padding: 0px 5px 10px 10px;
//	border-left: 0.5px #cccccc solid;
}}

.ft_menu a,
.ft_menu a:hover,
.ft_menu a:visited{
	margin: 5px 0px 5px 10px;
	color: #0000cc;
	text-decoration: underline;
}

@media screen and (min-width: 768px) {
 .ft_menu a,
 .ft_menu a:hover,
 .ft_menu a:visited{
 font-size: 16px;
}}

.ft_under{
	display: block;
	margin: 0 auto;
	background-color: #000000;
	color: #ffffff;
}

.c_right{
	padding: 20px 0px 5px 0px;
	text-align: center;
}
@media screen and (min-width: 768px) {
 .c_right {
	font-size: 14px;
 }
}

.c_right a{
	color: #eeeeee;
	text-decoration: underline;
}

.ft_link{
	padding: 0px 0px 10px 0px;
	text-align: center;
}
@media screen and (min-width: 768px) {
 .ft_link {
	font-size: 14px;
 }
}

.ft_link a{
	color: #eeeeee;
	text-decoration: underline;
}

.policy{
	margin: -10px 0px 0px 0px;
	text-align: center;
}

.policy a{
	color: #eeeeee;
	text-decoration: underline;

}
.policy a:hover{
	color: #eeeeee;
}

/*--------------*/

.clearfix{
	content: "";
	clear: both;
	display: block;
}

.mob_view{
	display: inline;
}

@media screen and (min-width: 768px) {
 .mob_view {
	display: none;
}}

.pc_view{
	display: none;
}

@media screen and (min-width: 768px) {
 .pc_view {
	display: inline;
}}

.txt_str{
	background-color: #ffffcc;
	font-weight: bold;
}

.txt_str2{
	background-color: #ff00ff;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 5px;
	margin: 0px 5px 0px 0px;
}

.txt_str3{
	background-color: #ff4f02;
	color: #ffffff;
	font-weight: bold;
	padding: 3px 5px;
	margin: 0px 5px 0px 0px;
}

.ad_desc{
	text-align: center;
	color: #777777;
	font-size: 11px;
}

@media screen and (min-width: 768px) {
 .ad_desc{
	font-size: 13px;
}}

.img_desc{
	margin: -7px 0px 7px 0px;
	text-align: center;
	color: #333333;
	font-size: 12px;
}

.img_desc_L{
	text-align: left;
}

@media screen and (min-width: 768px) {
 .img_desc, .img_desc_left{
	font-size: 14px;
}}

.fs16{
	font-size: 16px;
	line-height: 1.8;
}

.fs14{
	font-size: 14px;
}

.prev, .next{
	display: inline-block;
	margin: 5px;
	text-decoration: none !important;
	font-size: 16px;
	border: 0.5px #cccccc solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	box-shadow: 2px 2px 0px 0px #dddddd;
	-moz-box-shadow: 2px 2px 0px 0px #dddddd;
	-webkit-box-shadow: 2px 2px 0px 0px #dddddd;
}

.prev{
	float: left;
	padding: 2px 10px 2px 25px;
	background-image:url(../img/arrow_left.png);
	background-repeat:no-repeat;
	background-position:left center;
}

.next{
	float: right;
	padding: 2px 25px 2px 10px;
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
}

.prev:hover, .next:hover{
	background-color: #ffe5ec;
}

/*--------------*/

.col_1,.col_2,.col_3,
.col_4,.col_5,.col_6,
.col_7,.col_8,.col_9,
.col_10,.col_11,.col_12 { 
	display: block;
	float: left;
	width: 100%;
}

.col_1r,.col_2r,.col_3r,
.col_4r,.col_5r,.col_6r,
.col_7r,.col_8r,.col_9r,
.col_10r,.col_11r,.col_12r { 
	display: block;
	float: right;
	width: 100%;
}

@media screen and ( min-width : 768px ) {
    .col_1, .col_1r { width: 8.33333333333%; }
	.col_2, .col_2r { width: 16.6666666667%; }
	.col_3, .col_3r { width: 25%; }
	.col_4, .col_4r { width: 33.3333333333%; }
	.col_5, .col_5r { width: 41.6666666667%; }
	.col_6, .col_6r { width: 50%; }
	.col_7, .col_7r { width: 58.3333333333%; }
	.col_8, .col_8r { width: 66.6666666667%; }
	.col_9, .col_9r { width: 75%; }
	.col_10, .col_10r { width: 83.3333333333%; }
	.col_11, .col_11r { width: 91.6666666667%; }
	.col_12, .col_12r { width: 100%; }
}

/*--------------*/

.tbl2-1 .th1, .tbl2-1 .th2, .tbl2-1 .td1, .tbl2-1 .td2{
	display: block;
	border-style: solid;
	border-color: #999999;
	word-break: break-all;
}

.tbl2-1 .th1, .tbl2-1 .th2{
	background-color: #eafff3;
	font-weight: bold;
}

.tbl2-1 .th1{ border-width: 1px 1px 0px 1px; padding: 3px 10px 1px 10px; }
.tbl2-1 .th2{ border-width: 0px 1px 1px 1px; padding: 1px 10px 3px 20px; }

.tbl2-1 .td1{ border-width: 0px 1px 0px 1px; padding: 3px 10px 1px 10px; }
.tbl2-1 .td2{ border-width: 0px 1px 1px 1px; padding: 1px 10px 3px 20px; }

@media screen and (min-width: 768px) {
 .tbl2-1 .th1{ border-width: 1px 1px 1px 1px; padding: 3px 10px; }
 .tbl2-1 .th2{ border-width: 1px 1px 1px 0px; padding: 3px 10px; }

 .tbl2-1 .td1{ border-width: 0px 1px 1px 1px; padding: 3px 10px; }
 .tbl2-1 .td2{ border-width: 0px 1px 1px 0px; padding: 3px 10px; }
}

/*--------------*/

.tbl2-2 .th1, .tbl2-2 .th2, .tbl2-2 .td1, .tbl2-2 .td2{
	display: block;
	border-style: solid;
	border-color: #999999;
	word-break: break-all;
}

.tbl2-2 .th1, .tbl2-2 .th2{
	background-color: #eafff3;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
}

.tbl2-2 .td1, .tbl2-2 .td2{
	padding: 5px 0px 5px 10px;
}

@media screen and (min-width: 768px) {
 .tbl2-2 .td1, .tbl2-2 .td2{
 	padding: 5px 10px;
 	margin-right: 10px;
}}

.tbl2-2 .th1{ border-width: 1px 1px 1px 1px; }
.tbl2-2 .th2{ border-width: 0px 1px 1px 1px; }

.tbl2-2 .td1{ border-width: 0px 1px 1px 1px; }
.tbl2-2 .td2{ border-width: 0px 1px 1px 1px; }

@media screen and (min-width: 768px) {
 .tbl2-2 .th1{ border-width: 1px 1px 1px 1px; }
 .tbl2-2 .th2{ border-width: 0px 1px 1px 1px; }

 .tbl2-2 .td1{ border-width: 1px 1px 1px 0px; }
 .tbl2-2 .td2{ border-width: 0px 1px 1px 0px; }
}

/*--------------*/

.scrx95{
	width: 95%;
	overflow-x: scroll;
}

@media screen and (min-width: 768px) {
 .scrx95{
 	width: 100%;
 	overflow-x: visible;
}}

/*--------------*/

.b0{color:#A00040;font-weight:bold;}
.b1{color:#FF0050;font-weight:bold;}
.b2{color:#8000FF;font-weight:bold;}
.b3{color:#008040;font-weight:bold;}
.b4{color:#0000FF;font-weight:bold;}
.b5{color:#F00080;}
.l1{color:#ff3333;font-weight:bold;}
.l2{color:#800000}
.l3{color:#70A090}
.f0{color:#000000;font-face:MS UI Gothic;}
.f1{color:#4080FF;font-size:13px}
.f2{color:#603000;font-size:13px}
.f3{color:#00A060}
.t1{background-color:#E0C0FF}
.t2{background-color:#D0FFE0}
.t3{background-color:#FFFFFF}
.t5{background-color:#BFFFFF}
.t4{background-color:#FFCFCF}
.t6{background-color:#E0E0E0}

.lb1{background-color:#C0B080;font-size:12px}
.lb2{background-color:#D0D0A0;font-size:12px}

.p1{position:absolute;}


.table1, .table2 { width: 100%; font-size: 12px; margin:10px 0px; }
@media screen and (min-width: 768px) {
 .table1, .table2 { width: 650px; font-size: 14px; }
}

.table1 TD { 
border: 1px #806000 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 0px 3px;
}

.table1 TH { 
border: 1px #806000 solid; /* セルの枠線（太さ・色・スタイル） */ 
background-color:#C0B080;
padding: 0px 3px;
} 
.table2 TD { 
border: 1px #806000 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 3px 5px;
}

.table2 TH { 
border: 1px #806000 solid; /* セルの枠線（太さ・色・スタイル） */ 
background-color:#C0B080;  /* 旧スタイルの色 */ 
padding: 3px 5px;

	background-color:#ffe9dc;
	background: -moz-linear-gradient(bottom, #ffe9dc, #fffcf3);
	background: -webkit-linear-gradient(bottom, #ffe9dc, #fffcf3);
	background: linear-gradient(to top, #ffe9dc, #fffcf3);
}


.table3 th{vertical-align:top;}

.table3 td { 
	border: 1px #cccccc solid;
	font-size: 10pt;
	padding: 3px;
	line-height: 120%;
}

.table3 th { 
	border: 1px #cccccc solid;
	font-size: 10pt;
	padding: 6px 5px 5px;
	background-color: #e9e9e9;
	text-align: center;
	white-space: nowrap;
} 

.table3 colgroup col.ti {
	background-color: #fffdee;
}

.table3 colgroup col.n2 {
	background-color: #eefdfd;
}

@media screen and (min-width: 768px) {
 .table3 {
 	width: auto;
 	font-size: 14px;
 }
}

@media screen and (min-width: 768px) {
 .table3 td {
	padding: 10px 5px;
 }
}

.table4 { 
	border-spacing:0px;
}

.table4 td { 
	border: 1px #806000 solid; /* セルの枠線（太さ・色・スタイル） */ 
	font-size: 10pt;
	padding: 3px;
	line-height: 1em;
}

.table4 th { 
	border: 1px #806000 solid; /* セルの枠線（太さ・色・スタイル） */ 
	font-size: 10pt;
	background-color:#c0b080;
	line-height: 1em;
} 

.m0{font-weight:bold;color:#0000FF;background-color:#8080FF}
.m1{font-weight:bold;color:#0000FF;background-color:#9090FF}
.m2{font-weight:bold;color:#0000FF;background-color:#A0a0FF}
.m3{font-weight:bold;color:#0000FF;background-color:#b0b0FF}
.m4{font-weight:bold;color:#0000FF;background-color:#c0c0FF}
.m5{font-weight:bold;color:#0000FF;background-color:#d0d0FF}
.m6{font-weight:bold;color:#0000FF;background-color:#e0e0FF}
.m7{font-weight:bold;color:#0000FF;background-color:#F0F0FF}

.t1{background-color:#d0e0ff}
.t2{background-color:#e0ffe0}
.t3{background-color:#ffffff}
.t4{background-color:#ffe8e0}
.t5{background-color:#d0f0ff}
.t6{background-color:#d0fff0}
.t7{background-color:#a0cfc0}
.t8{background-color:#f0e0ff}
.t9{background-color:#FFFFc0}
.t0{background-color:#999999}
.ta{background-color:#f0f0c0}
.t{background-color:#f0f0f0}


.t01{background-color:#FFF0F0;text-align: center;}
.t02{background-color:#F0F8FF;text-align: center;}
.t03{background-color:#F0FFF0;text-align: center;}
.t04{background-color:#FFFFE0;text-align: center;}
.t05{background-color:#FFF0E0;text-align: center;}
.t06{background-color:#F0F0F0;text-align: center;}
.t07{background-color:#FFFFF0;text-align: center;}
.t00{background-color:#FFFFFF;text-align: center;}
.t0{background-color:#F0f0f0;text-align: center;vertical-align:middle;}

.tx1{background-color:#ffe0d0}
.tx2{background-color:#d0ffe0}
.tx3{background-color:#d0f0ff}
.tx4{background-color:#a0d0ff}

/*--------------*/

.ta_l{text-align:left;}
.ta_c{text-align:center;}
.ta_r{text-align:right;}

/*--------------*/

/* タブ */

#tab_1,#tab_2,#tab_3{
	display: inline-block;
	width: 28%;
	padding: 5px 0px;
	margin: 0px;
	border-color:#0060a0;
	border-style:solid;
	border-width:1px 1px 0px 1px ;
	border-radius: 5px 5px 0px 0px ;
	-moz-border-radius: 5px 5px 0px 0px ;
	-webkit-border-radius: 5px 5px 0px 0px ;
	-o-border-radius: 5px 5px 0px 0px ;
	-ms-border-radius: 5px 5px 0px 0px ;
	text-align: center;
	cursor: pointer;
	background-color:#ffffff;
	color: #0060a0;
	font-size: 13px;
}

@media screen and (min-width: 768px) {
 #tab_1,#tab_2,#tab_3{
	width: 20%;
	font-size: 16px;
 }
}

.tab_select{
	background-color:#0060a0 !important;
	color: #ffffff !important;
}

#map_1,#map_2,#map_3{
	display: inline-block;
	width: 100%;
	padding: 5px;
	margin: 0px;
	border-color:#0060a0;
	border-style:solid;
	border-width: 1px;
}

/*--------------*/

/* 関連リンク */

#slidelink, #slidelink_2{
	width:96%;
	background-color:#eafff3;
	font-weight:bold;
	border-style:solid;
	border-color:#000000;
	border-width:1px 1px 1px 1px ;
	cursor:pointer;
	padding:3px 3px 3px 10px;
	font-size:0.88em;
	border-radius: 5px 5px 0 0 ;
	-moz-border-radius: 5px 5px 0 0 ;
	-webkit-border-radius: 5px 5px 0 0 ;
	-o-border-radius: 5px 5px 0 0 ;
	-ms-border-radius: 5px 5px 0 0 ;
}

#slidelink:hover{ background-color: #dceee2; }

#arrow_right, #arrow_under{
	float: left;
	margin-right: 5px;
}

@media screen and (min-width: 768px) {
 #arrow_right, #arrow_under{
 	margin-top: 5px;
 }
}

#arrow_under{ display: none; }

#navi{
	width:96%;
	background-color:#ffffff;
	padding:5px 6.5px;
	border-color:#000000;
	border-style:solid;
	border-width:1px 1px 1px 1px ;
	border-radius: 5px 5px 5px 5px ;
	-moz-border-radius: 0 0 5px 5px ;
	-webkit-border-radius: 0 0 5px 5px ;
	-o-border-radius: 0 0 5px 5px ;
	-ms-border-radius: 0 0 5px 5px ;
	display:none; /*デフォルトで見えるようにする場合は削除　*/
}

#navi span{
	display: block;
	width: 100%;
	height: 100%;
/*	padding: 5px 8px; 指のサイズに合わせる*/
	padding: 5px 8px;
	color: #ffffff;
}

#navi a{ text-decoration: none; }

#navi a:hover{ opacity: 0.7; }

#navi ul {
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navi li {
	position: relative;
	float: left;
	background-color:#330000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	margin: 1px;
}

#navi_2{
	width:96%;
	background-color:#ffffff;
	padding:5px 6.5px;
	border-color:#000000;
	border-style:solid;
	border-width:1px 1px 1px 1px ;
	border-radius: 5px 5px 5px 5px ;
	-moz-border-radius: 0 0 5px 5px ;
	-webkit-border-radius: 0 0 5px 5px ;
	-o-border-radius: 0 0 5px 5px ;
	-ms-border-radius: 0 0 5px 5px ;
/*	display:none; デフォルトで見えるよう削除　*/
}

#navi_2 span{
	display: block;
	width: 100%;
	height: 100%;
/*	padding: 5px 8px; 指のサイズに合わせる*/
	padding: 5px 8px;
	color: #ffffff;
}

#navi_2 a{ text-decoration: none; }

#navi_2 a:hover{ opacity: 0.7; }

#navi_2 ul {
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navi_2 li {
	position: relative;
	float: left;
	background-color:#330000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	margin: 1px;
}

/*--------------*/

.area_srch{
	display: block;
	padding: 0px;
	border: 4px #330000 solid;
}

.lbl_srch{
	display: inline;
	padding: 8px 5px 6px 5px;
	margin: 0px 10px 0px 0px;
	background-color: #330000;
	color: #f9ffff;
	font-weight: bold;
}

.txt_con{
	width: 25px;
	padding: 3px;
	margin: 5px;
	background-color: #f9ffff;
}

.btn_srch, .btn_clr{
	width: 60px;
	padding: 3px;
	margin: 3px 5px;
	font-weight: bold;
	cursor: pointer;
}

.btn_srch, .btn_clr{
	margin: 3px 5px 3px 5px;
}

.btn_clr{
	margin: 3px 5px 3px 0px;
}

@media screen and (min-width: 768px) {
 .lbl_srch{
 	padding: 8px 5px;
 }
}

/*--------------*/

.td_wide_link{
	vertical-align: middle !important;
	padding: 0px !important;
}

.td_wide_link a{
	display: inline-block;
	width: 97.5%;
	padding: 7px 0px 3px 2.5%;
}

.td_wide_link a:hover{
	background-color: #ffe5ec;
}

.bg_arrow a{
	background-image:url(../img/arrow_right.png);
	background-repeat:no-repeat;
	background-position:right center;
}

@media screen and (min-width: 768px){
 .td_wide_link a{
 	padding: 3px 0px 1px 2.5%;
 }

 .bg_arrow_pc a{
 	background-image:url(../img/arrow_right.png);
 	background-repeat:no-repeat;
 	background-position:right center;
 }
}

.main {
   margin: 0.6em 0px;   /* 上下に1em・左右に0px */
  line-height:1.8;
}