@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media print{
	body #right_btns,
	body #footer1,
	body .footer2inner div { display:none !important; }
	body #copyright { color:#368; font-size:1px; padding:0 !important;}
	/*body .footer2inner { background:url(../images/logo2.png) right top no-repeat; min-height:58px;}*/
	body #footer2 .footer2inner { text-align:right !important; padding-bottom:15px;}
	body #footer2 .footer2inner #footlogo { display:inline !important;}
	.gnavi_fixed { position:relative !important;}
}
@charset "utf-8";
/*---------------------------------------------
 reset css
--------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,th,td { margin:0; padding:0; }
input,textarea { margin:0; font-size:100%; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
img { border:0; }
address,em,th { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
label { cursor:pointer;}
a,
area,
area:focus,
area:active { outline:none; border:none; border:0;}
/* ---------------------------------------------
 font-size 13pxBase
--------------------------------------------- */
body { color:#444;/*#777;*/ font:13px/1.231 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;} 
*:first-child+html body { font-size:82%; } /* ie7 */
* html body { font-size:82%; } /* ie5-6 */
select,input,button,textarea { font:99% arial,helvetica,clean,sans-serif; }
table { font-size:inherit; font:100%;}
pre,code,kbd,samp,tt { font-family:monospace; *font-size:108%; line-height:100%; }
/* ---------------------------------------------
 font resize
--------------------------------------------- */
body.font_s {font-size:11px;}
body.font_m {font-size:13px; *font-size:small;/*IE*/ }
body.font_l {font-size:15px;}
/* ---------------------------------------------
 font style
--------------------------------------------- */
.f10{font-size:77%}
.f11{font-size:85%}
.f12{font-size:93%}
.f13{font-size:100%}
.font14,
.f14{font-size:108%}
.f15{font-size:116%}
.f16{font-size:123.1%}
.f18{font-size:138.5%}
.f20{font-size:153.9%}
.f22{font-size:167%}
.f24{font-size:182%}
.f26{font-size:197%}
.f28{font-size:215.4%;}
.f10px{font-size:10px !important;}
.f11px{font-size:11px !important;}
.f12px{font-size:12px !important;}
.f13px{font-size:13px !important;}
.f14px{font-size:14px !important;}
.f15px{font-size:15px !important;}
.f16px{font-size:16px !important;}
.f18px{font-size:18px !important;}
.f20px{font-size:20px !important;}
.f22px{font-size:22px !important;}
.f24px{font-size:24px !important;}
.f26px{font-size:26px !important;}
.f28px{font-size:28px !important;}
.f30px{font-size:30px !important;}
.f32px{font-size:32px !important;}
.f34px{font-size:34px !important;}
.f36px{font-size:36px !important;}
.f38px{font-size:37px !important;}
/* ---------------------------------------------
 tag
--------------------------------------------- */
/* strong */
b,strong {font-weight:bold; color:#000;}
/* italic */
i { font-style:italic;}
/* em */
em {color:#c00; font-weight:bold; font-style:normal;}
/* sub */
sub {vertical-align:baseline;}
/* link */
a,
a:visited { color:#3ae; outline:none; text-decoration:none;}
a span { cursor:pointer;}
a:hover { color:#6cf; }
a img { border:none; }
a:hover img { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; }
a:hover img.over { opacity:inherit; -moz-opacity:inherit; filter:none; -ms-filter:none; }
/* ---------------------------------------------
 js 
--------------------------------------------- */
.over            {/* rollover */}
.png             {/* DD_belatedPNG.js */}
.js_window_open-width-height {;}
.js_page_print   {;}
.js_window_close {;}
/* ---------------------------------------------
 h*
--------------------------------------------- */
/* base */
.main h2, .main h3, .main h4, .main h5, .main h6 { clear:both; }
.main div h2, .main div h3, .main div h4, .main div h5, .main div h6,
.main ul h2, .main ul h3, .main ul h4, .main ul h5, .main ul h6,
.main table h2, .main table h3, .main table h4, .main table h5, .main table h6
{ clear:none; }

.h2 {padding:10px 20px; font-weight:bold; font-size:18px; margin:30px 0; display:block; color:#654; 
	 -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(/common/PIE.htc); position:relative;
	background:url(../images/h_bg.gif) 0 center no-repeat; }

.h3 { font-size:123.1%; font-weight:bold; margin:20px 0;} 

/* ---------------------------------------------
 list & text & icon
--------------------------------------------- */
#contents ul,
#contents ol { font-size:108%; }
	#contents ul:after,ol:after { content:""; display:table; clear:both; }
	#contents ul,ol { /zoom:1; }
/*.article ul li,*/
.editorArea ul,
ul.list1 { margin:0 0 20px 2px;}
.editorArea ul li,
ul.list1 li { background:url(../images/listmark1.png) 0 0.5em no-repeat; padding:0 0 10px 7px; line-height:1.5;}

ul.ul2 li { line-height:1.3; padding:5px 0 5px 16px; background:url(../images/listmark7.png) 0 5px no-repeat;}

ul.note li { background:none !important; padding-bottom:5px;}

ul.idt {margin-left:1.3em; line-height:1.3;}
ul.idt li {text-indent:-1.3em; text-align:left; padding:0 0 10px; background:none;}
ul.idt li span { font-weight:bold; color:#378; margin-right:2px;}

ul.list0 li { line-height:1.4; background:none; padding-left:0;}
	ul.list0 .link2 { font-weight:bold; padding-right:5px; *vertical-align:middle;
	position:relative; display:inline-block; *display:inline; *zoom:1;  }
	.main .link2 span { text-decoration:none !important;}


ol.ol { margin:0 0 20px 1.7em; list-style:decimal outside; font-size:108%; }
ol.ol li { margin-bottom:3px; line-height:1.3;}

ul.inlineblock li { position:relative; display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; margin-right:10px; }

ul.links li { padding:0; background:none;} 
ul.links li a {background: url(../images/icon_next2.png) 0 0.2em no-repeat; padding:0 0 5px 11px; text-decoration:underline; display:block; line-height:1.2;}

ul.links1 { margin:0 0 20px 0; } 
ul.links1 li {background:none; padding-left:0;}
ul.links1 li a {background:url(../images/icon_link.gif) 0 0.4em no-repeat; padding:0 0 7px 13px; display:block; min-height:16px;}
ul.links1 li.nolink a { background:url(../images/listmark1.png) 0 0.5em no-repeat;}

ul.newwin li a {background:url(../images/icon_newwin.png) 0 4px no-repeat; padding:0 0 0 22px;}

ul.anchorlinks { margin:0 0 20px 0; } 
ul.anchorlinks li {background:url(../images/icon_downlink.png) 0 0.3em no-repeat; padding:0 0 7px 17px; display:block; min-height:16px;}

ul.pdfs { background:#f7f7f7; padding:20px 20px 10px; margin:0 0 20px 0; } 
ul.pdfs li {background:url(../images/icon_pdf.png) 0 0 no-repeat; padding:0 0 7px 23px; display:block; min-height:16px;}

ul.pdfs2 { padding:0 0 10px; margin:0 0 20px 0; } 
ul.pdfs2 li {background:url(../images/icon_pdf.png) 0 0 no-repeat; padding:0 0 10px 23px; display:block; min-height:16px;}

ul.checklist { margin:0 0 20px 0; } 
ul.checklist li {background:url(../images/icon_check.png) 0 0 no-repeat; padding:0 0 7px 18px; display:block; min-height:16px;}

ul li.nolistmark { background:none;}

/* ---------------------------------------------
 link
--------------------------------------------- */
a.link { background:url(../images/icon_link.gif) 0 0.4em no-repeat; padding:0 0 6px 11px; font-weight:bold; display:block; font-size:108%; line-height:1.4;}
a.newwin  {background:url(../images/icon_newwin.png) 0 0 no-repeat; padding:0 0 3px 22px; display:block; font-size:108%; line-height:1.4;}
a.pdf {background:url(../images/icon_pdf.png) 0 2px no-repeat; padding:0 0 0 18px; display:block; min-height:16px; font-size:108%; line-height:1.4;}
a.mail {background:url(../images/icon_mail.png) 0 5px no-repeat; padding:0 0 0 15px; min-height:16px; line-height:1.3; display:block; font-size:108%; line-height:1.4;}

/* ---------------------------------------------
 table
--------------------------------------------- */
th,td {text-align:inherit; text-justify:auto;}

table.tbl0{line-height:1.2; font-size:108%; border:none;}
table.tbl0 th {padding:10px 10px 10px 0; border:none; font-weight:bold; vertical-align:top;}
table.tbl0 td {padding:10px; vertical-align:top; border:none}
table.tbl0 p {font-size:100%;}

table.tbl { border-top:#bba 1px solid; border-right:#bba 1px solid; line-height:1.2; font-size:108%; margin-bottom:10px; text-align:center; background:#fff;}
table.tbl caption {text-align:left; font-weight:bold; font-size:123.1%; color:#fff; padding:10px; margin:0; background:#666;}
table.tbl th { padding:10px; vertical-align:middle; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#f4f4f4;}
table.tbl td { border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:10px; vertical-align:center; }
	table.tbl td.noborder {border:none;}
	table.tbl_pd_s td { padding:5px 5px !important;}
	tr.tr_even td { background:#f6f6f6;}
table.tbl tr.em td,
table.tbl td.em { background:#fed;}
table.tbl td.td_blue { background:#49b; color:#fff;}
table.tbl td.td_trqs { background:#478; color:#fff;}
table.tbl tr.bg_blue td { background:#f0f9ff; }

table.inlineL th,
table.inlineL td { text-align:left;}

table.tbl p,
table.tbl ul {font-size:100%; padding-bottom:6px;}

table.tbl ul.list1 { margin-bottom:0;}

table.tbl2 { border-top:#bba 1px solid; border-right:#bba 1px solid; line-height:1.2; margin-bottom:10px; text-align:center; background:#fff;}
table.tbl2 caption {text-align:left; font-weight:bold; font-size:123.1%; color:#fff; padding:10px; margin:0; background:#666;}
table.tbl2 th { padding:10px; vertical-align:middle; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#f4f4f4;}
table.tbl2 td { border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:10px; vertical-align:center; }
	table.tbl2 td.noborder {border:none;}
	table.tbl2_pd_s td { padding:5px 5px !important;}
	tr.tr_even td { background:#f6f6f6;}
table.tbl2 tr.em td,
table.tbl2 td.em { background:#fed;}
table.tbl2 td.td_blue { background:#49b; color:#fff;}
table.tbl2 td.td_trqs { background:#478; color:#fff;}
table.tbl2 tr.bg_blue td { background:#f0f9ff; }

.min-w-100px th { min-width:100px; }


/* ---------------------------------------------
 frame
--------------------------------------------- */
.frm1 { border:1px #ddd solid; margin:0 0 20px 0; padding:20px;
	 -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(/common/PIE.htc); position:relative;}
	.frm1:after { content:""; display:table; clear:both; }
	.frm1 { /zoom:1; }

.frm2 { background:#f2f2f2; margin:0 0 5px 0; padding:20px;
	 -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(/common/PIE.htc); position:relative;}
	.frm2:after { content:""; display:table; clear:both; }
	.frm2 { /zoom:1; }
	.frm2 .title { padding:10px 20px; border-bottom:1px solid #ddd;}
	.frm2b { background:#f2f2f2; padding:30px;}

.frm3 {margin:0 0 5px 0; padding:10px; background:#eed; border-top:2px solid #ddc;
	 -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; behavior:url(/common/PIE.htc); position:relative;}
	.frm3:after { content:""; display:table; clear:both; }
	.frm3 { /zoom:1; }

.frm4 { background:#e6e6e6; margin:0 0 5px 0; padding:20px;
	 -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; behavior:url(/common/PIE.htc); position:relative;}
	.frm4:after { content:""; display:table; clear:both; }
	.frm4 { /zoom:1; }
	.frm4a { background:#f4f2f0; }
	.frm4b { background:#def;/*#d4e8f9*/ }
	.frm4c { background:#fed;/*#ffe4de*/ }

.frm5 { background:#fff; margin:0 0 5px 0; padding:10px;
	box-shadow:0px 1px 1px #ccc; behavior:url(/common/PIE.htc); }
	.frm5:after { content:""; display:table; clear:both; }
	.frm5 { /zoom:1; }
	.frm5 .link2 { font-weight:bold; }

.frm6 { border:#8cd 2px solid; margin-bottom:15px;
 -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url(/common/PIE.htc);}
.frm6 .header { background:#8cd; padding:10px 20px 10px; margin:0; color:#fff; font-size:20px; border:none; text-align:center;}
.frm6 .ctnt { padding:20px; }
	.frm6 .ctnt:after { content:""; display:table; clear:both; }
	.frm6 .ctnt { /zoom:1; }

.frm7 { border:2px #457 solid; margin:0 0 20px 0; padding:20px;
	 -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; behavior:url(/common/PIE.htc); position:relative;}
	.frm7:after { content:""; display:table; clear:both; }
	.frm7 { /zoom:1; }

.frm_p0 { padding:0; }
.frm_p20 { padding:20px;}
.frm_blue { background-color:#def}

/* ---------------------------------------------
 form
--------------------------------------------- */
.sbc input { margin-right:2px; font-size:108%;}
.sbc label  { margin:0 20px 5px 0; font-size:108%;
 position:relative; display:inline-block; *display:inline; *zoom:1; letter-spacing:normal;}
.sbc select { padding:3px; border:none; outline:none; background:#f4f4f4; }
.inputtext { padding:2px 4px 4px; border:none; background:none; line-height:1.4;}
.inputtext:focus { border:none;}
.inputtext { background:#f4f4f4;}
/*input[type="text"],
input[type="password"],
textarea,*/

/* ---------------------------------------------
 .socialshare 
--------------------------------------------- */
.socialshare{ margin:5px 0 0 2px;}
.socialshare div{float:left;}
.socialshare .fblike{width:120px; padding:8px 0;}
.socialshare .google1{width:80px;}
.socialshare .linkedin{width:100px; padding:8px 0;}
.socialshare .pinterest {width:80px; padding:8px 0;}
.socialshare .twitter{width:100px; padding:8px 0;}

/* ---------------------------------------------
 .tooltip 
--------------------------------------------- */
.tooltip_wrap { position:relative;}
.tooltip { cursor:pointer;}
.tooltip_pop { display:none; position:absolute; z-index:99; width:400px; height:auto; background:#fff;
	text-align:left;  padding:10px 20px 20px; border:1px solid #ccc; top:0; left:0;
  box-shadow:1px 1px 2px #999; behavior:url(/common/PIE.htc); 
  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(/common/PIE.htc);
  /*  opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); -ms-filter:"alpha(opacity=90)";*/}
.tooltip_pop .close { text-align:right; display:block; cursor:pointer;}
.tooltip_pop p { line-height:1.6;}
.tooltip_pop strong { font-weight:bold; color:#e30;}
 
/* ============================================
 clearfix
============================================ */
.clearfix:after {  content:""; display:table; clear:both; }
.clearfix { /zoom:1; }

#header:after,
#contents:after,
#main:after,
#foot_icons .inner:after,
#foot2:after,
#foot_links .inner:after,
#foot_copyright .inner:after {  content:""; display:table; clear:both; }
#header,
#contents,
#main,
#foot_icons .inner,
#foot2,
#foot_links .inner,
#foot_copyright .inner { /zoom:1; }

/* ============================================
　#header
============================================ */
/* IE6非対応メッセージ */
#forie6 { display:none; line-height:1.4; width:100%; background:#fdd; text-align:center;}
#forie6 .inner { width:960px; margin:0 auto; text-align:left; padding:5px 0 25px;}
	#forie6 .inner:after { content:""; display:table; clear:both; }
	#forie6 .inner  { /zoom:1; }
#forie6 a.close { display:block; text-align:right; cursor:pointer; color:#554; }
	#forie6 a.close:hover { color:#79b;}
* html #forie6 { _display:block;}
* html body.ie6ok #forie6 { _display:none;}
body.ie6ok #forie6 { display:none;}

#header { width:960px; margin:0 auto 10px; padding: 20px 0 0 0; position:relative; }

#logo { display:block; float:left; background:url(../images/logo3.gif) 0 0 no-repeat; width:670px; height:87px;
	text-indent:100%; white-space:nowrap; overflow:hidden;}
#head_banner { display: none;/*30周年ロゴ非表示*/ float:left; width:200px;}
#head_banner2 { position:absolute; top:50px; right:0;}

ul#fontsize  { float:right; width:63px; height:20px; line-height:0;}
	ul#fontsize:after { content:""; display:table; clear:both; }
	ul#fontsize { /zoom:1; }
ul#fontsize li a  { display:block; width:20px; height:20px; background:url(../images/fontsize.gif) 0 0 no-repeat;
 float:left; text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;}
ul#fontsize li a.large  { background-position:0px 0px;}
ul#fontsize li a.medium  { background-position:-21px 0px;}
ul#fontsize li a.small  { background-position:-41px 0px;}
ul#fontsize li a.large:hover,
.font_l ul#fontsize li a.large  { background-position:0px -21px;}
ul#fontsize li a.medium:hover,
.font_m ul#fontsize li a.medium  { background-position:-21px -21px;}
ul#fontsize li a.small:hover,
.font_s ul#fontsize li a.small  { background-position:-41px -21px;}

/* ============================================
　#gnavi
============================================ */
#gnavi { width:960px; margin:30px auto 0;}
	/*.gnavi_fixed { position:fixed; top:0; z-index:99; }*/
#gnavi ul { width:960px; height:34px; margin:0 auto; /*background:url(../images/gnavi.gif) 0 0 repeat-x;*/}
	#gnavi ul:after { content:""; display:table; clear:both; }
	#gnavi ul { /zoom:1; }
#gnavi li {float:left;}
#gnavi li a{ margin:0; padding:0; height:34px; display:block;
 background:url(../images/gnavi.gif) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
/* default */
#gnavi li.m1 a { background-position:0px 0; width:165px;}
#gnavi li.m2 a { background-position:-165px 0; width:135px;}
#gnavi li.m3 a { background-position:-300px 0; width:175px;}
#gnavi li.m4 a { background-position:-475px 0; width:110px;}
#gnavi li.m5 a { background-position:-585px 0; width:115px;}
#gnavi li.m6 a { background-position:-700px 0; width:110px;}
#gnavi li.m7 a { background-position:-810px 0; width:150px;}
/* hover */
#gnavi li.m1 a:hover { background-position:0px -34px;}
#gnavi li.m2 a:hover { background-position:-165px -34px;}
#gnavi li.m3 a:hover { background-position:-300px -34px;}
#gnavi li.m4 a:hover { background-position:-475px -34px;}
#gnavi li.m5 a:hover { background-position:-585px -34px;}
#gnavi li.m6 a:hover { background-position:-700px -34px;}
#gnavi li.m7 a:hover { background-position:-810px -34px;}
/* current page */
.basicinfo 	#gnavi li.m1 a { background-position:0px -34px;}
.map		#gnavi li.m2 a { background-position:-165px -34px;}
.creatures 	#gnavi li.m3 a { background-position:-300px -34px;}
.events		#gnavi li.m4 a { background-position:-475px -34px;}
.experience	#gnavi li.m5 a { background-position:-585px -34px;}
.diary		#gnavi li.m6 a { background-position:-700px -34px;}
.group 		#gnavi li.m7 a { background-position:-810px -34px;}

#gnavi a.passport { display:block; width:174px; height:30px; 
	background:url(../images/otoku.gif); 
	text-indent:100%; white-space:nowrap; overflow:hidden; }

/* ============================================
　#gnavi22
============================================ */
#gnavi2 { width:960px; margin:30px auto 0;}
#gnavi2 ul { width:960px; height:34px; margin:0 auto; }
	#gnavi2 ul:after { content:""; display:table; clear:both; }
	#gnavi2 ul { /zoom:1; }
#gnavi2 li {float:left;}
#gnavi2 li a{ margin:0; padding:0; height:34px; display:block;
 background:url(../images/gnavi.png) 0 0 no-repeat;
 text-indent:100%; white-space:nowrap; overflow:hidden;}
/* default */
#gnavi2 li.m1 a { background-position:0px 0; width:206px;}
#gnavi2 li.m2 a { background-position:-206px 0; width:101px;}
#gnavi2 li.m3 a { background-position:-307px 0; width:136px;}
#gnavi2 li.m4 a { background-position:-443px 0; width:106px;}
#gnavi2 li.m5 a { background-position:-549px 0; width:204px;}
#gnavi2 li.m6 a { background-position:-753px 0; width:132px;}
#gnavi2 li.m7 a { background-position:-885px 0; width:69px;}
/* hover */
#gnavi2 li.m1 a:hover { background-position:0px -34px;}
#gnavi2 li.m2 a:hover { background-position:-206px -34px;}
#gnavi2 li.m3 a:hover { background-position:-307px -34px;}
#gnavi2 li.m4 a:hover { background-position:-443px -34px;}
#gnavi2 li.m5 a:hover { background-position:-549px -34px;}
#gnavi2 li.m6 a:hover { background-position:-753px -34px;}
#gnavi2 li.m7 a:hover { background-position:-885px -34px;}
/* current page */
.basicinfo 	#gnavi2 li.m1 a { background-position:0px -34px;}
.map		#gnavi2 li.m2 a { background-position:-206px -34px;}
.creatures 	#gnavi2 li.m3 a { background-position:-307px -34px;}
.feed		#gnavi2 li.m4 a { background-position:-443px -34px;}
.experience	#gnavi2 li.m5 a { background-position:-549px -34px;}
.group		#gnavi2 li.m6 a { background-position:-753px -34px;}
.faq 		#gnavi2 li.m7 a { background-position:-885px -34px;}

#gnavi2 a.passport { display:block; width:174px; height:30px; margin-left:20px; 
	background:url(../images/otoku.gif); 
	text-indent:100%; white-space:nowrap; overflow:hidden; }
	
#gnavi2 .special { display:none; }

/* ============================================
　#container
============================================ */
html,body,#wrapper {height:100%; min-width:980px;}
#wrapper { height:auto !important; height:100%; min-height:100%; position:relative; }
#container { width:960px; margin:0 auto; text-align:left; padding-bottom:50px;}
#contents { width:960px; margin:0 auto; padding-bottom:120px;}
	#contents:after { content:""; display:table; clear:both; }
	#contents { /zoom:1; }
/* ============================================
　#mainv
============================================ */
#mainv { /*height:280px;*/ height:140px; text-indent:100%; white-space:nowrap; overflow:hidden;}
#wrapper { background:url(../images/spacer.gif) center 145px no-repeat;
	/background:url(../images/spacer.gif) center 160px no-repeat;}
.basicinfo #wrapper { background-image:url(../images/mainv1.jpg);}
.map #wrapper { background-image:url(../images/mainv5.jpg);}
.creatures #wrapper { background-image:url(../images/mainv2.jpg);}
.events #wrapper { background-image:url(../images/mainv3.jpg);}
.feed #wrapper { background-image:url(../images/mainv12.jpg);}
.special #wrapper { background-image:url(../images/mainv13.jpg);}
.experience #wrapper,
.workshop #wrapper{ background-image:url(../images/mainv4.jpg);}
.diary #wrapper { background-image:url(../images/mainv8.jpg);}
.group #wrapper { background-image:url(../images/mainv6.jpg);}
.company #wrapper { background-image:url(../images/mainv7.jpg);}
.news #wrapper { background-image:url(../images/mainv9.jpg);}
.faq #wrapper { background-image:url(../images/mainv10.jpg);}
.internship #wrapper { background-image:url(../images/mainv11.jpg);}
#mainvinner { width:960px; margin:0 auto; position:relative;}

/* ============================================
　#breadcrumb
============================================ */
.breadcrumb { font-size:108%; padding:20px 0 0;}
#contents .breadcrumb p { margin:0;}
/*.breadcrumb .top {position:relative; display:inline-block; *display:inline; *zoom:1; background:url(../images/icon_home.gif) 0 0 no-repeat; padding-left:18px;}*/
.breadcrumb a,
.breadcrumb span { padding:0 3px;}
.breadcrumb a { text-decoration:none; }
.breadcrumb a:hover { text-decoration:underline;}
.breadcrumb em { color:#444; font-weight:normal;}

/* ============================================
　#main
============================================ */
#contents h2, #contents h3, #contents h4, #contents h5, #contents h6 { clear:both; }
#contents p { font-size:108%; line-height:1.7; margin-bottom:20px;}

#main { /*width:630px; float:right;*/ text-align:left; padding-bottom:30px; margin:0 20px; position:relative; /*overflow:hidden;*/}

hr { border:none; border-top:1px solid #ccc; height:1px; margin:0 0 20px;}
hr.dot { border-top:1px dotted #ccc; margin:7px 0;}

/* 開閉リンク　*/
a.toggle_open { text-decoration:underline; font-weight:bold; color:#554; padding-left:15px; display:block; cursor:pointer; 
	background:url(../images/icon_down.png) 0 5px no-repeat;}
	.open a.toggle_open { background-image:url(../images/icon_up4.png);}
	a.toggle_open:hover { text-decoration:none;}
	a.link_more { background:none; display:inline; padding:0; color:#79b;}
	
.togglecontent,
a.link_close,
.open a.link_more { display:none;}
.open .togglecontent,
.open a.link_close { display:block;}

/* ラジオボタン等で表示・非表示切替 */
.input_toggle_child { display:none; margin-left:10px; }
.open .input_toggle_child {display:block; }

/* 特長の図 ＠施術詳細 */
.fig_points { text-align:center; padding:40px 0;}
.fig_points h4 { color:#49b; font-size:18px; font-weight:bold; padding-bottom:15px; background:none; margin:0; border:none; }
.fig_points dl { color:#fff; min-width:195px; /*padding:0 25px;*/
	position:relative; display:inline-block; *display:inline; *zoom:1; *width:146px;}
.fig_points dt {background:url(../images/icon_poptail.png) center bottom no-repeat; padding-bottom:5px; margin:0 5px 2px; display:block;}
.fig_points dt span { background:#9f8f7c; padding:5px; font-size:108%; font-weight:bold; min-width:120px;
	 -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url(/common/PIE.htc); position:relative;
	 position:relative; display:inline-block; *display:inline; *zoom:1; }
.fig_points dd { width:146px; height:146px; display:block; margin:0 auto; font-size:18px;
background:#49b;/*4c94b0 */ 
	-moz-border-radius:73px; -webkit-border-radius:73px; border-radius:73px; behavior:url(/common/PIE.htc); position:relative;}
.fig_points dd span { width:145px; height:146px; vertical-align:middle; display:table-cell; *display:inline; *zoom:1; *height:auto;}
.fig_points dd .sp { height:146px; width:1px; display:inline; vertical-align:middle;}

/* 丸 */
.main .fig_point { width:190px; height:190px; display:block; margin:0 auto; font-size:18px; background:#7cd;/*7ccde1*/ text-decoration:none; 
	-moz-border-radius:95px; -webkit-border-radius:95px; border-radius:95px; behavior:url(/common/PIE.htc); position:relative;}
.fig_point span { width:190px; height:190px; vertical-align:middle; display:table-cell; *display:inline; *zoom:1; *height:auto; color:#fff; text-align:center; }
.fig_point span .img { border:2px solid #fff; margin:3px 0 0; }
.fig_point .sp { height:190px; width:1px; display:inline; vertical-align:middle;}

/* 丸数字 */
.fig_num { width:40px; height:40px; background:#68d;/*6d8bd7*/ display:block; float:left; text-align:center; 
	-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; behavior:url(/common/PIE.htc); position:relative;}
	.fig_num2 { background:#c83;/*a37f55*/}
	.fig_num3 { background:#7a6;/*738362*/}
	.fig_num4 { background:#3ac;/*828d97*/}
.fig_num span { color:#fff; font-size:18px; font-weight:bold; padding-top:8px;
	position:relative; display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; }

/* -----------------------

/* Tab content 

----------------------- */
#main .tab_area { overflow:hidden;}
#main .tab_area .tab_labels { background:url(../images/tab_baseline.png) 0 bottom repeat-x; margin-left:-25px;}
	.tab_labels:after { content:""; display:table; clear:both; }
	.tab_labels { /zoom:1; }
#main .tab_area .tab_labels .item { width:245px; float:left; font-weight:bold; font-size:108%;
	position:relative; display:inline-block; *display:inline; *zoom:1;}
#main .tab_area .tab_labels .item a { display:block; padding:10px 0; cursor:pointer; text-align:center; margin-left:25px; 
 /*background:url(../images/tab.gif) 0 bottom repeat-x; border:#c3bdb5 1px solid; border-bottom:none;*/ 
 background:#79b; color:#fff; 
 -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px;
 -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px;
 border-radius:2px 2px 0 0;
 behavior:url(/common/PIE.htc);}
#main .tab_area .tab_labels .item a.on,
#main .tab_area .tab_labels .item a:hover {border:#378 1px solid; border-bottom:none; background:#fff; color:#378;  }
#main .tab_area .tab_labels .item a span {background:url(../images/icon_down1.png) 0 center no-repeat; padding-left:15px;}
#main .tab_area .tab_labels .item a.on span,
#main .tab_area .tab_labels .item a:hover span {background:url(../images/icon_down.png) 0 center no-repeat;}

#main .tab_area .tab_content { display:none; border:1px solid #378; border-top:none; padding:5px 30px 30px; }
#main .tab_area .tab_content_on { display:block; }

/* -----------------------

 .contentslist 

----------------------- */

/* - - - - - - - - - - - - - - - 
  レイアウト:横２つ 24px間隔 
 - - - - - - - - - - - - - - - */
.cols2 { margin:0 -20px 20px -20px;}
	.cols2:after { content:""; display:table; clear:both; }
	.cols2  { /zoom:1; }
.cols2 .item { width:370px; float:left;}
.cols2 .item .inner { padding:0 20px; border-right:1px solid #ccc;}
.cols2 .item .link1 { width:200px; }
/* - - - - - - - - - - - - - - - 
  レイアウト:横３つ 24px間隔 
 - - - - - - - - - - - - - - - */
.cols3 { margin:0 -24px 20px 0;}
	.cols3:after { content:""; display:table; clear:both; }
	.cols3  { /zoom:1; }
.cols3 .item { width:244px; float:left;}
/* - - - - - - - - - - - - - - - 
  レイアウト:横３つ アイテム間に縦線
 - - - - - - - - - - - - - - - */
.cols3b { margin:0 -22px 0 -21px;}
	.cols3b:after { content:""; display:table; clear:both; }
	.cols3b  { /zoom:1; }
.cols3b .col { width:250px; float:left; border-right:1px solid #ccc; margin-bottom:22px;}
	.cols3b .colinner { margin:0 21px;}
.cols3b hr { float:left; width:740px;}
.cols3b .link2 { font-weight:bold;}
/* - - - - - - - - - - - - - - - 
  レイアウト:横２つ 15px間隔 
 - - - - - - - - - - - - - - - */
.cols2a { margin-right:-15px;}
	.cols2a:after { content:""; display:table; clear:both; }
	.cols2a { /zoom:1; }
.cols2a .col { float:left; width:360px; padding-bottom:10px; line-height:1.4;}
.cols2a .col .colinner { margin-right:15px;}

/* - - - - - - - - - - - - - - - 
  レイアウト:横２つ 15px間隔　両端マージンあり
 - - - - - - - - - - - - - - - */
.cols2c { margin-left:20px;}
	.cols2c:after { content:""; display:table; clear:both; }
	.cols2c { /zoom:1; }
.cols2c .col { float:left; width:344px; padding-bottom:15px; line-height:1.4;}
.cols2c .col .colinner { margin-right:15px;}

/* - - - - - - - - - - - - - - - 
  レイアウト:横３つ 15px間隔 
 - - - - - - - - - - - - - - - */
.cols3a { margin-right:-15px;}
	.cols3a:after { content:""; display:table; clear:both; }
	.cols3a { /zoom:1; }
.cols3a .col { float:left; width:240px; padding-bottom:10px; line-height:1.4;}
.cols3a .col .colinner { margin-right:15px;}

/* - - - - - - - - - - - - - - - 
  レイアウト:横３つ 15px間隔　両端マージンあり
 - - - - - - - - - - - - - - - */
.cols3c { margin-left:20px;}
	.cols3c:after { content:""; display:table; clear:both; }
	.cols3c { /zoom:1; }
.cols3c .col { float:left; width:227px; padding-bottom:15px; line-height:1.4;}
.cols3c .col .colinner { margin-right:15px;}

/* - - - - - - - - - - - - - - - 
  レイアウト:横４つ 10px間隔 
 - - - - - - - - - - - - - - - */
.cols4 { margin-right:-10px;}
	.cols4:after { content:""; display:table; clear:both; }
	.cols4 { /zoom:1; }
.cols4 .col { float:left; width:180px; padding-bottom:10px; line-height:1.4;}
.cols4 .col .colinner { margin-right:10px;}
/* - - - - - - - - - - - - - - - 
  レイアウト:横５つ 10px間隔 
 - - - - - - - - - - - - - - - */
.cols5 { margin-right:-10px;}
	.cols5:after { content:""; display:table; clear:both; }
	.cols5 { /zoom:1; }
.cols5 .col { float:left; width:144px; padding-bottom:10px; line-height:1.4;}
.cols5 .col .colinner { margin-right:10px;}


/* ＠施術TOP */
.contentslist18entry_inner { /*height:390px;*/ border:#ccc 1px solid; position:relative;
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url(/common/PIE.htc);}
	.contentslist18entry_inner:after { content:""; display:table; clear:both; }
	.contentslist18entry_inner { /zoom:1; }
.contentslist18entry_inner .header { background:#eee; padding:14px 12px 10px 13px; /*min-height:3em;*/ font-size:108%;}
	.contentslist18entry_inner .header:after { content:""; display:table; clear:both; }
	.contentslist18entry_inner .header { /zoom:1; }
	.contentslist18entry_inner .header .link2 { font-weight:bold; padding-bottom:0; }
	.contentslist18entry_inner .header .h5a { font-size:14px; margin-bottom:5px;}
	.contentslist18entry_inner .header_num .link2 { margin:12px 0 0 50px; }
.contentslist18entry_inner .ctnt { padding:10px 15px; text-align:center; }
	.contentslist18entry_inner .ctnt:after { content:""; display:table; clear:both; }
	.contentslist18entry_inner .ctnt { /zoom:1; }
.contentslist18entry_inner .ctnt p { text-align:left; padding:0; margin:0; /*min-height:130px;*/}
.contentslist18entry_inner .ctnt .link2 {text-align:left; font-weight:bold;}
.contentslist18entry_inner .ctnt ul.list0,
.contentslist18entry_inner .ctnt ul.list1 { text-align:left; padding:0; margin:0;}
.contentslist18entry_inner .ctnt ul.label2 { text-align:left;}
.contentslist18entry_inner .ctnt ul.label3 { text-align:left; margin:5px 0 0; /*position:absolute; left:15px; bottom:9px;*/ }
.contentslist18entry_inner .ctnt ul.checklist { text-align:left;}
.contentslist18entry_inner .ctnt .img { margin:5px auto;}
.contentslist18entry_inner .ctnt .beforeafter3 { margin:15px auto 5px;}
.contentslist18entry_inner .ctnt .beforeafter4 { margin:10px 0 0 4px;}

/* ============================================
　.pagination
============================================ */
.pagination { text-align:center; padding:20px 0; margin:0 0 0 30px; }
	.pagination:after { content:""; display:table; clear:both; }
.pagination p.prev,
.pagination p.next { float:left; line-height:1.231 !important; }
.pagination ul { float:left;}
.pagination ul li { float:left;}
.pagination span,
.pagination a { position:relative; display:inline-block; *display:inline; *zoom:1; margin:2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; color:#fff; background:#554;}
.pagination a:hover{ color:#fff; background:#36c; }
.pagination .current{ padding:6px 9px 5px 9px; background:#36c; color:#fff; }
.pagination ul li span { padding:6px 9px 5px 9px; background:#36c; color:#fff; }

/* ============================================
　#side
============================================ */
#side { width:300px; float:left; text-align:left; }

/* ============================================
　#right_btns
============================================ */
#right_btns { width:29px; position:fixed; right:0; bottom:50px; 
	display:none; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; }
#right_btns a { display:block;}
#right_btns a img { display:block; margin-bottom:5px;}

/* .tooltip  */
.tooltips { display: block; position: absolute; z-index: 9999; font-size:11px;
  width: auto; height: auto; padding:10px; color: #fff; background: #000;
  opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); -ms-filter:"alpha(opacity=90)";
  -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; behavior:url(/common/PIE.htc);
}
.tooltips a { color:#fff; text-decoration:underline;}
.tooltips span { display:block; }

/* ============================================
　NEWS
============================================ */
.section01 { margin:50px 20px;}
.section01 .date { font-weight:bold; margin:10px 0;}
.section01 .date .author { color:#444; font-weight:normal; border-left:1px solid #ccc; padding-left:20px; margin-left:20px;}

#newslist { margin:40px 20px; position:relative;}
body.toppage #newslist { margin:30px 0 0;}
#newslist h2 { background:url(../images/h_newinfo.gif) 0 0 no-repeat; width:180px; height:35px;
	text-indent:100%; white-space:nowrap; overflow:hidden;}
#newslist .linklist { position:absolute; top:15px; right:5px; width:200px; text-align:right;}
#newslist .linklist a.link { position:relative; display:inline-block; *display:inline; *zoom:1; }
#newslist ul { border-top:1px dotted #ccc; }
#newslist ul li { border-bottom:1px dotted #ccc; padding:20px 0; line-height:1.2; }
	#newslist ul li:after { content:""; display:table; clear:both; }
	#newslist ul li { /zoom:1; }
#newslist ul li .label { float:left; width:75px; height:16px;
	text-indent:100%; white-space:nowrap; overflow:hidden;}
#newslist ul li .label_news { background:url('../images/label_news.gif') 0 0 no-repeat;}
#newslist ul li .label_events { background:url('../images/label_events.gif') 0 0 no-repeat; }
#newslist ul li .date { float:left; width:100px; padding-top:1px;}
#newslist ul li a.title { float:left; width:820px; display:block; padding-top:1px;}
.toppage #newslist ul li a.title { width:530px; }

/* ============================================
　WORKSHOP
============================================ */
#wslist { margin:30px 0; position:relative; padding:10px 15px 15px; background:#fe0; border-radius:10px; }
#wslist h2 { font-size:1rem; color:#c00; font-weight:bold; }
#wslist h2:before { content:'\f0c4'; font-family:'FontAwesome'; margin-right:0.4em; font-weight:normal !important;}
#wslist .linklist { position:absolute; top:11px; right:20px; width:200px; text-align:right; }
#wslist .linklist a.link { position:relative; display:inline-block; *display:inline; *zoom:1; color:#37c; }
#wslist ul { border-top:1px dotted #ccc; background:#fff; margin-top:5px; }
#wslist ul li { border-bottom:1px dotted #ccc; padding:0; line-height:1.2; }
	#wslist ul li:after { content:""; display:table; clear:both; }
	#wslist ul li { /zoom:1; }
#wslist ul li a.title { display:block; padding:5px 10px; color:#37c; }

body.experience #wslist { background:#f2f2f2; padding:20px 25px 25px; }
body.experience #wslist p { margin-bottom:10px; }
body.experience #wslist ul { border-top:1px dotted #f2f2f2; }
body.experience #wslist ul li { border-bottom:1px dotted #f2f2f2; }

/* ============================================
 wysiwyg
============================================ */
.editorArea { margin:0 10px;}
	.editorArea:after { content:""; display:table; clear:both; }
	.editorArea { /zoom:1; }
.editorArea img.alignleft { float:left; margin-right:20px;}
.editorArea img.alignright { float:right; margin-left:20px;}
.editorArea img.alignnone { margin-right:10px;}
.editorArea p { font-size:108%; line-height:1.7; margin:0 20px 20px 0;}
.editorArea {;}

/* ============================================
　Toppage
============================================ */
.toppage #mainv { height:360px; background:url(../images/mainv0.jpg) center 0 no-repeat;}
.toppage #main { margin:0; width:630px; float:right;}

#diary { background:#fff; width:200px; position:absolute; top:40px; right:10px; font-weight:bold; text-indent:0; border:1px solid #eee;
	-moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;
	behavior:url(/common/PIE.htc); }
#diary .inner { padding:10px;}
	#diary .inner:after { content:""; display:table; clear:both; }
	#diary .inner { /zoom:1; }
#diary h2 { background:url(../images/h_diary.gif) 5px 0 no-repeat; width:180px; height:33px;
	text-indent:100%; white-space:nowrap; overflow:hidden;}
#diary p {margin:5px 0; white-space: normal; }
#diary p a { color:#444;}
#diary p a:hover { color:#7bd;}
#diary a.img {display:block;}
#diary a.img img {display:block; margin:3px 0;}
/*
#kikaku { background:#fff; width:200px; position:absolute; top:20px; right:10px; font-weight:bold; text-indent:0; 
	-moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000;
	-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#kikaku .inner { padding:10px;}
#kikaku h2 { background:url(../images/h_kikaku.gif) 0 0 no-repeat; width:180px; height:33px;
	text-indent:100%; white-space:nowrap; overflow:hidden;}
#kikaku p {margin:5px 0;}
#kikaku p a { color:#444;}
#kikaku p a:hover { color:#7bd;}
#kikaku a img {display:block; margin:3px 0;}
*/

.toppage #side { margin-top:-110px;}

#calendar { width:350px;}
#calendar .legend { margin:5px 0;}
#calendar .legend span {color:#7ce; font-size:17px; margin-right:1px;}
#calendar p {line-height:1.5; margin-bottom:5px;}
#calendar p strong { font-size:123.1%; }

.business-calendar-box {margin-right:-30px;}
	.business-calendar-box:after { content:""; display:table; clear:both; }
	.business-calendar-box { /zoom:1; }
.business-calendar-box div { float:left; background:#F5F7FA; padding:10px 5px 5px; margin-right:2px;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; behavior:url(/common/PIE.htc); position:relative;}
.business-calendar-attribute { display:none;}
.business-calendar-box table { height:160px; width:148px;}
.business-calendar-box table caption { padding-bottom:5px;}
.business-calendar-box table th,
.business-calendar-box table td { text-align:center; vertical-align:middle; padding:2px 1px 1px;}
.business-calendar .today { font-size:108%; font-weight:bold;}
.business-calendar .attr0 { background:url(../images/circle.png) center center no-repeat; }
.business-calendar .sunday { color:#c00;}

#facebook {overflow:hidden; padding:0; background:#fff;}

#maincontent {;}
	#maincontent:after { content:""; display:table; clear:both; }
	#maincontent { /zoom:1; }

.toppage #maincontent .ctnt_passport { float:left; width:470px; }
.toppage #maincontent .banners { float:right; width:160px; text-align:center; margin:15px 0 0; }
.toppage #maincontent .banners a img { display:block; margin:auto;  }



/* #footbanners */
#footbanners { float:left; width:960px; }
	#footbanners:after { content:""; display:table; clear:both; }
	#footbanners { /zoom:1; }
#footbanners a { display:block; float:left; width:240px; }
#footbanners a img { display:block; margin:0 10px;}

/* ============================================
　Map
============================================ */
ul.maptab { margin:40px -3px 60px 0;}
ul.maptab li { padding-right:2px; float:left;}
ul.maptab li a { background:url(../images/tab_map.gif) 0 0 no-repeat; height:42px; display:block;
	text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;}
/*ul.maptab li a:hover { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}*/
ul.maptab li.t1 a { background-position:0 0; width:167px;}
ul.maptab li.t2 a { background-position:-169px 0; width:167px;}
ul.maptab li.t3 a { background-position:-338px 0; width:167px;}
ul.maptab li.t4 a { background-position:-506px 0; width:167px;}
ul.maptab li.t5 a { background-position:-675px 0; width:135px;}
ul.maptab li.t6 a { background-position:-812px 0; width:65px;}
ul.maptab li.t7 a { background-position:-879px 0; width:41px;}

ul.maptab li.t1 a:hover,
.river ul.maptab li.t1 a { background-position:0 -42px; }
ul.maptab li.t2 a:hover,
.life ul.maptab li.t2 a { background-position:-169px -42px; }
ul.maptab li.t3 a:hover,
.human ul.maptab li.t3 a { background-position:-338px -42px;}
ul.maptab li.t4 a:hover,
.exchange ul.maptab li.t4 a { background-position:-506px -42px; }
ul.maptab li.t5 a:hover,
.shop ul.maptab li.t5 a { background-position:-675px -42px; }
ul.maptab li.t6 a:hover,
.park ul.maptab li.t6 a { background-position:-812px -42px;}
/*ul.maptab li.t7 a { background-position:-879px -42px; width:41px;}*/

h1.h_zone {background:url(../images/spacer.gif) 0 0 no-repeat; height:70px; /*width:880px;*/ 
	text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;}
h1.h_zone1 {background-image:url(../images/h_zone1.gif);}
h1.h_zone2 {background-image:url(../images/h_zone2.gif);}
h1.h_zone3 {background-image:url(../images/h_zone3.gif);}
h1.h_zone4 {background-image:url(../images/h_zone4.gif);}
h1.h_zone5 {background-image:url(../images/h_zone5.gif);}
h1.h_zone6 {background-image:url(../images/h_zone6.gif);}

.lead { position:relative;}
#contents .lead p { margin:0 0 0 10px; font-size:138.5%;}
#contents .lead p.caution { font-size:108%; padding-top: 10px; }
.img_zone {position:absolute; top:-100px; right:40px;}

h2.h_spot { color:#765;  font-weight:bold; font-size:153.9%; padding:5px 0 5px 35px; margin:60px 0 10px;
	background:url(../images/icon_spot5.gif) 0 0 no-repeat;}
h2.h_spot1 { color:#39c; background-image:url(../images/icon_spot1.gif);}
h2.h_spot2 { color:#ac2; background-image:url(../images/icon_spot2.gif);}
h2.h_spot3 { color:#ea0; background-image:url(../images/icon_spot3.gif);}
h2.h_spot4 { color:#d38; background-image:url(../images/icon_spot4.gif);}

/* ============================================
　Creature
============================================ */
ul.creaturetab { margin:40px -20px 60px 0;}
/*.creatures ul.creaturetab {border-bottom:4px solid #177dc2;}
.creatures ul.creaturetab_bottom {border-bottom:none;}*/
ul.creaturetab li { padding-right:10px; float:left;}
ul.creaturetab li a { background:url(../images/tab_creature.gif) 0 0 no-repeat; height:42px; display:block;
	text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;}
/*ul.creaturetab li a:hover { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";}*/
ul.creaturetab li.t1 a { background-position:0 0; width:300px;}
ul.creaturetab li.t2 a { background-position:-310px 0; width:300px;}
ul.creaturetab li.t3 a { background-position:-620px 0; width:300px;}

ul.creaturetab li.t1 a { background-position:0 -42px;}
.exterminate ul.creaturetab li.t1 a,
.etc ul.creaturetab li.t1 a {background-position:0 0;}
ul.creaturetab li.t1 a:hover { background-position:0 -42px;}
ul.creaturetab li.t2 a:hover,
.exterminate ul.creaturetab li.t2 a { background-position:-310px -42px;}
ul.creaturetab li.t3 a:hover,
.etc ul.creaturetab li.t3 a { background-position:-620px -42px;}
/* 2017 */
ul.creatures_menu { margin: 40px 0; display:table; }
ul.creatures_menu li { margin-right: 6px; display:inline-block; *display:inline; *zoom:1; }
ul.creatures_menu li:last-child { margin-right: 0; }
ul.creatures_menu li.m1 { background: url("../images/menu_creatures_01_on.png") no-repeat; }
ul.creatures_menu li.m2 { background: url("../images/menu_creatures_02_on.png") no-repeat; }
ul.creatures_menu li.m3 { background: url("../images/menu_creatures_03_on.png") no-repeat; }
ul.creatures_menu li.m4 { background: url("../images/menu_creatures_04_on.png") no-repeat; }
ul.creatures_menu li a { display: block; }
ul.creatures_menu li a:hover img { visibility: hidden; }
img.fish { width: 100%; max-width: 300px; }


/* ============================================
　faq
============================================ */
body.faq .frm1 h3 { font-size:138.5%; color: #037; border-bottom: 1px dotted #ddd; padding:0 0 10px 3px; margin: 0 0 15px 0; }
body.faq .frm1 h3 span { background-color: #037; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #fff; padding: 0 0.5em; margin-right:5px; font-size:83%; vertical-align:middle; }
body.faq .frm1 p { padding: 0 5px; margin: 0 !important; }

.pagelink_area { margin: 20px 0; padding:0 5px; }
.pagelink_area h4 { margin-bottom:10px; padding:20px 0 8px 3px; border-bottom: 1px dotted #ccc; }
.pagelink_area a { margin: 0 0 10px 5px; padding: 0; display: block; }
.pagelink_area a:before { content:'\f063'; font-family:'FontAwesome'; margin-right:0.4em; font-weight:normal !important;}

/* ============================================
internship
============================================ */
body.internship .frm1 h3 { font-size:123.1%; color: #037; border-bottom: 1px dotted #ddd; padding:0 0 10px 3px; margin: 0 0 15px 0; }
body.internship .frm1 p { padding: 0 5px; }


/* ============================================
　Sitemap
============================================ */
body.sitemap #contents .cell { float:left; width:320px; padding-bottom:30px;}
body.sitemap #contents .cell .menu_h3 a {	display:block; margin:40px 0 0;
	font-weight:bold; font-size:123.1%;
	background:url(../images/listmark2.gif) 0 0.3em no-repeat; padding:0 0 0 10px;}
body.sitemap #contents .cell ul { margin:0 0 0 12px;}
body.sitemap #contents .cell ul li { padding:20px 0 0; background:none; }
body.sitemap #contents .cell ul li a { font-size:108%; font-weight:bold; line-height:1.2;color:#3f3f3f; display:block; }
body.sitemap #contents .cell ul li ul { padding:0; margin:0 0 0 5px;}
body.sitemap #contents .cell ul li ul li { padding:8px 0 0; }
body.sitemap #contents .cell ul li li a { font-weight:normal; display:block;
	background:url(../images/listmark_tree.gif) 0 0.2em no-repeat; padding:0 0 0 10px;}


/* ============================================
　#footer
============================================ */
#footer { background:url(../images/footer.gif) center 10px repeat-x;
	position:absolute; bottom:0; left:0; width:100%; height:70px;}
#footerinner { width:960px; margin:0 auto; position:relative; padding:40px 0 15px;}
	#footerinner:after { content:""; display:table; clear:both; }
	#footerinner { /zoom:1; }

.pagetop_link { text-align:right;}
.pagetop_link a { padding-left:15px; background:url(../images/icon_up4.png) 0 7px no-repeat; text-decoration:none;}
#footer .pagetop_link { position:absolute; right:0; top:-15px;}
#footer .footlinks .internship:before { content:'\f19d'; font-family:'FontAwesome'; margin-right:2px; font-weight:normal !important;}

#footer p { color:#fff; float:left; width:400px;}
#footer .footlinks { float:right; width:400px; text-align:right;}
#footer .footlinks li { display:inline; margin-left:15px;}
#footer .footlinks a {color:#fff; text-decoration:none;  }
#footer .footlinks a:hover { color:#9cf; }

#copyright { background:#368; padding:10px; color:#fff; font-size:77%; text-align:center;}
.copyright { margin-bottom: 0;}

/* ============================================
　Layout
============================================ */
/* margin */
.mt00 { margin-top:0   !important; }
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important; }
.mt110 { margin-top:110px !important; }
.mt120 { margin-top:120px !important; }
.mt130 { margin-top:130px !important; }
.mt140 { margin-top:140px !important; }
.mt150 { margin-top:150px !important; }
.mr00 { margin-right:0   !important; }
.mr5,
.mr05 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr12 { margin-right:12px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.mr55 { margin-right:55px !important; }
.mr60 { margin-right:60px !important; }
.mr70 { margin-right:70px !important; }
.mr80 { margin-right:80px !important; }
.mr90 { margin-right:90px !important; }
.mr100 { margin-right:100px !important; }
.mr110 { margin-right:110px !important; }
.mr120 { margin-right:120px !important; }
.mr130 { margin-right:130px !important; }
.mr140 { margin-right:140px !important; }
.mr150 { margin-right:150px !important; }
.mr160 { margin-right:160px !important; }
.mr170 { margin-right:170px !important; }
.mr180 { margin-right:180px !important; }
.mr190 { margin-right:190px !important; }
.mr200 { margin-right:200px !important; }
.mr210 { margin-right:210px !important; }
.mr220 { margin-right:220px !important; }
.mr230 { margin-right:230px !important; }
.mr240 { margin-right:240px !important; }
.mr250 { margin-right:250px !important; }
.mr260 { margin-right:260px !important; }
.mr270 { margin-right:270px !important; }
.mr280 { margin-right:280px !important; }
.mr290 { margin-right:290px !important; }
.mr300 { margin-right:300px !important; }
.mb00 { margin-bottom:0   !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.ml00 { margin-left:0   !important; }
.ml05 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml12 { margin-left:12px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml30 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml55 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }
.ml70 { margin-left:70px !important; }
.ml80 { margin-left:80px !important; }
.ml90 { margin-left:90px !important; }
.ml100 { margin-left:100px !important; }
.ml110 { margin-left:110px !important; }
.ml120 { margin-left:120px !important; }
.ml130 { margin-left:130px !important; }
.ml140 { margin-left:140px !important; }
.ml150 { margin-left:150px !important; }
.ml160 { margin-left:160px !important; }
.ml170 { margin-left:170px !important; }
.ml180 { margin-left:180px !important; }
.ml190 { margin-left:190px !important; }
.ml200 { margin-left:200px !important; }
.ml210 { margin-left:210px !important; }
.ml220 { margin-left:220px !important; }
.ml230 { margin-left:230px !important; }
.ml240 { margin-left:240px !important; }
.ml250 { margin-left:250px !important; }
.ml300 { margin-left:300px !important; }
.ml350 { margin-left:350px !important; }
.ml400 { margin-left:400px !important; }
.ml450 { margin-left:450px !important; }
.ml500 { margin-left:500px !important; }
.ml550 { margin-left:550px !important; }
.ml600 { margin-left:600px !important; }
.ml650 { margin-left:650px !important; }
.ml700 { margin-left:700px !important; }
/* padding */
.p10 { padding:10px !important; }
.pt00 { padding-top:0   !important; }
.pt05 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }
.pt70 { padding-top:70px !important; }
.pt80 { padding-top:80px !important; }
.pt90 { padding-top:90px !important; }
.pt100 { padding-top:100px !important; }
.pt110 { padding-top:110px !important; }
.pt120 { padding-top:120px !important; }
.pt130 { padding-top:130px !important; }
.pt140 { padding-top:140px !important; }
.pt150 { padding-top:150px !important; }
.pr00 { padding-right:0   !important; }
.pr05 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr12 { padding-right:12px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }
.pr75 { padding-right:75px !important; }
.pr100 { padding-right:100px !important; }
.pr110 { padding-right:110px !important; }
.pr120 { padding-right:120px !important; }
.pr130 { padding-right:130px !important; }
.pr140 { padding-right:140px !important; }
.pr150 { padding-right:150px !important; }
.pb00 { padding-bottom:0   !important; }
.pb01 { padding-bottom:1px !important; }
.pb05 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb12 { padding-bottom:12px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }
.pl00 { padding-left:0   !important; }
.pl05 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl12 { padding-left:12px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl30 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }
.pl75 { padding-left:75px !important; }
.pl100 { padding-left:100px !important; }
.pl110 { padding-left:130px !important; }
.pl120 { padding-left:130px !important; }
.pl130 { padding-left:130px !important; }
.pl140 { padding-left:140px !important; }
.pl150 { padding-left:150px !important; }
/* width */
.w30 { width:30px !important; }
.w40 { width:40px !important; }
.w50 { width:50px !important; }
.w60 { width:60px !important; }
.w70 { width:70px !important; }
.w80 { width:80px !important; }
.w90 { width:90px !important; }
.w100 { width:100px !important; }
.w110 { width:150px !important; }
.w120 { width:150px !important; }
.w130 { width:150px !important; }
.w140 { width:150px !important; }
.w150 { width:150px !important; }
.w160 { width:150px !important; }
.w170 { width:150px !important; }
.w180 { width:150px !important; }
.w190 { width:150px !important; }
.w200 { width:200px !important; }
.w210 { width:210px !important; }
.w220 { width:220px !important; }
.w230 { width:230px !important; }
.w240 { width:240px !important; }
.w250 { width:250px !important; }
.w260 { width:260px !important; }
.w270 { width:270px !important; }
.w280 { width:280px !important; }
.w290 { width:290px !important; }
.w300 { width:300px !important; }
.w310 { width:310px !important; }
.w320 { width:320px !important; }
.w330 { width:330px !important; }
.w340 { width:340px !important; }
.w350 { width:350px !important; }
.w400 { width:400px !important; }
.w410 { width:410px !important; }
.w420 { width:420px !important; }
.w430 { width:430px !important; }
.w440 { width:440px !important; }
.w450 { width:450px !important; }
.w500 { width:500px !important; }
.w550 { width:550px !important; }
.w600 { width:600px !important; }
.w650 { width:650px !important; }
.w700 { width:700px !important; }
/* height */
.h30 { height:30px !important; }
.h40 { height:40px !important; }
.h50 { height:50px !important; }
.h60 { height:60px !important; }
.h70 { height:70px !important; }
.h80 { height:80px !important; }
.h90 { height:90px !important; }
.h100 { height:100px !important; }
.h110 { height:110px !important; }
.h120 { height:120px !important; }
.h130 { height:130px !important; }
.h140 { height:140px !important; }
.h150 { height:150px !important; }
.h160 { height:160px !important; }
.h170 { height:170px !important; }
.h180 { height:180px !important; }
.h190 { height:190px !important; }
.h200 { height:200px !important; }
.h210 { height:210px !important; }
.h220 { height:220px !important; }
.h230 { height:230px !important; }
.h240 { height:240px !important; }
.h250 { height:250px !important; }
.h260 { height:260px !important; }
.h270 { height:270px !important; }
.h280 { height:280px !important; }
.h290 { height:290px !important; }
.h300 { height:300px !important; }
.h310 { height:310px !important; }
.h320 { height:320px !important; }
.h330 { height:330px !important; }
.h340 { height:340px !important; }
.h350 { height:350px !important; }
.h360 { height:360px !important; }
.h370 { height:370px !important; }
.h380 { height:380px !important; }
.h390 { height:390px !important; }
.h400 { height:400px !important; }
.h410 { height:410px !important; }
.h420 { height:420px !important; }
.h430 { height:430px !important; }
.h440 { height:440px !important; }
.h450 { height:450px !important; }
.h500 { height:500px !important; }
.h550 { height:550px !important; }
/* min-height */
.mh60 { min-height:60px !important; }
.mh70 { min-height:70px !important; }
.mh80 { min-height:80px !important; }
.mh90 { min-height:90px !important; }
.mh100 { min-height:100px !important; }
.mh110 { min-height:110px !important; }
.mh120 { min-height:120px !important; }
.mh130 { min-height:130px !important; }
.mh140 { min-height:140px !important; }
.mh150 { min-height:150px !important; }
.mh160 { min-height:160px !important; }
.mh170 { min-height:170px !important; }
.mh180 { min-height:180px !important; }
.mh190 { min-height:190px !important; }
.mh200 { min-height:200px !important; }
.mh210 { min-height:210px !important; }
.mh220 { min-height:220px !important; }
.mh230 { min-height:230px !important; }
.mh240 { min-height:240px !important; }
.mh250 { min-height:250px !important; }
.mh260 { min-height:260px !important; }
.mh270 { min-height:270px !important; }
.mh280 { min-height:280px !important; }
.mh290 { min-height:290px !important; }
/* line-height */
.lh14 { line-height:1.4   !important; }
/* 横並び */
.fl { float:left; display:block; margin-right:20px;}
.fr { float:right; display:block; margin-left:20px;}
.lft50 { float:left; width:50px;}
.lft60 { float:left; width:60px;}
.lft70 { float:left; width:70px;}
.lft80 { float:left; width:80px;}
.lft90 { float:left; width:90px;}
.lft100 { float:left; width:100px;}
.lft110 { float:left; width:110px;}
.lft120 { float:left; width:120px;}
.lft130 { float:left; width:130px;}
.lft140 { float:left; width:140px;}
.lft150 { float:left; width:150px;}
.lft160 { float:left; width:160px;}
.lft170 { float:left; width:170px;}
.lft180 { float:left; width:180px;}
.lft190 { float:left; width:190px;}
.lft200 { float:left; width:200px;}
.lft210 { float:left; width:210px;}
.lft220 { float:left; width:220px;}
.lft230 { float:left; width:230px;}
.lft240 { float:left; width:240px;}
.lft250 { float:left; width:250px;}
.lft260 { float:left; width:260px;}
.lft270 { float:left; width:270px;}
.lft280 { float:left; width:280px;}
.lft290 { float:left; width:290px;}
.lft300 { float:left; width:300px;}
.lft310 { float:left; width:310px;}
.lft320 { float:left; width:320px;}
.lft330 { float:left; width:330px;}
.lft340 { float:left; width:340px;}
.lft350 { float:left; width:350px;}
.lft360 { float:left; width:360px;}
.lft370 { float:left; width:370px;}
.lft380 { float:left; width:380px;}
.lft390 { float:left; width:390px;}
.lft400 { float:left; width:400px;}
.lft410 { float:left; width:410px;}
.lft420 { float:left; width:420px;}
.lft430 { float:left; width:430px;}
.lft440 { float:left; width:440px;}
.lft450 { float:left; width:450px;}
.lft460 { float:left; width:460px;}
.lft470 { float:left; width:470px;}
.lft480 { float:left; width:480px;}
.lft490 { float:left; width:490px;}
.lft500 { float:left; width:500px;}
.lft510 { float:left; width:510px;}
.lft520 { float:left; width:520px;}
.lft530 { float:left; width:530px;}
.lft540 { float:left; width:540px;}
.lft550 { float:left; width:550px;}
.lft560 { float:left; width:560px;}
.lft570 { float:left; width:570px;}
.lft580 { float:left; width:580px;}
.lft590 { float:left; width:590px;}
.lft600 { float:left; width:600px;}
.lft610 { float:left; width:610px;}
.lft620 { float:left; width:620px;}
.lft630 { float:left; width:630px;}
.lft640 { float:left; width:640px;}
.lft650 { float:left; width:650px;}
.lft660 { float:left; width:660px;}
.lft670 { float:left; width:670px;}
.lft680 { float:left; width:680px;}
.lft690 { float:left; width:690px;}
.lft700 { float:left; width:700px;}
.rgt50 { float:right; width:50px;}
.rgt60 { float:right; width:60px;}
.rgt70 { float:right; width:70px;}
.rgt80 { float:right; width:80px;}
.rgt90 { float:right; width:90px;}
.rgt100 { float:right; width:100px;}
.rgt110 { float:right; width:110px;}
.rgt120 { float:right; width:120px;}
.rgt130 { float:right; width:130px;}
.rgt140 { float:right; width:140px;}
.rgt150 { float:right; width:150px;}
.rgt160 { float:right; width:160px;}
.rgt170 { float:right; width:170px;}
.rgt180 { float:right; width:180px;}
.rgt190 { float:right; width:190px;}
.rgt200 { float:right; width:200px;}
.rgt210 { float:right; width:210px;}
.rgt220 { float:right; width:220px;}
.rgt230 { float:right; width:230px;}
.rgt240 { float:right; width:240px;}
.rgt250 { float:right; width:250px;}
.rgt260 { float:right; width:260px;}
.rgt270 { float:right; width:270px;}
.rgt280 { float:right; width:280px;}
.rgt290 { float:right; width:290px;}
.rgt300 { float:right; width:300px;}
.rgt310 { float:right; width:310px;}
.rgt320 { float:right; width:320px;}
.rgt330 { float:right; width:330px;}
.rgt340 { float:right; width:340px;}
.rgt350 { float:right; width:350px;}
.rgt360 { float:right; width:360px;}
.rgt370 { float:right; width:370px;}
.rgt380 { float:right; width:380px;}
.rgt390 { float:right; width:390px;}
.rgt400 { float:right; width:400px;}
.rgt410 { float:right; width:410px;}
.rgt420 { float:right; width:420px;}
.rgt430 { float:right; width:430px;}
.rgt440 { float:right; width:440px;}
.rgt450 { float:right; width:450px;}
.rgt460 { float:right; width:460px;}
.rgt470 { float:right; width:470px;}
.rgt480 { float:right; width:480px;}
.rgt490 { float:right; width:490px;}
.rgt500 { float:right; width:500px;}
.rgt510 { float:right; width:510px;}
.rgt520 { float:right; width:520px;}
.rgt530 { float:right; width:530px;}
.rgt540 { float:right; width:540px;}
.rgt550 { float:right; width:550px;}
.rgt560 { float:right; width:560px;}
.rgt570 { float:right; width:570px;}
.rgt580 { float:right; width:580px;}
.rgt590 { float:right; width:590px;}
.rgt600 { float:right; width:600px;}
.rgt610 { float:right; width:610px;}
.rgt620 { float:right; width:620px;}
.rgt630 { float:right; width:630px;}
.rgt640 { float:right; width:640px;}
.rgt650 { float:right; width:650px;}
.rgt660 { float:right; width:660px;}
.rgt670 { float:right; width:670px;}
.rgt680 { float:right; width:680px;}
.rgt690 { float:right; width:690px;}
.rgt700 { float:right; width:700px;}
/* width */
.w05p { width:5%;}
.w06p { width:6%;}
.w07p { width:7%;}
.w08p { width:8%;}
.w09p { width:9%;}
.w10p { width:10%;}
.w11p { width:11%;}
.w12p { width:12%;}
.w13p { width:13%;}
.w14p { width:14%;}
.w15p { width:15%;}
.w16p { width:16%;}
.w17p { width:17%;}
.w18p { width:18%;}
.w19p { width:19%;}
.w20p { width:20%;}
.w25p { width:25%;}
.w30p { width:30%;}
.w33p { width:33%;}
.w40p { width:40%;}
.w50p { width:50%;}
.w60p { width:60%;}
.w70p { width:70%;}
.w80p { width:80%;}
.w90p { width:90%;}
.w100p { width:100%;}
/* font-style */
.fNormal  { font-weight:normal; }
.note { font-size:93%;}
/* align */
.inlineL { text-align:left !important; }
.inlineC { text-align:center !important; }
.inlineR { text-align:right !important; }
.vlineT { vertical-align:top    !important; }
.vlineM { vertical-align:middle !important; }
.vlineB { vertical-align:bottom !important; }
/* inline-block */
.ib {position:relative; display:inline-block; *display:inline; *zoom:1; }
/* etc */
.relative { position:relative;}
.clear { clear:both; height:0; font-size:0; line-height:0; }
.block  { display:block; }
.inline { display:inline; }
.hide   { display:none; }
.nobg { background:none !important; }
.underLine { text-decoration:underline; }
.noLine    { text-decoration:none; }
.center {text-align:center;}
/* color */
.red { color:#f00; }

/* do not remove this style !
ul{ margin:0; padding:0;}  */

#menu_icon { display:none;}
@media only screen and (max-width:500px) {
	html, body, #wrapper { min-width:inherit;}
	body { padding:0; margin:0; width:100%;}
	div,img,iframe { max-width:100%; height:auto;}
	iframe { margin-top:10px; }
	ul,dl,dd,dt { margin:0; padding:0;}
	
	#wrapper { background:url(../images/spacer.gif) -200px 35px no-repeat; background-size:840px;}

	#header { width:97%; padding:8px 0 0 0; margin:0 auto; }
	#logo { width:228px; height:30px; background-size:contain;}	
	#head_banner { width:inherit; width:36px; }
	#head_banner2 { display:none; }
	#fontsize { display:none;}
	#menu_icon { display:block; float:right; width:40px; font-size:30px; text-align:center; line-height:1; 
		padding-top:5px; cursor:pointer; margin-top:-2px; 
		background:#eee; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
	
	#gnavi { margin:0; display:none; width:inherit; }
	#gnavi ul { width:100%; height:auto; text-align:left; padding:0;}
	#gnavi li { width:100%;	height:40px; overflow:hidden; float:none;
		background:-moz-linear-gradient(top, #05a, #037);
		background:-webkit-gradient(linear, left top, left bottom, from(#05a), to(#037)); }
	.ja #gnavi li a,
	#gnavi li a { color:#fff; text-decoration:none; background:none; padding:12px 0 0 5px;
		text-indent:0; white-space:inherit; overflow:auto; display:block;}
	#gnavi li.m1 a,
	#gnavi li.m2 a,
	#gnavi li.m3 a,
	#gnavi li.m4 a { width:100%;}

	#gnavi2 { margin:0; display:none; width:inherit; box-shadow:0 1px 5px 0 rgba(0,0,0,0.3); }
	#gnavi2 ul { width:100%; height:auto; text-align:left; padding:0;}
	#gnavi2 li { width:100%;	height:40px; overflow:hidden; float:none;
		background:-moz-linear-gradient(top, #05a, #037);
		background:-webkit-gradient(linear, left top, left bottom, from(#05a), to(#048)); }
	.ja #gnavi2 li a,
	#gnavi2 li a { color:#fff; text-decoration:none; background:none; padding:12px 0 0 12px;
		text-indent:0; white-space:inherit; overflow:auto; display:block;}
	#gnavi2 li.m1 a,
	#gnavi2 li.m2 a,
	#gnavi2 li.m3 a,
	#gnavi2 li.m4 a { width:100%;}
	#gnavi2 .special { display:block; text-align:center; background:#f6f6f6; position:relative; padding:10px 0 5px; }
	#gnavi2 .special a { display:block; margin:0 auto; }
	#gnavi2 a.passport { display:none; }

	#breadcrumb { background:#eee; padding:0; }
	#breadcrumb .inner { padding:10px 0;}
	#breadcrumb .inner a { padding:3px; display:inline-block;}

	#mainv { height:75px;}

	#contents { width:97%; padding-bottom:40px;}
	#main { float:none; margin:0; overflow:hidden;}
	#side { float:none; margin:0;}
		
	#contentbody { padding:0; min-height:inherit; }
	#contentbody p { margin-bottom:10px;}
	.h1 { margin:0 -2.5% 10px; padding:20px 10px 5px; clear:both;}
	.h2 { padding:10px 15px; margin:20px -1% 10px -2%; clear:both;}
	.h3 { margin:10px 0 10px; padding-top:10px; clear:both;}
	.h4 { margin:20px 0 10px; clear:both;}
	.frm1 { padding:10px 15px; margin-bottom:10px;}
	.newslist dd { text-indent:0; float:none;}
	.newslist dd a { margin:0; padding:0;}

	#contents .lead p { font-size:14px;}

	/* toppage */
	.toppage #mainv { height:690px !important; background-size:1030px !important; background-position:-235px 0;}

	.toppage #maincontent .ctnt_passport { float:none; margin:0 auto; }
	.toppage #maincontent .banners { float:none; width:inherit; margin-top:0; }
	.toppage #maincontent .banners a { width:48%; margin-left:1%; }

	.toppage #diary { width:95%; top:120px; }
	.toppage #diary a.img { float:left;}
	.toppage #diary a.img img { width:90px; height:auto;}
	.toppage #diary p { margin-left:100px;}
	.toppage #diary p a { white-space:normal;}
	.toppage #diary .fr { float:none; margin-left:100px;}

	.toppage #side { margin:1px; overflow:hidden; width:inherit; }
	.toppage #calendar { width:inherit; position:absolute; top:325px; left:10px; }
	.business-calendar-box { margin:0; max-width:100%;}
	.business-calendar-box div { margin-right:2%; width:44%; }
	.business-calendar-box table { width:100%; }
	
	.toppage #newslist ul li a.title { width:100%;}
	#newslist ul li { padding:10px 0; }

	.toppage #wslist { margin-top:0; }
	.toppage #wslist ul li a.title { width:100%;}
    /* #wslist .linklist { position:relative; top:inherit; right:inherit; width:inherit; text-align:right; } */
	#wslist ul li { padding:10px 0; }

	/* map */
	ul.maptab { margin:10px -7px 20px -5px;}
	ul.maptab li a { background:url(../images/tab_map.gif) 0 0 no-repeat; height:34px; display:block;
		text-indent:100%; white-space:nowrap; overflow:hidden; cursor:pointer;}
	ul.maptab li.t1 a { background-position:-3px -4px !important; width:156px;}
	ul.maptab li.t2 a { background-position:-173px -4px !important; width:156px;}
	ul.maptab li.t3 a { background-position:-343px -4px !important; width:156px;}
	ul.maptab li.t4 a { background-position:-510px -4px !important; width:156px;}
	ul.maptab li.t5 a { background-position:-677px -4px !important; width:131px;}
	ul.maptab li.t6 a { background-position:-814px -4px !important; width:61px;}
	ul.maptab li.t7 a { background-position:-881px -4px !important; width:37px;}
	
	ul.maptab li.t1 a:hover { background-position:-3px -4px;  }
	ul.maptab li.t2 a:hover { background-position:-173px -4px;}
	ul.maptab li.t3 a:hover { background-position:-343px -4px;}
	ul.maptab li.t4 a:hover { background-position:-510px -4px;}
	ul.maptab li.t5 a:hover { background-position:-677px -4px;}
	ul.maptab li.t6 a:hover { background-position:-814px -4px;}
	ul.maptab li.t7 a:hover { background-position:-881px -4px;}

	h1.h_zone { background-position:0 20px;}
	h1.h_zone5 { background-size:300px;}
	.img_zone { position:relative; top:inherit; right:inherit; margin:0 0 20px 50px;}

	h2.mt80 { margin-top:20px !important;}

	/* creature */
	ul.creaturetab { margin:10px -20px 30px 0;}
	h2.h_spot { padding-top:15px; background-position:0 10px; margin-top:20px !important;}
    img.fish { width: 100%; max-width:inherit; }
    
    /* experience */
    body.experience #wslist { padding:10px 15px 15px; margin:20px 0; }
    

	/* footer */
	#footbanners { text-align:center;}
	#footbanners a { float:none; width:inherit;}
	#footbanners a img { display:inline;}
	#footer { float:none; width:100%; height:auto; background:#036 url(../images/footer.gif) center top repeat-x; position:inherit;}
	#footbanners,
	#footer p,
	#footer .pagetop_link,
	#footer .footlinks { float:none; width:95%; height:auto; margin:0 auto; }
	#footer .pagetop_link { right:10px; top:-20px;}
	#footerinner { padding:15px 0 10px;}

	/* common */
	.lft210,.lft220,.lft230,.lft240,.lft250,.lft260,.lft270,.lft280,.lft290,
	.lft300,.lft310,.lft320,.lft330,.lft340,.lft350,.lft360,.lft370,.lft380,.lft390,
	.lft400,.lft410,.lft420,.lft430,.lft440,.lft450,.lft460,.lft470,.lft480,.lft490,
	.lft500,.lft510,.lft520,.lft530,.lft540,.lft550,.lft560,.lft570,.lft580,.lft590,
	.lft600,.lft610,.lft620,.lft630,.lft640,.lft650,.lft660,.lft670,.lft680,.lft690,.lft700,
	.rgt210,.rgt220,.rgt230,.rgt240,.rgt250,.rgt260,.rgt270,.rgt280,.rgt290,
	.rgt300,.rgt310,.rgt320,.rgt330,.rgt340,.rgt350,.rgt360,.rgt370,.rgt380,.rgt390,
	.rgt400,.rgt410,.rgt420,.rgt430,.rgt440,.rgt450,.rgt460,.rgt470,.rgt480,.rgt490,
	.rgt500,.rgt510,.rgt520,.rgt530,.rgt540,.rgt550,.rgt560,.rgt570,.rgt580,.rgt590,
	.rgt600,.rgt610,.rgt620,.rgt630,.rgt640,.rgt650,.rgt660,.rgt670,.rgt680,.rgt690,.rgt700 { width:inherit !important; float:none;}
	.w310,.w320,.w330,.w340,.w350,.w400,.w410,.w420,.w430,.w440,.w450,.w500,.w550,.w600,.w650,.w700 {width:inherit !important;}
	.mr110,.mr120,.mr130,.mr140,.mr150,.mr160,.mr170,.mr180,.mr190,.mr200,.mr210,.mr220,.mr230,.mr240,.mr250,
	.ml110,.ml120,.ml130,.ml140,.ml150,.ml160,.ml170,.ml180,.ml190,.ml200,.ml210,.ml220,.ml230,.ml240,.ml250,
	.ml300,.ml350,.ml400,.ml450,.ml500,.ml550,.ml600,.ml650,.ml700 { margin:0 !important;}
.hide_sp { display:none; }

}