@charset "utf-8";
/* Rule
----------------------------------------------- */
body{background-color:#F9F9F9;}
div#header{width:100%; background-color:#464646;}
div#header a{font-size:11px; text-decoration: none; line-height:30px; padding-left:1em;}
div#header a, div#header a:hover, div#header a:visited{color:#CCC;}
	
div#rule{width:640px; margin:80px auto 0; padding:120px 0 80px; background:url(images/login_logo.png) top center no-repeat;}
div#rule h1{margin-bottom:10px;}
div#rulearea{height:350px; overflow:auto; background-color:#FFF; padding:0 19px; margin-bottom:15px; border:1px solid #CCC;}
div#rulearea dl{margin-bottom:3em;}
div#rulearea dd{padding-left:8em; margin-bottom:1.5em;}
div#rulearea dd.nopadding{padding-left:0;}
div#rulearea dd.nopadding dt{float:left; width:8em;}
div#rulearea dd.nopadding dd{padding-left:8em; margin-bottom:1em;}
div#rulearea ol li{margin-left:20px;}
div#rulearea dl.security{margin-top:1em;}
div#rulearea dl.security dd{padding-left:0;}

div#rule ul.reglink li{width:50%;}
div#rule ul.reglink li.left{float:left; text-align:left;}
div#rule ul.reglink li.right{float:right; text-align:right;}

div#rule ul.reglink li a{display:block; width:90%; height:2em; text-align:center; color:#FFF; background-color:#01B0F0;}
div#rule ul.reglink li a:hover{background-color:#666;}
div#rule ul.reglink li a:visited{color:#FFF;}