@charset "utf-8";

/*
 *
 * Usage: Base layout
 *
 * Name: style.css
 *
 */

/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	83  %		19px 	158 %
11px 	92  %		20px 	167 %
12px 	100 %		21px 	175 %
13px 	108 %		22px 	183 %
14px 	117 %		23px 	192 %
15px 	125 %		24px 	200 %
16px 	133 %		25px 	208 %
17px 	142 %		26px 	217 %
18px 	150 %
---------------------------------------------------------------------*/



/*---------------------------------------------------------------------
setting
---------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);

html,body   {height:100%;}
body  {min-width:960px; width:100%; color:#111; letter-spacing:3pt;}
body a  {color:#111;}


::selection {background: #fff; color: #956a00;}
::-moz-selection {background: #fff; color: #956a00;}

.jsf    {font-family: 'Josefin Sans', "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; letter-spacing: 2px; font-style: italic; font-size: 14px;
}

.obj  {position:absolute; z-index:0;}



/*---------------------------------------------------------------------
Common layout
---------------------------------------------------------------------*/
#header  { position: fixed; width: 100%; height: 110px; min-width: 960px; z-index: 9999; padding: 30px 0 0;background:transparent;}
#header h1{ position:fixed;top: -40px; left: 90px;}
#header #navmenu li{padding-left: 20px;}
#header #navmenu .menu1{position:fixed;top: 170px;left: 60px;}
#header #navmenu .menu2{position:fixed;top: 250px;left: 60px;}
#header #navmenu .menu3{position:fixed;top: 330px;left: 60px;}
#header #navmenu .menu4{position:fixed;top: 410px;left: 60px;}
#header #navmenu span{padding-left: 10px;font-size: 60%; color:#777777;font-family: 'Josefin Sans', "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; letter-spacing: 2px;display: block;margin: 0;line-height:1.1;}
#header #navmenu .blank{background:url(../images/blank.png) no-repeat 0px 12px;}

/* side & header navigation */
#snav_left {
    position: fixed; top: 40%; left: 50px; z-index: 9998;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;

    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

#snav_bottom {
	position: fixed; bottom: 30px; left: 30px; z-index: 9998;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
}

#navmenu a,.sidenav a             { padding:10px; text-decoration: none; font-size: 117%; font-weight: bold; letter-spacing: 2px;}
#navmenu a:hover,.sidenav a:hover       { color: #f1cf00;}
#navmenu a.active,.sidenav a.active      { color: #f1cf00;}
#navmenu img,.sidenav img           { vertical-align: middle; }


/* page layout */
#wrapper    {width:100%; overflow:hidden; min-width: 960px;}
#content    {margin: 80px auto 0; z-index: 0;}
#footer     {height: 81px; text-align: center; background: #f1cf00; }
#footer p   {margin:0; padding-top: 20px;}



/*---------------------------------------------------------------------
layout
---------------------------------------------------------------------*/

#main_wrapper         {width: 1099px; height: 4710px; margin: 0 auto; position: relative;text-align:center;}
#thanks #main_wrapper         {width: 1099px; height: 920px; margin: 0 auto; position: relative;text-align:center;}
#main_wrapper h3{font-size: 190%;}
#main_wrapper #photo_01     { top: 0; left:0; }
#main_wrapper #photo_02     { top: 540px;  left:0;margin: 0 auto;}
#main_wrapper #photo_03     { top: 710px;  left: 0;margin: 0 auto;width: 100%;}
#main_wrapper #photo_04     { margin: 0 auto;}
#main_wrapper #photo_05     { margin: 0 auto;}
#main_wrapper #photo_06     { top: 300px; left:0;}
#main_wrapper #photo_07     { top: 2800px; left:0px; }
#main_wrapper #description  { top: 70px;   left:0px; }
#main_wrapper p.txt_main_1{ width: 100%;top: 780px; left: 0; text-align: center;}
#main_wrapper p.txt_main_2{ width: 100%;top: 920px; left: 0; text-align: center;}
#main_wrapper p.txt_main_2 span{padding: 10px;border-bottom: 1px dashed #000;}

