@charset "UTF-8";
/* CSS Document */

html,body{background:url(../img/bg.jpg) 0 0 repeat;}
.hidden{display:block;width:0;height:0;overflow:hidden;padding-left:100%;white-space:nowrap;}
img{vertical-align:bottom;}
div#container{width:800px;margin:0 auto;}

header{text-align:center;padding-top:18px;padding-bottom:8px;}
header > h1{margin-bottom:8px;text-align:center;}
footer{font-size:92%;text-align:center;padding-top:60px;padding-bottom:8px;}
footer a{color:#0048ff;}footer a:hover{color:#5887ff;}


/** btn_XXXX.png **/
div.main ul.btn{text-align:center;padding-top:20px;}
div.main ul.btn li{
	padding:0 12px;
	display:inline-block;
	/display:block;
	/zoom:1;
}
div.main ul.btn li a{display:block;width:193px;height:0;padding-top:48px;overflow:hidden;white-space:nowrap;background-repeat:no-repeat;}
div.main ul.btn li a:hover{display:block;width:193px;height:0;padding-top:48px;overflow:hidden;white-space:nowrap;background-position:0 -50px;}


/************************************************************
	c_1 select
************************************************************/
div.main.c_1{}
div.main.c_1 ul.list li.series ul.item li{}

div.main.c_1 ul.list{width:731px;margin:0 auto;}
div.main.c_1 ul.list > li.series{background:url(../img/box_1_1.png) 0 0 no-repeat;height:258px;width:731px;margin-top:16px;}
div.main.c_1 ul.list > li.shot{background:url(../img/box_1_2.png) 0 0 no-repeat;height:780px;width:731px;margin-top:10px;}
div.main.c_1 ul.list > li > p.title{margin-top:68px;color:#c047c8;font-size:138%;text-align:center;}
div.main.c_1 ul.list > li > p.title.error{color:#ff0000;font-weight:bold;}
div.main.c_1 ul.list > li > p.notice{padding-left:40px;color:#484848;margin-top:12px;}

div.main.c_1 ul.list > li ul.item{overflow:hidden;width:670px;overflow:hidden;margin:0 auto;}
div.main.c_1 ul.list > li ul.item li{display:inline-block; *display:inline; *zoom:1; overflow:hidden;width:210px;font-size:110%; *font-size:100%;padding-left:8px;padding-top:10px;padding-bottom:8px;vertical-align:top;}
div.main.c_1 ul.list > li.series ul.item li{padding-top:20px;}
div.main.c_1 ul.list > li ul.item li > *{display:block;float:left;}
div.main.c_1 ul.list > li ul.item li > a{margin-left:4px;color:#484848;max-width:190px; *width:184px;}
div.main.c_1 ul.list > li ul.item li > a:hover{color:#808080;}

div.main.c_1 ul.btn li a{background-image:url(../img/btn_next.png);}


/************************************************************
	c_2 comment
************************************************************/

div.main.c_2 ul.list{width:731px;margin:0 auto;margin-top:12px;overflow:hidden;}
div.main.c_2 ul.list > li{float:left;padding:0 18px;padding-top:55px;height:275px;width:315px;}
div.main.c_2 ul.list > li.series{background:url(../img/box_2_1.png) 0 0 no-repeat;margin-left:12px;}
div.main.c_2 ul.list > li.shot{background:url(../img/box_2_2.png) 0 0 no-repeat;margin-right:12px;}
div.main.c_2 ul.list > li.name{padding:16px;clear:both;text-align:center;height:auto;width:350px;margin-top:40px;margin-left:160px;border:1px solid #cccccc;background-color:#ffffff;font-size:123%;}
div.main.c_2 ul.list > li > p.title{margin-top:68px;color:#c047c8;font-size:138%;text-align:center;}
div.main.c_2 ul.list > li > p.title.error{color:#ff0000;font-weight:bold;}
div.main.c_2 ul.list > li > p.notice{padding-left:40px;color:#484848;margin-top:12px;}
div.main.c_2 ul.list > li.name > input{width:200px;}
div.main.c_2 p.peninfo{text-align:center;padding-top:24px;}

div.main.c_2 ul.list > li ul.item{overflow:hidden;width:310px;overflow:hidden;margin:0 auto;}
div.main.c_2 ul.list > li ul.item li{width:310px;font-size:112%;padding-left:8px;padding-top:10px;padding-bottom:8px;color:#484848;}

div.main.c_2 ul.list > li ul.item li textarea.comment{display:none;width:295px;height:0;}

div.main.c_2 ul.btn li.prev a{background-image:url(../img/btn_prev.png);}
div.main.c_2 ul.btn li.agree a{background-image:url(../img/btn_agree.png);}
div.main.c_2 ul.btn li.agree.g a{background-image:url(../img/btn_agree_g.png);}




/************************************************************
	c_3 confirm
************************************************************/

div.main.c_3 ul.list{width:731px;margin:0 auto;margin-top:12px;overflow:hidden;}
div.main.c_3 ul.list > li{float:left;padding:0 18px;padding-top:60px;height:275px;width:315px;}
div.main.c_3 ul.list > li.series{background:url(../img/box_2_1.png) 0 0 no-repeat;margin-left:12px;}
div.main.c_3 ul.list > li.shot{background:url(../img/box_2_2.png) 0 0 no-repeat;margin-right:12px;}
div.main.c_3 ul.list > li.name{padding:16px;clear:both;text-align:center;height:auto;width:350px;margin-top:40px;margin-left:160px;border:1px solid #cccccc;background-color:#ffffff;font-size:123%;color:#c047c8;}
div.main.c_3 ul.list > li > p.title{margin-top:68px;color:#c047c8;font-size:138%;text-align:center;}
div.main.c_3 ul.list > li > p.title.error{color:#ff0000;font-weight:bold;}
div.main.c_3 ul.list > li > p.notice{padding-left:40px;color:#484848;margin-top:12px;}

div.main.c_3 ul.list > li ul.item{overflow:hidden;overflow-y:auto;width:315px;height:251px;margin:0 auto;}
div.main.c_3 ul.list > li ul.item li{font-size:112%;padding:10px 8px 8px 18px;color:#484848;background:url(../img/list_icon.gif) 6px 13px no-repeat;}
div.main.c_3 ul.list > li ul.item li p.comment{color:#c047c8;}

div.main.c_3 ul.list > li ul.item li textarea.comment{display:none;width:295px;height:0;}

div.main.c_3 ul.btn li.prev a{background-image:url(../img/btn_prev.png);}
div.main.c_3 ul.btn li.send a{background-image:url(../img/btn_send.png);}



/************************************************************
	c_4 complete
************************************************************/

div.main.c_4{padding-top:120px;}