@charset "utf-8";


/*---------------------------------------------
01. *, body
---------------------------------------------*/
*{
margin: 0;
padding: 0; 
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

html{
    height:100%; 
} 

body{
height:100%;
text-align:left;
font-weight:normal; 
font-style:normal; 
margin: 0;
padding: 0;
color:#000;
position: relative; 
}

body > #wrapper{ 
    height:auto; 
}




#wrapper {
width: 100%;
padding: 0;
margin: 0;
background:#fff;
position:relative;
}

a img {
border: none;
}

ul,li,ol {
margin: 0;
padding: 0;
}


a img{
filter : alpha(opacity=100);
}

a:hover img {
filter : alpha(opacity=80);
}


a:link{
  text-decoration : none;
  COLOR:#00A587;
}
a:active{
  text-decoration : none;
  COLOR:#F60;
}
a:visited{
  text-decoration : none;
  COLOR:#00A587;
}
a:Hover{
  text-decoration: underline;
  COLOR:#F60;
}




/*---------------------------------------------
 main
---------------------------------------------*/

#head {
width:970px;
height:75px;
overflow:hidden;
margin:0 auto;
padding:75px 0 0 0;
}

/*ロゴ-------------------------------- */
h1 {
float: left;
width: 305px;
height: 50px;
padding: 0;
margin:0;
text-indent:-9999px;
background: url(../imgs/logo.png) no-repeat 0 0;
}

h1 a {
text-decoration: none;
width: 305px;
display: block;
height: 50px;
margin:0;
padding:0;
}




/*サブメニュー-------------------------------- */

#submenu {
width:460px;
margin-top:10px;
padding:0;
float:right;
overflow:hidden;
list-style:none;
}

#submenu li {
float:left;
font-size:14px;
letter-spacing: 0.2em;
margin:0 10px;
background:url(../imgs/srush.gif) no-repeat right top;
padding:0 24px 0 0;
}
#submenu li p{
text-align:center;
font-size:10px;
letter-spacing: 0.2em;
margin:2px 0;
padding:0;
color:#02A789;
}

#submenu .nosr {
background:none;
padding:0;
}

#submenu li a{
text-decoration: none;
display: block;
height:50px;
color:#000;
}



#submenu li a:hover {
border-bottom:2px solid #02A789;
}


/*スライダー-------------------------------- */

.bg_img {
width:100%;
margin:0;
padding:0;
}
.bg_img img{
border-bottom:10px solid #02A789;
}


#ope {
position:absolute;
top:0px;
left:50%;
width:970px;
margin-left:-485px;
padding-right:5px;
z-index:100;
}

#opeinfo {
width:220px;
margin-top:20px;
margin-left:auto;
background-color:rgba(0,111,99,0.85);
padding:10px;
    -webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;  
    border-radius:5px 5px 5px 5px;
list-style:none;
}

#opeinfo dt{
font-size:18px;
font-weight:bold;
letter-spacing: 0.2em;
margin:5px;
color:#fff;
padding:5px 5px 5px 25px;
background:url(../imgs/bus.png) no-repeat 0 0;

}

#opeinfo dd{
text-align:center;
margin:10px 0;
padding:8px;
overflow:hidden;
}

#opeinfo .info{
background-color:#FFF9DF;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

#opeinfo dd img{
float:left;
}

#opeinfo dd p{
width:150px;
height:30px;
line-height:2;
font-size:90%;
margin-left:10px;
text-align:center;
padding:0;
border-left:1px solid #D6D6D6;
float:left;
}

#opeinfo .tel{
font-size:14px;
color:#fff;
font-weight:bold;
background-color:none;
}

#opeinfo a:link{
  text-decoration : none;
  COLOR:#000;
}
#opeinfo  a:active{
  text-decoration : underline;
  COLOR:#006F63;
}
#opeinfo  a:visited{
  text-decoration : none;
  COLOR:#000;
}
#opeinfo  a:Hover{
  text-decoration: underline;
  COLOR:#006F63;
}






/*メインコンテンツ------------------------------- */
#main {
width:1500px;
margin:0 auto;
padding:0;
position:relative;
}
#efforts {
width:1500px;
background-color:#F9F8EE;
margin:0 auto;
padding:40px 0;
}

#efforts-inn {
position:relative;
overflow:hidden;
width:970px;
margin:0 auto;
padding:0;
}

