body { font: 14px; font-family: "Helvetica","ＭＳ ゴシック",serif; line-height: 24px; margin: 0;}

#bodyid{ background:#E3E3E3; padding:0; margin:0; }

#page{ margin: 0 auto; width: 1000px; background:#fff url('../img/bg_side.jpg') repeat-y; padding:0; }

#page02 {	margin: 0 auto; width: 926px; background:#ffffff; }

/* コンテンツ設定 */


#main {margin: 0 0 0 50px; padding:0; width: 640px; float: left;}

.ttl_01 {font-size: 22px; font-weight: bold; color: #E7357C;  margin:30px 0 0 0; padding: 7px 0 7px 15px; background: #fff url(../img/title.gif) no-repeat left; clear: both;}
.ttl_02 {font-size: 22px; font-weight: bold; color: #FCCE00;  margin:30px 0 0 0; padding: 7px 0 7px 15px; background: #fff url(../img/title.gif) no-repeat left; clear: both;}
.ttl_03 {font-size: 22px; font-weight: bold; color: #0077DA;  margin:30px 0 0 0; padding: 7px 0 7px 15px; background: #fff url(../img/title.gif) no-repeat left; clear: both;}
.ttl_04 {font-size: 22px; font-weight: bold; color: #4CB256;  margin:30px 0 0 0; padding: 7px 0 7px 15px; background: #fff url(../img/title.gif) no-repeat left; clear: both;}


.ko_box01{margin: 20px 0 20px; padding:0;}




#side {margin: 0; padding:0; width: 210px; float: right; }

.side_box01{margin: 0; padding:0;}

.ad_a{margin: 0 auto; width: 210px; height: 16px; background: #fff url(../img/address_a.jpg) no-repeat left;}
.ad_b{font-size: 12px; line-height: 18px; margin: 0 auto; padding:0 0 0 10px; width: 200px; background: #fff url(../img/address_b.jpg) repeat-y;}
.ad_c{margin: 0 auto; width: 210px; height: 9px; background: #fff url(../img/address_c.jpg) no-repeat left;}


/* フッター設定 */

#footer {
	clear: both;
	margin:0 50px 0 50px;
	font-size: 10px;
	text-align: right;
	padding: 5px 0 20px 0;
	border-style: solid; border-width: 1px 0 0 0; border-color: #9D9D9D #fff #fff #fff; border-spacing: 0;
}

#bg_under{margin: 0 auto; width: 1000px; height: 30px; background: #fff url(../img/bg_under.jpg) no-repeat left;}



/* 共通 */

.tb0 { padding: 0; border-collapse: collapse; }
.tb0 td { padding: 0; border-collapse: collapse; float: left;}

.tb00 { padding: 0; border-collapse: collapse; }
.tb00 td { padding: 0; border-collapse: collapse; float: left; text-align: center;}


.link_img01 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



















#right {margin:5px 5px 5px 5px; padding:0; width: 620px; float: right; }

#right h2 { margin:10px 0 0 10px; padding: 10px 0 7px 25px; color: #000; text-indent: 10px; background: #fff url(../img/r_bar.gif) no-repeat left; clear: both;}
#right h3 { margin:10px 0 0 10px; padding: 5px 0 5px 3px; color: #000; text-indent: 10px; background: #fff url(../img/r_bar2.gif) no-repeat left; clear: both;}

#right p {margin:5px; padding:3px; }

.t-box { font-size: 13px; font-weight: bold; padding: 8px 0 8px 5px; color: #000; text-indent: 10px; background: #fff url(../img/t-bar.gif) no-repeat left; }


.l_box{	margin: 0; width: 330px; float: left;}

.r_box{	margin: 0; width: 330px; float: right;}


.top_box {
	border:0;
	background: #fff;
	margin:10px;
	padding:0;
	clear: both;
}


.c_box {
	border:1px solid #ccc;
	background:url(../img/box1_back.gif);
	margin:10px;
	padding:5px;
	clear: both;
}

.c1_box {
	border:1px solid #ccc;
	background: #fff;
	margin:10px;
	padding:5px;
	clear: both;
}

/* サイド設定 */



.bar { margin:6px 0 6px 0; }

.side-box {
	border:1px solid #EEE;
	font-size: 13px;
	background:url(../image/box1_back.gif);
	margin:0;
	padding:10px;
}

ul.button {
	width: 250px;/*↓の幅+15px*/
	margin: 0;
	padding: 0;
	font-size: 13px;/*フォントサイズ*/
	font-family: Verdana,Arial,sans-serif;
}
.button li {
	list-style: none;
	border: solid 1px #848485;/*外枠の色*/
	margin: 0 0 3px 0;/*メニュー間の間隔*/
	padding: 0;
	
}
.button li a {
	display: block;
	padding: 5px 0 5px 10px;
	color: #0080c0;/*文字色*/
	background:url('../img/link1.gif') repeat-x left top;

}
.button a:hover{
	background:url('../img/link2.gif') repeat-x left top;
color: #ff0000
  }

#menu ul {
	width:260px;
	margin:0;
	padding:0;
	list-style-type:none;
}
 
#menu ul li {
	position:relative;
	margin:0;
}
 
#menu ul li table {
	border-collapse:collapse;
	border:none;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
 
#menu ul {
	width:200px;
	margin:0;
	padding:0;
	list-style-type:none;
}
 
#menu ul li {
	position:relative;
	margin:0;
}
 
#menu ul li table {
	border-collapse:collapse;
	border:none;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
 
#menu ul li ul {
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	top:0;
	left:150px;
}
 
#menu ul li ul li {
	margin:0;
	padding:0 5px;
	line-height:1em;
}
 
#menu ul li ul li a {
	color:#fff;
	font-size:80%;
}
	
