@charset "utf-8";

div#contents .page_ttl span{background:url(./img/lm_ttl.png) left no-repeat; padding:.5em 0 .5em 55px;}
ol#main_navi{list-style:none; padding-bottom:1px;}
ol#main_navi li{width:335px; float:left; margin-bottom:20px;}
ol#main_navi li.even{float:right;}
ol#main_navi li dl{border:5px solid #e2e2e2; padding:10px 10px 0; box-sizing:border-box; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; behavior:url(/common/js/PIE.htc); position:relative;}
ol#main_navi li dl.oil{padding:10px 10px 0;/* min-height:25em\9;*/}
ol#main_navi li dl dt{font-size:0; line-height:0; text-align:center; margin-bottom:5px;}
ol#main_navi li dl dt a:hover img{transform:rotate(2deg) scale(1.05); -moz-transform:rotate(2deg) scale(1.05); -webkit-transform:rotate(2deg) scale(1.05); -o-transform:rotate(2deg) scale(1.05); -ms-transform:rotate(2deg) scale(1.05);
-ms-filter:"alpha(opacity=80)";}
ol#main_navi li dl dd{font-size:1.3em;}
ol#main_navi li dl dd p{margin:10px 20px 15px;}
ul#page_navi{list-style:none; background:url(./img/bg_navi.png) bottom repeat-x; margin-bottom:35px;}
ul#page_navi li{font-size:0; line-height:0; width:130px; float:left; margin-right:10px;}
ul#page_navi li.last{margin:0;}
ul#page_navi li a{display:block; padding-bottom:30px; -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none;}
ul#page_navi li a.current,
ul#page_navi li a:hover{background:url(./img/bg_current.png) bottom center no-repeat;}

@media screen and (max-width: 640px) {
div#contents .page_ttl span{background-size:26px 26px; padding:.5em 0 .5em 35px;}
ol#main_navi li{width:auto; float:none;}
ol#main_navi li.even{float:none;}
ol#main_navi li dl{padding:10px; min-height:5em;}
ol#main_navi li dl.oil{padding:10px;}
ol#main_navi li dl dt{width:60%; margin:0 auto;}
ol#main_navi li dl dd{font-size:1.2em;}
ol#main_navi li dl dd p{margin:1em 0 0;}
ul#page_navi{background:none; margin-bottom:15px;}
ul#page_navi li{width:32%; margin:0 2% 10px 0;}
ul#page_navi li.multiple3{margin-right:0;}
ul#page_navi li.multiple4{margin-left:17%;}
ul#page_navi li a{padding-bottom:0; position:relative;}
ul#page_navi li a.current,
ul#page_navi li a:hover{background:none;}
}