/* CSS Document */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
	background-color: #fff;
}

body {
	margin: 0;     /* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	text-align: center;/* center on ie */
	color: #4d4d4d;
}

/* no ie mac \*/
* html .wrapper { height: 1%; }



/* page layout */

a {
	color: #0000ff;
	text-decoration: none;
}
a:hover, a:focus {
	color: #990099;
	text-decoration: underline;
}


/*   clearfix   */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

#wrapper {
	width: 100%;
	margin: 0;
	font-size: 0.93em;
	line-height: 1.4em;
	text-align: left;
}
* html #upwrapper {
	font-size: 12px;
}
*:first-child+html #upwrapper {
	font-size: 1em;
}
html>/**/body #upwrapper {
	font-size /*\**/: 1em\9;
}

#wrapper_inner {
	position: relative;
	width: 770px;
	height: 1%;
	margin: 0 auto; /* center on everything else */
	padding: 0;
	box-shadow: 0 1px 5px #999;
	-moz-box-shadow: 0 1px 5px #999;
	-webkit-box-shadow: 0 1px 5px #999;
}
* html #wrapper_inner {
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
}
*:first-child+html #wrapper_inner {
	border-left: 1px #999 solid;
	border-right: 1px #999 solid;
}
html>/**/body #wrapper_inner {
	border-left /*\**/: 1px #999 solid;
	border-right: 1px #999 solid\9;
}


#subwrapper_inner {
	width: 400px;
	min-height: 250px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}


/*   header   */
.header {
	position: relative;
	width: 770px;
	height: 86px;
	margin: 0;
	padding: 0;
}
.header h1 {
	width: 770px;
	height: 86px;
	margin: 0;
	padding: 0;
}
.head_menu {
	position: absolute;
	width: 770px;
	height: 17px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 0.78em;
	text-align: right;
	background-color: #00ac97;
}
.head_menu ul {
	width: 365px;
	margin: -3px 0 0 395px;
	padding: 0;
}
* html .head_menu ul {
	left: 375px;
}
*:first-child+html .head_menu ul {
	margin: -3px 0 0 385px;
}
html>/**/body .head_menu ul {
	cmargin /*\**/: -3px 0 0 385px\9;
}
.head_menu ul:not(:target) {
	margin: -3px 0 0 385px\9; /* IE9 */
}
.lang_eng {
	margin: 0;
	padding: 0 15px 0 0;
	border-right: 1px #fff solid;
	float: left;
}

.lang_chn {
	margin: 0 50px 0 0;
	padding: 0 0 0 15px;
	float: left;
}
.smap {
	margin: 0;
	padding: 0 12px 0 0;
	background: url('../images/arrow_white01.png') right 7px no-repeat;
	float: left;
}
.acount {
	position: absolute;
	top: 50px;
	left: 675px;
	width: 90px;
	margin: 0;
	padding: 0;
}
.acount img {
	height: 20px;
	margin: 0;
	padding: 0;
}
.acount p {
	width: 100%;
	margin: -3px 0 0 0;
	padding: 0;
	font-size: 0.55em;
	text-align: center;
}
.lang_eng a,
.lang_chn a,
.smap a {
	color: #fff;
}

.search {
	position: absolute;
	top: 21px;
	left: 554px;
	width: 214px;
	height: 32px;
	margin: 0;
	padding: 0;
}

.search_inner {
	margin: 0;
	padding: 0;
}


/*   main body   */
#container {
	width: 770px;
	height: 1%;
	margin: 0;
	padding: 0;
	clear: both;
}
#container:after {
	font-size: 1px;
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#container {
	min-height: 1px;
	zoom: 1;
}
* html #container {
	height: 1px;
/*\*//*/
	height: auto;
	overflow: hidden;
/**/
}


/*   contents   */
#container_inner {
	width: 770px;
	margin: 0;
	padding: 0;
}


/*   2 column page   */
.main_body {
	width: 580px;
	height: 1%;
	margin: 0;
	padding: 0 0 3px 0;
	float: left;
}
.main_menu {
	width: 180px;
	height: 1%;
	margin: 0 0 0 590px;
	padding: 0 0 3px 0;
	background-color: #00ac97;
}
* html .main_body {
	width: 570px;
	margin: 0;
}
* html .main_menu {
	width: 170px;
	margin: 0;
	float: right;
}



/*   menu bar   */
.sidemenu {
	width: 175px;
	height: auto;
	margin: 0;
	padding: 20px 0 0 5px;
	font-size: 0.9em;
}
* html .sidemenu {
	margin: 0;
	padding: 20px 0 0 5px;
}

.mmenu01 {
	width: 175px;
	margin: 0;
	padding: 0;
}
.mmenu01 li {
	width: 175px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	color: #FFFFFF;
}
.mmenu01 li.nsmenu a {
	width: 165px;
	height: 36px;
	display: block;
	padding: 4px 0 0 5px;
	color: #fff;
	font-weight: bold;
	line-height: 36px;
	vertical-align: middle;
	text-decoration: none;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	border-left: 5px #fff solid;
}
.mmenu01 li.lsmenu a {
	width: 165px;
	height: 42px;
	display: block;
	padding: 8px 0 0 5px;
	color: #fff;
	font-weight: bold;
	line-height: 1.3em;
	vertical-align: middle;
	text-decoration: none;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	border-left: 5px #fff solid;
}
.mmenu01 li.nsmenu a:hover,
.mmenu01 li.lsmenu a:hover {
	color: #fff;
	background: #00796a;
}
.mmenu01 li.mnactive a,
.mmenu01 li.mnactive a:hover {
	color: #00ac97;
	background: #fff;
}

