/*index*/
#sample_index {width:400px; height:400px; position:absolute; background:#0e66a4; left:50%; top:50%; margin:-300px 0 0 -200px; overflow:hidden;}
#sample_index h1 {font-size:20px; color:#fff; text-align:center; margin:25px 15px 15px; padding-bottom:25px; border-bottom:1px solid #60aee6;}
#sample_index .btnSet {margin:30px 50px 0;}
#sample_index a {position:relative; font-family:HY�߰��; display:inline-block; color:#fff;  font-size:16px; width:270px; text-align:leftr; padding:25px 0 20px 20px; margin-bottom:20px; cursor: pointer;
-webkit-box-shadow: 5px 5px 7px 0px rgba(5, 50, 70, 0.5);
-o-box-shadow: 5px 5px 7px 0px rgba(5, 50, 70, 0.5);
box-shadow: 5px 5px 7px 0px rgba(5, 50, 70, 0.5);
}
#sample_index a.btn1 {background:#2cd740; left:15px;}
#sample_index a.btn1:hover {background:#000; color:#2cd78c;}
#sample_index a.btn2 {background:#18daa1; left:15px;}
#sample_index a.btn2:hover {background:#000; color:#18daf1;}
#sample_index a.btn3 {background:#3ca4ef; left:15px;}
#sample_index a.btn3:hover {background:#000; color:#3ca4ff;}
#sample_index a span {font-size:40px; position:absolute; right:20px; top:15px; }
#sample_index .footer {margin-top:5px; font-size:11px; text-align:center; color:#000;}


/*layout*/
#sample_wrap {width:100%;}
.sample {margin:0 auto; width:498px; border-left:1px solid #0e66a4; border-right:1px solid #0e66a4; border-bottom:1px solid #0e66a4;}

/*style*/
#sample_wrap h1 {width:500px; margin:50px auto 0; font-size:12px; background:#0e66a4; color:#fff; height:35px; line-height:35px; text-align:center;}
#sample_wrap h1 span {font-weight:normal;}
#sample_wrap p {padding:15px; line-height:16px;  color:#4383b0;}
#sample_wrap p span {font-weight:bold; color:#e44541;}
#sample_wrap h2 {font-size:12px; margin-left:15px;}
#sample_wrap .tbl {width:470px; margin:5px 0 20px 15px;}
#sample_wrap .tbl th, #sample_wrap .tbl td {text-align:left; padding-left:20px; border-top:1px solid #c1d4e2; border-bottom:1px solid #c1d4e2;}#sample_wrap .tbl th {background:#e8eef3; color:#4383b0; font-weight:normal; width:30%;}
#sample_wrap .tbl td {width:70%; padding:5px 0 5px 10px;}
#sample_wrap .tbl td select {width:100px; font-size:11px;}
#sample_wrap .tbl td input {border:1px solid #d1d1d1; padding-left:5px; font-size:11px;}
#sample_wrap .tbl td input.w300 {width:300px;}
#sample_wrap .tbl td input.w200 {width:200px;}
#sample_wrap .tbl td input.w100 {width:100px;}

#sample_wrap .tbl td a.submit {background:#e44541;}
#sample_wrap .tbl td a.submit:hover {background:#bd2a27;}
#sample_wrap .tbl td a.home {background:#4383b0;}
#sample_wrap .tbl td a.home:hover {background:#245f89;}
#sample_wrap .tbl td a {display:inline-block; font-size:15px; letter-spacing:1px; font-weight:bold; color:#fff; width:150px; padding:10px 0; margin:0 5px;}

#sample_wrap .btnset {text-align:center; margin-bottom:20px;}
#sample_wrap .btnset a.submit {background:#e44541;}
#sample_wrap .btnset a.submit:hover {background:#bd2a27;}
#sample_wrap .btnset a.home {background:#4383b0;}
#sample_wrap .btnset a.home:hover {background:#245f89;}
#sample_wrap .btnset a {display:inline-block; font-size:15px; letter-spacing:1px; font-weight:bold; color:#fff; width:150px; padding:10px 0; margin:0 5px;}
#sample_wrap .btnset input.submit {background:#e44541; border:0px; font-size:11px; letter-spacing:1px; font-weight:bold; color:#fff; width:70px; padding:10px 0; margin:0 5px;}
#sample_wrap .footer {width:500px; margin:10px auto 0; font-size:11px; text-align:center;}