@charset "UTF-8";

/* ---------------------------------------------------
   File: price.css
   Version: 1.0.0
   Update: 2014-01-16
   Author: http://flowlab.co.jp

   (c)2007-2014 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */






/* ===========================================================================
   Common */


#contents {
	border-top: #f2f2f2 5px solid;
}
nav#gnavi li#gnavi_price a {
	background-position: -210px -120px;
}


/* --------------------------------------------------
   Page Title
-------------------------------------------------- */

h1#tit_page {
	width: 246px;
	height: 264px;
	background: url(../price/images/tit_price.gif) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	margin-top: 70px;
	float: left;
}


/* --------------------------------------------------
   Plan List
-------------------------------------------------- */

#planList {
	width: 666px;
	padding: 50px 0 0 0;
	float: right;
}
	/* Title */
	#planList h2 {
		height: 168px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		margin: 20px auto 10px auto;
	}
	/* Text */
	#planList p {
		width: 180px;
		color: #FFF;
		font-weight: bold;
		font-size: 0.85em;
		line-height: 1.4em;
		margin: 0 auto;
		padding-bottom: 10px;
		display: block;
	}
	/* Btn - Entry */
	#planList .btn_entry {
		width: 195px;
		margin: 0;
		padding: 0 0 28px 13px;
	}
	/* Box Layout */
	#planList section.planeBox,
	#planList section.planeBox_r {
		width: 208px;
	}
	#planList section.planeBox {
		margin-right: 20px;
		float: left;
	}
	#planList section.planeBox_r {
		float: right;
	}

/* Economy */
#economy									{ background: url(../price/images/frame_top_economy.gif) 0 0 no-repeat;}
#economy h2								{	width: 112px;
														background: url(../price/images/tit_economy.gif) 0 0 no-repeat;}
#economy .btn_entry				{ background: url(../price/images/frame_btm_economy.gif) left bottom no-repeat;}

/* Standard */
#standard									{	background: url(../price/images/frame_top_standard.gif) 0 0 no-repeat;}
#standard h2							{	width: 135px;
														background: url(../price/images/tit_standard.gif) 0 0 no-repeat;}
#standard .btn_entry			{ background: url(../price/images/frame_btm_standard.gif) left bottom no-repeat;}

/* Enterprise */
#enterprise								{	background: url(../price/images/frame_top_enterprise.gif) 0 0 no-repeat;}
#enterprise h2						{	width: 140px;
														background: url(../price/images/tit_enterprise.gif) 0 0 no-repeat;}
#enterprise .btn_entry		{ background: url(../price/images/frame_btm_enterprise.gif) left bottom no-repeat;}




/* --------------------------------------------------
   Price
-------------------------------------------------- */

/* Title ---------------------------- */
.priceBox h3 {
	font-size: 1.1em;
	margin: 20px 0 10px 0;
}

/* Table ---------------------------- */
.table_price {
	border-collapse: collapse;
	width: 100%;
}
	.table_price th,
	.table_price td {
		border: #cccccc 1px solid;
		padding: 15px;
		font-weight: normal;
		vertical-align: middle;
	}
	.table_price th {
		width: 310px;
		text-align: left;
		background: #fffef8;
	}
	.table_price td {
		width: 194px;
		text-align: center;
	}
	.table_price td.bg_on {
		background: #fffef8;
	}
	.table_price tr.subTable th,
	.table_price tr.subTable td {
		padding: 5px 15px;
		border-top: #cccccc 1px dashed;
	}
	.table_price .bdrBtm_no th,
	.table_price .bdrBtm_no td {
		border-bottom: none;
	}
	
	
	
/* --------------------------------------------------
   Price_reserve
-------------------------------------------------- */
.start {
font-size: 0.8em;
color: #FF0000;
}

/* Title ---------------------------- */
.priceBox_reserve h3 {
	font-size: 1.1em;
	margin: 40px 0 10px 0;
}