#efforts-inn h2{
width:278px;
height:236px;
text-indent:-9999px;
float:left;
margin:0;
padding:0;
background: url(../imgs/efforts.png) no-repeat 0 0;
}

#efforts-inn p{
width:670px;
float:right;
line-height:1.5;
margin:50px 0 0 0;
padding:0;
}

.gift {
position:absolute;
right:100px;
top:170px;
}

.pagetop {
display: none;
position: fixed;
bottom: 115px;
right: 100px;
}
.pagetop a {
width: 32px;
height: 32px;
}


/*NEWS-------------------------------- */

#news {
text-align:center;
width:1500px;
margin:100px auto;
padding:0;
}

#news h2{
width:118px;
height:47px;
margin:40px auto;
padding:0;
text-indent:-9999px;
background: url(../imgs/news.png) no-repeat 0 0;
}

#news img{
width:300px;
margin:20px auto;
padding:0;
}

#news p{
width:650px;
text-align:center;
margin:0 auto;
line-height:1.5;
padding:0;
}

/*特集バナー-------------------------------- */

#special {
width:970px;
margin:50px auto;
padding:0;
}


#special h2{
width:116px;
height:47px;
margin:20px auto;
padding:0;
text-indent:-9999px;
background: url(../imgs/products.png) no-repeat 0 0;
}


#owl-demo{
margin:30px 0;
padding:0;

}

#owl-demo .item{
margin: 3px;
}
#owl-demo .item img{
display: block;
width: 100%;
height: auto;
}

/*ABOUT US-------------------------------- */

#about {
text-align:center;
width:1500px;
margin:100px auto;
padding:400px 0 0 0;
background: url(../imgs/line.jpg) no-repeat 0 0;
}

#about h2{
width:118px;
height:47px;
margin:40px auto;
padding:0;
text-indent:-9999px;
background: url(../imgs/company.png) no-repeat 0 0;
}


#about p{
width:650px;
text-align:center;
margin:0 auto;
line-height:1.5;
padding:0;
}

.mform {
font-size:20px;
width:260px;
text-align:center;
background: none repeat scroll 0 0 #fff;
border: 1px solid #000;
cursor: pointer;
display: inline-block;
font-weight: bold;
color:#00A587;
line-height: normal;
margin: 20px auto;
padding: 15px 0;
text-decoration: none;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}


/*footer-------------------------------- */
.pagetop {
display: none;
position: fixed;
bottom: 200px;
right: 100px;
z-index: 10;
}
.pagetop a {
width: 83px;
height: 63px;
}
#footer {
position:relative;
background:#02A789;
width:100%;
margin:0;
padding:0;
}

.busall {
position:absolute;
right:30px;
bottom:-30px;
}

#footer-inn {
width:970px;
margin:0 auto;
padding:30px 0 0 0;
overflow:hidden;
color:#fff;
}

#cinfo {
width:300px;
float:left;
margin:0;
padding:0;
}

#cinfo dl{
list-style:none;
margin:0;
padding:0;
}

#cinfo dt{
margin:5px 0;
padding:0;
}

#cinfo dd{
font-size:80%;
line-height:1.3;
margin:0 0 10px 0;
padding:0;
}





#sinfo {
width:600px;
float:right;
margin:10px 0 0 0;
padding:0;
overflow:hidden;
}
#sinfo2 {
width:600px;
float:right;
margin:10px 0 0 0;
padding:0;
overflow:hidden;
}

#sinfo img{
width:250px;
float:right;
margin-left:10px;
padding:0;
}

#sinfo2 ul{
font-size:12px;
margin:30px 0 0 0;
padding:0;
list-style:none;
overflow:hidden;
}

#sinfo2 li{
margin:0;
padding:0 10px;
float:right;
}

.line {
border-right:1px solid #fff;
}


#foot {
width:100%;
margin:0;
padding:0;
color:#fff;
background-color:#02A789;
}

#foot-inn {
text-align:right;
width:970px;
margin:0 auto;
padding:20px 0;
color:#fff;
font-size:80%;
overflow:hidden;
}

#copy {
font-family:Verdana,sans-serif;
margin-left:auto;
}

#footer a:link{
  text-decoration : none;
  COLOR:#fff;
}
#footer a:active{
  text-decoration : none;
  COLOR:#fff;
}
#footer a:visited{
  text-decoration : none;
  COLOR:#fff;
}
#footer a:Hover{
  text-decoration: underline;
  COLOR:#fff;
}