.mmenu02 {
	width: 165px;
	margin: 5px 0 0 10px;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}
.mmenu02 li {
	width: 165px;
	height: auto;
	margin: 0 0 7px 0;
	padding: 0;
	color: #FFFFFF;
}

.mmenu02 li.nsmenu a {
	width: 159px;
	height: 26px;
	display: block;
	margin: 0;
	padding: 3px 0 0 5px;
	font-size: 0.85em;
	color: #fff;
	font-weight: normal;
	line-height: 26px;
	vertical-align: middle;
	text-decoration: none;
	border-left: 1px #fff solid;
	background-color: #00ac97;
}
.mmenu02 li.lsmenu a {
	width: 159px;
	height: 33px;
	display: block;
	margin: 0;
	padding: 7px 0 0 5px;
	font-size: 0.85em;
	color: #fff;
	font-weight: normal;
	line-height: 1.3em;
	vertical-align: middle;
	text-decoration: none;
	border-left: 1px #fff solid;
	background-color: #00ac97;
}

.mmenu02 li.nsmenu a:hover,
.mmenu02 li.lsmenu a:hover {
	color: #00ac97;
	background: #fff;
}
.mmenu02 li.mnactive a,
.mmenu02 li.mnactive a:hover {
	color: #00ac97;
	background: #fff;
}

.mmenu02 li.nsmenu_i div {
	width: 159px;
	height: 26px;
	display: block;
	margin: 0;
	padding: 3px 0 0 5px;
	font-size: 0.85em;
	color: #fff;
	font-weight: normal;
	line-height: 26px;
	vertical-align: middle;
	text-decoration: none;
	border-left: 1px #fff solid;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	background-color: #00ac97;
}
.mmenu02 li.lsmenu_i div {
	width: 159px;
	height: 33px;
	display: block;
	margin: 0;
	padding: 7px 0 0 5px;
	font-size: 0.85em;
	color: #fff;
	font-weight: normal;
	line-height: 1.3em;
	vertical-align: middle;
	text-decoration: none;
	border-left: 1px #fff solid;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	background-color: #00ac97;
}



.mmenu03 {
	width: 155px;
	margin: 5px 0 0 10px;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}
.mmenu03 li {
	width: 155px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	color: #FFFFFF;
}

.mmenu03 li.nsmenu a {
	width: 147px;
	height: 22px;
	display: block;
	margin: 0;
	padding: 3px 0 0 5px;
	font-size: 0.8em;
	font-weight: normal;
	color: #fff;
	line-height: 22px;
	vertical-align: middle;
	text-decoration: none;
	border-left: 3px #fff solid;
	border-top: none;
	border-bottom: none;
	background-color: #00ac97;
}
.mmenu03 li.lsmenu a {
	width: 147px;
	height: 32px;
	display: block;
	margin: 0;
	padding: 8px 0 0 5px;
	font-size: 0.8em;
	font-weight: normal;
	color: #fff;
	line-height: 1.2em;
	vertical-align: middle;
	text-decoration: none;
	border-left: 3px #fff solid;
	border-top: none;
	border-bottom: none;
	background-color: #00ac97;
}

.mmenu03 li.nsmenu a:hover,
.mmenu03 li.lsmenu a:hover {
	color: #00ac97;
	background: #fff;
}
.mmenu03 li.mnactive a,
.mmenu03 li.mnactive a:hover {
	color: #00ac97;
	background: #fff;
}


.mmenu_ban02 {
	width: 180px;
	margin: 5px 0 0 5px;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}
.mmenu_ban02 li {
	width: 180px;
	height: 50px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #FFFFFF;
}

.mmenu_ban02 li a {
	width: 180px;
	height: 50px;
	display: block;
	margin: 0;
	padding: 0;
	background: url('../images/mban_photo.png') 0 0 no-repeat;
}
.mmenu_ban02 li a:hover {
	background-position: 0 -51px;
}


/*   breadcrumb   */
.breadcrumb {
	margin: 0 0 5px 10px;
	padding: 0;
	font-size: 0.70em;
}

.breadcrumb div {
	width: auto;
	margin: 0;
	padding: 0;
	float: left;
}



/*   footer   */
.footer {
	position: relative;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}

.footmenu {
	width: 750px;
	margin: 0;
	padding: 5px 10px;
	font-size: 70%;
	clear: both;
}

.fmenu01 ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
.fmenu02 ul {
	margin: 3px 0 0 0;
	padding: 0;
	text-align: center;
}
.fmenu01 ul li,
.fmenu02 ul li {
	width: auto;
	display: inline;
	margin-left: 5px;
	padding-left: 5px;
	line-height: 1.2em;
	border-left: 1px #666 dotted;
	float: left;
}
.fmenu01 ul li:first-child,
.fmenu02 ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}

.footinfo {
	width: 100%;
	margin: 5px 0 0 0;
	padding: 20px 0 0 0;
	color: #fff;
	font-size: 0.75em;
	text-align: left;
	background-color: #00AC97;
}
.footinfo dl {
	margin-left: 20px;
}
.footinfo dl dt {
	width: 60px;
	margin: 0;
	padding: 2px 3px;
	border: 1px #fff solid;
	text-align: center;
	float: left;
}
.footinfo dl dd {
	margin: 0 0 0 80px;
	padding: 2px 0;
}

.footinfo a {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #114DB4;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
.footinfo a:hover {
	color: #114DB4;
	background: #fff;
}


.copy {
	width: 100%;
	text-align: right;
	background-color: #00AC97;
}
.copy p {
	margin: 0;
	padding: 7px 5px 3px 0;
	font-size: 0.6em;
	color: #fff;
}



/*   front image   */
.slide {
	position: relative;
	width: 770px;
	height: 300px;
	border: none;
	margin-bottom: 40px;
}
* html .slide {
	margin-bottom: 20px;
}

#slide_capt {
	position: absolute;
	top: 303px;
	left: 10px;
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 0.65em;
}



