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

#calc_top_navi_calc_selected{
	top:0;
	left:0;
	background-image:url(../common/img/contents_header/top_navi_calc.png);
	background-position:0px -60px ;
	z-index:99;
}


#calc_headder{
	width:960px;
	margin-bottom: 25px;
	background-color: #f0f3f3;
	position:relative;
}



#calc_headder_p{
	width:460px;
	height:85px;
	padding:20px 0px 20px 40px;
	text-align:justify;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	
	line-height:20px;
}
#calc_flow{
	width:190px;
	height:40px;
	position:absolute;
	top:42px;
	right:40px;
}

#calc_hedding{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:14px;
	color:#005368;
	border-top:solid 2px #005368;
	border-bottom:dotted 1px #005368;
	margin-bottom:35px;
}

.calc_sub_hedding{
	width:960px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#005368;
	border-bottom:solid 1px #005368;
	font-weight: normal;	
}

.calc_form_wrap{
	width:735px;
	margin:0px auto 0px auto;
	position:relaitive;
	font-size:12px;

}
.calc_form_area{
	
	padding:50px 0px 50px 160px;
}

#calc_form_area_1{
	
	padding:50px 0px 50px 160px;
}
#calc_form_area_2{
	
	padding:50px 0px 50px 160px;
}
#calc_form_area_3{
	
	padding:50px 0px 50px 160px;
}

.calc_print_hedding{
	width:735px;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#005368;
	border-bottom:dotted 1px #005368;
	font-weight:normal;
	margin-bottom:30px;
}


/*----------------------------------

		PRINT SELECT

----------------------------------*/

.calc_print_select_wrap{
	width:735px;
	height:250px;
	margin-bottom:30px;
	
	
}

/*------ OPTION --------------*/
.calc_print_select_option{
	width:300px;
	height:230px;
	float:right;
	padding:10px;
	background-image:url(../calcurator/img/option_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.calc_print_option_title {
	line-height:30px;
	font-size:12px;
	height: 30px;
	width: 265px;
	margin-bottom:15px;
	padding-left:35px;
	background-image:url(../calcurator/img/option_icon.gif);
	background-repeat:no-repeat
}

/*------ FRONT----------*/

#calc_print_front_wrap{
	width:400px;
	height:250px;
	float:left;
	background-image:url(../calcurator/img/front.jpg);
	background-repeat: no-repeat;
	background-position: 100px 0px;
	position:relative;
}
#calc_print_front_select{

	width:350px;
	height:50px;
	position:absolute;
	top:200px;
	left:50px;
}

/*------ BACK ----------*/

#calc_print_back_wrap{
	width:400px;
	height:250px;
	float:left;
	background-image:url(../calcurator/img/back.jpg);
	background-repeat: no-repeat;
	background-position: 100px 0px;
	position:relative;
}

#calc_print_back_select{

	width:350px;
	height:50px;
	position:absolute;
	top:200px;
	left:50px;
}

/*------ SLEEVES ----------*/

#calc_print_sleeve_wrap{
	width:400px;
	height:250px;
	float:left;
	background-image:url(../calcurator/img/sleeve.jpg);
	background-repeat: no-repeat;
	background-position: 100px 0px;
	position:relative;
}

#calc_print_sleeve_select{

	width:350px;
	height:50px;
	position:absolute;
	top:200px;
	left:50px;
}

/*----------------------------------

		SUBMIT

----------------------------------*/

#calc_form_submit {
	width:100%;
	height:40px;
	/*background-color:#F1F5F6;*/
	text-align:center;
	
}
				  
#calc_footer{
	text-align:center;
	width:100%;
	height:20px;
	line-height:20px;
	font-size:18px;
	color:#005368;
	border-bottom:solid 2px #005368;
	border-top:dotted 1px #005368;
	margin-bottom:35px;
	
}


/*----------------------------------

		RESULT

----------------------------------*/

#calc_price_wrap {
	width:384px;
	padding:0 128px 0 128px; 
	height:150px;
	margin:0 auto 0 auto;
	border:solid 2px #005368;
}


#calc_price_icon{
	width:85px;
	height:85px;
	margin:33px 40px 32px 0px;
	float:left;
}

#calc_price_total{
	width:256px;
	height:84px;
	float:left;
	padding-top: 33px;
	padding-right: 0px;
	padding-bottom: 33px;
	padding-left: 0px;	
}

#calc_result_total_title{
	line-height:42px;
	font-size:22px;
	color:#005368;
	text-align:left;
}
#calc_result_total_number{
	line-height:42px;
	font-size:22px;
	color:#005368;
	text-align:right;
}

#calc_result_unit_title{
	line-height:42px;
	font-size:22px;
	color:#005368;
	text-align:left;
}
#calc_result_unit_number{
	line-height:42px;
	font-size:22px;
	color:#005368;
	text-align:right;
}



#calc_price_detail_wrap{
	width:640px;
	margin:0 auto 0 auto;
}


/*---------detail------------*/

#calc_detail_title{
	width:640px;
	margin:30px auto 5px auto;
}

#calc_price_detail_wrap th{
	width:300px;
	height:55px;
	text-align:left;
	line-height:55px;
	padding-left:55px;
	font-size:13px;
	color:#005368;
	font-weight:normal;

}

#calc_price_detail_wrap td{
	height:55px;
	text-align:right;
	line-height:55px;
	padding-right:20px;
	font-size:14px;
	color:#005368;
	font-weight:normal;
}


#calc_price_detail_wear{
	background-image:url(../calcurator/img/icon_wear.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-top:solid 2px #005368 ;
	border-bottom:solid 1px #005368;
}

#calc_price_detail_ink{
	background-image:url(../calcurator/img/icon_ink.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom:solid 1px #005368;
}
#calc_price_detail_design{
	background-image:url(../calcurator/img/icon_design.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom:solid 1px #005368;
}
#calc_price_detail_plate{
	background-image:url(../calcurator/img/icon_plate.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	border-bottom:solid 1px #005368;
}
#calc_price_detail_print{
	background-image:url(../calcurator/img/icon_print.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom:solid 1px #005368;
}
#calc_price_detail_discount{
	background-image:url(../calcurator/img/icon_discount.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom:solid 2px #005368;
}



#calc_top_bar{
	border-top:solid 2px #005368;
	border-bottom:solid 1px #005368;
}

#calc_bottom_footer{
	border-bottom:solid 2px #005368;
}

.calc_bottom_bar{
	border-bottom:solid 1px #005368;

}


#calc_result_footer {
	width:350px;
	height:55px;
	margin:20px auto 20px auto;
}
#calc_result_btn {
	margin-right:45px;
}

/*----------------------------------

		ERROR

----------------------------------*/

#calc_error_title{
	
	width:640px;
	margin:0 auto 0 auto;
	text-align:left;
}


#calc_error_wrap {

	width:640px;
	padding:50px 0 50px 0;
	margin:10px auto 50px auto;
	border:solid 2px #005368;
	text-align:center;
	font-size:13px;
	color:#308baa;
}

#calc_error_back {
	width:640px;
	margin:10px auto 50px auto;
	text-align:center;
	
}