@charset "utf-8";

body {
	height:100%;
	min-height:100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

img {
	border: none;
}

hr {
	clear: both;
	visibility: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}

a img {outline:none;}

a:focus{
	outline: none;
}


h1, h2, h3, h4, h5, h6, p, li, th, td, dt, dd, label, address {
	font-size: 12pt;
	color: #524437;
	line-height:180%;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}

address {
	font-style: normal;
	color: #FFFFFF;
	margin-top: 2px;
}

#wrapper {
	width :100%;
	text-align: left;
}

#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #wrapper {
    height: 1em;
    overflow: visible;
}
/**/

#header {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 0px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #ffe5be;
}

#header:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #header {
    height: 1em;
    overflow: visible;
}
/**/

#headerin {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

#headerin:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #headerin {
    height: 1em;
    overflow: visible;
}
/**/

#headerin h1 {
	font-size: 26pt;
	line-height: 120%;
	font-weight: bold;
	color: #333;
	letter-spacing: 0.1em;
	float: left;
}

#headerin h1 a {
	color: #333;
	display: block;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#headerin h1 a:hover, #headerin h1 a:active {
	text-decoration:  none;
}

.hnav {
	float: right;
	width: 400px;
	margin-top: 20px;
}

.hnav:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .hnav {
    height: 1em;
    overflow: visible;
}
/**/

.hnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.hnav li {
	background-image: url(../images/hnav_ic.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	float: left;
	margin-right: 20px;
	padding-left: 30px;
}




#nav {
	width: 1200px;
	margin-top: -7px;
	clear: both;
}

#nav:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #nav {
    height: 1em;
    overflow: visible;
}
/**/

#nav ul {
	height: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#nav > a {
	display: none;
}

#nav li {
	position: relative;
	float: left;
	text-align: center;
	line-height: 150%;
	font-size: 12pt;
	width: 170px;
	background-color: #fcf0df;
}

#nav li.navw01 {
	width: 180px;
}


#nav li a {
	display:block;
	text-decoration: none;
	padding-top: 2px;
	color: #524335;
	padding-top: 10px;
	padding-bottom: 10px;
}


#nav li a:link, #nav li a:visited {
	text-decoration:  none;
}
#nav li a:hover, #nav li a:active {
	text-decoration:  none;
	color: #666;
	background-color: #ffe5be;
}

/* second level */

#nav li ul {
	background-color: #fcf0df;
	color: #fff;
	display: none;
	position: absolute;
	top: 100%;
	z-index:90;
	margin-top: 0px;
}

#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;
}

#nav li ul li {
	margin-bottom: 0px;
	padding-right: 0px;
	width: 180px;
	font-size: 12pt;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}

#nav li ul a {
	display: block;
	background-color: #F7D19F;
	color: #524335;
	padding-top: 6px;
	padding-bottom: 6px;
	height: auto;
}

#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
	background-color: #f7b551;
	color: #FFF;
}



#toggle{display: none;}


.pcnon {
display: none;
}

#footer {
	background-color: #fff;
	padding-top: 0px;
	padding-bottom: 20px;
}

#footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #footer {
    height: 1em;
    overflow: visible;
}
/**/


.subnav {
	float: right;
	width: 340px;
}

.subnav ul {
	padding: 0px;
	float: left;
	width: 140px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	list-style-type: none;
}

.subnav li {
	font-size: 10pt;
	color: #FFF;
}

.subnav li a {
	display:block;
	text-decoration: none;
	padding-top: 0px;
	color: #fff;
	padding-bottom: 0px;
}


.subnav li a:link, .subnav li a:visited {
	text-decoration:  none;
}
.subnav li a:hover, .subnav li a:active {
	text-decoration:  none;
	color: #fff;
}

.copy {
	color: #000;
	text-align: center;
	font-size: 14pt;
	margin-top: 20px;
}

/* content
----------------------------------- */

#mainbox {
	padding-top: 50px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

#mainbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #mainbox {
    height: 1em;
    overflow: visible;
}
/**/

