body{font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Geneva, Arial, Verdana, sans-serif; text-align: center; margin: 0px; padding: 0px; color: #333333; font-size: 13px; line-height: 130%;}

*{margin:0px; padding:0px;}
img{border:none;}
li{list-style:none;}
ul{margin:0px; padding: 0px}
.cf:after{content: ""; display: block; clear: both;height: 0px;}
.cf{/display: inline-block;}

/*====== layout ========*/
#page{width:820px; margin: 0px auto; text-align: left; padding-bottom: 15px; background: url(../images/page_bottom.gif) no-repeat left bottom;}
#page .pageinner{padding: 0px 10px; background: url(../images/page_bg.gif) repeat-y 0px 0px;}

#pageHead{padding: 5px 10px;}
#pageHead h1{font-size: 11px; font-weight: normal;}
#pageHead h2{float: left;}
#pageHead ul{float: right;}
#pageHead ul li{float: left; padding: 0px 5px;}

#pageCont{background-color: #ffffff; border-top: 4px solid #252f91; border-bottom: 2px solid #7b7668;}

#pageFoot{padding: 10px;}
#pageFoot ul{float: left; width: 270px; padding-top: 25px; padding-left: 30px;}
#pageFoot ul li{float: left;}
#pageFoot ul li span{padding: 0px 5px;}
#pageFoot ul li a{color : #333333;}
#pageFoot ul li a:hover{color : #285afd;}
#pageFoot .copyright{float: left; width: 480px; height: 45px; text-indent: -9999px; background: url(../images/foot_copy.gif) no-repeat right bottom;}

/*====== index ========*/
#index #contTop ul li{float: left; height: 45px;}
#index #contMain ul{padding: 15px 0px 40px;}
#index #contMain ul li{float: left; width: 240px; padding-left: 20px;}
#index #contMain ul li p{padding: 10px; font-size: 12px; color: #6f1427;}
#index #contBottom{margin: 0px 20px 20px;}
#index #contBottom .news{float: left; width: 600px;}
#index #contBottom .news dl{margin: 10px;}
#index #contBottom .news dt{float: left; width: 100px; padding: 2px 0px;}
#index #contBottom .news dd{float: left; width: 480px; padding: 2px 0px;}
#index #contBottom .banner{float: left; width: 160px; text-align: center;}

#layer #contMain{padding: 20px 0px 50px;}
#layer #contMain .mainColumn{float: left; width: 524px; padding: 0px 30px;}
#layer #contMain .sideColumn{float: left; width: 196px; margin-right: 20px; padding-bottom: 10px; background: #eeeeee url(../images/layer_side_bottom.gif) no-repeat left bottom;}
#layer #contMain .sideColumn .navi ul{padding: 5px 10px;}
#layer #contMain .sideColumn .navi li{padding: 10px 0px;}
#layer #contMain .sideColumn .navi li a:hover{padding-left: 5px}
#layer #contMain .sideColumn .banner{margin: 5px; background: url(../images/line01.gif) repeat-x left top;}
#layer #contMain .sideColumn .banner ul{padding: 10px 0px;}
#layer #contMain .sideColumn .banner li{padding-top: 10px; text-align: center;}