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

#Main #Title{margin:12px 0 0 0; clear:both; border:none; box-shadow:none; padding:0;}

#Main .MMenuS{display:none;}

#Main .MMenu{margin:-8px 0 20px 0; padding:3px 0 4px 0; clear:both; line-height:0; background-color:#980064; text-align:center;}
#Main .MMenu ul{list-style:none; margin:0; padding:0;}
#Main .MMenu li{float:left; padding:0; margin:0 3px 0 3px; overflow:hidden;}
#Main .MMenu li a{display:block; border:1px solid #980064; padding:0; margin:0;}
#Main .MMenu li a:hover{border:1px solid #FFFFFF;}
#Main .MMenu img{max-width: 100%; margin:0; padding:0; height: auto; width /***/:auto; border:none;　/*IE8のみ適用*/}

/*リードファインリフト*/
#Main .readfine{ float:left; padding:0 6px 6px 6px; margin:2px 0 0 0; line-height:1.6em; font-size:1em; width:72%;}
#Main .blue{color:#006699; font-weight:bold; padding:6px; margin:12px 0 0 0; }
#Main dl.lists{margin:0; padding:0 6px 6px 6px;}
#Main dl.lists dt{border-left:12px solid #000066; line-height:1.0em; margin-top:12px; padding:0 0 0 3px; color:#000066;}
#Main dl.lists dd{padding:3px 0 3px 16px;}

#Main .readfine2{float:left; padding:0 6px 6px 6px; margin:2px 0 0 0; line-height:1.6em; font-size:1em; width:60%;}


#Main p{line-height:1.6em;}

#Main .Rht{float:right; padding-right:12px; margin-top:12px;}

/*ハッピーリフト*/
#Main .read{ float:left; padding:6px; margin:12px 0 0 0; line-height:1.6em; font-size:1em; width:74%;}
#Main .red{color:#CC0000;}

#Main ul.ex{margin-bottom:60px;}
#Main ul.ex li{display:inline;}

#Main dl.data{}
#Main .data dt{font-weight:700; color:#003399; border-left:6px double #339900; padding:0 0 0 6px;}
#Main .data dd{line-height:1.6em; margin-bottom:30px;}
#Main .data dd p{margin-left:14px;}

#Main #corn{width:auto;}
#Main #corn img{width:auto;}

@media screen and (max-width:1100px){
#Main #Title{width:100%;}
#Main #Title img{width:100%;}

#Main .MMenu li{width:32%;}
}

@media screen and (max-width:850px){
#Main .MMenu li{width:32%;}
#Main .readfine2{width:62%;}
}

@media screen and (max-width:820px){
#Main .readfine2{width:56%;}
}

@media screen and (max-width:650px){
#Main .MMenu{text-align:center;}
#Main .MMenu li{width:30%;}

#Main .readfine{width:63%;}
#Main .readfine2{float:none; width:auto;}
#Main .read{width:66%;}
}

@media screen and (max-width:480px){
#Main .readfine{float:none; width:auto;}

#Main .Rht{float:none; text-align:center;}
#Main .read{float:none; width:auto;}

#Main .MMenu{display:none;}
#Main .MMenuS{display:block; margin:-8px 0 20px 0; padding:0;}
#Main .MMenuS ul{background-color:#980064; list-style:none; margin:0; padding:0;}
#Main .MMenuS li{padding:0; border-bottom:1px solid #FFFFFF;}
#Main .MMenuS li a{padding:4px; display:block; text-decoration:none; color:#FFFFFF;}
#Main .MMenuS li a:hover{background-color:#CCCCCC; color:#000000;}

#Main #corn{width:100%;}
#Main #corn img{width: 100%;}
}