/* Table ---------------------------- */
.table_price_reserve {
	border-collapse: collapse;
	width: 100%;
}
	.table_price_reserve th,
	.table_price_reserve td {
		border: #cccccc 1px solid;
		padding: 15px;
		font-weight: normal;
		
	}
	.table_price_reserve th {
		width: 310px;
		text-align: center;
		background: #fffef8;
		vertical-align: middle;
	}
	.table_price_reserve td {
		width: 194px;
		text-align: left;
		vertical-align: middle;
		padding: 15px;
	}
	.table_price_reserve td:first-child,
	.table_price_reserve td:last-child {
		width: 194px;
		text-align: center;
		vertical-align: middle;
	}
	
	.table_price_reserve td.bg_on {
		background: #fffef8;
	}
	.table_price_reserve tr.subTable th,
	.table_price_reserve tr.subTable td {
		padding: 5px 15px;
		border-top: #cccccc 1px dashed;
	}
	.table_price_reserve .bdrBtm_no th,
	.table_price_reserve .bdrBtm_no td {
		border-bottom: none;
	}
	.priceBox_reserve small {
	font-size: 0.7em;
	line-height: 1.4em;
	text-align: right;
	margin: 10px 0 0 0;
	float: right;
}

	.priceBox_reserve b {
	font-size: 1.3em;
	line-height: 2.0em;
	margin: 10px 0 0 0;
	}

	#sizedown {
	font-size: 0.8em;
	line-height: 0.8em;
	}
	
	
	
	
	/* Price --------------------------- */
	.txt_economy					{ color: #009245;}
	.txt_standard					{ color: #f7931e;}
	.txt_enterprise				{ color: #db5361;}
	.txt_economy, .txt_standard, .txt_enterprise {
		font-size: 2em;
		line-height: 1em;
	}
	.table_price .txt_economy span, .table_price .txt_standard span, .table_price .txt_enterprise span {
		font-size: 0.55em;
		line-height: 1em;
		display: inline;
		padding: 0;
	}
	
	
	
	/* Icon ---------------------------- */
	.table_price span {
		line-height: 1em;
		display: block;
		padding: 10px 0 10px 38px;
	}
	.table_price tr.subTable span {
		padding: 3px 0 3px 58px;
		font-size: 0.8em;
	}
	/* Price */
	.icon_first						{ background: url(../price/images/icon_price_first.gif) left center no-repeat;}
	.icon_price						{ background: url(../price/images/icon_price_calculator.gif) left center no-repeat;}
	.icon_shop						{ background: url(../price/images/icon_price_store.gif) left center no-repeat;}
	.icon_shop_add						{ background: url(../price/images/icon_shop_add.gif) left center no-repeat;}
	.icon_dl							{ background: url(../price/images/icon_price_download.gif) left center no-repeat;}
	.icon_disk						{ background: url(../price/images/icon_price_disk.gif) left center no-repeat;}
	.icon_disk_add				{ background: url(../price/images/icon_price_disk_plus.gif) left center no-repeat;}
	/* Design */
	.icon_app_template		{ background: url(../price/images/icon_design_template.gif) left center no-repeat;}
	.icon_app_function		{ background: url(../price/images/icon_design_function.gif) left center no-repeat;}
	.icon_app_customize		{ background: url(../price/images/icon_design_customize.gif) left center no-repeat;}
	/* Cover */
	.icon_cover_template	{ background: url(../price/images/icon_cover_template.gif) left center no-repeat;}
	.icon_cover_original	{ background: url(../price/images/icon_cover_original.gif) left center no-repeat;}
	/* Icon */
	.icon_icon_template		{ background: url(../price/images/icon_icon_template.gif) left center no-repeat;}
	.icon_icon_original		{ background: url(../price/images/icon_icon_original.gif) left center no-repeat;}
	/* Logo */
	.icon_logo_ok					{ background: url(../price/images/icon_logo_ok.gif) 38px center no-repeat;}
	.icon_logo_no					{ background: url(../price/images/icon_logo_none.gif) 38px center no-repeat;}
	/* Movie */
	.icon_movie						{ background: url(../price/images/icon_movie_edit.gif) left center no-repeat;}
	.icon_movie_edit			{ background: url(../price/images/icon_movie_filming_edit.gif) left center no-repeat;}
	.icon_reserve						{ background: url(../price/images/calendar_ok.gif) left center no-repeat;}
	
	.icon_app_cover { background: url(../price/images/icon_app_cover.gif) left center no-repeat;}
	.icon_app_photo { background: url(../price/images/icon_app_photo.gif) left center no-repeat;}
	.icon_app_movie { background: url(../price/images/icon_app_movie.gif) left center no-repeat;}
	.icon_app_shop { background: url(../price/images/icon_app_shop.gif) left center no-repeat;}
	.icon_app_reserve { background: url(../price/images/icon_app_reserve.gif) left center no-repeat;}
	.icon_app_catalog { background: url(../price/images/icon_app_catalog.gif) left center no-repeat;}
	.icon_app_collection { background: url(../price/images/icon_app_collection.gif) left center no-repeat;}
	.icon_app_favorite { background: url(../price/images/icon_app_favorite.gif) left center no-repeat;}
	.icon_app_body { background: url(../price/images/icon_app_cover.gif) left center no-repeat;}
	.icon_app_school { background: url(../price/images/icon_app_school.gif) left center no-repeat;}
	.icon_app_news { background: url(../price/images/icon_app_news.gif) left center no-repeat;}
	.icon_app_coupon { background: url(../price/images/icon_app_coupon.gif) left center no-repeat;}
	.icon_app_stamp { background: url(../price/images/icon_app_stamp.gif) left center no-repeat;}
	.icon_app_operation { background: url(../price/images/icon_app_operation.gif) left center no-repeat;}
	.icon_app_push { background: url(../price/images/icon_app_push.gif) left center no-repeat;}
	.icon_app_link { background: url(../price/images/icon_app_push.gif) left center no-repeat;}
	.icon_app_record { background: url(../price/images/icon_app_record.gif) left center no-repeat;}
	.icon_app_phone { background: url(../price/images/icon_app_phone.gif) left center no-repeat;}
	.icon_app_map { background: url(../price/images/icon_app_map.gif) left center no-repeat;}
	.icon_app_sns { background: url(../price/images/icon_app_sns.gif) left center no-repeat;}
	.icon_app_web { background: url(../price/images/icon_app_web.gif) left center no-repeat;}
	.icon_app_user { background: url(../price/images/icon_app_user.gif) left center no-repeat;}
	.icon_app_segment { background: url(../price/images/icon_app_segment.gif) left center no-repeat;}
	
/* Att -------------------------- */
.priceBox small {
	font-size: 0.7em;
	line-height: 1.4em;
	text-align: right;
	margin: 10px 0 0 0;
	float: right;
}





/* --------------------------------------------------
   Attention
-------------------------------------------------- */

#priceAttBox {
	margin: 80px 0 30px 0;
}
	#priceAttBox section {
		margin-bottom: 30px;
	}
	#priceAttBox section h4 {
		margin-bottom: 10px;
	}