@charset "utf-8";

#Glonavi .TOP a {background-position: 0px -42px;}

#ContentsArea .TopBox {width: 420px; height: 93px;background:url(../img/top_mainimage.png) no-repeat;display: block; padding: 208px 0 0 540px; margin-bottom: 34px;}
#ContentsArea .TopBox:after {display: block; clear: both;content: "";}
#ContentsArea .TopBox li{float:left;}
#ContentsArea .TopBox .ServiceBanner01{margin-right: 10px;}
#ContentsArea .TopBox .ServiceBanner01 a {width: 200px; height: 66px; background:url(../img/top_mainimage_login.png) no-repeat;display: block;}
#ContentsArea .TopBox .ServiceBanner01 a:hover {background-position: 0 -66px;}
#ContentsArea .TopBox .ServiceBanner02 a {width: 200px; height: 66px; background:url(../img/top_mainimage_contact.png) no-repeat;display: block;}
#ContentsArea .TopBox .ServiceBanner02 a:hover {background-position: 0 -66px;}

#ContentsArea .TopBox {width: 420px; height: 93px;background:url(../img/top_mainimage.png) no-repeat;display: block; padding: 208px 0 0 540px; margin-bottom: 34px;}
#ContentsArea .TopBox:after {display: block; clear: both;content: "";}
#ContentsArea .TopBox li{float:left;}
#ContentsArea .TopBox .login {margin-right: 10px;}
#ContentsArea .TopBox .login a {width: 200px; height: 66px; background:url(../img/top_mainimage_login.png) no-repeat;display: block;}
#ContentsArea .TopBox .login a:hover {background-position: 0 -66px;}
#ContentsArea .TopBox .contact a {width: 200px; height: 66px; background:url(../img/top_mainimage_contact.png) no-repeat;display: block;}
#ContentsArea .TopBox .contact a:hover {background-position: 0 -66px;}

#ContentsArea .TopBannerBox {margin-top: 20px;}
#ContentsArea .TopBannerBox:after {display: block; clear: both;content: "";}
#ContentsArea .TopBannerBox li{float:left;}
#ContentsArea .TopBannerBox .ServiceBanner01,
#ContentsArea .TopBannerBox .ServiceBanner02,
#ContentsArea .TopBannerBox .ServiceBanner03 {width: 237px; margin-right:4px;}
#ContentsArea .TopBannerBox .ServiceBanner04 {width: 237px;}
#ContentsArea .TopBannerBox .ServiceBanner01 p,
#ContentsArea .TopBannerBox .ServiceBanner02 p,
#ContentsArea .TopBannerBox .ServiceBanner03 p,
#ContentsArea .TopBannerBox .ServiceBanner04 p{padding: 46px 10px 0 123px; color: #000;}
#ContentsArea .TopBannerBox .ServiceBanner01 a{width: 237px; height: 191px; background:url(../img/top_contents01.png) no-repeat;display: block; overflow:hidden;}
#ContentsArea .TopBannerBox .ServiceBanner01 a:hover {background-position: 0 -191px;}
#ContentsArea .TopBannerBox .ServiceBanner02 a{width: 237px; height: 191px; background:url(../img/top_contents02.png) no-repeat;display: block; overflow:hidden;}
#ContentsArea .TopBannerBox .ServiceBanner02 a:hover {background-position: 0 -191px;}
#ContentsArea .TopBannerBox .ServiceBanner03 a{width: 237px; height: 191px; background:url(../img/top_contents03.png) no-repeat;display: block; overflow:hidden;}
#ContentsArea .TopBannerBox .ServiceBanner03 a:hover {background-position: 0 -191px;}
#ContentsArea .TopBannerBox .ServiceBanner04 a{width: 237px; height: 191px; background:url(../img/top_contents04.png) no-repeat;display: block; overflow:hidden;}
#ContentsArea .TopBannerBox .ServiceBanner04 a:hover {background-position: 0 -191px;}


#ContentsArea .TopNewsBox { width: 920px; background: #fff; border: solid 1px #ccc; padding: 21px 19px 21px 19px;margin-top: 35px;}
#ContentsArea .TopNewsBox ul{paddin: 208px 0 0 540px;}
#ContentsArea .TopNewsBox:after {display: block; clear: both;content: "";}
#ContentsArea .TopNewsBox .newsindex {width: 920px; height: 22px; background:url(../img/top_newsbar.png) no-repeat;display: block; text-align: right; margin-bottom: 15px;}
#ContentsArea .TopNewsBox .newsindex a img{margin-right: 2px;}
#ContentsArea .TopNewsBox .date {width: 90px; font-weight: bold; float: left;margin-bottom: 8px;}
#ContentsArea .TopNewsBox .news{width: 818px; float: left; margin-bottom:8px;background:url(../img/orenge_triangle.png) 0 5px no-repeat; padding-left: 12px;}
#ContentsArea .TopNewsBox .more{text-align: right; margin-top: 5px;}