/*   front  information  */
#infomation {
	position: relative;
	width: 770px;
	margin: 0;
	padding: 0;
}

#info_l {
	position: relative;
	width: 380px;
	margin: 0;
	padding: 0;
	float: left;
}
#info_r {
	position: relative;
	width: 370px;
	margin: 0 0 0 390px;
	padding: 0;
}


#news {
	position: relative;
	width: 380px;
	margin: 0;
	padding: 0;
}
#news dl {
	height: 141px;
	margin: 3px 0 0 0;
	overflow: auto;
}
/*
#press {
	position: relative;
	width: 370px;
	margin: 0;
	padding: 0;
} */
#event {
	position: relative;
	width: 370px;
	margin: 0;
	padding: 0;
}
/*#press dl {
	height: 50px;
	margin: 3px 0 0 0;
	overflow: auto;
} */
#event dl {
	height: 141px;
	margin: 3px 0 0 0;
	overflow: auto;
}

#content_list {
	margin: 8px 0 0 0;
	padding: 5px 0 0 0;
}


#ctlist_l {
	width: 580px;
	margin: 0;
	padding: 0;
	float: left;
}
#ctlist_r {
	width: 170px;
	margin: 0 0 0 595px;
	padding: 0;
}

#ctblock01 {
	width: 280px;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}
#ctblock02 {
	width: 280px;
	margin: 0 0 0 300px;
	padding: 0;
}
* html #ctblock01 {
	margin: 0 0 0 5px;
}
* html #ctblock02 {
	margin: 0 0 0 290px;
}
.menublock01 {
	position: relative;
	width: 280px;
	height: 360px;
	margin-bottom: 14px;
	background-color: #3DCCBB;
}
.menublock02 {
	position: relative;
	width: 280px;
	height: 300px;
	margin-bottom: 14px;
	background-color: #3DCCBB;
}
.menublock03 {
	position: relative;
	width: 280px;
	height: 150px;
	background-color: #3DCCBB;
}
.menublock01_inner {
	width: 270px;
	height: 320px;
	margin: 5px 0 0 5px;
	background-color: #fff;
}
.menublock01 h2,
.menublock02 h2,
.menublock03 h2 {
	margin: 0 0 0 44px;
	padding: 7px 0 0 0;
	font-size: 1.05em;
	font-weight: bold;
	line-height: 1.05em;
	color: #fff;
}
.menublock02_inner {
	width: 270px;
	height: 260px;
	margin: 5px 0 0 5px;
	background-color: #fff;
}
.menublock03_inner {
	width: 270px;
	height: 110px;
	margin: 5px 0 0 5px;
	background-color: #fff;
}
.ecimg {
	position: absolute;
	top: -6px;
	left: 4px;
}

#btn_mailmaga {
	position: relative;
	width: 160px;
	height: 120px;
	margin: 0;
	padding: 0;
	background: url('../images/btn_melma.png') 0 0 no-repeat;
}
#btn_photo {
	position: relative;
	width: 160px;
	height: 120px;
	margin: 10px 0 0 0;
	padding: 0;
	background: url('../images/btn_photo.png') 0 0 no-repeat;
}
#btn_pamphlet {
	position: relative;
	width: 160px;
	height: 120px;
	margin: 10px 0 0 0;
	padding: 0;
	background: url('../images/btn_pamp.png') 0 0 no-repeat;
}
#btn_snaq {
	position: relative;
	width: 160px;
	height: 122px;
	margin: 10px 0 0 0;
	padding: 0;
	background: url('../images/btn_snaq.png') 0 0 no-repeat;
}
#btn_mailmaga h4,
#btn_photo h4,
#btn_pamphlet h4,
#btn_snaq h4 {
	margin: 0;
	padding: 10px 0 0 12px;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: bold;
}
#btn_mailmaga p,
#btn_photo p,
#btn_pamphlet p,
#btn_snaq p {
	margin: 1px 0 0 15px;
	padding: 0;
	font-size: 0.65em;
	line-height: 1.2em;
}

#ban_kc {
	width: 160px;
	margin: 5px 0 0 0;
	padding: 0;
}
#ban_ap,
#ban_kppa {
	width: 160px;
	margin: 5px 0 0 0;
	padding: 0;
}

#ban_ap a,
#ban_kppa a {
	width: 160px;
	height: 50px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
#ban_kc a {
	width: 160px;
	height: 60px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url('../images/ban_kc.jpg') 0 0 no-repeat;
}
#ban_ap a {
	background: url('../images/ban_ap.png') 0 0 no-repeat;
}
#ban_kppa a {
	background: url('../images/ban_kppa.png') 0 0 no-repeat;
}
#ban_ap a:hover,
#ban_kppa a:hover {
	background-position: 0 -51px;
}
#ban_kc a:hover {
	background-position: 0 -61px;
}


/*   greeting   */
.author {
	width: 100%;
	margin: 45px 10px 0 0;
	padding: 0;
	text-align: right;
}


/*   sitemap   */
.smap_l {
	width: 270px;
	margin: 0;
	padding: 0;
	font-size: 85%;
	float: left;
}
.smap_r {
	width: 270px;
	margin: 0 0 0 280px;
	padding: 0;
	font-size: 85%;
}



