@charset "UTF-8";

/* 製品一覧用CSS　ichiranAA.css */

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

article{
margin:-10px auto;
}



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



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



li{
display: inline;
}




.navi{

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{
display: block;
font-size:17px;

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:200px;
margin:10px -20px 0 -20px;
}


.topVisualWrapper2{
height:200px;
background-image:url("img/HEAD1-1.jpg"); 
padding-top:40px;
-moz-background-size:100% auto;
background-size:100% auto;
background-repeat: no-repeat;
}


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

margin: 0 auto;
}



.topCopyWrapper{
float:left;
}




.topCopy{
font-size:40px;
color:#000057;
margin-top:60px;
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:2%;
z-index: 15;
}

/*-----------------------------------------------------
                   コンテンツ右側                  
---------------------------------------------------------*/

.contentsRight{
margin-top: 50px;
margin-right:10px;
float:right;

width:420px;
z-index: 11;

}


.contact{
width:400px;
margin:30px 10px 10px 10px;
z-index: 13;
}


#toContact1{
border:solid 1px #COCOCO;
width:300px;
height:50px;
font-size:15px;

}

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

/*-------------------------------------------------
               コンテンツ右側終了                  
-------------------------------------------------*/

/*-------------------------------------------------　
                   ヘッダー終わり　
------------------------------------------------------*/




/*----------------------------------------------------
                         製品一覧                         
-----------------------------------------------------*/

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

}


.naiyou1{
padding-bottom:10px;
}


.naiyou2{

padding-bottom:10px;
margin-bottom:18px;
overflow:auto;
font-size:15px;
}



.line{
border-bottom: 4px solid #8e0000;
width:100%;
/*padding: 10px;*/
}


h2{
font-size:30px;
font-weight: normal;
color:#000057;
text-align:left;

}


.T span{
font-size:18px;
margin-left:275px;
/*float:right;*/
}



img.img1{
float:left;
}



.name{
font-size:18px;
}


.name a:hover{
color:#8c0000;
}


/*-----------------------------------------------------
                    製品一覧終わり                     
-------------------------------------------------------*/


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

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:40px;
}


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


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