@charset "utf-8";
/* ===================================================================
CSS information

 file name  :cartentry.css
 author     :
 style info :商品のお申込み～完了ページまで
 
 ■#cartEntry　商品の申込みフォーム、確認ページ
 
 
 
=================================================================== */

/* clearfix */ 

.order02:after, .order03:after, ul#entryFlow:after,
.cartBtn02:after, #appComp-company:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------
	申込みフォーム
----------------------------------------------------*/

#cartEntry {
}

#cartEntry h2 {
	font-size:140%;
	width:538px;
	height:27px;
	margin-bottom:5px;
	padding:5px 0 0 12px;
	background:url(../img/bar_lgreen.gif) 0 0 no-repeat;
}

#cartEntry h3 {
	font-size:120%;
	margin-bottom:5px;
	padding-left:4px;
	border-left:#FF3333 3px solid;
}

#cartEntry ul#entryFlow {
	zoom:1;
	margin-bottom:5px;
}

#cartEntry ul#entryFlow li {
	float:left;
	display:inline;
	margin-right:5px;
}

#cartEntry ul#entryFlow li.last {
	margin-right:0;
}

/*----------------------------------------------------
　フォーム　---------------------------------------*/
table#entryForm {
	margin-bottom:0.5em;
	border-collapse:collapse;
    border-spacing:0;
	border-top:2px solid #CCC;
	border-left:2px solid #CCC;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	width: 100%;
}

table#entryForm tr {
}

table#entryForm th {
	font-weight:bold;
	text-align:center;
	width:120px;
	padding:5px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:url(../img/bg_sq_glay.gif) 0 0 repeat-y #EEEEEE ;
}

table#entryForm td {
	padding:5px;
	border-bottom:solid #999 1px;
	border-right:solid #999 1px;
}

table#entryForm .price {
	font-weight:normal;
}

table#entryForm td .order01 dl,
table#entryForm td .order01-result dl {
	float:left;
	width:125px;
	margin-bottom:5px;
	padding-left:5px;
	border-left:#ccc 3px solid;
}

table#entryForm td .order01 dl dd,
table#entryForm td .order01-result dl dd {
	float:left;
	display:inline;
	margin-right:5px;
}

table#entryForm td .order01 dl dd.price {
	padding:3px 0 0 3px;
}

table#entryForm td .order02 {
	zoom:1;
	clear:both;
	font-size:86.5%;
	padding:3px;
	background:#EEEEEE;
}

table#entryForm td .order02 p {
	clear:both;
}

table#entryForm td .order02 dl {
	float:left;
	width:200px;
}

table#entryForm td .order02 dd {
	float:left;
}

table#entryForm .orderAtt ul {
	font-weight:bold;
	margin-bottom:5px;
}

table#order03 {
	font-size:86.5%;
	margin-bottom:0.5em;
	border-collapse:collapse;
    border-spacing:0;
	border:none;
	width: 100%;
}

table#order03 tr {
}

table#order03 th {
	font-weight:normal;
	text-align:left;
	padding:0;
	border:none;
	background:#FFF;
}

table#order03 td {
	padding:0;
	border:none;
	padding-bottom:3px;
}


table#order03 th.orderName {
	width:138px;
}

table#order03 th.orderAge {
	width:45px;
}

table#order03 th.orderPass01 {
	width:80px;
}

#formError {
	margin-bottom:5px;
	padding:5px;
	border-top:#FF6666 solid 2px;
	border-left:#FF6666 solid 2px;
	border-right:#FF3333 solid 2px;
	border-bottom:#FF3333 solid 2px;
}

#formError h5 {
	color:#FF0000;
	padding:0 0 5px 20px;
	background:url(../img/icon_error.gif) 0 0 no-repeat ;
}

#formError ul {
	margin-left:6px;
}

#formError ul li {
	color:#FF0000;
	margin-bottom:4px;
	padding-left:10px;
	background:url(../img/icon_error02.gif) 0 2px no-repeat ;
}

/*----------------------------------------------------
	カート
----------------------------------------------------*/
#cart {
}

#cart h2 {
	font-size:140%;
	width:538px;
	height:27px;
	margin-bottom:5px;
	padding:5px 0 0 12px;
	background:url(../img/bar_cart.gif) 0 0 no-repeat;
}

