/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none; height: 0;}
[hidden] { display: none;}

html { font-size: 100%;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html,button,input,select,textarea { font-family: sans-serif;}
body { margin: 0;}
a:focus { outline: thin dotted;}
a:active,a:hover { outline: 0;}
/* ==========================================================================
   Typography
   ========================================================================== */
body{font-family:"LuzSans-Book","osaka",sans-serif; font-size : 0.83em; color:#f5f5f5;}
h1 { font-size: 2em; margin: 0.67em 0;}
h2 { font-size: 1.5em; margin: 0.83em 0;}
h3 { font-size: 1.17em; margin: 1em 0;}
h4 { font-size: 1em; margin: 1.33em 0;}
h5 { font-size: 0.83em; margin: 1.67em 0;}
h6 { font-size: 0.67em; margin: 2.33em 0;}
abbr[title] { border-bottom: 1px dotted;}
b,strong { font-weight: bold;}
blockquote { margin: 1em 40px;}
dfn { font-style: italic;}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
mark { background: #ff0; color: #000;}
/*p{ margin: 1em 0;  font-size:0.8em;}*/
code,kbd,pre,samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em;}
pre {margin: 0.8em 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
q {quotes: none;}
q:before,q:after { content: ''; content: none;}
small { font-size: 80%;}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
.l-box p{line-height:1.15em; }
p.infoList{ font-size: 0.87em; }
#lastup{text-align:right;right:5px;font-size:0.85em;color:#fff;}
  
/* ==========================================================================
   Embedded content
   ========================================================================== */
img { border: 0; -ms-interpolation-mode: bicubic; } 
svg:not(:root) { overflow: hidden;}

/* ==========================================================================
   Forms
   ========================================================================== */
form { margin: 0;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px;}
button,input,select,textarea { font-size: 100%;margin: 0; vertical-align: baseline; *vertical-align: middle;}
button,input {line-height: normal;}
button,select {text-transform: none;}
button,html input[type="button"], 
input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer; *overflow: visible;}
button[disabled],html input[disabled] { cursor: default;}
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto;  vertical-align: top; }

/* ==========================================================================
   Pure Base Extras
   ========================================================================== */
[hidden] { display: none !important;}
.pure-g { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; text-rendering: optimizespeed; font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;display: -webkit-flex; -webkit-flex-flow: row wrap; display: -ms-flexbox; -ms-flex-flow: row wrap;}
.opera-only :-o-prefocus,.pure-g { word-spacing: -0.43em;}
.pure-u { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto;}
.pure-u-1 {display: inline-block; *display: inline; zoom: 1;letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto;}

.pure-menu a,.pure-menu .pure-menu-heading {display: block; color: inherit; line-height: 1.5em; padding: 5px 20px; text-decoration: none; white-space: nowrap;}
.pure-menu.pure-menu-horizontal > .pure-menu-heading { display: inline-block; *display: inline; zoom: 1; margin: 0; vertical-align: middle;}
.pure-menu.pure-menu-horizontal > ul { display: inline-block; *display: inline; zoom: 1; vertical-align: middle;}
.pure-menu-horizontal li { display: inline-block;*display: inline; zoom: 1; vertical-align: middle;}
.pure-menu a { border: 1px solid transparent; border-left: none; border-right: none;}
.pure-menu a { border: 1px solid transparent; border-left: none; border-right: none;}
.pure-menu .pure-menu-heading { text-transform: uppercase; margin-top: 0.5em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dfdfdf;}

/*-----animations-----*/
@-moz-keyframes openN {0% {height: 0px;}100% {height: 100%; }}
@-webkit-keyframes openN {0% {height: 0px;}100% {height: 100%;}}
@-o-keyframes openN {0% {height: 0px;}100% {height: 100%;}}
@-ms-keyframes openN {0% {height: 0px;}100% {height: 100%;}}
.openNavi {
-moz-animation: openN 1s ease 0s 1 normal forwards;
-webkit-animation: openN 1s ease 0s 1 normal forwards;
-o-animation: openN 1s ease 0s 1 normal forwards;
-ms-animation: openN 1s ease 0s 1 normal forwards;
}

@-moz-keyframes closeN {0% {height: 100%;}100% {height: 0px; }}
@-webkit-keyframes closeN {0% {height: 100%;}100% {height: 0px;}}
@-o-keyframes closeN {0% {height: 100%;}100% {height: 0px;}}
@-ms-keyframes closeN {0% {height: 100%;}100% {height: 0px;}}
.closeNavi {
-moz-animation: closeN 1s ease 0s 1 normal forwards;
-webkit-animation: closeN 1s ease 0s 1 normal forwards;
-o-animation: closeN 1s ease 0s 1 normal forwards;
-ms-animation: closeN 1s ease 0s 1 normal forwards;
}

@-moz-keyframes show{  0% {  transform: scale(1.2);  }  50% {  transform: scale(0.9); }  
75% {  transform: scale(1.1); }  100% {  transform: scale(1); }  } 
@-webkit-keyframes show{  0% {  transform: scale(1.2);  }  50% {  transform: scale(0.9); }  
75% {  transform: scale(1.1); }  100% {  transform: scale(1); }  } 
@-o-keyframes show{  0% {  transform: scale(1.2);  }  50% {  transform: scale(0.9); }  
75% {  transform: scale(1.1); }  100% {  transform: scale(1); }  } 
@-ms-keyframes show{  0% {  transform: scale(1.2);  }  50% {  transform: scale(0.9); }  
75% {  transform: scale(1.1); }  100% {  transform: scale(1); }  } 


@-moz-keyframes showOnStage{  0% {  transform: scale(1.0);  } 100% {  transform: scale(5.0); }  } 
@-webkit-keyframes showOnStage{  0% {  transform: scale(1.0);  } 100% {  transform: scale(5.0); }  } 
@-o-keyframes showOnStage{  0% {  transform: scale(1.0);  } 100% {  transform: scale(5.0); }  } 
@-ms-keyframes showOnStage{  0% {  transform: scale(1.0);  } 100% {  transform: scale(5.0); }  } 
@keyframes showOnStage{  0% {  transform: scale(1.0);  } 100% {  transform: scale(5.0); }  } 


/*------general------*/
body{width:100%;height:100%;top:0px;padding-top:0px;margin-left:auto;margin-right:auto;background: #f5f5f5 url("../img/bg_index2.gif") right no-repeat;}
a{color:#008CFF;text-align:center;text-decoration: none;}a:hover,a:active{color:#E7FF00;}
#contents{margin: 0 auto;}ul{list-style-type: none;}
.wrapper{background-color: #000000;opacity: 0.65;filter: alpha(opacity=65);-ms-filter: "alpha(opacity=65)";}
.snsicon{width:56px;}

/*-----main-----*/
#lastup{text-align:right;right:5px;}

/*-----footer-----*/
.foot{width:100%;text-align:right;bottom:0px;right:5px;font-size: 0.8em;float:right;position:fixed;z-index:10000;}

/*-----contents menu-----*/
#plus {   float: left; margin-top: 3em; cursor: pointer; z-index:9999; 
transition: .2s ease-in-out;-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;-ms-transition: .2s ease-in-out;-o-transition: .2s ease-in-out; }  
.clicked { transform: rotate(45deg);-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);}
#thumbnail-wrapper {height:150px;width:100%;position:fixed;bottom:-20px;left:2px;list-style:none;z-index:999;background: url(../img/bg_menux.png) repeat-x left bottom;padding-left:5px;float:left;box-shadow: 0px 0px 10px #666666;text-align: left;width: 60px;}
ul#cmenu{ margin:5px 5px 15px 50px;}
.logo{background-color: transparent ; margin-top:15px;}
.sitetitle{margin-bottom:0px; }
.info{margin-top:0px;bottom:25px;}
.titleimg_image{max-width:31%;height:auto;}
.titleimg{max-width:31%;height:auto;display:inline;}
.greetTitle{max-width:30%; font-size:2.0em;}
.greetText{max-width:30%;}

.item-list {padding: 0;display: none;margin:5px auto;}
  .item-list li {display: inline-block;margin-left:0.2%;}
    .item {box-shadow: 0 0 10px #aaa;cursor: pointer;transition: .2s ease-in-out;-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out; -ms-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;}.item:hover { transform: scale(1.02);-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);}

ul#selectshow{margin:50px 1.8em;}
ul#selectshow li{display: inline;}
#stage{z-index:99999;display:none;position:fixed;width:100%;height:100%;top:0px;left:0;}
div#stage div.background {position:fixed;width:100%;height:100%;top:0px;background-color: #000000;opacity: 0.65;filter: alpha(opacity=65);-ms-filter: "alpha(opacity=65)";}
div#stage div.container {position: relative;margin:auto 2%;}


/*-----decolations-----*/
.shadow01{
    -webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -6px #8d8c8c;
     box-shadow: 0 10px 8px -6px #8d8c8c;
}

/*mail form*/
/*.formTable{text-align:left;margin-left:30px; margin-right:auto;}*/
#form{position: relative; width: 500px; margin: 100px auto;}
input{width: 470px; height: 50px; padding: 0px 15px 0px 15px;  background: transparent; outline: none; color: #383838; border: solid 1px #e1e1e1; border-bottom: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
input:hover{ background: #e1e1e1; color: #383838;}
textarea{width: 470px;max-width: 470px;height: 110px;padding: 15px;background: transparent;outline: none;color: #383838;border: solid 1px #e1e1e1;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
textarea:hover{background: #e1e1e1;color: #383838;}
#submit{width: 502px;padding: 0;margin: -8px 0px 0px 0px;outline:none;color: #999;cursor: pointer;border: solid 1px #e1e1e1;border-top: none;}