/* BeeDesignBox General index Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}

.clearfix:after {
clear: both;
}

.clearfix {
*zoom: 1;
}

body {
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
background-image:url(../images/page_parts/bg.jpg);
background-repeat:repeat;
font-weight: 300;
font-size: 14px;
color: #333;
overflow-y: scroll;
overflow-x: hidden;
}

a:link      {
color:#595757;
}
a:visited  {
color:#595757;
}
a:hover    {
color: #fd7202;
}

.container {
width: 100%;
position: relative;
}

.clr {
clear: both;
padding: 0;
height: 0;
margin: 0;
}

.container > header,
.main {
width: 100%;
max-width: 1050px;
margin: 0 auto;
padding: 0 20px;
}

.container > header {
padding: 30px 25px 50px 25px;
}

.container > header h1 {
font-size: 18px;
margin: 0;
font-weight: 700;
color: #666;
float: left;
text-shadow: 0 0 1px rgba(0,0,0,0.2);
display: inline-block;
width: 50%;
min-width: 320px;
}

.container > header h1 span {
display: block;
font-size: 15px;
font-weight: 300;
}

/* Header Style */
.codrops-top {
line-height: 24px;
font-size: 11px;
background: #fff;
background: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
z-index: 9999;
position: relative;
box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}

.codrops-top a {
padding: 0px 10px;
letter-spacing: 1px;
color: #333;
display: inline-block;
}

.codrops-top a:hover {
background: rgba(255,255,255,0.8);
color: #000;
}

.codrops-top span.right {
float: right;
}

.codrops-top span.right a {
float: left;
display: block;
}

/* Buttons Style */
.codrops-demos {
display: inline-block;
padding-top: 5px;
text-align: right;
width: 50%;
min-width: 320px;
}

.codrops-demos a {
display: inline-block;
margin: 10px 20px 0 0;
color: #666;
font-weight: 700;
padding-bottom: 5px;
border-bottom: 4px solid transparent;
}

.codrops-demos a:last-child {
margin-right: 0px;
}

.codrops-demos a:hover {
color: #000;
border-color: #000;
}

.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
color: #aaa;
border-color: #aaa;
}

.support-note {
clear: both;
}

.support-note span{
color: #ac375d;
font-size: 16px;
display: none;
padding: 20px;
font-weight: bold;
text-align: center;
}





