/**************************
*                         *
*                         *
*         DEFAULT         *
*                         *
*                         *
***************************/
html {
  height:100%;
  overflow-y:scroll;
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, hr{
  font-family:"ＭＳ Ｐゴシック",Tahoma,Geneva,sans-serif !important;
}

body {
  font-size:12px;
  padding:0;
  margin:0;
  height:100%;
}

img {
  border:none;
  max-width:none;
}

a {
  color:#444;
  text-decoration:none;
  outline:none;
}

input {
  outline:none;
}

/**************************
*                         *
*                         *
*  LAYOUT ESPECIAL CLASS  *
*                         *
*                         *
***************************/
.css3_turning {
  transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transition:all 0.6s;
  -webkit-transition:all 0.6s;
  -moz-transition:all 0.6s;
  -o-transition:all 0.6s;
}

.css3_turning:hover {
  transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
}

.css3_child_turning div,
.css3_child_turning span,
.css3_child_turning a,
.css3_child_turning img {
  transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transition:all 0.6s;
  -webkit-transition:all 0.6s;
  -moz-transition:all 0.6s;
  -o-transition:all 0.6s;
}

.css3_child_turning:hover div,
.css3_child_turning:hover span,
.css3_child_turning:hover a,
.css3_child_turning:hover img {
  transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
}

.fleft {
  float:left;
}
.fright {
  float:right;
}

.clear {
  clear:both;
}

.hidden {
  display:none;
}

.layout_width {
  margin:0 auto;
}

/**************************
*                         *
*                         *
*    LAYOUT BACKGROUND    *
*                         *
*                         *
***************************/
#layout_bg {
  position:fixed;
  left:0;
  top:0;
}

/**************************
*                         *
*                         *
*       L A Y O U T       *
*                         *
*                         *
***************************/
.layout {
  min-height:100%;
  position:relative;
  z-index:1;
}

/**************************
*                         *
*                         *
*      LAYOUT  QUICK      *
*                         *
*                         *
***************************/
#layout_quick {
  position:absolute;
  background:#fff;
  left:50%;
  padding:8px 0 8px 0;
  border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  width:100px;
  top:150px;
  list-style:none;
  z-index:4;
  white-space:nowrap;
  margin:0 0 0 -602px;
  border:1px solid #ddd;
}

#layout_quick li {
  position:relative;
  z-index:4;
}

#layout_quick li a {
  display:block;
  position:relative;
  z-index:4;
  padding:8px 10px 8px 15px;
}

#layout_search {
  display:none;
  position:absolute;
  left:100px;
  top:50%;
  margin-top:-45px;
  height:90px;
  z-index:3;
}

#layout_search_form {
  position:relative;
  width:300px;
  height:30px;
  background:#fff;
  border:1px solid #ccc;
  padding:10px 0;
  margin:19px 45px 19px 0;
}

#layout_search .searchText {
  width:200px;
  padding:8px 9px;
  margin:0 10px;
  border:1px solid #ccc;
  height:12px;
}

#layout_quick .searchBtn {
  position:absolute;
  top:50%;
  right:-45px;
  margin-top:-45px;
  height:90px;
  width:90px;
}

/**************************
*                         *
*                         *
*       LAYOUT HEAD       *
*                         *
*                         *
***************************/
.layout_head {
  position:relative;
  z-index:5;
}

#layout_gnb {
  font-family:"ＭＳ Ｐゴシック",Tahoma,Geneva,sans-serif;
  font-size: 10px;
  white-space:nowrap;
  position:relative;
  list-style:none;
  margin:0 auto;
  height:70px;
}

#layout_gnb h1 {
  margin:0;
  padding:0;
}

#layout_gnb .logo a {
  position:relative;
  overflow:hidden;
  display:table-cell;
  vertical-align:middle;
  padding-left:0;
}

#layout_gnb li {
  position:relative;
  float:left;
  height:70px;
}

#layout_gnb .bar {
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:24px;
  margin-top:-12px;
  background:#bbb;
}

#layout_gnb .menu_area {
  font-family:Verdana;
  font-size: 11px;
  position:relative;
  font-weight:bold;
  overflow:hidden;
  height:70px;
  padding:0 1px 0 0;
}

#layout_gnb a {
  display:block;
  vertical-align:middle;
  position:relative;
  padding:0 30px 0 31px;
  height:70px;
  line-height:70px;
  color:#fff;
}