#menu ul li ul li a:hover {
	color:#fff;
	text-decoration:underline;
}
	
#menu ul li a {
	width:150px;
	padding:5px 0;
	color:#6699cc;
	display:block;
	text-decoration:none;
}
			
#menu ul li a:hover {
	position:relative;
	z-index:100;
	color:#cc6666;
}
 
#menu ul li:hover ul,
#menu ul li a:hover ul {
	visibility:visible;
	overflow:visible;
	height:auto;
	z-index:10;
	background:#6699cc;
	filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;

	width:150px;
	border:1px solid #336699;
}



ul.point{
list-style-type:none;
margin:0;
padding:0 2px 0 0;
}
.point li{
font-weight:normal;
border-bottom:1px dashed #999;
background:url('../img/point.gif') no-repeat 2px 4px;
padding:3px 0px 3px 25px;
margin:0;
font-size:13px;
}
.point li a{
color:#0080c0;
text-decoration:none;
width:100%;
}
.point li a:hover{
color:#ff0000;
background:#f4f8fb;
}




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

ul.yaji {
	width: 200px;/*↓の幅+15px*/
	margin: 0;
	padding: 0;
	font-size: 13px;/*フォントサイズ*/
	font-family: Verdana,Arial,sans-serif;
}
.yaji li {
	border-bottom:1px dashed #999;
	background:url('../img//point.gif') no-repeat 5px 4px;
	padding:2px 10px 2px 25px;
	margin:0;
	
}
.yaji li a {
	color:#0080c0;
	text-decoration:none;
	width:100%;

}
.yaji a:hover{
	color:#ff0000;
  }









/* 共通設定 */


h1, h2, h3, h4, h5 {
	color: #666666;
	background:inherit;
	padding: 0;
	margin: 0;
	font-size: 14px;
}