h2.ti01 {
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	font-size: 30pt;
	width: 100%;
	text-align: left;
}

.ti02 {
	font-size: 18pt;
	margin-bottom: 20px;
	padding-left: 10px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #C90;
	line-height: 100%;
	padding-top: 10px;
	padding-bottom: 4px;
}

.subimgbox {
	clear: both;
	padding-top: 5px;
}

/* common
----------------------------------- */


a:hover img.alp{
	background-color:#FFFFFF;
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.70; /*FF*/
	opacity:0.70;
}

a:link, a:visited {
	color: #333;
	text-decoration:  none;
}
a:hover, a:active {
	color: #333;
	text-decoration:  underline;
}

.txred {
	color: #C00;
}

/* top
----------------------------------- */
	
.top_headerin {
	position: relative;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	height: 611px;
}

.top_headerin:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .top_headerin {
    height: 1em;
    overflow: visible;
}
/**/

.top_headerin img {
	position: absolute;
	 z-index:0;
}

.top_headerin h1 {
	position: absolute;
	z-index:1;
	 top:430px;
    left: 700px;
	font-size: 40pt;
	line-height: 120%;
	font-weight: bold;
	color: #FFF;
	text-align: right;
	letter-spacing: 0.1em;
}

.top_headerin h1 a {
	color: #FFF;
	display: block;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.top_headerin h1 a:hover, .top_headerin h1 a:active {
	color: #fff;
	text-decoration:  none;
}

.topbox01 {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}

.topbox01:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .topbox01 {
    height: 1em;
    overflow: visible;
}
/**/

.topbox01 p {
	font-size: 16pt;
	margin-right: 40px;
	margin-bottom: 50px;
	margin-left: 40px;
}

#topnav {
	margin-bottom: 50px;
}

#topnav:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #topnav {
    height: 1em;
    overflow: visible;
}
/**/

#topnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#topnav > a {
	display: none;
}

#topnav li {
	position: relative;
	text-align: center;
	float: left;
	width: 280px;
	font-size: 16pt;
	font-weight: bold;
	margin-right: 26px;
	margin-bottom: 40px;
}

#topnav li.topw01 {
	margin-right: 0px;
}

#topnav li a {
	display:block;
	text-decoration: none;
	color: #333;
	background-color: #fcf0df;
	padding: 10px;
}


#topnav li a:link, #topnav li a:visited {
	text-decoration:  none;
}
#topnav li a:hover, #topnav li a:active {
	text-decoration:  none;
	background-color: #FBE4C6;
}

/* second level */

#topnav li ul {
	background-color: #fcf0df;
	color: #fff;
	display: none;
	position: absolute;
	top: 100%;
	z-index:90;
	margin-top: -5px;
}

#topnav li:hover ul {
	display: block;
	left: 0;
	right: 0;
}

#topnav li ul li {
	margin-bottom: 0px;
	padding-right: 0px;
	width: 280px;
	font-size: 12pt;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}

#topnav li ul a {
	display: block;
	background-color: #F7D19F;
	color: #000;
	padding-top: 6px;
	padding-bottom: 6px;
	height: auto;
}

#topnav li ul li a:hover,
#topnav li ul:not( :hover ) li.active a {
	background-color: #f7b551;
	color: #FFF;
}

.topbox02 {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #ffe5be;
	width: 100%;
}

.topbox02:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .topbox02 {
    height: 1em;
    overflow: visible;
}
/**/

