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


/********** head *************/

#header{
	background:url(../images/sec_galnavi_bg.gif) repeat-x left top;
	}

#header .inr{
	width:970px;
	margin:0 auto;
	padding-top:5px;
	}
#header .inr h1{
	float:left;
	}
#header .inr #glnavi{
	margin-left:310px;
	}

#header .inr #glnavi li{
	float:left;
	background:url(../images/sec_galnavi_line.jpg) no-repeat right center;
	padding-right:10px;
	margin-right:10px;
	}
#header .inr #subnavi{
	padding-top:3px;
	clear:both;
	}
#header .inr #subnavi li{
	float:left;
	margin-right:15px;
	}


/********** container *************/

#container{
	width:970px;
	text-align:center;
	margin:10px auto;
	text-align:left;
	border:1px solid #151515;
	background:url(../images/bg_sec_container.png) left top;
	color:#FFF;
	font-size:12px;
	}
#container { display: inline-block; }

/* Hides from IE-mac \*/
* html #container { height: 1%; }
#container { display: block; }
/* End hide from IE-mac */

#container .inr{
	margin:20px !important;
	}


/********** pagetop *************/
#pagetop{
	width:970px;
	margin:20px auto;
	text-align:right;
	}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific background images <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#cee_next {
	background-image: url(../images/cee-next-btn.png);
}
#cee_prev {
	background-image: url(../images/cee-prev-btn.png);
}
#cee_closeBtn {
	background-image:url(../images/cee-close-btn.png);
}
.cee_overlayMacFFBGHack {
	background: url(/test/img/ceebox/macFFBgHack.png) repeat;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#cee_box {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#cee_count {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
#cee_nav {
	position: absolute;
	top:15px;
	left:0px;
	z-index:20;
	visibility:visible;
	}
#cee_next,#cee_prev{
	height:100%;
	width: 49%;
	text-indent:-10000px;
	text-decoration:none;
	visibility:visible;
	background-position:10000px 10000px;
	background-repeat:no-repeat;
}
#cee_next{
	float:right;
}
#cee_prev{
	float:left;
}
#cee_next:hover{background-position: right 50%;}
#cee_prev:hover{background-position: left 50%;}
#cee_box a:link {color: #666666;}
#cee_box a:visited {color: #666666;}
#cee_box a:hover {color: #000;}
#cee_box a:active {color: #666666;}
#cee_box a:focus{color: #666666;}
#cee_closeBtn {
	background-repeat: no-repeat;
	display:box;
	width:60px;
	height:12px;
	float:right;
	text-indent:-10000px;
	margin: 10px 15px 0 0;
	}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> ceebox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#cee_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.cee_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #cee_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#cee_box {
	position: fixed;
	background: #000000;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #cee_box { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#cee_box img#cee_img, #cee_box object {
	display:block;
	margin: 15px 0 0 15px;
}

#cee_cap{
	height:25px;
	padding:10px 30px 0px 15px;
	float:left;
}

#cee_close{
	height:25px;
	float:right;
}

#cee_closeAjax{
	padding:7px 0px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#cee_ajaxTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#cee_title{
	background-color:#000000;
	height:27px;
	padding-bottom:5px;
}

#cee_ajax{
	clear:both;
	padding:2px 0 15px 0;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}


#cee_ajax p{
	padding:5px 0px 5px 0px;
}

#cee_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	background: url(../images/loadinganimation.gif);
}

* html #cee_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#cee_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#000;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #cee_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#cee_iframe{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	
}


/********** order *************/

#wrapper_o_second .order{
	margin:0 7px;
	background:#000;
	border:1px solid #151515;
	color:#FFF;
	}
	#wrapper_o_second .order h2{
		background: #000 url(../images/bg_h2.gif) repeat-x  left top;
		border:1px solid #353535;
		padding:10px 15px;
		font-size:20px;
	}
	#wrapper_o_second .order .cont{
		padding:20px;
	}
	#wrapper_o_second .order .order_box{
		border-bottom:1px solid #313131;
		margin-bottom:20px;
		padding-bottom:10px;
	}
		#wrapper_o_second .order .order_box ul{
			margin:20px 20px 10px 20px;
		}
			#wrapper_o_second .order .order_box ul li{
				display:inline;
				margin-right:5px;
			}
		#wrapper_o_second .order .order_box p{
			margin: 0 20px 20px 20px;
			line-height:120%;
		}
		#wrapper_o_second .order .order_box h3{
			background:url(../images/arrow_red.gif) no-repeat left 5px;
			padding-left:25px;
			font-weight:bold;
			font-size:16px;
			width:inherit;
		}
		#wrapper_o_second .order .order_box h4{
			color:#C00;
			font-weight:bold;
			font-size:14px;
		}
		#wrapper_o_second .order .order_box .left_cont{
			float:left;
			width:420px;
		}
		#wrapper_o_second .order .order_box .right_cont{
			float:right;
			width:420px;
		}

#wrapper_o_second #container{
	margin-top:40px;
	background:url(../images/second_container_bg.gif) repeat-y left top;
	border-top:1px solid #570000;
	border-bottom:1px solid #570000;
	padding:7px 0 !important;
	padding-top:50px;
	}
	#wrapper_o_second #container .inr{
		margin:0 7px !important;
		padding:30px 30px 30px 450px;
		}
	#wrapper_o_second #container .inr h3{
		margin-bottom:20px;
		}
	#wrapper_o_second #container .inr p{
		margin-bottom:20px;
		}
	#wrapper_o_second #container .inr ul li{
		display:inline;
		margin-right:30px;
		}


	#wrapper_o_second #container .back_btn{
		background: url(../images/bg_back.gif) no-repeat left top !important;
		border:1px solid #353535;
		font-weight:bold;
		font-size:14px;
		float:right;
		text-align:center;
		margin-bottom:20px;
		}
		.back_btn a{
			color:#CCC;
			text-decoration:none;
			display:block;
			margin:10px 20px 10px 30px;
			}
		.back_btn a:hover{
			color:#fff;
			}