/*
Theme Name: JLWA
Author: 
Author URI: 
Version: 1.0
*/

/* =Reset
-------------------------------------------------------------- */
@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}


html{
    font-size: 62.5%;
}

body{
	color: #333333;
	font: 14px/1.43 Arial, Helvetica, sans-serif;
}

h1{
}
h2{
	font-size: 18px;
	border: 1px solid #CBCCCE;
	margin-bottom: 20px;
	background-repeat: repeat-x;
	background-position: center bottom;
	background-image: url(../img/h2.jpg);
	padding: 5px 10px 8px;
	background-color: #E3F9FF;
}
.entry-content h2{
	margin-left: -15px;
}
h3{
	font-size: 16px;
	line-height: 1.43;
	color: #333333;
	margin-bottom: 20px;
	padding: 8px 10px;
	border-left: 3px solid #3396C9;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	background-color: #E3F9FF;
}
h4{
	font-size: 16px;
	line-height: 1.43;
	margin-bottom: 20px;
	border-bottom: 2px solid #3396C9;
	padding-bottom: 5px;
}
h5{
	font-size: 16px;
	line-height: 1.43;
	margin-bottom: 20px;
	border-left: 3px solid #3396C9;
	padding-left: 10px;
}
p+h3,p+h4{
	margin-top: 20px;
}


a{
	color: #000;
}
a:visited{}
a:hover{
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	-ms-filter: "alpha(opacity=70)"; /* ie 8 */
	-moz-opacity:0.7; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	zoom:1;
}


ol,
ul {
	list-style: none;
}

table{
	background: #CBCCCE;
	border-collapse: separate;
	border-spacing: 1px;
	padding: 1px;
	border-style: none;
}
th{
	background: #EDF5FA;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
td{
	padding: 5px 10px;
	background: #FFFFFF;
	vertical-align: middle;
}
table+p{ margin-top: 10px; }

p{}


img{
	max-width:100%;
	height: auto;
	vertical-align:bottom
}
input[type="button"]  {cursor:pointer; cursor: hand;}
input[type="button"]:hover{
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	-ms-filter: "alpha(opacity=70)"; /* ie 8 */
	-moz-opacity:0.7; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	zoom:1;
}

button[type="button"]  {cursor:pointer; cursor: hand;}
button[type="button"]:hover{
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
	-ms-filter: "alpha(opacity=70)"; /* ie 8 */
	-moz-opacity:0.7; /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	zoom:1;
}

/* childrencss -------------------------*/
.pd1{ padding-left: 1em; }
.pd2{ padding-left: 2em; }
.indent-f{ text-indent: 1em;}
.indent-b{
	text-indent: -1em;
	padding-left: 1em;
}
.indent-f2{
	text-indent: 1em;
	padding-left: 1em;
}
.indent-b2{
	text-indent: -1em;
	padding-left: 2em;
}
.indent-b2-2{
	text-indent: -2em;
	padding-left: 3em;
}
.btn-o{
	display: inline-block;
	color: #FFFFFF;
	font-size: 12px;
	border-radius: 3px;
	padding: 4px 5px;
	border: 2px solid #FF7F00;
	background-color: #FF7F00;
	width: 90px;
	text-align: center;
}
.btn-y{
	display: inline-block;
	color: #FFFFFF;
	font-size: 12px;
	border-radius: 3px;
	padding: 4px 5px;
	border: 2px solid #ECBD02;
	background-color: #ECBD02;
	width: 90px;
	text-align: center;
}
.btn-g{
	display: inline-block;
	color: #FFFFFF;
	font-size: 12px;
	border-radius: 3px;
	padding: 4px 5px;
	border: 2px solid #59B200;
	background-color: #59B200;
	width: 90px;
	text-align: center;
}
.btn-b{
	display: inline-block;
	color: #FFFFFF;
	font-size: 12px;
	border-radius: 3px;
	padding: 4px 5px;
	border: 2px solid #0080FF;
	background-color: #0080FF;
	width: 90px;
	text-align: center;
}
.btn-w{
	display: inline-block;
	color: #0080FF;
	font-size: 12px;
	border-radius: 3px;
	padding: 4px 5px;
	border: 2px solid #0080FF;
	background-color: #FFFFFF;
	width: 90px;
}
.btn-r{
	display: inline-block;
	color: #FF0000;
	font-size: 12px;
	border-radius: 3px;
	padding: 2px 3px;
	background-color: #FFFFFF;
	border: 2px solid #FF0000;
}
.bd-s{
	padding: 14px;
	border: 1px solid #CCCCCC;
}
.bd-d{
	padding: 12px;
	border: 3px double #CCCCCC;
}

/* Header -------------------------*/
header{ }
header #top{
	max-width: 1000px;
	padding: 0px 15px;
	margin: 0 auto;
}