/*   photo   */
.ph_box01 {
	width: 550px;
	height: 1%;
	margin: 0 0 20px 0;
	padding: 0;
}
* html .ph_box01 {
	width: 555px;
}
.ph_box02 {
	width: 550px;
	height: 1%;
	margin: 0 0 2px 0;
	padding: 0;
}
* html .ph_box02 {
	width: 555px;
}
.ph_l {
	width: 180px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}
.ph_le {
	width: 180px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.ph_c {
	width: 180px;
	margin: 0 0 0 5px;
	padding: 0;
	text-align: center;
	float: left;
}
.ph_ce {
	width: 180px;
	margin: 0 0 0 185px;
	padding: 0;
	text-align: center;
}
.ph_r {
	width: 180px;
	margin: 0 0 0 370px;
	padding: 0;
	text-align: center;
}
.ph_l p,
.ph_le p,
.ph_c p,
.ph_ce p,
.ph_r {
	margin-top: 2px;
	line-height: 1.1em;
}

.ph_box03 {
	width: 555px;
	margin: 0;
	padding: 0;
}
.ph_box03_l {
	width: 275px;
	margin: 0;
	padding: 0;
	float: left;
}
.ph_box03_r {
	width: 275px;
	margin: 0 0 0 280px;
	padding: 0;
}


#pgmap {
	margin: 0 0 20px 0;
	padding: 0;
}



/*   sitemap   */
.sm_title01a {
	margin: 0 0 3px 0;
	padding: 4px 3px;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #FF8B8A;
}
.sm_title01b {
	margin: 0 0 3px 0;
	padding: 2px 3px;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #BEFF8A;
}
.sm_title01c {
	margin: 0 0 3px 0;
	padding: 2px 3px;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #8AFDFF;
}
.sm_title01d {
	margin: 0 0 3px 0;
	padding: 2px 3px;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #C68AFF;
}



/*   umibe   */
.hide { display: none; }

.event_pic01 {
	width: 500px;
	margin: 0;
	padding: 0;
}
.event_pic01_l {
	width: 220px;
	margin: 0;
	padding: 0;
	float: left;
}
.event_pic01_r {
	width: 260px;
	margin: 0 0 0 230px;
	padding: 0;
}
.event_pic01_r p {
	font-size: 0.85em;
	line-height: 1.4em;
}

.snaq_pic01 {
	width: 555px;
	margin: 0;
	padding: 0;
}
.snaq_pic01_l {
	width: 240px;
	margin: 0;
	padding: 0;
	float: left;
}
.snaq_pic01_r {
	width: 275px;
	margin: 0 0 0 245px;
	padding: 0;
}

.snaq_pic02 {
	width: 555px;
	margin: 0;
	padding: 0;
}
.snaq_pic02_l {
	width: 275px;
	margin: 0;
	padding: 0;
	float: left;
}
.snaq_pic02_r {
	width: 275px;
	margin: 0 0 0 280px;
	padding: 0;
}


/*   contents general   */
.ct_bd01 {
	margin: 30px 20px 20px 30px;
	padding: 0;
}

.ct_inbox01 {
	margin: 20px 50px 0 50px;
	padding: 15px;
	border: 1px #666 solid;
	font-size: 0.7em;
	background-color: #efefef;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.ct_inbox02 {
	margin: 70px 50px 0 50px;
	padding: 15px;
	border: 1px #666 solid;
	font-size: 0.7em;
	background-color: #efefef;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.cont_area {
	width: 567px;
	height: 1%;
	margin: 0 0 0 10px;
	padding: 0;
}




/*   list style   */
.list_info01 {
	width: 350px;
	margin: 0;
	padding: 0;
}
.lst_info01 dt {
	width: 90px;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 0.7em;
	line-height: 1.3em;
	float: left;
}
.lst_info01 dd {
	margin: 0 0 3px 100px;
	padding: 0;
	font-size: 0.85em;
	line-height: 1.3em;
}


.topmenu01 {
	margin: 0;
	padding: 5px 0 0 0;
}
.topmenu01 li {
	margin: 0 0 7px 10px;
	padding: 0 0 0 16px;
	font-size: 0.8em;
	line-height: 1.15em;
	background: url('../images/arrow_green01.gif') 0 0 no-repeat;
}
.topmenu01 li.new {
	background: url('../images/arrow_red01.gif') 0 0 no-repeat;
}
.topmenu01 li.renew {
	background: url('../images/arrow_blue01.gif') 0 0 no-repeat;
}


* html .topmenu01 li {
	margin: 0 0 5px 10px;
	line-height: 1.12em;
}
.topmenu02 {
	margin: 0;
	padding: 5px 0 0 0;
}
.topmenu02 li {
	margin: 0 0 7px 5px;
	padding: 0 0 0 10px;
	font-size: 0.95em;
	line-height: 1.25em;
	background: url('../images/sq_green01.gif') 0 0 no-repeat;
}
.topmenu03 {
	margin: 0;
	padding: 5px 0 0 0;
}
.topmenu03 li {
	margin: 0 0 7px 15px;
	padding: 0 0 0 0;
	font-size: 0.95em;
	line-height: 1.25em;
	list-style-type: disc;
	background-image: none;
}

#rel_link {
	margin: 30px 0 0 0;
	padding: 0;
}

.otl_list01 {
	margin: 0 5px 0 25px;
	padding: 0;
}
.otl_list01 li {
	margin: 0 0 2px 0;
	padding: 0;
	list-style-type: decimal;
}
.otl_list02 {
	height: 1%;
	margin: 0 5px 0 20px;
	padding: 0;
}
.otl_list02 li {
	margin: 0 0 2px 0;
	padding: 0;
	list-style-type: disc;
}
* html .otl_list02 li {
	margin: 0 0 0 20px;
	padding: 0;
}
.otl_list03 {
	margin: 0 5px 0 15px;
	padding: 0;
}
.otl_list03 li {
	margin: 0 0 2px 0;
	padding: 0;
	list-style-type: none;
}