.bt_news{position:absolute;top:0px;right:90px;}
.bt_news img{z-index: 9999;}


#main_wrapper #event_area{top: 1420px; left:0;width: 100%; display: block;} 

#main_wrapper #news_area{top: 1420px; left:0;width: 100%;} 
#main_wrapper #news_area h4{margin:0 auto;text-align: center;width: 100px;border-bottom: 1px solid #111111;}
#main_wrapper #news_area .news_info{ display:block; width: 100%; top: 130px; left: 0;}
#main_wrapper #news_area .news_info img{margin: 0 auto;text-align: center;}
#main_wrapper #news_area p.txt_news{ width: 100%;top: 620px; left: 0; text-align: center;}
#main_wrapper #news_area p.txt_news .txt_block{display: block;margin-bottom: 14px;}

#main_wrapper #access_area{top: 2420px; left:0;width: 100%;} 
#main_wrapper #access_area h4 {margin:0 auto;text-align: center;width: 100px;border-bottom: 1px solid #111111;}
#main_wrapper #access_area .access_info{ width: 100%;padding-top: 30px;} 
#main_wrapper #access_area .access_info{ width: 100%;padding-top: 30px;}


#main_wrapper #mailform_area{width: 100%;margin-top: 90px;}
#main_wrapper #mailform_area .contact_info{padding-top: 20px; font-size: 89%;}
#main_wrapper #mailform_area .contact_info2{padding: 0 0 20px; font-size: 89%;}
#main_wrapper #mailform_area form{text-align: left;}

#main_wrapper #news_area h4.jsf,#main_wrapper #access_area h4.jsf,#main_wrapper #mailform_area h4.jsf{font-size: 18px;}
form#mail_form dl dd.button{
  display:block;
  background:transparent;
  font-family:"游ゴシック体", "Yu Gothic", YuGothic, serif;
  margin:20px auto 0;
  padding: 0;
  width: 100%;
  position:relative;
  transition:none;
  text-align: center;
} 
form#mail_form .button input{
  display: block;
  color: #ffffff;
  font-size:1.2em;
  border-radius:6px;
  height: 60px;
  text-decoration: none;
  text-align: center;
  border: none;
  background:url(../images/mailicon.png) 36px 18px no-repeat #004ba5;
  padding:11px 11px 11px 40px; 
  margin: 0 auto;
  width: 56%;
} 
form#mail_form .button input:hover{cursor:pointer;}
form#mail_form dd ul li{float: left;margin:0 6px 0 0;}
form#mail_form dd p.affiliation{margin-top: 6px;font-size: 92%;}

form#mail_form input#date{width: 120px;}
form#mail_form input#time{width: 100px;}
form#mail_form dd span.datetime{margin-right: 6px;}
form#mail_form dd span.datetime2{margin: 0 6px 0 20px;}


#main_wrapper #pagetop_area{top: 4260px; left:0;width: 100%;}
#main_wrapper #company_area{top: 4410px; left:0;width: 100%;}
#main_wrapper #company_area .company_info{font-family:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif;padding-top: 20px;} 
#main_wrapper #company_area .address{padding-bottom:10px;}
#main_wrapper #company_area .tel,#main_wrapper #company_area .mail{font-size:89%;line-height: 1.7;}
#main_wrapper #banner_area{top: 4630px; left:0;width: 100%;}
#main_wrapper #banner_area img{padding: 0 12px;}
  
  
#contact {font-size:117%; line-height: 280%;text-decoration: none;}
#contact a {width: 400px; margin:20px auto 0; padding: 20px 0; display: block; border: 2px solid #000;text-decoration: none; font-size: 117%;}
#contact a:hover {border: 2px dashed #000;}


.gmap{
  float:left;
  width:471px;
  height:379px;
}

.open{
  display: block;
}
.monitor img{
  height: 300px;
  display: block;
}