header #top .logo{
	float: left;
	margin: 20px 0;
}
header #top #headmenu{
	float: right;
	margin: 10px 0 5px;
	width: 340px;
}
header #top #headmenu img{
	vertical-align: middle;
}
header #top .link{
	float: right;
	margin-bottom: 10px;
}
header #top .link li{
	float: left;
	margin-left: 1px;
	font-size: 12px;
	background-color: #4DA1CF;
	height: 30px;
}
header #top .link li:first-child{
	margin-left: 0px;
}
header #top .link li a{
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 15px;
	display: inline-block;
}
header #top .mail{
	float: right;
	margin-bottom: 10px;
}
header #top .mail a{
	text-decoration: none;
	margin-top: 5px;
	display: inline-block;
}

#top #cse-search-box{
	float: right;
	width: 205px;
	margin: 0 0 0 15px;
}
#cse-search-box input[type=text]{
	background: #FFF;
	width: 150px;
	height: 24px;
	border: 1px solid #D0D1D3;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 3px 0 0 3px;
}
#cse-search-box input::-webkit-input-placeholder{
    color: #999;
}
#cse-search-box input:-ms-input-placeholder{
    color: #999;
}
#cse-search-box input::-moz-placeholder{
    color: #999;
}
#cse-search-box input[type=submit]{
	background: url(../img/search.jpg) no-repeat left 1px;
	height: 30px;
	width: 41px;
	text-indent: -9999px;
	border-style: none;
	cursor: pointer;
	margin-left: -4px;
}
#cse-search-box input {
    vertical-align : middle;
}

#headtitle{
	position: relative;
	padding: 0;
	background: url(../img/headimg.jpg) no-repeat right center;
	background-size: cover;
}
#headtitle::after {
    content:"";
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    box-shadow:inset 0px 0px 8px -5px rgba(0,0,0,1);
	z-index: 5;
}
#headtitle p{
	font-weight: bold;
	padding: 15px 100px;
	font-size: 30px;
	color: #FFFFFF;
	margin: 0 auto;
	max-width: 1000px;
}
#breadbox{
	border-bottom: 1px solid #dddddd;
}
#breadbox ul{
	padding: 7px 0;
	float: right;
}
#breadbox li{
	float: left;
	margin-left: 5px;
	color: #333333;
	font-size: 12px;
}
#breadbox li a{
	color: #333333;
}
#breadbox li:after{
	content: '>';
	margin-left: 5px;
}
#breadbox li:last-child:after{
content:'';
}