.ct_list01,
.ct_list02 {
	height: 1%;
	margin: 0 5px 0 20px;
	padding: 0;
}
.ct_list01 li,
.ct_list02 li {
	margin: 0 0 2px 0;
	padding: 0;
	list-style-type: none;
}
.ct_list02 li {
	font-size: 0.9em;
}
* html .ct_list01 li {
	margin: 0 0 0 20px;
	padding: 0;
}
* html .ct_list02 li {
	margin: 0 0 0 20px;
	padding: 0;
}


.nnt_list00 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.nnt_list00 dt {
	width: 120px;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 0.8em;
	float: left;
}
.nnt_list00 dd {
	margin: 0 0 5px 130px;
	padding: 0 5px 0 0;
}

.nnt_list01 {
	margin: 0 5px 0 25px;
	padding: 0;
}
.nnt_list01 li {
	margin: 0 0 2px 0;
	padding: 0;
	list-style-type: decimal;
}
.nnt_list02 {
	margin: 0 0 10px 10px;
	padding: 0;
}
.nnt_list02 li {
	margin: 0 0 2px 0;
	padding: 0;
	list-style-type: none;
}
.nnt_list03 {
	margin: 0 5px 0 10px;
	padding: 0;
}
.nnt_list03 li {
	margin: 0 0 2px 0;
	padding: 0;
	list-style-type: none;
}
.nnt_list04 {
	margin: 0 5px 0 15px;
	padding: 0;
}
.nnt_list04 li {
	margin: 0 0 2px 0;
	padding: 0;
	list-style-type: disc;
}

.nnt_list05 {
	margin: 0;
	padding: 0;
}
.nnt_list05 dt {
	width: 50px;
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 0.95em;
	float: left;
}
.nnt_list05 dd {
	margin: 0 0 5px 60px;
	padding: 0 5px 0 0;
}


.bra_list01 {
	width: 100%;
	margin: 0 0 0 10px;
	padding: 0;
}
.bra_list01 dt {
	width: 60px;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 0.9em;
	float: left;
}
.bra_list00 dd {
	margin: 0 0 2px 65px;
	padding: 0 5px 0 0;
}

.bsn_list01 dt {
	width: 100px;
	margin: 0 0 3px 0;
	padding: 2px 0 0 0;
	font-size: 0.8em;
	line-height: 1.3em;
	float: left;
}
.bsn_list01 dd {
	margin: 0 0 3px 110px;
	padding: 0;
	font-size: 1em;
	line-height: 1.3em;
}

.pageNav01 {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #eee;
	text-align: center;
}
.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}
.pageNav01 li span,
.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}
.pageNav01 li a:hover {
	background: #eeeff7;
	border-color: #00f;
}

.smap_list01 {
	margin: 0;
	padding: 0;
}
.smap_list01 li {
	margin: 0 0 2px 0;
	padding: 0 0 0 15px;
	background: url('../jap/sitemap/images/arrow01.gif') 0 0 no-repeat;
}
.smap_list02 {
	margin: 0 0 0 15px;
	padding: 0;
}
.smap_list02 li {
	margin: 0 0 2px 0;
	padding: 0 0 0 15px;
	font-size: 90%;
	background: url('../jap/sitemap/images/arrow02.gif') 0 -2px no-repeat;
}
.smap_list03 {
	margin: 0 0 0 30px;
	padding: 0;
}
.smap_list03 li {
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 90%;
	background: url('../jap/sitemap/images/arrow03.gif') 0 -2px no-repeat;
}

.lst_enjmenu01 {
	width: 555px;
	margin: 0;
	padding: 0;
}
.lst_enjmenu01 li {
	width: 180px;
	height: 160px;
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
}


.umibe_enjlist01 dt {
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
}
.umibe_enjlist01 dd {
	margin: 0 0 7px 5px;
	padding: 0;
	line-height: 1.3em;
}


.umibe_arealist01 {
	margin-left: 10px;
}

.umibe_arealist01 a {
	width: 30px;
	height: 30px;
	margin: 3px 7px 0 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	float: left;
}
.umibe_arealist01 a.wlklink {
	background: url('../jap/umibe/area/images/btn_wlklink.png') 0 0 no-repeat;
}
.umibe_arealist01 a.shplink {
	background: url('../jap/umibe/area/images/btn_shplink.png') 0 0 no-repeat;
}
.umibe_arealist01 a.sitlink {
	background: url('../jap/umibe/area/images/btn_sitlink.png') 0 0 no-repeat;
}
.umibe_arealist01 a.lsrlink {
	background: url('../jap/umibe/area/images/btn_lsrlink.png') 0 0 no-repeat;
}
.umibe_arealist01 a.stdlink {
	background: url('../jap/umibe/area/images/btn_stdlink.png') 0 0 no-repeat;
}
.umibe_arealist01 a.hstlink {
	background: url('../jap/umibe/area/images/btn_hstlink.png') 0 0 no-repeat;
}
.umibe_arealist01 a.wlklink:hover,
.umibe_arealist01 a.shplink:hover,
.umibe_arealist01 a.sitlink:hover,
.umibe_arealist01 a.lsrlink:hover,
.umibe_arealist01 a.stdlink:hover,
.umibe_arealist01 a.hstlink:hover {
	background-position: 0 -31px;
}

