@charset "utf-8";

@media print { /* 紙媒体向けスタイル定義 */
	html {
	color:#000;
	}

	/* --BODY-- */
	body {
	margin:0;
	padding:0;
	text-align: center;
	}
}
html {
	overflow-y:scroll;
}
body {
	margin:0;
	padding:0;
	text-align:center;
}
ul {
	list-style:none;
}
blockquote, dd, div, dl, dt,
h1, h2, h3, h4, h5, h6,
li, ol, p, pre, span, td, th, ul {
	margin:0;
	padding:0;
}

@import "html5reset";

/*---------------------------------------------------------
　　フォント
---------------------------------------------------------*/

body,table {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	font:14px/1.5;
	font-size: 14px; /* modern browser */
	*font-size: medium; /* IE 7 */
	*font: small; /* IE 6 */
	background: #fff;
}

code, kbd, pre, samp, tt {
	font-family:monospace;
	line-height:100%;
}
/* for IE7 */
*+html code, kbd, pre, samp, tt {
	font-size:108%;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

/*---------------------------------------------------------
　　基本スタイル
---------------------------------------------------------*/

* {
	color:#555;
}

p {
	line-height:1.5em;
	text-align:left;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

img {
  max-width: 100%;
  /* height: auto; */
}

/*---------------------------------------------------------
　　共通
---------------------------------------------------------*/

section {
	margin:0 0 50px 0;
}

.txt {
	margin:0 0 20px 0;
	text-align:left;
	line-height:1.6em;
}

.txt_bold {
	margin:0 0 5px 0;
	text-align:left;
	line-height:1.6em;
	font-weight:bold;
	font-size:110%;
}

ul.ul1 {
  margin: 0 auto 20px 2em;
  list-style-image: url(../images/list_mark1.png);
}
.ul1 li {
  margin: 0 0 5px 0;
  text-align: left;
  line-height: 1.4em;
}


.img-c {
	margin: 0 0 30px 0;
	text-align: center;
}

.position-r {
  text-align:right;
}

.waku {
	border:1px solid #ccc;
}

.c-org {
	color: #F60;
}
.c-red {
	color: #f00;
}

.fnt14 {
    font-size:14px;
}

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.rad5 {
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.rad10 {
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.float-r {
	float: right;
	margin: 0 0 20px 20px;
	text-align: right;
}
.float-l {
	float: left;
	margin: 0 20px 20px 0;
	text-align: left;
}

/*---------------------------------------------------------
　　リンク
---------------------------------------------------------*/

a:link {
	color:#24e; text-decoration:underline;
}
a:visited {
	color:#24e; text-decoration:underline;
}
a:active {
	color:#37f; background:none; text-decoration:underline;
}
a:hover {
	color:#37f; background:none; text-decoration:underline;
}

a img, img {
	border:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

a:hover img {
	filter: alpha(opacity=70);
	opacity:0.7;
	background: #fff;
}


/*---------------------------------------------------------
　　タイトル
---------------------------------------------------------*/

h1{
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 25px 0;
	padding: 20px 0 20px 14px;
	border-bottom: 2px dotted #C1C1C1;
	text-align: left;
}

h2{
	font-size: 130%;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0 0 0 7px;
	border-left: 4px solid #FFC6D5;
	line-height: 32px;
	text-align: left;
	}

h3{
	color: #444;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding: 0;
	line-height: 32px;
	border-bottom: 1px dotted #999;
	text-align: left;
}



/*---------------------------------------------------------
　　ヘッダ
---------------------------------------------------------*/

#header {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	overflow: hidden;
}

#header_doc {
	margin: 0 0 0 30px;
	width: 990px;
	text-align: left;
	overflow: hidden;
}

#header-logo {
	width: 420px;
	float: left;
}
#header-menu {
	width: 520px;
	float: right;
}

#header-menu p {
	margin: 20px 0 0 0;
	text-align: right;
}
#header-menu p a {
	color: #555;
	text-decoration: none;
}
#header-menu p a:hover {
	text-decoration: underline;
}


/*---------------------------------------------------------
　　ヘッダメニュー
---------------------------------------------------------*/

#headermenu {
  height: 45px;
  text-align: center;
  background: #900;
}
#headermenu ul {
  margin: 0 auto;
  padding: 0;
  width: 960px;
  height: 45px;
  overflow: hidden;
}
#headermenu li {
  margin: 0;
  padding: 0;
  width: 134px;
  height: 45px;
  float: left;
  overflow: hidden;
  list-style: none;
}
#headermenu li#nav7 {
	width: 136px;
}
#headermenu li a{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 45px;
  background-image: url(../images/headermenu.png);
}
#nav1 a{ background-position: 0 0;}
#nav2 a{ background-position: -134px 0;}
#nav3 a{ background-position: -268px 0;}
#nav4 a{ background-position: -402px 0;}
#nav5 a{ background-position: -536px 0;}
#nav6 a{ background-position: -670px 0;}
#nav7 a{ background-position: -804px 0;}
#nav1 a:hover{ background-position: 0 -45px;}
#nav2 a:hover{ background-position: -134px -45px;}
#nav3 a:hover{ background-position: -268px -45px;}
#nav4 a:hover{ background-position: -402px -45px;}
#nav5 a:hover{ background-position: -536px -45px;}
#nav6 a:hover{ background-position: -670px -45px;}
#nav7 a:hover{ background-position: -804px -45px;}


