/* Index */

#index {width:653px; overflow:hidden;}
#index h2 {width:653px; height:52px; background:transparent url('../images/index/ttl_index.jpg') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}

#upMessage {margin:0px 0px 10px; border:double 3px #ff0000; text-align:center; background:#fff0f0;}
#upMessage p {margin:5px; color:#ff0000; font-weight:bold;}

#index h3.reuse {clear:both; width:433px; height:26px; background:transparent url('../images/index/sttl_index.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}

#push {width:653px; overflow:hidden;}
#push h2 {width:653px; height:52px; background:transparent url('../images/index/ttl_push.jpg') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
#push h3 {width:461px; height:49px; margin:20px 0px; background:transparent url('../images/index/text_push.jpg') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}


#login {display:inline; width:674px; margin:0px 0px 0px 242px; padding:0px 0px 20px; background:transparent url('../images/bg_contents.png') repeat-y 0px 0px; overflow:hidden; float:left;}

#login h2 {width:674px; height:52px; margin:0px 0px 16px; background:transparent url('../images/index/ttl_login.jpg') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}

#login div.user {position:relative; display:inline; width:322px; height:242px; margin:0px 0px 31px; background:transparent url('../images/index/bg_user.jpg') no-repeat 0px 0px; overflow:hidden; float:left;}
#login div.user h3 {height:30px; text-indent:-2000px;}
#login div.user p.read {position:absolute; top:70px; left:65px; width:250px;}
#login div.user p.att {position:absolute; top:150px; left:65px; width:250px;}
#login div.user p.att span {font-weight:bold; color:#02348d;}



#login div.entry {position:relative; display:inline; width:322px; height:242px; margin:0px 0px 31px; background:transparent url('../images/index/bg_entry.jpg') no-repeat 0px 0px; overflow:hidden; float:right;}
#login div.entry h3 {height:30px; text-indent:-2000px;}
#login div.entry p.read {position:absolute; top:60px; left:65px; width:240px;}
#login div.entry a.btn {position:absolute; top:140px; left:65px; display:block; width:210px; height:54px; background:transparent url('../images/index/btn_entry.jpg') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
#login div.entry a.btn:hover {background-position:0px -54px;}
#login div.entry p.att {position:absolute; top:205px; left:65px; width:250px;}


#login h3.service {clear:both; width:528px; height:40px; background:transparent url('../images/index/sttl_login.jpg') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
#login ul {margin:10px 5px;}
#login ul li {margin:0px 0px 10px;}
#login ul li h4 {width:640px; height:35px; background:transparent url('../images/index/sprit_login_ssttl.png') no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
#login ul li.point1 h4 {background-position:0px 0px;}
#login ul li.point2 h4 {background-position:0px -35px;}
#login ul li.point3 h4 {background-position:0px -70px;}
#login ul li.point4 h4 {background-position:0px -105px;}
#login ul li.point5 h4 {background-position:0px -140px;}
#login ul li p {margin:0px 0px 0px 45px; font-size:14px;}