@charset "UTF-8";

body {
	color:#333;
	background: #fff;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	margin: 0;
}

a:link { color: #ff9900; text-decoration:none; }
a:visited { color: #ff9900; text-decoration:none; }
a:hover { color: #6b392f; text-decoration:none; }

.s { font-size:12px; color: #000000; font-weight:normal; }
.aka { color:#CC0000; font-size:12px; }
.aka2 { color:#CC0000; }
.container img { max-width: 100%; margin:auto; }


.directwaku { border: solid 8px #c7e8da; padding:10px; margin:auto; /*width:80%; text-align: left;*/}
.directwaku img { /*float:left;*/}
.directwaku img :after { content: ""; display: block; clear: both; padding: 0;}


.bg {
    background-image:url(../img/test.png);
    background-position: center top;
    background-repeat: no-repeat;
}

h1	{
	color:#556b2f;
	font-size:25px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
h1:first-letter { margin-right: .1em; font-size: 1.5em; }

.headline	{
	padding-top:10px;
	padding-bottom: 20px;
}

/* お知らせ */
.news h1	{margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #666666}

.news ul	{margin: 0 5px 0 5px;	padding: 0;	list-style: none;}
.news li a	{display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	text-decoration: none}
.news li a:hover	{background-color: #eeeeee}
.news time	{/*color: #888888;*/ font-weight: bold}
.news a:after	{content: ""; display: block;	clear: both}
.news time	{float: left;	width: 100px}
.news .text	{float: none;	width: auto;	margin-left: 100px}


.headline img	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.catch	{
	margin: 0;
	padding: 15px;
	background-color: rgba(255,255,255,0.7);
	font-size: 18px;
}
/* ヘッダー画像にキャッチコピーを重ねる */
.headline	{ position: relative; }
.catch	{
	position: absolute;
	bottom: 5%;
	left: 1%;
}

/*-----<topicpath>----*/
.topicpath	{
	list-style-type:none;
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 10px;
}
.topicpath	li	a	{
	display:inline-block;
	font-size:16px;
	margin:auto;
	padding: 0 5px;
}
.topicpath	li	{
	float: left;
	width: auto;
}
.topicpath	li a:after	{
	content: '\003e';
	color: #000000;
	font-weight:normal;
}


/* 概要 */
.gaiyou a {
	display: block;
	/*background-color: #e1e1c4;*/
	color: #000000;
	text-align: center;
	text-decoration: none;
}
.gaiyou a:hover	{ opacity: 0.5; }
.gaiyou img	{
	max-width: 100%;
	margin:auto;
}
.gaiyou h2	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 16px;
	font-weight:bold;
}

.gaiyou p	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0px;
	padding-bottom: 20px;
	font-size: 12px;
}

.newimg {position: relative;/*相対配置*/}
.newimg p {  position: absolute;/*絶対配置*/
  top: 2%;
  left: 2%;}
.newimg img { width: 100%;}

/*-----go to top-----*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
	font-weight:bold;
}
#page-top a {
    background: #556b2f;
    text-decoration: none;
    color: #ffff00;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	color:#ff9900;
}


.box4 {
width: auto;
background:#FFFFCC;
padding: 10px;
}
.box4 dt {
font-weight:bold;
color:#CC0000;
}
.box4 ul {
margin-left:-20px;
}

/* コピーライト */
.copy-back {
  background-image: url(../img/bottom.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 250px;

}
.copy-back p {
  font-weight: bold;
  padding: 30px 0 0 0;
}


/* ボックスの左右 */
.boxA, .box4, ,
	{padding-left: 15px;
	padding-right: 15px}

/* ボックスの上下 */
.item	{ padding-top: 20px; }
.item, .box-1, .box6-2, .box6-3	{ padding-bottom: 30px; }


/* ########### 359px以下 ########### */
@media (max-width: 359px) {

}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {
/* ナビゲーション */
.menu li a	{padding: 10px 7px;
	font-size: 11px}
}



/* ########### 767px以下 ########### */
@media (max-width: 767px) {

.site-title { padding: 70px 10px 30px 10px; }

/* トグルボタン */
#menubtn	{
	padding: 10px 20px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 90px;
	right: 10px;
	cursor: pointer}

#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}

#menubtn i	{color: #888888;
	font-size: 20px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}

/* ナビゲーションメニュー（縦並び） */
.menu	{ display: none; }
.menu ul	{ margin: 0; padding: 0; list-style: none; }
.menu li a	{ display: block; padding: 8px; color: #ffff00; background-color: #556b2f; font-size: 16px; font-weight:bold; text-decoration: none; }
.menu li a:hover	{ color: #ff9900; }

.directwaku { border: solid 8px #c7e8da; padding:10px; margin:auto; /*width:80%;*/ text-align: left;}
.directwaku img { /*float:left;*/}
.directwaku img :after { content: ""; display: block; clear: both; padding: 0;}

/*-----<table1>-----*/
.table1 {
width:98%;
margin:auto;
padding:0;
border-collapse:collapse;
border:solid #999999 1px;
}
.table1 th{
font-weight:normal;
text-align: center;
background:#cccccc;
border-top:1px solid #999999;
margin:0;
padding: 10px;
width:20%;
}
.table1 td{
margin:0;
padding: 10px;
border:solid #999999 1px;
}

}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {
.container .top {
  margin-left: auto;
  margin-right: auto;
  width: 1190px;
  }
.container:after {
  content: "";
  display: block;
  clear: both;
}
.content {
  float: left;
  width: 75%;
}
.sidemenu {
  float: left;
  width: 25%;
}

.site-title { padding: 70px 0 30px 130px; }

.menubox {
  margin: 0 0 20px 0;
  padding: 0;
  height: 45px;
  background-color: #556b2f;
}
/* トグルボタン */
#menubtn { display: none; }
/* ナビゲーション */
#menu { display: block !important }
.menu ul {
  list-style: none;
  margin:  0;
  padding: 0;
}
.menu li a {
  display:  block;
  padding: 10px 25px;
  font-weight: bold;
  text-decoration: none;
  color: #ffff00;
}
.menu li a:hover{ color: #ff9900;}
.menu ul:after {
content: "";
display: block;
clear: both;
}
.menu li {
  float: left;
  width: auto;
}


/* BOX1とBOX2を横に並べる設定 */
.boxA:after {
content: "";
display: block;
clear: both;
}
.box1 {
float: left;
width: auto;
}
.box2 {
float: right;
width: auto;
}

/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
.item:after	{content: "";
	display: block;
	clear: both}

.box-1	{
float: left;
width: 32%;
margin-right: 1%;
text-align: center;
}


/*-----<table1>-----*/
.table1 {
width:80%;
margin:auto;
padding:0;
border-collapse:collapse;
border:solid #999999 1px;
}
.table1 th{
font-weight:normal;
text-align: center;
background:#cccccc;
border-top:1px solid #999999;
margin:0;
padding: 10px;
width:20%;
}
.table1 td{
margin:0;
padding: 10px;
border:solid #999999 1px;
}


}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {
.container {
	margin-left: auto;
	margin-right: auto;
	width: 1190px;
}

}