body {
	font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background:url(../images/body_bg.jpg);
	
}



.layout {
	width:1100px;
	margin:0 auto;
	overflow:hidden
}
#wrap {
	background:url(../images/wrap_bg.jpg) repeat-x;
	border-top:2px solid #000
}
#hd {
	height:140px;
	position:relative;
	background:url(../images/hd_bg.jpg) no-repeat center 10px
}
#hd h1 {
	margin:84px auto 0;
	text-align:center
}
#hd #lang_box {
	position:absolute;
	right:0;
	top:0
}
#hd #lang_box #lang {
	border:4px solid #000
}
#hd #lang_box #lang ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
#hd #lang_box #lang ul li {
	width:50%
}
#hd #lang_box #lang ul li a {
	width:100%;
	display:block;
	text-align:center;
	color:#000;
	text-decoration:none
}
#hd #lang_box #lang ul li a.current, #hd #lang_box #lang ul li a:hover {
	background:#000 !important;
	color:#fff !important
}
#nav {
	background:url(../images/nav_bg.jpg) no-repeat
}
#nav ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center
}
#nav img {
	-webkit-transition:All 0.5s ease;
	transition:All 0.5s ease
}
#nav img:hover, #nav img.current {
	opacity:0.5
}
#con {
	margin-top:20px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
#main {
	width:805px;
	margin-right:20px
}
#main ol, #main ul {
	padding:5px 0px 5px 25px
}
#main ul {
	list-style-type:disc
}
#main ol li, #main ul li {
	padding:5px 0px
}
#main table {
	margin:10px 0px
}
#main table th, #main table td {
	padding:5px
}
#main a img {
	display:inline-block;
	-webkit-transition:All 0.5s ease;
	transition:All 0.5s ease
}
#main a img:hover {
	opacity:0.7
}
#main h1 {
	background:#1CB299;
	color:#fff;
	padding:15px;
	font-size:1.7em;
	font-weight:bold;
	text-shadow:0 0 6px rgba(0, 0, 0, 0.6), 0 3px 6px rgba(0, 0, 0, 0.6);
	border-bottom:4px solid #245831;
	margin:0 0 25px 0
}
#main h2 {
	background:url(../images/li_01.png) no-repeat 10px 8px;
	color:#333;
	font-size:1.5em;
	border-bottom:3px solid #1CB299;
	padding:0.4em 0.4em 0.4em 1.9em;
	margin:25px 0 14px 0
}
#main h3 {
	color:#1CB299;
	font-size:1.2em;
	border-left:4px solid #1CB299;
	padding:0em 0em 0em 0.5em;
	margin:15px 0 8px 10px
}
.h3_02 {
	color:#1CB299;
	font-size:1.0em;
	font-weight:bold;
	padding:0em 0em 0em 0.5em;
	margin:15px 0 8px 10px
}
#side {
	width:220px
}
#center {
	width:10px;
	margin:0 10px 0 0;
	border-right:1px solid #ddd
}
#sidenav {
	width:100%
}
#sidenav a {
	width:100%;
	padding:8px 6px 8px 23px;
	display:block;
	text-decoration:none;
	background:url(../images/common/sidenav_icon.png) no-repeat 6px center;
	font-size:12px;
	color:#333333;
	border-bottom:dotted 1px #CCC
}
#bnr {
	width:100%
}
#bnr li {
	margin-bottom:4px
}
#bnr li a {
	width:100%;
	padding:16px 16px 16px 42px;
	border:1px solid #000;
	border-radius:3px;
	display:block;
	text-decoration:none;
	background:url(../images/common/bnr_bg.png) no-repeat 16px center;
	font-size:12px;
	color:#333333
}
#ft {
	color:#fff;
	font-size:0.9em;
	margin-top:20px;
	padding-top:25px;
	position:relative
}
#ft #page-top {
	position:absolute;
	top:0px;
	left:calc(50% - 50px)
}
#ft a {
	color:#fff
}
#ft .address {
	background:#1B1B1B;
	padding:10px 0
}
#ft .copy {
	background:#000000;
	text-align:center
}
.box_275 {
	width:275px;
	background:#F6F2F3
}
.box_275 h2 {
	background:#DCDCDC;
	color:#19B198;
	text-align:center;
	font-size:1.4rem;
	line-height:1.8em
}
.box_275 .padding_box {
	padding:15px
}
.box_550 {
	width:550px
}
.box_550 h2 {
	background:#19B198;
	color:#fff;
	text-align:center;
	font-size:1.4rem;
	line-height:1.8em;
	padding-left:30px
}
.box_550 .padding_box {
	padding:15px
}
.box_550 h2 a {
	float:right;
	font-size:0.7em;
	text-decoration:none;
	color:#fff;
	background:url(../images/all_icon.png) left center no-repeat;
	padding-left:15px;
	margin-right:10px
}
.box_825 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:825px;
	background:#245831
}
.box_825 .padding_box {
	padding:15px
}
.box_825 h2 {
	color:#fff;
	border-bottom:1px solid #fff;
	font-size:1.1em;
	margin:6px
}
.box_825 .box_825_con {
	width:275px;
	padding:10px
}
.ul_01 a {
	color:#000;
	text-decoration:none
}
.ul_01 li {
	background:url(../images/li_01.png) no-repeat left 8px;
	padding:10px 8px 10px 28px;
	font-size:1.15em
}
.ul_01 li ul li {
	background:url(../images/li_01s.png) no-repeat left 15px;
	padding:8px 6px 8px 15px;
	font-size:0.95em
}
.ul_02 a {
	color:#000;
	text-decoration:none
}
.ul_02 li {
	background:url(../images/li_02.png) no-repeat left 8px;
	padding:4px 4px 4px 18px;
	font-size:1.15em
}
.ul_03 a {
	color:#fff;
	text-decoration:none
}
.ul_03 li {
	background:url(../images/li_03.png) no-repeat 8px 10px;
	padding:3px 3px 2px 22px;
	font-size:1.0em
}
.news {
	height:260px;
	overflow:auto
}
.news table {
	width:100%
}
.news table tr {
	border-bottom:1px dotted #CCC
}
.news table td {
	vertical-align:top;
	font-size:0.9rem;
	padding:10px;
	text-align:left;

}
.news table td:first-child {
	width:140px;
	background:url(../images/common/news_icon.png) 5px 18px no-repeat;
	padding-left:20px
}


.news02 {
	overflow:auto;
}


.news02 table {
	width:100%
}
.news02 table tr {
	border-bottom:1px dotted #CCC
}
.news02 table td {
	vertical-align:top;
	font-size:0.9rem;
	padding:10px;
	text-align:left;
}
.news02 table td:first-child {
	width:100px;
	background:url(../images/common/news_icon.png) 5px 18px no-repeat;
	padding-left:20px
}

.staff_table table td{
	text-align:left;
}