#layout_gnb .hover {
  font-family:Verdana;
  position:absolute;
  display:table-cell;
  font-weight:bold;
  text-align:center;
  left:-500px;
  top:0;
  color:#FFDF0B;
}

#layout_gnb ul {
  display:none;
  position:absolute;
  list-style:none;
  margin:0;
  padding:0;
  white-space:nowrap;
  border:solid #ddd;
  border-width:0 1px;
}

#layout_gnb li li {
  display:block;
  height:30px;
  float:none;
  border-bottom:1px solid #ddd;
}

#layout_gnb li li a {
  display:block;
  position:relative;
  height:30px;
  line-height:30px;
  background:#fff;
  color:#000;
  padding:0 30px 0 30px;
  min-width:120px;
}

#layout_gnb li li span {
  display:block;
  position:absolute;
  top:0;
  left:8px;
  padding:14px 5px;
}

#layout_gnb li li span em {
  display:block;
  width:9px;
  height:2px;
  background:#099;
  transform:rotate(-360deg);
  -webkit-transform:rotate(-360deg);
  -moz-transform:rotate(-360deg);
  -o-transform:rotate(-360deg);
  transition:all 1s;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
}

#layout_gnb li li:hover span em {
  transform:rotate(450deg);
  -webkit-transform:rotate(450deg);
  -moz-transform:rotate(450deg);
  -o-transform:rotate(450deg);
}

#layout_gnb li li:hover a {
  background-color:#f3f3f3;
}

/**************************
*                         *
*                         *
*       UPDATE NEWS       *
*                         *
*                         *
***************************/
#layout_updatenews {
  position:absolute;
  z-index:4;
  background:url('./../images/blackglass.png');
}

#layout_updatenews .layout_width {
  position:relative;
  overflow:hidden;
}

#layout_updatenews .updatenews_margin {
  height:40px;
  margin:0 10px;
}

/**************************
*                         *
*                         *
*       LAYOUT BODY       *
*                         *
*                         *
***************************/
.layout_body {
  position:relative;
  z-index:3;
  padding:45px 5px 5px 5px;
  background:#fff;
}

/**************************
*                         *
*                         *
*         S I D E         *
*                         *
*                         *
***************************/
.layout_side {
  width:200px;
  margin:0 5px 0 0;
  float:left;
}

#layout_lnb .active_menu {
  display:block;
  color:#fff;
  font-size:14px;
  height:40px;
  font-weight:bold;
  line-height:40px;
  padding:0 20px;
  background:#c5e868 url('./../images/lnb_bg.png');
}

#layout_lnb ul {
  list-style:none;
  padding:0;
  margin:5px 5px 0 5px;
  border-bottom:1px solid #ddd;
}

#layout_lnb li {
  border-top:1px solid #ddd;
}

#layout_lnb li a {
  font-family:"ＭＳ Ｐゴシック" !important;
  background:#f5f5f5;
  position:relative;
  display:block;
  height:25px;
  line-height:25px;
  padding:0 0 0 10px;
}

#layout_lnb .selected a {
  font-weight:bold;
  color:#000;
}

#layout_lnb span {
  display:block;
  position:absolute;
  height:25px;
  width:25px;
  top:0;
  right:0;
  overflow:hidden;
}

#layout_lnb span em {
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  margin:-3px 0 0 -6px;
  width:0;
  border:solid transparent;
  border-width:0 6px;
  border-top:6px solid #099;
  transform:rotate(-180deg);
  -webkit-transform:rotate(-180deg);
  -moz-transform:rotate(-180deg);
  -o-transform:rotate(-180deg);
  transition:all .5s;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
}

#layout_lnb .down em {
  transform:rotate(-360deg);
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transition:all .5s;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
}

#layout_lnb span:hover em {
  transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}

#layout_lnb .down:hover em {
  transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
}

/*
#layout_lnb span {
  display:block;
  width:25px;
  height:25px;
  position:absolute;
  top:0;
  right:5px;
  background:url('./../images/lnb_icon.png') no-repeat center center;
  cursor:pointer;

}

#layout_lnb .down {
  transform:rotate(-360deg);
  -webkit-transform:rotate(0deg);
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  transition:all .5s;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  -o-transition:all .5s;
}

#layout_lnb span:hover {
  transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}

#layout_lnb .down:hover {
  transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -moz-transform:rotate(360deg);
  -o-transform:rotate(360deg);
}
*/

