@charset "utf-8";

#firstview { background: url(../images/common/bg_00.jpg) center top; text-align: center; height: 639px; padding: 50px 0; position: relative; }
#firstview p { padding: 45px 0 37px; }
#firstview p a { display: inline-block; *display: inline; *zoom: 1; font-size: 21px; color: #fff; text-align: center; width: 314px; height: 69px; line-height: 64px; margin: 0 10px; }
#firstview p a.btn_usr 	{ background: url(../images/buttons/btn_00.png) no-repeat; }
#firstview p a.btn_adv 	{ background: url(../images/buttons/btn_01.png) no-repeat; }


#intro { font-size: 16px; text-align: center; padding: 60px 0 90px; }
#intro h3 { padding: 40px 0; }
#intro p { padding: 0 0 10px; }

#flow { background: url(../images/index/pic_03.jpg) center top no-repeat; padding: 440px 0 0; }
#flow ul li { font-size: 14px; line-height: 20px; width: 316px; float: left; }
#flow ul li dl dt { font-size: 20px; font-weight: bold; text-align: center; padding: 10px 0; }
#flow ul .step1 dd { padding: 0 0 0 30px; }
#flow ul .step2 dt { padding-left: 15px; }
#flow ul .step3 dd { padding: 0 0 0 70px; }
#flow ul .step3 dt { padding-left: 30px; }
#flow p { text-align: center; padding: 80px 0; }
#flow p a { background: #f172a4; display: inline-block; *display: inline; *zoom: 1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 20px; color: #fff; width: 330px; height: 60px; line-height: 60px; }


