@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500italic,500,700,700italic);
@media screen and (min-width: 769px) {
body {
	font-family: Roboto, "Droid Sans", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background: url(../images/body_bg.png);
	text-align: left;
}
.layout {
	width:960px;
	margin:0 auto;
	overflow:hidden
}
#wrap {
	background:url(../images/wrap_bg.png) repeat-x;
	box-shadow:0 6px 10px rgba(0,0,0,0.2);
	z-index:10;
	position:relative
}
#hd {
	height:100px;
	position:relative;
	background:url(../images/hd_bg.png) no-repeat
}
#hd h1, #hd #logo {
	position:absolute;
	top:13px;
	left:0px
}
#nav {
	background:url(../images/nav_bg.png) no-repeat
}
#nav ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex
}
#nav img {
	-webkit-transition:All 0.5s ease;
	transition:All 0.5s ease
}
#nav img:hover, #nav img.current {
	opacity:0
}
#nav span {
	display:none
}
#menu {
	display:none
}
#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:720px
}
#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 {
	font-size:2.2em;
	font-weight:bord;
	color:#000000;
	padding:1.0em 1.0em 1.0em 1.1em;
	margin:0 0 25px 0;
	color:#fff;
	background:#8CBF33;
	text-shadow:2px 2px 6px rgba(0,0,0,0.4);
	box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	border-left:5px solid #EB5C02
}
#main h1 span {
	font-size:0.7em;
	margin-left:15px;
	padding-left:15px;
	border-left:1px solid #fff
}
#main h1:first-letter {
	font-size:1.2em
}
#main h2 {
	font-size:1.3em;
	font-weight:bold;
	padding:0.4em 0 0.4em 1.4em;
	margin:24px 0 14px 0;
	background:url(../images/h2_bg01.png) 10px center no-repeat, url(../images/h2_bg02.png) left bottom no-repeat
}
#main h3 {
	font-size:1.1em;
	font-weight:bold;
	padding:1px 0 1px 10px;
	margin:12px 0 8px 0;
	border-left:4px solid #000000
}
#side {
	width:220px
}
#side h2 {
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	background:#EB5C02
}
#sidenav {
	width:100%
}
#sidenav ul {
	padding:10px;
	border:1px solid #EB5C02
}
#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:#000000;
	border-bottom:dotted 1px #cccccc
}
#side_contact {
	border:1px solid #EB5C02
}
#side_contact p {
	width:calc(100% - 20px);
	margin:0 auto
}
#bnr {
	margin-top:20px;
	width:100%
}
#bnr li {
	margin-bottom:4px
}
#bnr li a {
	width:100%;
	font-weight:bold;
	padding:16px 16px 16px 42px;
	border:1px solid #CCCCCC;
	border-radius:0px;
	display:block;
	text-decoration:none;
	background:url(../images/common/bnr_bg.png) no-repeat 16px center;
	font-size:1em;
	color:#000000
}
#bnr li a span {
	font-size:0.85em;
	display:block
}
#center {
	width:10px;
	margin:0 10px 0 0;
	border-right:1px solid #dddddd
}
#ft {
	margin-top:20px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	color:#fff;
	background:#8CBF33
}
#i_img {
	width:100%;
	padding:20px;
	background:url(../images/i_img_bg02.png) left top no-repeat, url(../images/i_img_bg03.png) right bottom no-repeat, url(../images/i_img_bg01.png) left top;
	box-shadow:inset 0 -6px 6px rgba(0,0,0,0.1)
}
#i_news {
	height:324px;
	overflow:auto
}
#i_news table {
	width:100%
}
#i_news table tr {
	border-bottom:1px dotted #cccccc
}
#i_news table td {
	vertical-align:top;
	font-size:0.9em;
	padding:10px
}
#i_news table td:first-child {
	width:140px;
	background:url(../images/common/news_icon.png) 5px 18px no-repeat;
	padding-left:20px
}
#page-top {
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:0.9em;
	background:#666;
	text-decoration:none;
	color:#ffffff;
	padding:20px;
	text-align:center;
	display:block;
	border-radius:5px
}
.album_img{
	display:none;
}
.album_img ul li{
	width:40%;
	margin:5px 20px;
	display: inline-block;
	list-style:none;
	text-align: center;
}
.album_img ul li img{
	width:100%;
}