#cart table#cartItem {
	margin-bottom:0.5em;
	border-collapse:collapse;
    border-spacing:0;
	border-top:2px solid #CCC;
	border-left:2px solid #CCC;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	width: 100%;
}

#cart table#cartItem  tr {
}

#cart table#cartItem  th {
	font-weight:bold;
	text-align:center;
	padding:3px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:#FEFDDA url("../img/bg_grd_yelow.gif") 0 0 repeat-x;
}

#cart table#cartItem  td {
	padding:3px;
	border-bottom:solid #999 1px;
	border-right:solid #999 1px;
}

#cart table#cartItem  td.cartBtn01 {
	width:105px;
	text-align:center;
}

#cart table#cartItem p.total {
	font-weight:bold;
	text-align:right;
}

/*----------------------------------------------------
　クーポン　---------------------------------------*/
#cart .coupon {
	position:relative;
	width:550px;
	height:59px;
	margin-bottom:5px;
	border:#CCC solid 1px;
	background:#EEEEEE url(../img/coupon01.gif) 5px 5px no-repeat;
}

#cart .coupon p {
	position:absolute;
	top:14px; left:20px;
	color:#FF6600;
	font-weight:bold;
}

#cart .coupon .couponForm {
	position:absolute;
	top:19px; left:355px;
}

#cart .coupon .couponBtn {
	position:absolute;
	top:18px; left:470px;
}

/*----------------------------------------------------
　ボタン　---------------------------------------*/
#cart ul.cartBtn02 {
	zoom:1;
	float:right;
	margin-bottom:5px;
}

#cart ul.cartBtn02 li {
	float:left;
	display:inline;
}

/*----------------------------------------------------
	申込みフォーム
----------------------------------------------------*/

#application {
}

#application h2 {
	font-size:140%;
	width:538px;
	height:27px;
	margin-bottom:5px;
	padding:5px 0 0 12px;
	background:url(../img/bar_appli.gif) 0 0 no-repeat;
}

#application h3 {
	font-size:120%;
	margin-bottom:5px;
	padding-left:4px;
	border-left:#FF3333 3px solid;
}

#application ul#entryFlow {
	zoom:1;
	margin-bottom:5px;
}

#application ul#entryFlow li {
	float:left;
	display:inline;
	margin-right:5px;
}

#application ul#entryFlow li.last {
	margin-right:0;
}

/*----------------------------------------------------
　フォーム ・　入力確認　----------------------------------*/
#application table#application1,
#application table#application2 {
	margin-bottom:0.5em;
	border-collapse:collapse;
    border-spacing:0;
	border-top:2px solid #CCC;
	border-left:2px solid #CCC;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	width: 100%;
}

#application table#application1 tr, 
#application table#application2 tr{
}

#application table#application1 th,
#application table#application2 th {
	font-weight:bold;
	text-align:center;
	width:120px;
	padding:5px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background:url(../img/bg_sq_glay.gif) 0 0 repeat-y #EEEEEE ;
}

#application table#application1 td,
#application table#application2 td {
	padding:5px;
	border-bottom:solid #999 1px;
	border-right:solid #999 1px;
}

/*----------------------------------------------------
	完了ページ
----------------------------------------------------*/
#application3 {
}

#application3 h2 {
	font-size:140%;
	width:538px;
	height:27px;
	margin-bottom:5px;
	padding:5px 0 0 12px;
	background:url(../img/bar_lgreen.gif) 0 0 no-repeat;
}

#application3 #appComp-comment {
	margin-bottom:1em;
	padding:10px;
	border:#8ADBC2 solid 2px;
	background:#F3FCF9;
}

#application3 p {
	margin-bottom:1em;
}

#application3 #appComp-company {
	zoom:1;
	margin-bottom:1em;
	padding-bottom:5px;
	border-bottom:#999 dashed 1px;
}

#application3 #appComp-company h4 {
	padding-left:12px;
	margin-bottom:6px;
	background:url(../img/icon_arrow_green.gif) no-repeat left 1px;
	border-bottom:#12B59D dotted 1px;
}

#application3 #appComp-company dl {
	margin-left:110px;
}

#application3 #appComp-company dl dt {
	font-weight:bold;
}

#application3 #appComp-company dl dd {
}