@charset "utf-8";

body {background:url(../img/whole_bg.jpg) repeat-x center top;}
#main {background:url(../img/main_bg.jpg) no-repeat center 98px;}
#mainhead {margin-bottom:25px;}

#index0 {margin:-10px 0 20px;}
#index0 ul{list-style:none;}
#index0 ul li{display:inline-block;width:187px;margin-right:2px;}
#index0 ul li:last-of-type{margin-right:0;}
#index0 ul li img{max-width:100%;height:auto;}

#index1 {margin-bottom:25px;}
#index11 {position:relative;margin-bottom:15px;}
#index11 a {position:absolute;top:10px;right:10px;}
#index12 {margin:0 6px;}
#index12 p {font-weight:bold;border-bottom:1px dotted #979797;padding:2px 15px 20px 15px;margin-bottom:15px;}
#index12 p.topnew {background:url(../img/index2_2.png) no-repeat 9px top;padding-left:60px;}
#index12 p:last-child {border-bottom:none;}
#index12 a {font-weight:normal;color:#00a2e6;}
#index2 {margin-bottom:25px;}
#index21 {position:relative;margin-bottom:15px;}
#index21 a {position:absolute;top:10px;right:10px;}
#index22 {margin:0 6px;}
#index22 p {font-weight:bold;border-bottom:1px dotted #979797;padding:2px 15px 20px 15px;margin-bottom:15px;}
#index22 p.topnew {background:url(../img/index2_2.png) no-repeat 9px top;padding-left:60px;}
#index22 p:last-child {border-bottom:none;}
#index22 a {font-weight:normal;color:#3eb134;}

@media screen and (max-width: 640px) {

body {background:none;}
#main {background:none;}
#mainhead {margin-bottom:0;border-bottom:1px solid #d4d4d4;padding:0;height:auto;}
#mainhead:after {content:none;}

#index0 {margin:20px 10px 20px;}
#index0 ul{list-style:none;}
#index0 ul li{display:inline-block;width:296px;margin:0 4px .5em;}
#index0 ul li:last-of-type{margin-right:0;}
#index0 ul li img{max-width:100%;height:auto;}
#index0 ul li img.nospswap{width:100%;height:95px;}


#index1 {margin-bottom:43px;}
#index11 {margin-bottom:8px;}
#index11 a {top:6px;right:5px;}
#index12 {margin:0;}
#index12 p {border-bottom:1px solid #d0d0d0;padding:0 12px 20px;margin-bottom:13px;background:url(../img/sp_index2_3.png) no-repeat 25px 5px;font-size:24px;line-height:36px;text-indent:77px;max-height:100%;}
#index12 p.topnew {background:url(../img/sp_index2_2.png) no-repeat 10px 7px;padding-left:12px;}
#index12 p:last-child {border-bottom:1px solid #d0d0d0;}
#index12 a {}
#index2 {margin-bottom:100px;}
#index21 {margin-bottom:8px;}
#index21 a {top:6px;right:5px;}
#index22 {margin:0 6px;}
#index22 p {border-bottom:1px solid #d0d0d0;padding:0 12px 20px;margin-bottom:13px;font-size:24px;line-height:36px;max-height:100%;}
#index22 p.topnew {background:url(../img/sp_index2_2.png) no-repeat 10px 7px;text-indent:77px;padding-left:12px;}
#index22 p:last-child {border-bottom:1px solid #d0d0d0;}
#index22 a {}

}