@charset "UTF-8";


body{
font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif; /* メイリオ */

margin-bottom:auto;
padding-bottom:auto;

vertical-align: bottom; /* ベースラインに揃える */

}




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




h1{
font-size:18px;
font-weight: normal;
margin-left:3%;
color:#000057;


}



#AAnavi{

width:120%;
height:85px;

background-color:#ffffff;
position:fixed;
margin:-10px;

border-bottom:1px solid #d8d8ff;
}




#Anavi{

width:980px;
height:85px;

left:50%;
margin-left:-490px;
margin-top:-10px;
list-style-type:none;
background-color:#ffffff;
margin-bottom:-10px;
position:fixed;


}




#navi{
background-color:#ffffff;
padding-left:0;
list-style-type:none;
margin:0 auto;

width:980px;
height:85px;


}






#navi li{

float:left;
width:163px;
height:85px;


background-color:#ffffff;
}


#navi li a{
font-size:17px;
display: block;


padding:1.8em 0 0 1px; /*メニューを中央に表示*/

text-decoration: none;
text-align:center;

margin-top:10px;


border-right:0.5px solid #f8f8ff;
border-left:0.5px solid #f8f8ff;
border-bottom:1px solid #8888df;

width:162px;
height:54px; /*メニュー縦線*/

display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;



}





#navi li a:hover{
background-color:#f0f0f7;
border-bottom:2px solid #8c0000;
color:#8c0000;
}


#topVisualWrapper{
height:600px;

margin:10px -20px 0 -20px;
padding-buttom:10px;
}



#topVisualWrapper2{
height:627px;
width:100%;

background-image:url("img/TOP-GREASE1-2.jpg");
/*opacity:1;*/
/*transition:all 0.5s;*/
-moz-background-size:100% auto;
background-repeat: no-repeat;
background-size:100% auto;

}




/*

#topVisualWrapper2:hover{
height:600px;
width:100%;
background-image:url("img/TOP-GREASE1-2-2.jpg");
/*opacity:0.5;*/
/*transition:0.5s;*/

margin:auto;
z-index:-1;
}

*/




.topCopyWrapper{
float:left;

}

.topVisual{
width:980px;
height:600px;

margin: 0 auto;

}



.topCopy{
font-size:40px;
color:#000057;
margin-top:140px;
margin-left:3%;
z-index: 15;

font-family:"游明朝", YuMincho,
 "ヒラギノ明朝 ProN W3", 
"Hiragino Mincho ProN", 
"HG明朝E", 
"ＭＳ Ｐ明朝", 
"ＭＳ 明朝", serif;

}





.F{
font-size:15px;
color:#000057;

margin-top:2%;
margin-left:3%;
z-index: 15;
}





/*-------------------------------------------------------
                         画像ボタン           
--------------------------------------------------------*/




#banner{
height:200px;
margin:-100px 0 0 0;

}



#bannerBanner{
width:980px;
height:100px;
margin: 0 auto;

}


#bannerMenu{
display:inline;
overflow:hidden;
list-style-type:none;

}




#bannerMenu li a{
float:left;
width:218px;
height:145px;
display: block;
color:#000057;
text-decoration: none;
vertical-align:middle;
text-align:center;
margin:0 12px 0 12px;

border:1px solid #8888df;
background-color:#FFFFFF;

font-size:14px;

}



#bannerMenu li a:hover{
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
color:#8c0000;

border-right:1px solid #8c0000;
border-left:1px solid #8c0000;
border-top:1px solid #8c0000;
border-bottom:1px solid #8c0000;

}



#bannerMenu li a img{

width:218px;
height:120px;

}



/*-------------------------------------------------
                 画像ボタン終わり                  
----------------------------------------------------*/
/*-------------------------------------------------
                   ヘッダー終わり　                    
----------------------------------------------------*/
/*----------------------------------------
                 トピックス　             
-------------------------------------------*/
h2{
font-size:30px;
font-weight: normal;
color:#000057;
text-align:left;
background-color:#FFFFFF;
}


.naiyouWrapper{
width:980px;
margin:0 auto;

background-color:#FFFFFF;


}


.naiyou{

padding-bottom:10px;
background-color:#FFFFFF;
}




.line{
border-bottom: 4px solid #8e0000;
width:100%;

}






/*----------------------------------------------------
                  トピックス終わり                    
-----------------------------------------------------*/
/*---------------------------------------------
                   フッター　                  
--------------------------------------------------*/

footer{
height:200px;
margin:10px -20px auto -20px;


background-image:url("img/GAZOU3-3-3.jpg");
clear:both; /* フッター最下部に */


-moz-background-size:100% auto;
background-size:100% auto;
}	




.footerWrapper{
width:980px;
height:100px;
margin:0 auto;
padding-top:0;



}



.footerUE{
width:300px;
height:100px;
padding-top:20px;
float:left;

}


.footerUE2{
border-right:1px solid #8c8c8c;

}



.footer-navi{
list-style-type:none;
font-size:14px;

}



.footer-navi a{
text-decoration:none;

}



.footer-navi a:hover{
text-decoration:underline;
color:#8c0000;
}



.footerSHITA{
width:320px;
height:100px;
float:left;

padding-left:40px;
padding-top:50px;
}



.renraku{
font-size:20px;

}



#toContact2{
border:solid 1px #COCOCO;
width:230px;
height:40px;
font-size:18px;

font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',
Meiryo, sans-serif;
}




textarea,input,select{
background-color:transparent;
}




.footerJ{
width:320px;
height:100px;
float:left;

padding-bottom:35px;
}


.footerR{


font-size:35px;
color:#000057;

font-family:"游明朝", YuMincho,
 "ヒラギノ明朝 ProN W3", 
"Hiragino Mincho ProN", 
"HG明朝E", 
"ＭＳ Ｐ明朝", 
"ＭＳ 明朝", serif;

}


.F2{
font-size:15px;

margin-top:2%;
margin-left:3%;

}




.footer2{
height:4px;
background-color:#e0e0e0;
text-align: right;

position:bottom;
vertical-align: auto;
/*margin:0 -20px auto -20px;*/
clear:both;
padding-top:20px;

}


.foot{
width:980px;
margin:-20px auto;

clear:both;
}


/*-------------------------------------------------------------
                          フッター終わり                       
-------------------------------------------------------------*/