@charset "UTF-8";

html,body {
   min-height: 100%;
   height: auto !important;
   height: 100%;
}

body {
   background:  url(../site-gazou/bodyback.png) repeat-x top,url(../site-gazou/siteback.jpg) repeat-x bottom;
   height: auto;
   font-size: 15px;
   font-family:"Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif;
}

.nurunuru {
   width: 970px;
   margin: 0 auto;
   background: url(../site-gazou/logoback.png)no-repeat top left;
}


.nuru-top {
   position: relative;
   height: 470px;
}
h1 {
   text-align: center;
   position: absolute;
   right: 0;
   top: 62px;
   line-height: 1.5em;
   letter-spacing: 0.08em;
   color: #757779;
   font-size: 21px;
   font-weight: bold;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
   z-index: 100;
}

h1 a img {
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
}

h1 a:hover img {
   transform: rotate( -5deg )
}

#logob {
   position: absolute;
   right: -48px;
   top: 20px;
   z-index: 0;
}

.nuru-main {
   display: -webkit-box;
   display: flex;
   -webkit-flex-direction: row-reverse;
   flex-direction: row-reverse;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   -webkit-justify-content:space-between;
   justify-content:space-between;
}

.nuru-kiji {
   width: 620px;
}

h2 {
   background: #df1474;
   color: #fff;
   font-size: 19px;
   letter-spacing: 0.07em;
   padding: 10px 14px;
   -moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
   border: 5px solid  #78dcdd;
   border-bottom-width: 0px;
   font-weight: bold;
}

.kiji-con {
   border: 5px solid  #78dcdd;
   border-top-width: 2px;
   background: #e9fcfc;
   line-height: 1.8em;
   padding: 13px;
   color: #666;
   margin-bottom: 17px;
}

.nuru-pr {
   line-height: 1.7em;
   font-size: 13px;
   text-align: center;
   margin-bottom: 17px;
}

.nuru-pr a {
   color: #df1474;
   font-size: 16px;
   padding: 3px;
   margin: 5px;
   display: inline-block;
}

.nuru-pr a:hover {
   background: #df1474;
   color: #fff;
   text-decoration: none;
}

.nuru-menu {
   width: 280px;
   padding-top: 120px;
}

h3 {
   font-weight: bold;
   background: #94e40a;
   font-size: 17px;
   padding: 7px 12px;
   -moz-border-radius: 10px 10px 0 0;
   -webkit-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
   border: 5px solid  #eadc62;
   border-bottom-width: 0px;
   color: #daf2b1;
   letter-spacing: 0.08em;
}

.menu-con {
   border: 5px solid #eadc62;
   border-top-width: 2px;
   background: #f4fee4;
   line-height: 1.8em;
   padding: 13px;
   color: #666;
   margin-bottom: 18px;
   font-size: 13px;
}

.menu-con:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.menu-con img {
   float: left;
   margin-right: 10px;
}

ol.menu-con li a {
   color: #666;
   display: block;
   padding: 5px;
   position: relative;
   margin: 10px 0 10px 12px;
   border-bottom: 2px solid #e4cd0a;
   text-decoration: none;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

ol.menu-con li a:hover {
   color: #fee406;
   border-bottom-color: #fee406;
}

ol.menu-con li a:before {
   content:url(../site-gazou/mm.png);
   position: absolute;
   top: 23%;
   left: -18px;
}

#adm a {
   display: block;
   border: 1px solid  #e4cd0a;
   color: #e4cd0a;
   margin-left:110px ;
   font-size: 12px;
   padding: 3px;
}


.nuru-under {
   text-align: center;
   font-size: 12px;
   line-height: 1.8em;
   color: #666;
   margin: 17px -0px;
}

.nuru-under ul li {
   display: inline-block;
   margin: 5px;
}


.nuru-under ul li a {
   color: #e4cd0a;
}

.nuru-under ul li a:hover {
   text-decoration: none;
}