.mainimg{
	background-image: url(../img/pho01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 320px;
	position: relative;
	overflow: hidden;
}
.mainimg::before {
	content: "";
	width: 100%;
	position: absolute;
	box-shadow: 0px 3px 5px -5px #000000 inset;
	-moz-box-shadow: 0px 3px 5px -5px #000000 inset;
	-webkit-box-shadow: 0px 3px 5px -5px #000000 inset;
	height: 10px;
	z-index: 60;
}
.mainimg div{
	height: 320px;
	position: relative;
}
.mainimg div::before {
	content: "";
	width: 100%;
	position: absolute;
	top: 0;
	left: -50%;
	right: 0;
	bottom: 0;
	margin: auto auto auto -500px;
	z-index: 50;
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.mainimg div::after {
	content: "";
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: -50%;
	bottom: 0;
	margin: auto -500px auto auto;
	z-index: 50;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.mainimg img{ display: none; }

/* Navigation -------------------------*/
#meanmenu{
	margin-bottom: 10px;
}
nav ul:after{
    content: '';
    display: block;
    clear: both;
}
nav#navre{
	padding: 0;
	margin: 0;
	zoom: 1; /* for IE6/7 */
	background-image: url(../img/menu.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #008CD0;
}
nav#navre ul{
	margin: 0 auto;
	padding: 0 1px 0 0;
	max-width: 1000px;
	background: url(../img/menu_bar.png) no-repeat left center;
}
nav#navre li{
	position: relative;
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
	background: url(../img/menu_bar.png) no-repeat right center;
	font-size: 15px;
}
nav#navre li a{
	display: block;
	padding: 15px 12px;
	text-decoration: none;
	color: #FFFFFF;
}
nav#navre li a.on,nav#navre li a:hover{
	background-color: rgba(255,255,255,0.2);
}
nav#navre li ul{
	position: absolute;
	top: 100%;
	left: 0px;
	padding: 6px;
	width: 200px;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #008CD0;
	background-image : none;
}
nav#navre li:nth-child(6) ul{
	left: -58px;
}
nav#navre li ul li{
	width: 100%;
	border-top: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
	background-image : none;
}
nav#navre li ul li a{
	padding: 5px 10px 5px 24px;
	text-align: left;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	text-indent:-14px;
}
nav#navre li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .5s;
}
nav#navre li:hover ul{
  top: 88%;
  visibility: visible;
  opacity: 1;
}
#navre li li a:before {
	font: 12px 'FontAwesome';
	content: '\f054';
	margin: 0 5px 0 0;
	color: #679AAB;
}
nav#navre li ul li a.on,nav#navre li ul li a:hover{  }

nav#navre li ul li ul{
	opacity: 1.0;
	transition: none;
	position: static;
	padding: 0;
	width: 100%;
}
nav#navre li ul li ul li a{
	padding: 5px 10px 5px 34px;
	text-indent:-14px;
}



/* Footer -------------------------*/
footer{
	background-color: #008CD0;
	padding: 30px 0 20px;
	border-top: 5px solid #DDDDDD;
	color: #FFFFFF;
}
#footer_box{
	max-width: 1000px;
	margin: 0px auto;
	padding: 0px 15px;
}
#footer_box .add{
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	padding-left: 110px;
	background-position: 0 center;
	font-weight: bold;
	margin-bottom: 20px;
	min-height: 45px;
}
#footer_box .add p+p{
	font-weight: normal;
	font-size: 12px;
}
#footer_box .footmenu{ float: left; }
#footer_box .footmenu ul:after{
    content: '';
    display: block;
    clear: both;
}
#footer_box .footmenu li{
	float: left;
	font-size: 12px;
}
#footer_box .footmenu li a{
	text-decoration: none;
	color: #FFFFFF;
}
#footer_box .footmenu li:before{
    margin: 0 0 0 8px;
    content: "｜";
}
#footer_box .footmenu li:first-child:before{
    margin: 0;
    content: "";
}
#footer_box .copy{
	float: right;
	font-size: 10px;
	margin-top: 5px;
}

/* Layout -------------------------*/

#wrap{
	max-width:1000px;
	padding:0px 15px;
	margin: 60px auto;
}

.wrap_box{
	max-width:1000px;
	padding:0px 15px;
	margin: 30px auto 60px;
}
.wrap_box2{
	max-width:1000px;
	padding:0px 15px;
	margin: 0px auto;
}
.wrap_box3{
	max-width:1070px;
	margin: 0px auto;
}
#navre+.wrap_box{ margin: 20px auto 40px; }

#main{
}


#content{
	float: right;
	width: 730px;
	padding-bottom: 20px;
	margin-bottom: 40px;
	line-height: 1.8;
	border-bottom: 1px solid #CBCCCE;
}

#sidebar{
	float:left;
	width:230px;
}