.lst_sw01 {
	margin: 10px;
	text-align: left;
}
.lst_sw01 li {
	font-size: 0.95em;
	list-style-type: disc;
}
.lst_sw02 {
	margin: 0 0 7px 10px;
	text-align: left;
}
.lst_sw02 li {
	font-size: 0.95em;
	list-style-type: none;
}


/*   list table   */




/*   text style   */
.st_title01 {
	margin: 0 0 2px 0;
	padding: 20px 0 8px 10px;
	font-size: 1.6em;
	font-family: Migu, sans-serif;
	color: #00AC97;
	border-top: 1px #00AC97 solid;
	border-bottom: 2px #00AC97 solid;
}

.st_title02 {
	margin: 10px 0 10px 0;
	padding: 5px 0 5px 12px;
	font-size: 1.4em;
	font-family: Migu, sans-serif;
	font-weight: bold;
	color: #fff;
	line-height: 1.2em;
	background-color: #00AC97;
}

.nnt_box01 {
	width: 420px;
	padding: 15px;
	border: 2px #00AC97 solid;
}

.mmz_box01 {
	width: 420px;
	padding: 5px 15px;
	border: 2px #00AC97 solid;
}


/*   image style   */
.right_pic01 {
	width: 250px;
	margin: 0 5px 15px 5px;
	padding: 0;
	float: right;
}
.right_pic01 p {
	width: 100%;
	margin: 1px 0 3px 0;
	padding: 0;
	font-size: 0.75em;
	text-align: center;
}

.left_pic01 {
	width: 565px;
	height: 1%;
	margin: 0;
	padding: 0;
}
.left_pic01_l {
	width: 300px;
	height: 1%;
	margin: 0;
	padding: 0;
	float: left;
}
.left_pic01_r {
	width: 250px;
	height: 1%;
	margin: 0 0 0 305px;
	padding: 0;
}

.left_pic02 {
	width: 565px;
	height: 1%;
	margin: 5px 0 10px 0;
	padding: 0;
}
.left_pic02_l {
	width: 270px;
	margin: 0;
	padding: 0;
	float: left;
}
.left_pic02_r {
	width: 270px;
	margin: 0 0 0 280px;
	padding: 0;
}

.left_pic03 {
	width: 565px;
	height: 1%;
	margin: 5px 0 10px 0;
	padding: 0;
}
.left_pic03 img {
	width: 85px;
	height: 57px;
	margin: 0 7px 0 0;
	padding: 0;
	float: left;
}

.umibe_actimg01 {
	margin: 5px 0 0 10px;
	padding: 0;
}
.umibe_actimg01 a {
	width: 70px;
	margin: 0;
	padding: 0;
}





/*   table style   */
.otl_table01 th,
.otl_table01 td {
	margin: 0;
	padding: 2px 3px;
	line-height: 1.3em;
	border: 1px #666 solid;
}
.otl_table01 thead th {
	text-align: center;
	background-color: #99ccff;
}
.otl_table01 tbody th {
	text-align: center;
	background-color: #ffcc66;
}
.otl_table02 th,
.otl_table02 td,
.otl_table03 th,
.otl_table03 td,
.otl_table04 th,
.otl_table04 td,
.otl_table05 th,
.otl_table05 td {
	margin: 0;
	padding: 2px 3px;
	line-height: 1.3em;
	border: 1px #666 solid;
}
.otl_table02 thead th {
	text-align: center;
	background-color: #99ccff;
}
.otl_table02 tbody th {
	text-align: left;
	background-color: #ffcc66;
}
.otl_table02 tbody td {
	text-align: center;
}
.otl_table03 thead th,
.otl_table04 thead th {
	text-align: center;
	background-color: #99ccff;
}
.otl_table03 tbody th{
	text-align: left;
	background-color: #ffcc66;
}
.otl_table03 tbody td {
	text-align: left;
}
.otl_table04 tbody th {
	text-align: center;
	background-color: #ffcc66;
}
.otl_table04 tbody td,
.otl_table05 tbody td {
	text-align: right;
}
.otl_table05 tbody th {
	text-align: left;
	background-color: #ffcc66;
}
.otl_table06 th,
.otl_table06 td {
	margin: 0;
	padding: 2px 20px 2px 3px;
	line-height: 1.3em;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	border: none;
}



.ct_table01 td {
	margin: 0;
	padding: 2px 3px;
	border: 1px #666 solid;
}
.ct_table01 td.picarea {
	padding: 0;
}
.ct_table02 td {
	margin: 0;
	padding: 2px 3px;
	border: 1px #666 solid;
}
.ct_table02 tr:nth-child(2n) {
	background-color: #eee;
}


.nnt_table01 {
	margin: 10px 0;
	padding: 0;
}
.nnt_table02 {
	margin: 3px 0 10px 0;
	padding: 0;
}
.nnt_table01 th,
.nnt_table01 td,
.nnt_table02 th,
.nnt_table02 td {
	margin: 0;
	padding: 2px 15px 2px 0;
	line-height: 1.3em;
	border: none;
}
.nnt_table01 th,
.nnt_table02 th {
	text-align: left;
	vertical-align: top;
}

.nnt_table03 th,
.nnt_table03 td {
	margin: 0;
	padding: 2px 3px;
	font-size: 0.9em;
	line-height: 1.3em;
	border: 1px #666 solid;
}
.nnt_table03 thead th {
	text-align: center;
	background-color: #99ccff;
}
.nnt_table03 tbody th {
	text-align: center;
	background-color: #ffcc66;
}
.nnt_table03 td {
	text-align: center;
}
.nnt_table04 th,
.nnt_table04 td {
	margin: 0;
	padding: 2px 3px;
	font-size: 0.9em;
	line-height: 1.3em;
	border: 1px #666 solid;
}
.nnt_table04 th {
	width: 15%;
	text-align: left;
	background-color: #ffcc66;
}
.nnt_table04 td {
	width: 85%;
	text-align: left;
}