#headermenu_e {
  height: 45px;
  text-align: center;
  background: #900;
}
#headermenu_e ul {
  margin: 0 auto;
  padding: 0;
  width: 960px;
  height: 45px;
  overflow: hidden;
}
#headermenu_e li {
  margin: 0;
  padding: 0;
  width: 134px;
  height: 45px;
  float: left;
  overflow: hidden;
  list-style: none;
}
#headermenu_e li a{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 45px;
  background-image: url(../images/headermenu_e.png);
}
#nav1 a{ background-position: 0 0;}
#nav2 a{ background-position: -134px 0;}
#nav3 a{ background-position: -268px 0;}
#nav1 a:hover{ background-position: 0 -45px;}
#nav2 a:hover{ background-position: -134px -45px;}
#nav3 a:hover{ background-position: -268px -45px;}


/*---------------------------------------------------------
　　メイン
---------------------------------------------------------*/

#main {
	margin: 0 auto;
	width: 960px;
	padding: 0 0 30px 0;
	text-align: left;
	overflow: hidden;
}
#contents {
	width: 620px;
	vertical-align: top;
	text-align: left;
	float: left;
}
#side {
	width: 270px;
	vertical-align: top;
	text-align: left;
	float: right;
}

#main_doc {
	margin: 0 0 0 30px;
	width: 960px;
	padding: 0 0 30px 0;
	text-align: left;
	overflow: hidden;
}

/*---------------------------------------------------------
　　サイド
---------------------------------------------------------*/

#sidebanner {
	margin: 0 0 10px 0;
}
#sidebanner p {
	margin: 0 0 10px 0;
	padding: 0;
}
#side-info {
	margin: 0 0 20px 0;
	text-align: right;
	line-height: 1.5em;
	font-size: 90%;
}
#side-info p {
	margin: 0 0 10px 0;
	font-size: 120%;
	font-weight: bold;
	text-align: right;
}

/*---------------------------------------------------------
　　フッタ
---------------------------------------------------------*/

#footer {
	padding: .6em 0;
	text-align: center;
	color: #fff;
	background: #900;
}

/*---------------------------------------------------------
　　トップページ
---------------------------------------------------------*/

#top-img {
	margin: 0 0 30px 0;
	text-align:center;
}
.top-title {
	height: 50px;
	margin: 0 0 20px 0;
	text-align: left;
	text-indent: 65px;
	font-size: 140%;
	font-weight: bold;
	color: #e01;
	background: url(../images/titleline.png) 0 0 no-repeat;
}

#news-box {
	margin: 0 0 20px 0;
}
#news-box dl {
  margin: 0;
  padding: 0;
	height: 250px;
	overflow: auto;
}
#news-box dl dt {
  width: 7em;
  margin: 0;
  padding: 5px 0;
  clear: left;
  float: left;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
}
#news-box dl dd {
  margin: 0;
  padding: 5px 0 5px 8em;
  line-height: 1.5em;
  text-align: left;
}

#top-banner {
	margin: 0 0 20px 0;
}
#top-banner img {
	margin-right: 10px;
}

/*---------------------------------------------------------
　　各ページ共通
---------------------------------------------------------*/

.topicpath　{
	list-style:none;
	color:#666;
	margin:8px 0;
}

.topicpath li {
	display:inline;
	font-size: 90%;
}
.topicpath li a {
	text-decoration: none;
}
.topicpath li a:hover {
	text-decoration: underline;
}

#page-header {
	margin: 0 0 10px 0;
	text-align: center;
}

/*---------------------------------------------------------
　　ご挨拶
---------------------------------------------------------*/

#aisatsu-name {
	padding: 1em 0 2em 0;
	text-align: right;
	line-height: 1.6em;
}


/*---------------------------------------------------------
　　参加施設
---------------------------------------------------------*/

.member　{
	list-style:none;
	margin: 0 0 30px 0;
	padding: 0;
	line-height: 30px;
	text-align: left;
}

.member li {
/*	display:inline;*/
	font-size: 110%;
	padding: 1em 0 0 0;
}


/*---------------------------------------------------------
　　お問い合わせ
---------------------------------------------------------*/

.dl1 {
	margin: 0 0 15px 0;
}
.dl1 dt {
	margin: 0 0 5px;
	text-align: left;
	font-size: 110%;
	font-weight: bold;
	color: #e01;
}
.dl1 dd {
	margin: 0 0 10px;
	padding: 0px 3px 3px 15px;
	text-align: left;
	line-height: 1.5em;
}

/*---------------------------------------------------------
　　資料集
---------------------------------------------------------*/

#table, td, th {
	width:800;
	border: 0;
}

td, th {
padding: 10px 10px;
}

th {
	width:500;
	text-align:left;
}



#snsButton {
	position: fixed;
	top: calc(50% - 100px);
	right: 0;
	border: 1px solid #CCC;
	border-right: none;
	border-radius: 6px 0 0 6px;
	background: #ffffffaa;
	padding: 6px 10px 6px 6px;
}

#snsButton li {
	line-height: 1;
	margin-bottom: 5px;
}
#snsButton li:last-child {
	margin-bottom: 0;
}

#snsButton img {
	width: 30px;
	height: 30px;
}


#main p {
	margin-bottom: 1em;
}

#main ol {
	margin: 0 0 1em 1.5em;
}

#main h2,
#main h3 {
	margin-top: 2em;
	margin-bottom: 1em;
}