/* sidemenu -------------------------*/
.sidemenu{
	background: url(../img/menu_back.png) repeat;
	padding: 6px;
}
.sidemenu p{
	padding: 5px;
	background-color: #4DA1CF;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.sidemenu ul li{
	width: 100%;
	border-top: 1px dotted #CCCCCC;
	background: #FFFFFF;
}
.sidemenu ul li:first-child{
	background: #FFFFFF;
	width: 100%;
	text-indent: 0;
	border-top: none;
}
.sidemenu ul li a{
	padding: 10px 10px 10px 24px;
	text-align: left;
	font-size: 13px;
	color: #333333;
	font-weight: normal;
	display: block;
	text-decoration: none;
	text-indent: -14px;
}
.sidemenu ul li a:hover,.sidemenu ul li a.on{
	background-color: #EDF5FA;
	opacity:1;
}
.sidemenu ul li a:before {
	font: 12px 'FontAwesome';
	content: '\f054';
	margin: 0 5px 0 0;
	color: #679AAB;
}
.sidemenu ul li li:first-child{ border-top: 1px dotted #CCCCCC; }
.sidemenu ul li li a{
	padding: 10px 10px 10px 39px;
	text-indent: -14px;
}


/* Contents -------------------------*/
section+section{
	margin-top: 40px;
}
#content section+section{
	margin-top: 60px;
}

.entry-content{
	text-align: justify;
	text-justify: inter-ideograph;
}
.entry-content img{ vertical-align: middle }
.entry-content:after{
    content: '';
    display: block;
    clear: both;
}
.entry-content+.entry-content{
	margin-top: 50px;
}

article+article{
	margin-top: 20px;
}

nav.page-navi{
	margin-top: 30px;
}
nav.page-navi li.prev{
	float:left;
}
nav.page-navi li.next{
	float:right;
}


/* Box -------------------------*/
.box2{
	margin: 0px 2%;
	float: left;
	width: 46%;
}
.box3{
	margin: 0 0 0 2%;
	float: left;
	width: 32%;
}
.box3:first-child{
	margin: 0;
}
.box3 .item{
	font-size: 18px;
	color: #201713;
	text-align: center;
}
.box4{
	margin: 0 0 0 1%;
	float: left;
	width: 24.25%;
}
.box4:first-child{
	margin: 0;
}
.photo_l{
	float: left;
	padding-right: 30px;
	padding-bottom: 10px;
}
.photo_r{
	float: right;
	padding-left: 30px;
	padding-bottom: 10px;
}
.photo_l p+p,.photo_r p+p{ margin-top: 10px; }


/* Sidebar -------------------------*/
#sidebar aside+aside{
	margin-top:30px;
}
aside#bana div+div{
	margin-top:10px;
}

/* Breadcrumb -------------------------*/
#bread {
	height:10px;
	background-color:#7FC5DC;
}
.bread_crumb{ float: right; }
#breadcrumb {
	font-size: 12px;
	color: #FFF;
	margin: -18px auto 0px;
	padding: 0px 15px;
	max-width: 1100px;
	text-align: right;
}
#breadcrumb ul:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
#breadcrumb li {
	float: left;
	list-style-type: none;
	color: #FFF;
}
#breadcrumb li a {
	color: #FFF;
	text-decoration: none;
}
#breadcrumb li + li:before {
    margin: 0 8px;
    content: ">";
}

/* Pagetop -------------------------*/
#pagetop {
	position:fixed;
	bottom:115px;
	right:0px;
	z-index:100;
}

/* Clearfix -------------------------*/
.clearfix:after{
	content: '';
	display: block;
	clear: both;
}
.clearfix{
	zoom: 1; /* for IE6/7 */
}

/* info -------------------------*/
#info{
	width: 710px;
	float: left;
}
.infoblock{
	border: 1px solid #CBCCCE;
}
.infotitle{
	font-size: 18px;
	padding: 10px;
	border-bottom: 2px solid #027ABB;
}
.infotitle::after{
	content: '';
	display: block;
	clear: both;
}
.infotitle p{
	float: right;
	font-size: 13px;
	margin-top: 5px;
}
.infotitle a{
	color: #007BBA;
	text-decoration: none;
}
.infobox{
	padding: 15px 10px 10px;
	height: 250px;
	overflow: auto;
}
.infobox ul{
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}
.infobox ul+ul{
	margin-top: 15px;
}
.infobox li{
	float: left;
	margin-right: 10px;
}
.infobox .day{
}
.catg{
	font-size: 11px;
	text-align: center;
	width: 70px;
}
.catg span{
	color: #FFF;
	text-decoration: none;
	padding: 5px;
	display: block;
	margin-top: -5px;
}
.catg .info{
	background: #007CBB;
}
.catg .member{
	background: #62C540;
}
.catg .event{
	background: #FFA64D;
}
.infobox .infoname{
	overflow: hidden;
	float: none;
	font-size: 13px;
}
.infobox .infoname a{
	color: #333333;
}

