@charset "UTF-8";
/* CSS Document */

#container{
  text-align: left;
  width: 1140px;
  margin: 0 auto;
  padding: 0;
}

#menu{
width:950px;
height:100px;
padding: 0px 0px 0px 0px;
margin:0px;
}

img{
border:none;
}

#menu span {
display: none;
}

ul#topmenu{
    width:950px;
	height:100px;
    overflow:hidden;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:bottom;
	list-style-type:none;
	text-decoration: none;
} 

ul#topmenu li{
    float:left;
    height:100px;
    display:block;
	padding-top:0px;
	margin-top:0px;
}

ul#topmenu li a {
    display: block;
	float:left;
    overflow: hidden;
    height: 100px;
    background-image:url(common/btn-topmenu6.jpg);
    padding-top:0px;
	margin-top:0px;
}

/* topmenu normal
---------------------*/

    #menu1 a { width:237px; background-position:0       0;}
	#menu1b a { width:237px; background-position:0       -100px;}
    #menu2 a { width:237px; background-position:-237px  0;}
	#menu2b a { width:237px; background-position:-237px  -100px;}
    #menu3 a { width:237px; background-position:-475px  0;}
	#menu3b a { width:237px; background-position:-475px  -100px;}
    #menu4 a { width:239px; background-position:-712px  0;}
	#menu4b a { width:239px; background-position:-712px  -100px;}
    
/* topmenu rollover
----------------------*/
    #menu1 a:hover  { width:237px; background-position:0       -100px;}
    #menu2 a:hover  { width:237px; background-position:-237px  -100px;}
    #menu3 a:hover  { width:237px; background-position:-475px  -100px;}
    #menu4 a:hover  { width:239px; background-position:-712px  -100px;}
ul#topmenu{
    width:950px;
	height:100px;
    overflow:hidden;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:bottom;
	list-style-type:none;
	text-decoration: none;
} 

ul#index_menu{
    width:910px;
	height:227px;
    overflow:hidden;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:bottom;
	list-style-type:none;
	text-decoration: none;
} 

ul#index_menu li{
    float:left;
    height:227px;
    display:block;
	padding-top:0px;
	margin-top:0px;
}

ul#index_menu li a {
    display: block;
	float:left;
    overflow: hidden;
    height: 227px;
    background-image:url(/img/index_menu_select01.jpg);
    padding-top:0px;
	margin-top:0px;
}

/* index_menu normal
---------------------*/

    #menu01 a { width:227px; background-position:0       0;}
	#menu01b a { width:227px; background-position:0       -227px;}
    #menu02 a { width:227px; background-position:-227px  0;}
	#menu02b a { width:227px; background-position:-227px  -227px;}
    #menu03 a { width:227px; background-position:-454px  0;}
	#menu03b a { width:227px; background-position:-454px  -227px;}
    #menu04 a { width:227px; background-position:-681px  0;}
	#menu04b a { width:227px; background-position:-681px  -227px;}
    
/* index_menu rollover
----------------------*/
    #menu01 a:hover  { width:227px; background-position:0       -227px;}
    #menu02 a:hover  { width:227px; background-position:-227px  -227px;}
    #menu03 a:hover  { width:227px; background-position:-454px  -227px;}
    #menu04 a:hover  { width:227px; background-position:-681px  -227px;}

ul#index_menu{
    width:910px;
	height:227px;
    overflow:hidden;
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:bottom;
	list-style-type:none;
	text-decoration: none;
}       
        
#banner{
width:1140px;
height:380px;
padding:0px 0px 0px 0px;
}

#content{
width:1140px;
padding:20px 20px 20px 20px;
font-size:75%;
color:#2d2d2d;
border-style: solid; border-width: 0px 0px; border-color:#cccccc;
}

td{
	background-repeat: no-repeat;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

span.tit1{
font-size:75%;
color:#7E9452;
font-weight:bold;
display: inline-block;
_display: inline;
}

span.tit2{
font-size:100%;
color:#7E9452;
font-weight:bold;
display: inline-block;
_display: inline;
}

span.ab{
font-size:75%;
color:#2d2d2d;
}

#foot{

text-align:center;
font-size:75%;
color:#ffffff;
background:#696969;
width:1200px;
height:25px;
padding:5px 0;  
}


#text{

text-align:center;
font-size:75%;
color:#000000;
background:#ffffff;
width:1140px;
height:25px;
padding:5px 0;  
}


<style type="text/css">
 
a:hover {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


#index-long{
width:2000px;
padding:0px 0px 0px 0px;
}

p{
	font-size: 12px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.shadow {
    margin-top: 5px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
}