#header {
width: 100%;
height:42px;
background-image:url(../images/page_parts/header.jpg);
background-position:center;
background-repeat:repeat-x;
margin: 0 auto ;
}
#h1 {
width: 1238px;
height:27px;
background-image:url(../images/page_parts/bg.jpg);
background-repeat:repeat;
margin: 20px auto 0 auto;
}
#h1_text {
width: 846px;
font-size:10px;
color:#595757;
margin: 5px auto 0 auto;
}
#navi_container_pc {
width: 1238px;
height:67px;
margin: -20px auto 15px auto;
}
#logo {
width: 393px;
height:67px;
float:left;
}
#navi15 {
width: 78px;
height:67px;
float:left;
}
#navi6 {
width: 63px;
height:67px;
float:left;
}
#navi_spacer {
width: 196px;
height:67px;
float:left;
}
#slideshow_pc {
width: 1238px;
height:377px;
margin: 0 auto;
}
#slideshow_mob {
display: none;
}
#mainImg {
width: 844px;
height:377px;
margin: 0 auto;
background-color:#FFF;
overflow: hidden;
position: relative;
z-index:1;
background-image:url(../images/page_parts/bg.jpg);
background-repeat:repeat;
}
#mainImg img {
top: 0px;
left: 0px;
position: absolute;
border-radius:20px;
}
#border {
width: 846px;
height:6px;
background-image:url(../images/page_parts/line.png);
background-repeat:repeat-x;
margin: 8px auto -40px auto;
}
#border2 {
width: 846px;
height:6px;
background-image:url(../images/page_parts/line.png);
background-repeat:repeat-x;
margin: 8px auto 0px auto;
}
#border3 {
width: 846px;
height:6px;
background-image:url(../images/page_parts/line.png);
background-repeat:repeat-x;
margin: 0px auto 0px auto;
padding:0 0 0 0;
}
#border4 {
width: 846px;
height:6px;
background-image:url(../images/page_parts/line.png);
background-repeat:repeat-x;
margin: 8px auto 0px auto;
}
#description {
width: 1238px;
height:145px;
background-image:url(../images/page_parts/bg.jpg);
background-repeat:repeat;
margin: 20px auto 0px auto;
}
#description_text {
width: 846px;
font-size:14px;
color:#595757;
line-height:1.7em;
text-align:justify;
margin: 0 auto;
}
#Gallery_container {
width: 1238px;
margin: 0 auto;
}
#title1_Gallery {
width: 202px;
height:50px;
padding:0 0 0 190px;
}
#container {
width: 1238px;
margin: 0 auto;
}
#title2_News {
width: 171px;
height:50px;
padding:0 0 0 0;
}
#title2_News_cont {
width : 850px;
height : 318px;
overflow:auto;
font-size:14px;
color:#595757;
line-height:1.7em;
margin: 20px auto 40px auto;
padding: 10px;
border:2px solid #ececec;
background-color:#FFFFFF;
}
#title2_News {
width: 171px;
height:50px;
padding:0 0 0 190px;
}
#News_box {
width: 850px;
height:171px;
padding:0 0 0 0;
}
#News_left {
width: 234px;
padding:0 10px 0 0;
float:left;
}
#News_right {
width: 550px;
padding:0 0 0 0;
float:left;
}
#News_line {
padding:0 0 12px 0;
}
#title3_Profile {
width: 202px;
height:50px;
padding:0 0 0 190px;
}
#title3_Profile_cont {
width : 846px;
height : 100%;
font-size:14px;
color:#595757;
line-height:1.7em;
margin: 17px auto 40px auto;
padding: 0px 13px 10px 13px;
}
#title4_Contact {
width: 220px;
height:50px;
padding:0 0 0 190px;
}
#title4_Contact_cont {
width : 846px;
height : 60px;
font-size:14px;
color:#595757;
line-height:1.7em;
margin: 17px auto 40px auto;
padding: 0px 13px 10px 13px;
}
#title5_Blog {
width: 157px;
height:50px;
padding:0 0 0 190px;
}
#title5_Blog_cont {
width : 846px;
height : 40px;
font-size:14px;
color:#595757;
line-height:1.7em;
margin: 17px auto 40px auto;
padding: 0px 13px 10px 13px;
}
#title6_Links {
width: 171px;
height:50px;
padding:0 0 0 190px;
}
#title6_Links_cont {
width : 846px;
height : 170px;
font-size:14px;
color:#595757;
line-height:1.7em;
margin: 0px auto 0px auto;
}
#Links01 {
width : 280px;
height : 200px;
font-size:14px;
color:#595757;
line-height:1.7em;
padding: 18px 0px 0px 12px;
float:left;
}
#Links02 {
width : 280px;
height : 200px;
font-size:14px;
color:#595757;
line-height:1.7em;
padding: 18px 0px 0px 0px;
float:left;
}
#Links03 {
width : 280px;
height : 200px;
font-size:14px;
color:#595757;
line-height:1.7em;
padding: 18px 0px 0px 0px;
float:left;
}
#botom_navi_text {
width: 940px;
font-size:12px;
color:#633319;
font-weight:bold;
text-align:center;
margin: 45px auto 15px auto;
clear:both;
}
#footer {
width: 100%;
height:67px;
background-image:url(../images/page_parts/footer.jpg);
background-position:center;
background-repeat:repeat-x;
margin: 0 auto;
}
#footer_text {
width: 940px;
font-size:12px;
color:#ffffff;
text-align:center;
margin: 0 auto;
padding: 25px 0px 0px 0px;
}
.red {
color:#db64a3;
font-weight:bold;
}
.dark-orange {
color:#fd7202;
}

.News_bold {
font-weight:bold;
}
.underbar {
text-decoration:underline;
}



/* ----- ページトップボタン ----- */
#page-top {
position: fixed;
bottom: 40px;
right: 40px;
font-size: 77%;
font-weight:bold;
z-index: 9999;
}
#page-top a {
background: #e50012;
opacity: 0.6;
text-decoration: none;
color: #fff;
width: 75px;
padding: 30px 0;
text-align: center;
display: block;
border-radius: 62px;
}
#page-top a:hover {
text-decoration: none;
background: #e50012;
opacity: 1.0;
}

/* ----- レスポンシブ　ナビゲーション ----- */
#navre a {
display: none;
}
#logo_mob {
display: none;
}
.text_left {
text-align:left;
}
.text_center {
text-align:center;
}
#text_left {
text-align:left;
padding: 0px 0px 0px 30px;
}