.topbox02in {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.topbox02in:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .topbox02in {
    height: 1em;
    overflow: visible;
}
/**/

.topbox02in h3 {
	font-size: 20pt;
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 40px;
}

.topbox02in div{
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
}

.topbox02in div:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .topbox02in div {
    height: 1em;
    overflow: visible;
}
/**/

.topbox02in dl {
	clear: both;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.topbox02in dt {
	float: left;
	width: 30%;
	margin-bottom: 20px;
}

.topbox02in dd {
	width: 70%;
	margin-left: 30%;
}

.topbox02in ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.topbox02in li {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 14px;
}

/* greeting
----------------------------------- */

.grebox {
	margin-bottom: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: 20px;
}

.grebox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .grebox {
    height: 1em;
    overflow: visible;
}
/**/

.grebox p {
	margin-bottom: 30px;
}

.gretx {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: right;
}

.gretx span {
	font-size: 14pt;
	font-weight: bold;
}

/* outline
----------------------------------- */

.outbox {
	margin-bottom: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: 20px;
}

.outbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .outbox {
    height: 1em;
    overflow: visible;
}
/**/

.outbox p {
	margin-bottom: 50px;
}

.outbox ol {
	margin-bottom: 50px;
}

.outbox div {
	text-align: center;
	padding-top: 30px;
}


/* official
----------------------------------- */

.offbox {
	margin-bottom: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: 20px;
}

.offbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .offbox {
    height: 1em;
    overflow: visible;
}
/**/

.offdate {
	text-align: right;
	margin-bottom: 0px;
	clear: both;
}

.offbox h3 {
	font-size: 14pt;
	color: #900;
	clear: both;
	margin-bottom: 4px;
}

.offbox table {
	border-collapse: collapse;
	float: left;
	margin-bottom: 30px;
	margin-right: 40px;
}

.offbox th {
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

.offbox td {
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

/* member
----------------------------------- */

.membox {
	margin-bottom: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: 20px;
}

.membox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .membox {
    height: 1em;
    overflow: visible;
}
/**/

.membox h4 {
	font-size: 14pt;
	color: #900;
	clear: both;
	margin-bottom: 4px;
}

.membox p {
	margin-bottom: 50px;
}

.membox div {
	float: left;
	width: 48%;
	margin-bottom: 50px;
	padding-left: 10px;
}

.membox div:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .membox div {
    height: 1em;
    overflow: visible;
}
/**/

.membox div ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.membox div ul li {
	margin-left: -10px;
}

.membox div ul li a:link, .membox div ul li a:visited {
	color: #524437;
	text-decoration:  underline;
}
.membox div ul li a:hover, .membox div ul lia:active {
	color: #A9937E;
	text-decoration:  underline;
}

/* activity
----------------------------------- */

.actbox {
	margin-bottom: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: 20px;
}

.actbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .actbox {
    height: 1em;
    overflow: visible;
}
/**/

.actbox p {
	margin-bottom: 20px;
}

.actbox p img {
	vertical-align: middle;
}

.actbox a:link, .actbox a:visited {
	color: #333;
	text-decoration:  underline;
}
.actbox a:hover, .actbox a:active {
	color: #039;
	text-decoration:  underline;
}

/* related
----------------------------------- */

.relbox {
	margin-bottom: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
word-break: break-all;
}

.relbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .relbox {
    height: 1em;
    overflow: visible;
}
/**/

.relbox p {
	margin-bottom: 20px;
}

.relbox h4 {
	font-size: 14pt;
	color: #900;
	clear: both;
	margin-bottom: 4px;
}

/* related
----------------------------------- */

.relbox {
	margin-bottom: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: 20px;
word-break: break-all;
}

.relbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .relbox {
    height: 1em;
    overflow: visible;
}
/**/

.relbox p {
	margin-bottom: 20px;
}

.relbox h4 {
	font-size: 14pt;
	color: #900;
	clear: both;
	margin-bottom: 4px;
}

/* statistics
----------------------------------- */

.stabox {
	margin-bottom: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: 20px;
}

.stabox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .stabox {
    height: 1em;
    overflow: visible;
}
/**/

.stabox p {
	margin-bottom: 20px;
}

.stabox ul {
	padding-left: 20px;
}

.stabox li img {
	vertical-align: middle;
}

/* link
----------------------------------- */

.linbox {
	margin-bottom: 50px;
	width: 800px;
	margin-right: auto;
	margin-left: 20px;
}

.linbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .linbox {
    height: 1em;
    overflow: visible;
}
/**/

.linbox ul {
	padding-left: 20px;
	margin-bottom: 50px;
}