/* -------------------------
BASE
BASE CSS Document
------------------------- */

/*共通*/

ul li{margin-bottom:1em;}

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,caption{
margin: 0;
padding: 0;
line-height: 1.5;
font-weight: normal;
}

ul,ol { list-style: none;}
a {background-color: transparent;}
caption{text-align: left;}
table,tr,td{
vertical-align: top;
font-size:100%;
}

#wrap {
    display: none;
}


#stage {
    position: relative;
    width: 1000px;
    height:220;
    margin: 0 auto;
}
#photo1,#photo2,#photo3,#photo4,#photo5{
    position: absolute;
    width: 1000px;
    height: 220px;
}
#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: 1000px;
    height: 220px;
    position: relative;
    margin: 0 0 0 0;
}

#frame1 {
    width: 1000px;
    height: 5px;
    position: relative;
    margin: 0 0 0 0;
}

@-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; }
}


img {
vertical-align:bottom;
border: none;
}

h1{
padding: 5px 0 5px 0;
line-height:1;
text-indent: 3px;
font-size: 12px;
font-weight: normal;
}

h3,h4{
font-size:14px;
font-weight:bold;
}

/*-----全体構造-----*/

body {
color: #000;
font-family: Times New Roman, Arial, Century, Helvetica, Universe;
text-align: center;
font-size: 12px;
background: url(../img/common/bg01.jpg);
}

#wrapper{
width: 1000px;
margin: 20px auto 0 auto;
background: #fff;
}

#layout{
width: 960px;
margin: 0 auto;
text-align: left;
}

#header, #main, #content{width: 700px;}
#header{background: #fff;}
#footer{
width: 1000px;
padding: 10px 0 10px 0;
background: url(../img/common/bg03.jpg);
color: #fff;
}


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

#header span{display:none;}
#header li{display: inline;}

/*-----ナビゲーション-----*/

#left_main li span{display:none;}
#cont_navi span{display:none;}

#allcontent #left_col ul {
width: 175px;
margin: 30px 0 0 5px;
border-bottom: 1px #ccc solid;
}

#allcontent #left_col li {border-top: 1px #ccc solid;}

/*-----コンテンツ-----*/

#contents{
margin: 0 auto;
text-align: left;
}

#right_col{
width: 758px;
padding: 5px 30px 30px 30px;
}

#right_col2{
width: 858px;
padding: 5px 30px 30px 30px;
}

#allcontent #right_col{
padding: 20px 0 20px 10px;
text-align: center;
}
#allcontent #right_col table{
width:465px;
margin: 0 auto;
text-align: left;
}

#left_col{width: 192px;}
#top #left_col{
padding: 0 0 30px 0;
background: url(../img/common/bg02.jpg) repeat-y 0 0;
}
#allcontent #layout{background: url(../img/common/bg06.jpg) repeat-y 0 0;}

#pagelink{
margin: 20px 0 0 0;
text-align: right;
}



/*-----トップページ-----*/

#top #content h3 span{display:none;}

#top #introduction{
width: 160px;
margin:0 0 50px 12px;
font-size: 10px;
text-align: left;
}

#top #introduction td{padding: 10px 0 0 0;}
#top #introduction li{display:inline;}
#top #introduction li img{
vertical-align: top;
padding : 0 10px 0 10px;
}

#top #right_col h4 span{display:none;}
#top .product{
width: 260px;
margin: 5px 0 0 0;
border: 1px #ccc solid;
}

#top .product td{padding: 10px 0 0 10px;}
#top .product dl{width: 234px;}
#top .product dd{padding: 10px 0 0 0;}
#top .product ul{margin: 0 0 20px 0;}
#top .product li{
text-indent: 20px;
background: url(../img/common/listmark01.gif) no-repeat left 50%;
}










/* FONT-FAMILY
---------------------------------------- */
/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
/*font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;*/