#layout_lnb ul ul {
  border-top:1px solid #ddd;
  border-bottom:0;
  margin:0;
  padding:0 10px;
}

#layout_lnb li li a {
  color:#666;
  background:none;
}

#layout_lnb .selected .first_li {
  border:none;
}

#layout_lnb .selected li a {
  font-weight:normal;
}

#layout_lnb .selected .selected a {
  font-weight:bold;
}

/**************************
*                         *
*                         *
*         M A I N         *
*                         *
*                         *
***************************/
.layout_main {
  float:left;
  margin-left:20px;
  margin-top:20px;
}

/**************************
*                         *
*                         *
*      LAYOUT FOOTER      *
*                         *
*                         *
***************************/
.layout_footer {
  position:relative;
  z-index:5;
  color:#fff;
  padding:0 0 30px 0;
}

.layout_footer a {
  color:#fff;
}

.layout_footer .layout_widget_area {
  position:relative;
}

.layout_footer .layout_footer_contents {
  position:relative;
  padding:30px 0;
  background:#fff url('./../images/blackglass.png');
}

.layout_footer .layout_footer_content {
  margin:0 10px;
  float:left;
  position:relative;
  min-height:1px;
}

.layout_footer .layout_footer_copyright {
  position:relative;
  padding:20px 0;
  background:#fff;
  color:#000;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
}

.layout_footer .layout_footer_copyright a {
  color:#000;
}

.layout_footer .layout_footer_copyright .designed {
  padding:0 50px;
  text-align:right;
}

/**************************
*                         *
*                         *
*      LAYOUT  LAYER      *
*                         *
*                         *
***************************/
.layout_layer {
  background:url('./../images/blackglass.png');
  display:none;
  width:100%;
  position:fixed;
  height:100%;
  left:0;
  top:0;
  z-index:50000;
}

.out_area{
  position:absolute;
  z-index:50001;
  width:100%;
  height:100%;
}

#layout_login {
  position:absolute;
  top:50%;
  left:50%;
  width:800px;
  height:470px;
  margin-left:-402px;
  margin-top:-203px;
  background:#fff;
  border:solid #888;
  border-width:0 2px 2px 2px;
  z-index:50002;
}

#layout_login form{
  padding:28px 50px;
  height:300px;
}

#layout_login .login_title {
  border:2px solid #888;
  width:100%;
  border-radius:15px;
  background:#555;
  height:40px;
  color:#fff;
  padding:0 25px;
  position:relative;
  left:-25px;
  font:normal normal 20px/40px Tahoma ExtraBold, "ＭＳ Ｐゴシック";
}

#layout_login .close {
  line-height:30px;
  text-align:center;
  position:absolute;
  width:94px;
  height:94px;
  right:-24px;
  top:-24px;
  background:url('./../images/close.png') no-repeat center center;
  cursor:pointer;
}

#layout_login #layout_luid,
#layout_login #layout_lupw {
  display:block;
  margin:0 10px 5px 0;
  border:1px solid #ccc;
  border-radius:10px;
  height:35px;
  padding:0 25px;
  width:538px;
}

#layout_login .submit {
  height:37px;
  display:block;
  margin:0 0 5px 0;
  padding:0;
  border:1px solid #ccc;
  width:100px;
  background:#fff;
  border-radius:10px;
  cursor:pointer;
}

#layout_login #layout_keep,
#layout_login label {
  cursor:pointer;
  line-height:37px;
  vertical-align:middle;
  letter-spacing:-1px;
}

#layout_login .login_box {
  width:305px;
  margin:10px 0;
  padding:0 20px;
  text-align:center;
}

#layout_login .login_box div {
  padding:10px 0;
}

#layout_login .login_box a {
  display:block;
  padding:10px;
  border:1px solid #ccc;
  border-radius:10px;
  margin:0 0 10px 0;
}

#layout_login .sns_signup {
  height:76px;
  margin:0 20px;
  padding:25px 0 15px 0;
  line-height:76px;
  text-align:center;
  font-size:20px;
  font-weight:bold;
}

#layout_login .sns_signup .pleasure_button {
  display:block;
  border:1px solid #ccc;
  border-radius:25px;
  height:74px;
}