.research img{
	display:block;
	margin: 30px auto 0;
}
.btn{cursor:pointer;
}
}
@media screen and (max-width: 769px) {
body {
	font-family:Roboto, "Droid Sans", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background:url(../images/body_bg.png);
	width:calc(100% - 4px);
	margin:0 auto
}
.layout {
	width:100%;
	margin:0 auto;
	overflow:hidden
}
#wrap {
	box-shadow:0 6px 10px rgba(0,0,0,0.2);
	z-index:10;
	position:relative
}
#hd {
	background:url(../images/hd_bg.png) top right no-repeat;
	padding:5px
}
#hd h1, #hd #logo {
	width:calc(100% - 60px)
}
#hd h1 img, #hd #logo img {
	width:100%
}
#nav {
	position:fixed;
	top:0px;
	right:-200px;
	height:100%;
	z-index:100;
	width:200px;
	overflow-x:none;
	overflow-y:auto;
	font-size:16px;
	background:url(../images/nav_bg_sp.png) top center #8CBF33;
	color:#fff;
	box-shadow:8px 0 8px 8px rgba(0,0,0,0.3)
}
#nav ul {
	display:block;
	margin:0 0 15px;
	padding:0
}
#nav ul li {
	display:block;
	margin:0
}
#nav ul li:last-child {
	border-bottom:1px solid rgba(255,255,255,0.3)
}
#nav ul a {
	color:#fff;
	font-weight:bold;
	letter-spacing:0.2em;
	text-shadow:2px 2px 2px rgba(0,0,0,0.3);
	display:block;
	padding:15px;
	text-decoration:none;
	border-bottom:1px solid rgba(0,0,0,0.1);
	border-top:1px solid rgba(255,255,255,0.3)
}
#nav ul a:hover {
	box-shadow:inset 0 0 8px rgba(0,0,0,0.2)
}
#nav img {
	display:none
}
#menu {
	cursor:pointer;
	position:fixed;
	top:5px;
	right:5px;
	z-index:1000
}
#menu img {
	width:50px;
	height:50px
}
#con {
	margin:20px auto 0;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:calc(100% - 20px)
}
#main {
	width:100%;
	overflow:auto
}
#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 {
	font-size:2.2em;
	font-weight:bord;
	color:#000000;
	padding:1.0em 0.5em;
	margin:0 0 25px 0;
	color:#fff;
	background:#8CBF33;
	text-shadow:2px 2px 6px rgba(0,0,0,0.4);
	box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	border-left:5px solid #EB5C02
}
#main h1 span {
	display:block;
	font-size:0.7em;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #fff
}
#main h1:first-letter {
	font-size:1.2em
}
#main h2 {
	font-size:1.3em;
	font-weight:bold;
	padding:0.4em 0 0.4em 1.4em;
	margin:24px 0 14px 0;
	background:url(../images/h2_bg01.png) 10px center no-repeat, url(../images/h2_bg02.png) left bottom no-repeat
}
#main h3 {
	font-size:1.1em;
	font-weight:bold;
	padding:1px 0 1px 10px;
	margin:12px 0 8px 0;
	border-left:4px solid #000000
}
article section h3 {
}
article section p {
}


#side {
	margin-top:20px;
	width:100%
}
#side h2 {
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:10px;
	margin:0 0 0 0;
	background:#EB5C02
}
#sidenav {
	width:100%
}
#sidenav ul {
	padding:10px;
	border:1px solid #EB5C02
}
#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:#000000;
	border-bottom:dotted 1px #cccccc
}
#side_contact {
	border:1px solid #EB5C02
}
#side_contact p {
	width:calc(100% - 20px);
	margin:0 auto
}
#bnr {
	margin-top:20px;
	width:100%
}
#bnr li {
	margin-bottom:4px
}
#bnr li a {
	width:100%;
	font-weight:bold;
	padding:16px 16px 16px 42px;
	border:1px solid #CCCCCC;
	border-radius:0px;
	display:block;
	text-decoration:none;
	background:url(../images/common/bnr_bg.png) no-repeat 16px center;
	font-size:1.1em;
	color:#000000
}
#bnr li a span {
	font-size:0.85em;
	display:block
}
#center {
	display:none
}
#ft {
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	color:#fff;
	background:#8CBF33
}
#i_img {
	width:100%;
	padding:7px;
	background:url(../images/i_img_bg02.png) left top no-repeat, url(../images/i_img_bg03.png) right bottom no-repeat, url(../images/i_img_bg01.png) left top;
	box-shadow:inset 0 -6px 6px rgba(0,0,0,0.1)
}
#i_news {
	height:324px;
	overflow:auto
}
#i_news table {
	width:100%
}
#i_news table tr {
	border-bottom:1px dotted #cccccc
}
#i_news table td {
	display:block;
	width:100%;
	vertical-align:top;
	font-size:0.9em;
	padding:0 5px 5px 5px
}
#i_news table td:first-child {
	width:140px;
	padding:5px 5px 0 5px;
	background:url(../images/common/news_icon.png) 5px 12px no-repeat;
	padding-left:20px
}
#page-top {
	margin-top:20px;
	font-size:0.9em;
	background:#EB5C02;
	text-decoration:none;
	color:#ffffff;
	padding:10px;
	text-align:center;
	display:block
}
.research img{
	display:block;
	width:100%;
}
.album_img{
	display:none;
}
.album_img ul{ 
	margin-left:-25px;
}
.album_img ul li{
	width:100%;
	list-style:none;
	text-align:center;	
}
.album_img ul li img{
	width:100%;	
}
.btn{cursor:pointer;
}
}