.membertitle{
	font-size: 18px;
	padding: 10px;
	border-bottom: 2px solid #2DB200;
	color: #238C00;
}
.memberbox{
	padding: 10px 10px 0;
}
.memberbox ul{
	float: left;
	max-width: 470px;
}
.memberbox ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	border: 1px solid #DDDDDD;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.memberbox ul li:nth-child(3n){
	margin-right: 0;
}
.memberbox ul li a{
	padding: 5px 5px 5px 10px;
	border-left: 3px solid #62C540;
	display: block;
	text-decoration: none;
	font-size: 13px;
}
.memberbox ul+ul{
	float: right;
	max-width: 190px;
}
.memberbox ul+ul li{
	float: none;
	width: 100%;
	margin-right: 0;
	border: 1px solid #62C540;
}
.memberbox ul+ul li a{
	padding: 0;
	border-left: none;
}

/* ページ用アコーディオン -------------------------*/
.pageacc{
	background: url(../img/menu_back.png) repeat;
	padding: 6px;
}
.pageacc ul li{
	width: 100%;
	border-top: 1px dotted #CCCCCC;
	background: #FFFFFF;
	display: block;
	font-size: 15px;
}
.pageacc ul li p{
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pageacc ul::before,.pageacc ul li::after{
	content: '';
	display: block;
	clear: both;
}
.pageacc ul li p.acc_l{
	font-size: 20px;
	font-weight: bold;
	width: 30%;
	float: left;
}
.pageacc ul li p.acc_l2{
	font-size: 20px;
	font-weight: bold;
	float: left;
	max-width: 700px;
}
.pageacc ul li span.acc_r{
	float: left;
	width: 70%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pageacc ul li div.acc_f{
	display: block;
	padding: 0 20px 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pageacc ul li p::before{
	font: 12px 'FontAwesome';
	content: '\f054';
	margin: 0 5px 0 0;
	color: #679AAB;
}
.pageacc li:first-child{
	border-top: none;
}
.pageacc ul li li:first-child{ border-top: 1px dotted #CCCCCC; }
.pageacc ul li p{
	padding-left: 1.5em;
	padding-right: 1.5em;
	text-indent: -0.7em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pageacc ul li li p{
	padding-left: 3em;
	text-indent: -1em;
}
.pageacc ul li li li p{
	padding-left: 4em;
	text-indent: -1em;
}



/* bana -------------------------*/
#topcontents{
	padding: 20px 0;
	background: #F3F3F3;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	box-shadow: 0px 3px 5px -5px #000000 inset;
	-moz-box-shadow: 0px 3px 5px -5px #000000 inset;
	-webkit-box-shadow: 0px 3px 5px -5px #000000 inset;
}
#topbana{
	float: right;
	width: 250px;
	border-top: 3px solid #FF9D3C;
	background-image: url(../img/topbana.gif);
	background-repeat: repeat;
}
#topbana aside{
	padding: 10px;
}
#topbana aside+aside{
	border-top: 5px solid #FFFFFF;
}
#topbana aside div+div{
	margin-top: 10px;
}
#topbana aside div{
	color: #007CBB;
	font-size: 16px;
}
#topbana aside p{
	margin-top: 5px;
}

/* Other -------------------------*/
.mar_b10{ margin-bottom: 10px; }
.mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Times New Roman", serif; }
.shadow{
	box-shadow:0px 0px 3px 1px #cccccc;
	-moz-box-shadow:0px 0px 3px 1px #cccccc;
	-webkit-box-shadow:0px 0px 3px 1px #cccccc;
}
.hidden{overflow: hidden;}
.bot{
	border-radius: 5px;
	background-color: #4DA1CF;
	float: right;
}
.bot a{
	padding: 2px 10px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}