@media screen and (max-width: 640px){
.codrops-demos {
text-align: left;
}
#header {
display: none;
}
#navi_container_pc {
display:none;
}
/* ----- レスポンシブ　ナビゲーション ----- */
#navre {
padding: 0 0 10px 0;
}
#navre a {
width: 100%;
background: #254960;
color: #fff;
display: block;
float: none;
font-size: 16px;
line-height: 40px;
margin: 0 0 1px 0;
padding: 0 20px;
font-weight: bold;
text-decoration: none;
}
#navre a:hover {
background: #222;
}
#logo {
display: none;
}
#logo_mob {
display:inherit;
}
#slideshow_pc {
display: none;
}
#slideshow_mob {
display:inherit;
width: 100%;
height:auto;
padding: 15px 0 0 0;
}
#h1 {
display: none;
}
#border {
width: 100%;
margin: 25px auto -40px auto;
display:inherit;
}
#border2 {
display:inherit;
width: 100%;
}
#border3 {
display:none;
}
#border4 {
display:inherit;
width: 100%;
margin: 20px auto 0px auto;
display:inherit;
}
#description {
width: 95%;
height:100%;
background-image:url(../images/page_parts/bg.jpg);
margin: 20px auto 0px auto;
}
#description_text {
width: 100%;
font-size:15px;
color:#595757;
line-height:1.7em;
text-align:justify;
margin: 0 auto;
}
#Gallery_container {
width: 100%;
margin: 0 auto 0 auto;
}
#title1_Gallery {
width: 202px;
height:50px;
padding:70px 0 35px 7px;
}
#container {
max-width: 100%;
margin: 0 auto;
}
#title2_News {
width: 171px;
height:50px;
padding:10px 0 35px 7px;
}
#title2_News_cont {
width: 95%;
height : 300px;
overflow:auto;
font-size:15px;
color:#595757;
line-height:1.7em;
margin: 20px auto 40px auto;
padding: 10px;
border:2px solid #ececec;
}
#News_box {
width:  95%;
height:190px;
padding:0 0 0 0;
}
#News_left {
width: 100%;
padding:0 0 0 0;
}
#News_right {
width: 100%;
margin: 0;
padding:0 0 0 0;
text-align:justify;
}
#News_line {
padding:0 0 12px 0;
}
#title3_Profile {
width: 202px;
height:50px;
padding:0 0 35px 7px;
}
#title3_Profile_cont {
width: 100%;
height: 100%;
font-size:15px;
color:#595757;
line-height:1.7em;
margin: 17px auto 40px auto;
padding: 0px 13px 10px 13px;
}
#title4_Contact {
width: 220px;
height:50px;
padding:0 0 35px 7px;
}
#title4_Contact_cont {
width: 100%;
height: 100%;
font-size:15px;
color:#595757;
line-height:1.7em;
margin: 17px auto 40px auto;
padding: 0px 13px 10px 13px;
}
#title5_Blog {
width: 157px;
height:50px;
padding:0 0 35px 7px;
}
#title5_Blog_cont {
width: 100%;
height: 100%;
font-size:15px;
color:#595757;
line-height:1.7em;
margin: 17px auto 40px auto;
padding: 0px 13px 10px 13px;
}
#title6_Links {
width: 171px;
height:50px;
padding:0 0 35px 7px;
}
#title6_Links_cont {
width: 100%;
height: 100%;
font-size:15px;
color:#595757;
line-height:1.7em;
margin: 17px auto 40px auto;
padding: 0px 13px 10px 13px;
}
#Links01 {
width: 100%;
height: 100%;
font-size:15px;
color:#595757;
line-height:1.7em;
padding: 0px 0px 0px 0px;
float:none;
}
#Links02 {
width: 100%;
height: 100%;
font-size:15px;
color:#595757;
line-height:1.7em;
padding: 10px 0px 0px 0px;
float:none;
}
#Links03 {
width: 100%;
height: 100%;
font-size:15px;
color:#595757;
line-height:1.7em;
padding: 10px 0px 0px 0px;
float:none;
}
#botom_navi_text {
display:none;
}
#footer {
width: 100%;
height:67px;
background-image:url(../images/page_parts/footer.jpg);
background-position:center;
background-repeat:repeat-x;
margin: 0 auto;
}
#footer_text {
width: 100%;
font-size:x-small;
color:#ffffff;
text-align:center;
margin: 0 auto;
padding: 25px 0px 0px 0px;
clear:both;
}

/* ----- ページトップボタン ----- */
#page-top {
position: fixed;
bottom: 20px;
right: 20px;
font-size: 77%;
font-weight:bold;
z-index: 9999;
}
#page-top a {
background: #e50012;
opacity: 0.6;
text-decoration: none;
color: #fff;
width: 75px;
padding: 30px 0;
text-align: center;
display: block;
border-radius: 62px;
}
#page-top a:hover {
text-decoration: none;
background: #e50012;
opacity: 1.0;
}
}