@charset "UTF-8";

/*------------------------------------------------------------
	リセット
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em; }
body, table, input, textarea, select, option { font-family: HiraKakuProN-W3; font-size: 1em; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }

body {
 margin:0px;
 padding:0px;
 text-align:center;
 background: url(../img/back_image01.gif) repeat;
}

/*---------- ヘッダー----------*/

header {
 margin: 0;
 width: 750px;
 height: 14px;
 text-align: right;
 background: #ffffff;
}

header p {
 font-family:"MSゴシック",sans-serif;
 color:#000000;
 font-size: 12px;
 text-align: right;
}

#header2 {
 width: 750px;
 height: 100px;
 background: #000000;
 border-bottom: 2px solid #ffffff;
}

#header2 img {
 margin-left: auto;
 margin-right: suto;
}

#main {
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 width:750px;
 height:auto;
}

/*------------------------------------------------------------
	スライドショー
------------------------------------------------------------*/

#slide_base {
 margin-right: auto;
 margin-left: auto;
 width: 750px;
 height: 420px;
 background: #cccccc;
}

#stage {
    position: relative;
    width: 750px;
    height:420;
    margin: 0 auto;
}
#photo1,#photo2,#photo3,#photo4,#photo5 {
    position: absolute;
    width: 750px;
    height: 420px;
}
#photo1 img,#photo2 img,#photo3 img,#photo4 img,#photo5 img {
    opacity:0;
    -moz-animation: imgTrans 30s infinite;
    -webkit-animation: imgTrans 30s infinite;
    animation: imgTrans 30s infinite;
}
#photo1 img {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#photo2 img {
    -moz-animation-delay: 6s;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
#photo3 img {
    -moz-animation-delay: 12s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
#photo4 img{
    -moz-animation-delay: 18s;
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}
#photo5 img {
    -moz-animation-delay: 24s;
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
}
#frame {
    width: 750px;
    height: 420px;
    position: relative;
    overflow: hidden;
}
@-webkit-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@-moz-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}

/*------------------------------------------------------------
	ナビ
------------------------------------------------------------*/

nav {
 margin-top: 0;
 margin-left:auto;
 margin-right: auto;
 box-sizing: border-box;
 width: 750px;
 height: 35px;
 background: #000000;
 border-top: 2px solid #ffffff;
 border-bottom: 3px solid #ffffff;
}

nav ul {
 list-style-type: none;
}

nav ul li {
 float: left;
 width: 105px;
 height: 27px;
 border: #000000 solid 1px;
 overflow: hidden;
}

.fine {
 clear: both;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#middle_base {
 margin: 0;
 width: 750px;
 height: auto;
 background: #000000;
 box-sizing: border-box;
 border-top: solid 4px #ffffff;
 border-bottom: solid 4px #ffffff;
}

#image_box {
 margin-top: 10px;
 margin-left: 10px;
 width: 340px;
 height: 240px;
 float: left;
 box-sizing: border-box;
{

#com_box {
 margin-top: 5px;
 margin-left: 10px;
 width: 390px;
 height: 240px;
 float: left;
 box-sizing: border-box;
}

.ban_base {
 margin: 0;
 width: 750px;
 height: auto;
 box-sizing: border-box;
}

h2 {
 font-family:"MSゴシック",sans-serif;
 color:#000000;
 font-size:14px;
 font-weight:bold;
 line-height:24px;
}

#osechi_box {
 margin-top:10px;
 width: 750px;
 height: auto;
 box-sizing: border-box;
 background: #000000;
 border-top: solid 4px #ffffff;
}

#osechi_box img {
 width: 100%;
}

.osechi_image {
 margin-top: 5px;
 width: 750px;
 height: auto;
 box-sizing: border-box;
}

.osechi_image img {
 width: 100%;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/

footer {
 width: 750px;
 height: 80px;
 background: #000000;
}

footer img {
 margin-left: auto;
 margin-right: auto;
}