/* 1030px -------------------------*/
@media screen and (max-width: 1030px) {
header #top .logo{
	display: none;
}
.mainimg,.mainimg div{ height: auto; }
.mainimg img{ display: block; }
nav#navre{
	padding: 0px;
	margin: 0px;
}
nav#navre ul{
	margin: 0 auto;
	padding: 0;
	max-width: 1000px;
	border: none;
	background: none;
}
nav#navre li{
	float: none;
	width: 100%;
	background: none;
	font-size: 15px;
	border-bottom: 1px solid #FFF;
}
nav#navre li ul{
	padding: 0;
	position: static;
	visibility: visible;
	width:100%;
	transition: 0s;
	opacity: 1;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
nav#navre li ul li{
	background-color: #B7E7FF;
	border-top: 1px solid #FFF;
	border-bottom: none;
}
nav#navre li ul li a{
	text-align: center;
	padding: 15px 0px;
}
nav#navre li ul li ul li a{ padding: 15px 0px; }
#navre li li a:before {
	content: '';
	margin: 0;
}
#content{
	float: none;
	width: 100%;
	border: none;
}
#sidebar{
	float:none;
	width:100%;
}
#pagetop {
	position: static;
	bottom: 0;
	right: 0;
	text-align: right;
}
#info{
	width: 100%;
	float: none;
}
#topbana{
	float: none;
	width: 100%;
	margin-top: 20px;
}
#topbana img{
	width: 100%;
}
.memberbox ul{
	float: none;
	width: 100%;
	max-width: 100%;
}
.memberbox ul li{
	float: none;
	width: 100%;
	margin-right: 0;
}
.memberbox ul+ul{
	float: none;
	max-width: 100%;
}
.memberbox ul+ul li {
    float: left;
    width: 49%;
}
.memberbox ul+ul li+li {
    float: right;
}
.memberbox ul+ul li img{
	width: 100%;
}
#topbana aside::after {
    clear: both;
    content: "";
    display: block;
}
#topbana aside div {
	width: 49%;
	float: left;
}
#topbana aside div + div {
	margin-top: 0;
}
#topbana aside div:nth-child(2n) {
	float: right;
}
#topbana aside div:nth-child(n+3) {
	margin-top: 10px;
}
}



/* 480px -------------------------*/
@media screen and (max-width: 480px) {
header #top #headmenu{
	margin-top: 10px;
	width:100%;
}
header #top .link{
	float: none;
	border-radius: 5px;
	background-color: #4DA1CF;
}
header #top .link li{
	float: none;
	margin-left: 0;
	width: 100%;
	border-top: 1px solid #FFFFFF;
	background-color: inherit;
}
header #top .link li:first-child{
	border-top: none;
}
header #top .link li a{
	display: block;
	font-size: 14px;
}
header #top .mail{
	float: none;
	text-align: center;
}
#top #cse-search-box{
	float: none;
	margin: 10px auto 0;
}
#headtitle p{
	padding: 20px;
	text-shadow: 2px 2px 2px #666666;
}
#footer_box .add{ float: none; }
#footer_box .footmenu{
	float: none;
	margin-top: 10px;
	width: 100%;
}
#footer_box .copy{
	float: none;
	margin-top: 10px;
}
.memberbox ul+ul li {
    float: none;
    width: 100%;
}
.memberbox ul+ul li+li {
    float: none;
}
#topbana aside div {
    float: none;
    width: 100%;
}
#topbana aside div + div {
	margin-top: 10px;
	float: none;
}
#topbana aside div:nth-child(2n) {
	float: none;
}

aside#bana img{
	width:100%;
}
.box2{
	margin: 0px;
	float: none;
	width: 100%;
}
.box2+.box2{ margin-top: 30px; }
.box4,.box4:first-child{
	width: 46%;
	margin: 10px 2%;
}
.photo_l,.photo_r{
	float: none;
	text-align: center;
}
.infobox .infoname{
	width: 100%;
	display: block;
	padding-top: 10px;
}
}