@charset "utf-8";
/*-----ベース-----*/

body {color: #B7B7B7;background: url(../images/bg.jpg) no-repeat top center fixed;background-size: cover;font-size: 14px;font-family: Georgia, Arial, Helvetica, sans-serif;line-height:25px;}

* {
margin:0;
padding:0;
outline:none;
}

.clear {
clear:both;
}

#header {margin:0 auto;background: #28A4AF;clear: both;padding: 2%;overflow: hidden;}

p.credit {
float:right;
}

p.credit a {/* color:#fff; */}

#header .tree {
position:absolute;
bottom:0;
right:0;
width:236px;
height:136px;
}

ul.nav li {
list-style:none;
float:left;overflow: hidden;}

ul#top-nav {
float:right;
}

ul#top-nav a {
color:#95CBFF;
font:11px Verdana;
text-decoration:none;
margin:0 0 0 10px;
}

ul#top-nav a:hover {
color:#fff;
}

#header h1 {}

#header h1 span {
font-size:11px;
}

#header h1 a {
color:#fff;font-size: 26px;}

#main-nav a {color: #28A4AF;text-decoration:none;padding: 8px 10px;font-weight: bold;text-align: center;display: block;background: #fff;border-radius: 20px;margin-right: 10px;}

#main-nav a.active,#main-nav a:hover {color: #565556;}

#main-nav a.first {
border:none;
}

#container {clear: both;background: #312D2E;overflow: hidden;padding: 0 2% 2%;}

.sidebar {
clear:both;
overflow:hidden;
}
ul.links li {
list-style:none;
}

ul.links li a {
color:#fff;
text-decoration:none;
display:block;
padding:4px 10px;
margin:0 0 1px 0;
}

#content {clear: both;overflow: hidden;}

#content h4 {
padding:7px 0;
font-weight:normal;
text-transform:uppercase;
letter-spacing:2px;
color:#D6C8D2;
}

#content p {/* padding:10px 0; */}

#content ul {
color:#000;
margin:10px 10px 10px 20px;
}

#content ul span {
color:#A3989E;
}

#content table {
width:100%;
text-align:center;
border:1px solid #4D484A;
}


div#intro{
background: #353132;
margin:0 0 35px 0;
}

div#intro a {
color:#fff;
text-decoration:none;
}

div#intro h2 {
color:#C9C7C8;
font-style:italic;
font-weight:normal;
font-size:20px;
}

div#intro div {
padding:10px 20px;
}

b.rtop, b.rbottom{display:block;background: #312D2E}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #353132}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#footer {background: #242121;
clear:both;overflow: hidden;/* margin: 20px 0 0 0; */padding: 2%;}

#footer-content {
margin:0 auto;}

#footer-content a.at {
display:block;
float:right;
text-align:left;
text-indent:-9999px;
height:30px;
width:30px;
}
#wrapper {
    width: 80%;
    max-width: 1180px;
    margin: 0 auto 10px;
    text-align: left;
}

#menu {
    clear: both;
    overflow: hidden;
    margin-top: 2%;
}

/* doing */
#menuButt {
    width: 30%;
    font-weight: bold;
    text-align: center;
    margin: 1% auto;
    display: none;
    padding: 2% 5%;
}
*{
    padding: 0;
    margin: 0;
}
.sub-img {
    width: 100%;
}

.pic {
    /* width: 100%; */
    /* margin: 0 0 2% 0; */
}

.page_title {
    font-weight: bold;
    font-size: 20px;
    margin: 20px 0;
    color: #EAEAEA;
}

.txt {
    text-align: center;
}

.txt p {
    text-align: left;
    margin: 0;
}

.readmore {
    display: inline-block;
    margin: 1% 0;
    font-weight: bold;
}

.link ul {
    list-style: none;
    margin: 0;
}

.pic,.img-cont1 {
    width: 300px;
    float: left;
    margin: 0 2% 1% 0;
}
ul.navlist {
    overflow: hidden;
    clear: both;
    list-style: none;
}
h3 {
    font-size: 16px;
    margin: 15px 0;
    color: #DEDEDE;
}
.mainimg {
    width: 100%;
    margin-top: 20px;
}

.mainI {
    width: 100%;
}
.total-sub,.sub {
    overflow: hidden;
	clear:both;
}
#footer a:hover {
    /* text-decoration: none; */
    /* border-bottom: none; */
}
a{
    text-decoration: underline;
    color: #28A4AF;
}
a:hover {
    text-decoration: none;
}
.link {
    clear: both;
    overflow: hidden;
}
.sub.spec {
    width: 49%;
    float: left;
    clear: none;
}

.sub.spec:first-child {
    margin-right: 2%;
}

.sub.spec .pr_link {
    clear: both;
}
@media screen and ( max-width:1024px )
{
	.sub {
		clear: both;
		width: 100%!important;
		margin: 0!important;
		float: none;
	}
	#menuButt{
		display:block;
	}
	.nav{
		display:none;
	}
	.img-cont1,.pic {
		width: 30%;
		min-width: 200px;
		float: left;
		margin: 0 2% 0 0;
	}

	p.pr_link {
		clear: both;
	}
	#wrapper {
		width: 90%;
	}

	.nav li a {
		display: block!important;
		border: none!important;
		border-radius: 0!important;
		margin: 1% 0!important;
		width: 100%!important;
	}
	#header h1 a{
		font-size: 19px;
	}
	#content,.sidebar{
		width:100%!important;
		padding: 0!important;
		margin: 0;
		float: none;
		clear: both;
		overflow: hidden;
	}
	#menu li {
		margin:0;
		width:100%;
		float:none;
	}
}
@media screen and ( max-width:560px ){
	.pic,.img-cont1{
	    width: 100%;
	    margin:0 0 2% 0;
	}
	.pic{
		width: 100%;
	}
	#header h1 a{
		font-size: 15px;
	}
}