a{ text-decoration:none ; color: #0080c0;}
a:hover{ text-decoration:none ; color: #ff0000;}

img { border:0;}

.tb1 { border-collapse: collapse; border: 1px solid #888; width: 100%;  }
.tb1 th { font-size: 90%; color: #111; background-color: #efefef; border-collapse: collapse; border: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px 5px 5px 5px; text-align: center;  }
.tb1 td { width: 50%;font-size: 100%; background-color: #fff; border-collapse: collapse; border: 1px solid #ddd; padding: 5px 5px 5px 5px; text-align: left; vertical-align: middle; }

.tb2 { border-collapse: collapse; border: 1px solid #ffb062; width: 100%;  }
.tb2 th { font-size: 90%; color: #111; background-color: #edfee2; border-collapse: collapse; border: 1px solid #fff; border-right: 1px solid #fff; padding: 5px 5px 5px 5px; text-align: center;  }
.tb2 td { font-size: 100%; background-color: #fff; border-collapse: collapse; border: 1px solid #a7eb74; padding: 5px 5px 5px 5pxpx; text-align: left; vertical-align: middle; }

.tb3 { border-collapse: collapse; border: 1px solid #888; width: 100%;  }
.tb3 th { font-size: 90%; color: #111; background-color: #efefef; border-collapse: collapse; border: 1px solid #ddd; border-right: 1px solid #ddd; padding: 15px; text-align: center;  }
.tb3 td { width: 50%;font-size: 100%; background-color: #fff; border-collapse: collapse; border: 1px solid #ddd; padding: 5px 5px 5px 5px; text-align: left; vertical-align: middle; }



.fo_box{font-size: 16px; line-height: 22px; font-weight: bold; color: #ff0000;}

.box {
	border:0;
	background: #fff;
	margin:10px;
	padding:5px;
	font-size: 14px; line-height: 26px;
}
.box1 {
	border:1px solid #EEE;
	background:url(../img/box1_back.gif);
	margin:10px;
	padding:5px;
	font-size: 14px; line-height: 26px;
}
.box2 {
	border:1px solid #EEE;
	background:url(../img/box2_back.gif);
	margin:10px;
	padding:5px;
	text-align:right;
}

.box_b {
	border:0;
	background: #fff;
	margin:0;
	padding:0;
	font-size: 13px;
}
.box_b2 {
	border:0;
	background: #fff;
	margin:0 0 10px 15px;
	padding:0;
	font-size: 13px;
}


.yaji_01 {
	border:0px ;
	background:url(../img/arrow_right.gif) no-repeat left;
	margin:0;
	padding:4px 0 4px 33px;
	font-size: 13px;
}




/* 20180117追加 */

.ttl_2018_01 { font-size: 16px; font-weight: bold; font-family: "Helvetica Regular","Helvetica","ＭＳ ゴシック",serif; line-height: 24px; margin: 0; padding:25px 0 0 0;}

.box_2018_01{font-size: 12px; line-height: 24px; font-family: "Helvetica Regular","Helvetica","ＭＳ ゴシック",serif;}



.ttl_2018_02 { font-size: 18px; font-family: "Helvetica Regular","Helvetica","ＭＳ ゴシック",serif; line-height: 24px; margin: 0; padding:25px 0 0 0;}

.box_2018_02{font-size: 14px; line-height: 24px; font-family: "Helvetica Regular","Helvetica","ＭＳ ゴシック",serif;}

.box_2018_03{font-size: 17px; line-height: 24px; font-family: "Helvetica Regular","Helvetica","ＭＳ ゴシック",serif;}

.box_2018_03_01{font-size: 12px; line-height: 24px; font-family: "Helvetica Regular","Helvetica","ＭＳ ゴシック",serif; padding: 0 0 0 10px;}

.box_2018_04{display: inline-block;
    margin: 20px 0 0 0;
    padding: 10px 20px 10px 20px;
    background: #ffffff;
    border: solid 1px #B2B2B2;
    border-radius: 15px;}


.ttl_btn01 {
    display: inline-block;
    padding: 3px 20px 3px 20px;
    font-size: 18px;
    text-decoration: none;
    color: #FCCE00;
    background: #ffffff;
    border: solid 1px #FCCE00;
    border-radius: 15px;
    transition: .4s;
}

.fo_2018_01{font-size: 12px; font-family: "Helvetica Regular","Helvetica","ＭＳ ゴシック",serif;}
.fo_2018_02{font-size: 14px; font-family: "Helvetica Regular","Helvetica","ＭＳ ゴシック",serif;}


.link_img01 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}




/* 20190325追加 */

.ew_ttl01{ padding:35px 0 5px 0;}
.ew_ttl01_02{ padding:20px 0 5px 0;}

.ew_ttl02{font-size: 18px; color: #006DD0; font-family: "Helvetica Regular","Helvetica","ＭＳ ゴシック",serif; line-height: 24px; margin: 0; padding:5px 0 0 0;}

.ew_box01{margin: 10px 0 10px; padding:0;}