.nnt_table05 th,
.nnt_table05 td {
	margin: 0;
	padding: 2px 3px;
	font-size: 0.9em;
	line-height: 1.3em;
	border: 1px #666 solid;
}
.nnt_table05 thead th {
	text-align: center;
	background-color: #99ccff;
}
.nnt_table05 tbody th {
	text-align: center;
	background-color: #ffcc66;
}


.bsn_table01 th,
.bsn_table01 td {
	margin: 0;
	padding: 2px 3px;
	line-height: 1.3em;
	border: 1px #666 solid;
}
.bsn_table01 thead th {
	text-align: left;
	background-color: #99ccff;
}
.bsn_table01 tbody th {
	text-align: center;
	background-color: #ffffcc;
}

.bsn_table02 th,
.bsn_table02 td {
	margin: 0;
	padding: 2px 3px;
	line-height: 1.3em;
	border: 1px #666 solid;
}
.bsn_table02 thead th {
	text-align: center;
}
.bsn_table02 tbody th {
	text-align: left;
	background-color: #ffffcc;
}

.bsn_table03 th,
.bsn_table03 td {
	margin: 0;
	padding: 2px 3px;
	line-height: 1.3em;
	border: 1px #666 solid;
}
.bsn_table03 thead th {
	background-color: #99CCFF;
	text-align: center;
}
.bsn_table03 tbody th {
	background-color: #ffffcc;
	text-align: center;
}

.bsn_table04 th,
.bsn_table04 td {
	margin: 0;
	padding: 2px 3px;
	line-height: 1.3em;
	border: none;
	vertical-align: top;
}

.bur_table01 th,
.bur_table01 td {
	margin: 0;
	padding: 2px 3px;
	line-height: 1.3em;
	border: 1px #666 solid;
}
.bur_table01 th {
	width: 150px;
	text-align: left;
	background-color: #ffffcc;
}
.bur_table02 th,
.bur_table02 td {
	margin: 0;
	padding: 2px 3px;
	line-height: 1.3em;
	border: 1px #666 solid;
}
.bur_table02 th {
	font-size: 0.95em;
	text-align: center;
	background-color: #ffffcc;
}
.bur_table02 td {
	vertical-align: top;
}



/*   button style   --*/
.info_btn01 {
	position: absolute;
	width: auto;
	height: 1%;
	top: 2px;
	right: 2px;
	margin: 0;
	padding: 0;
}
* html #news div.info_btn01 {
	width: 130px;
}
* html #press div.info_btn01 {
	width: 110px;
}
* html #event div.info_btn01 {
	width: 140px;
}

.ban_btn01 {
	position: absolute;
	bottom: 7px;
	right: 7px;
	width: auto;
	margin: 0;
	padding: 0;
}
.ban_btn01_2 {
	position: absolute;
	bottom: 25px;
	right: 7px;
	width: auto;
	margin: 0;
	padding: 0;
}
.ban_btn01_3 {
	position: absolute;
	bottom: 43px;
	right: 7px;
	width: auto;
	margin: 0;
	padding: 0;
}
* html #btn_mailmaga div.ban_btn01 {
	width: 130px;
	left: 3px;
}
* html #btn_photo div.ban_btn01 {
	width: 90px;
	left: 3px;
}
* html #btn_photo div.ban_btn01_2 {
	width: 135px;
	left: 3px;
}
/*
* html #btn_photo div.ban_btn01_3 {
	width: 135px;
	left: 3px;
}
*/
* html #btn_pamphlet div.ban_btn01 {
	width: 110px;
	left: 3px;
}
* html #btn_snaq div.ban_btn01 {
	width: 110px;
	left: 3px;
}



.ban_btn02 {
	width: 135px;
	margin: 10px 0 0 20px;
	padding: 0;
}

.info_btn01 a,
.ban_btn01 a,
.ban_btn01_2 a,
.ban_btn01_3 a,
.ban_btn02 a {
	width: auto;
	height: 16px;
	margin: 0;
	padding: 0;
	display: block;
	line-height: 16px;
	-moz-box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999;
	box-shadow: 1px 1px 1px #999;
}

.btn_tophoto,
.btn_tophoto2,
.btn_tophoto3 {
	position: absolute;
	left: 380px;
	width: 190px;
	height: 50px;
	margin: 0;
	padding: 0;
}

.btn_tophoto {
	top: 165px;
}
.btn_tophoto2 {
	top: 175px;
}

.btn_tophoto3 {
	top: 165px;
}


.btn_tophoto a,
.btn_tophoto2 a {
	width: 190px;
	height: 50px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	background: url('../images/mban_photo.png') 0 0 no-repeat;
}

.btn_tophoto3 a {
	width: 190px;
	height: 50px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	background: url('../images/mban_photo02.png') 0 0 no-repeat;
}

.btn_tophoto a:hover,
.btn_tophoto2 a:hover,
.btn_tophoto3 a:hover
 {
	background-position: 0 -51px;
}

.btn_umibe01,
.btn_umibe02,
.btn_umibe03,
.btn_umibe04,
.btn_umibe05,
.btn_umibe06 {
	width: 180px;
	height: 160px;
	margin: 0;
	padding: 0;
}
.btn_umibe01 a,
.btn_umibe02 a,
.btn_umibe03 a,
.btn_umibe04 a,
.btn_umibe05 a,
.btn_umibe06 a {
	width: 180px;
	height: 160px;
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
}
.btn_umibe01 a {
	background: url('../jap/umibe/enjoy/images/enj_menubtn01.png') 0 0 no-repeat;
}
.btn_umibe02 a {
	background: url('../jap/umibe/enjoy/images/enj_menubtn02.png') 0 0 no-repeat;
}
.btn_umibe03 a {
	background: url('../jap/umibe/enjoy/images/enj_menubtn03.png') 0 0 no-repeat;
}
.btn_umibe04 a {
	background: url('../jap/umibe/enjoy/images/enj_menubtn04.png') 0 0 no-repeat;
}
.btn_umibe05 a {
	background: url('../jap/umibe/enjoy/images/enj_menubtn05.png') 0 0 no-repeat;
}
.btn_umibe06 a {
	background: url('../jap/umibe/enjoy/images/enj_menubtn06.png') 0 0 no-repeat;
}
.btn_umibe01 a:hover,
.btn_umibe02 a:hover,
.btn_umibe03 a:hover,
.btn_umibe04 a:hover,
.btn_umibe05 a:hover,
.btn_umibe06 a:hover {
	background-position: 0 -161px;
}

.btn_close {
	margin: 20px 0;
	font-size: 0.9em;
}




/*   link style   */
.pgtop {
	position: absolute;
	bottom: 0;
	right: 15px;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 5px 1px 5px ;
	background: #7F264D;
}
.pgtop a {
	text-decoration: none;
}
.pgtop a:hover {
	color: #fff;
}

.pdfdl {
	width: 100%;
	margin: 0;
	padding: 0;
}
.pdfdl_l {
	width: 158px;
	margin: 0;
	padding: 0;
	float: left;
}
.pdfdl_r {
	margin: 0 0 0 175px;
	padding: 0;
	line-height: 1.25em;
}



/*   title style   */




.title-s{
	font-size: 1.05em;
	font-weight:bold;
}
.title-m{
	margin-bottom: 7px;
	color: #0033CC;
	font-size: 1.18em;
	font-weight:bold;
	border-bottom: 4px #ddd dotted;
}
.title-m2{
	margin: 0;
	padding: 2px 0 2px 20px;
	color: #CC0000;
	font-size: 1.1em;
	font-weight:bold;
	background: url('../images/anchor01.gif') 0 0 no-repeat;
}
.title-m3{
	padding: 2px 0 1px 7px;
	color: #00AC97;
	font-size: 1.02em;
	font-weight:bold;
	border-left: 3px #00AC97 solid;
	border-bottom: 1px #eee solid;
	background-color: #fafafa;
}
.title-n{
	font-size: 1.2em;
	font-weight: bold;
}
.title-b{
	color: #CC0000;
	font-size: 1.3em;
	font-weight: bold;
}
.text-s{
	font-size: 0.75em;
}
.text-n{
	font-size: 0.9em;
}
.text-b{
	font-size: 1em;
}
.text-bb{
	font-size: 1em;
	font-weight: bold;
}
.text-sl{
	font-size: 0.75em;
}
.text-nl{
	font-size: 0.9em;
}
.text-bl{
	font-size: 1em;
}
.t-bold { font-weight: bold; }
.box-news{
	padding: 0pt 5pt 0pt 20pt;
}
.box-table{
	margin-bottom: 10px;
}

#box-main{
	padding: 0pt 0pt 0pt 10pt;
}
.size10px {
	font-size: 10px;
}



/*   general style   */
.t180 { font-size: 180%; }
.t160 { font-size: 160%; }
.t150 { font-size: 150%; }
.t140 { font-size: 140%; }
.t130 { font-size: 130%; }
.t120 { font-size: 120%; }
.t110 { font-size: 110%; }
.t100 { font-size: 100%; }
.t90 { font-size: 90%; }
.t85 { font-size: 85%; }
.t80 { font-size: 80%; }
.t75 { font-size: 75%; }
.t70 { font-size: 70%; }
.t60 { font-size: 60%; }
.t50 { font-size: 50%; }


.tc_bl { color: #4b65d9; }
.tc_rd { color: #c74238; }
.tc_or { color: #d37f1d; }
.tc_gr {color:#6fae43; }
.tc_gy { color: #666; }
.tc_gy2 { color: #999; }

.crs_pointer { cursor: pointer; }

/*   layout   */
.ts5 { padding-top: 5px; }
.ts10 { padding-top: 10px; }
.ts20 { padding-top: 20px; }
.ts30 { padding-top: 30px; }
.ts50 { padding-top: 50px; }
.ts70 { padding-top: 70px; }
.ls5 { margin-left: 5px; }
.ls10 { margin-left: 10px; }
.ls15 { margin-left: 15px; }
.ls20 { margin-left: 20px; }
.ls30 { margin-left: 30px; }
.ls40 { margin-left: 40px; }
.ls50 { margin-left: 50px; }
.ls55 { margin-left: 55px; }
.ls60 { margin-left: 60px; }

.rs10 { margin-right: 10px; }
.rs50 { margin-right: 50px; }

.bs5 { padding-bottom: 5px; }
.bs10 { padding-bottom: 10px; }
.bs20 { padding-bottom: 20px; }
.bs30 { padding-bottom: 30px; }
.bs40 { padding-bottom: 40px; }
.bs50 { padding-bottom: 50px; }

.ta_l { text-align: left; }
.ta_c { text-align: center; }
.ta_r { text-align: right; }

.ptag{ margin-bottom:1em;}

/* IE */
@font-face {
	font-family: Migu;
	src: url(../jap/font/Migu-1P-bold.eot);
}
/* Firefox, Opera, Safari */
@font-face {
font-family: Migu;
src: url(../jap/font/Migu-1P-bold.ttf) format("truetype");
}
