@charset "utf-8";
@import  "../../css/common.css";


/* ============================================================================================= */

/* price css */

/* ============================================================================================= */

#contents{
}

#contents h1{
	margin:0 auto 30px;
}

#contents h2{
	margin:0 auto 15px;
}

#contents p{
	margin:0 0 1.0em;
}

#contents span{
	font-weight:bold;
}

/* 番号 */
#contents .no01, #contents .no02, #contents .no03, #contents .no04, #contents .no05, #contents .no06,
#contents .no07, #contents .no08, #contents .no09, #contents .no10, #contents .no11, #contents .no12{
	zoom:1;
	display:inline-block;
	width:22px;
	margin:0 3px;
	padding:3px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	background:#333;
	line-height:1.0;
	text-align:center;
	color:#fff;
}

#contents .no01{background:#134E8C;}
#contents .no02{background:#6da616;}
#contents .no03{background:#2f9eb7;}
#contents .no04{background:#efb109;}
#contents .no05{background:#80154a;}
#contents .no06{background:#594242;}
#contents .no07{background:#246718;}
#contents .no08{background:#bb0404;}
#contents .no09{background:#ff6500;}
#contents .no10{background:#e83458;}
#contents .no11{background:#a08504;}
#contents .no12{background:#0d2c56;}


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

/* ページナビゲーション */

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

#contents .pagenav{
	list-style-type:none;
	margin:0 0 30px;
	padding:0;
	text-align:center;
	letter-spacing:-0.4em;
}

#contents .pagenav li{
	zoom:1;
	display:inline-block;
	*display:inline; /* ～IE7 */
	margin:0 10px;
	padding:0 0 0 20px;
	background:url('../../common_img/arrow_u_orange.gif') no-repeat 0 50% transparent;
	letter-spacing:0;
}

#contents .pagenav a{
	zoom:1;
}


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

/* プラン例 */

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

#contents #patterns{
	width:660px;
	margin:0 auto 19px;
	padding:0 0 1px;
}

#contents dl{
	clear:both;
	margin:0 0 10px;
}

/* clear hack */
#contents dl{zoom:1;}
#contents dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#contents dt{
	float:left;
	width:80px;
}

#contents dd{
	float:right;
	width:490px;
}

#contents dd h4{
	margin:0 0 5px;
	font-size:1.2em;
	font-weight:bold;
}

/* ----------------------------------------------------- */
/* パターン */
/* ----------------------------------------------------- */
#contents .block{
	margin:0 0 20px;
	padding:10px;
	background:url('../../common_img/stripe.gif') repeat 0 0 transparent;
}

#contents .block p{
	margin:0 0 5px;
}

#contents .block ul{
	margin:0 0 5px;
	padding:0 0 0 20px;
}

#contents .block-in{
	padding:20px 25px 10px;
	background:#fff;
}

/* clear hack */
#contents .block-in{zoom:1;}
#contents .block-in:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#contents .block-in div{
	margin:0 0 15px;
}

/* clear hack */
#contents .block div{zoom:1;}
#contents .block div:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* ----------------------------------------------------- */
/* リード文 */
/* ----------------------------------------------------- */
#contents .block .left{
	float:left;
	width:280px;
	margin:0;
	padding:0;
}

/* リンク */
/* --------------------------------- */
#contents .block .link{
	margin:0;
	text-align:right;
}

#contents .block .link a{
	padding:0 0 0 20px;
	background:url('../../common_img/arrow_u_orange.gif') no-repeat 0 50%;
}

/* ----------------------------------------------------- */
/* プランの商品構成 */
/* ----------------------------------------------------- */
#contents .block .right{
	clear:none;
	float:right;
	width:280px;
	margin:0;
	padding:3px;
	border:4px solid #e1e1e1;
	background:url('../image/grid.gif') repeat 0 0 transparent;
	line-height:1.8;
	font-size:0.85em;
}

#contents .block .right dt{
	float:none;
	width:auto;
}

#contents .block .right dt img{
	zoom:1;
	display:block;
}

#contents .block .right dd{
	float:none;
	width:auto;
	margin:0;
	padding:5px 0 2px 7px;
}

#contents .block .right ul{
	margin:0;
	padding:0 0 0 15px;
}

/* ----------------------------------------------------- */
/* more */
/* ----------------------------------------------------- */
#contents .more{
	width:580px;
	margin:0 auto 20px;
}

/* clear hack */
#contents .more{zoom:1;}
#contents .more:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#contents .more p{
	float:left;
	width:360px;
	margin:0;
	padding:10px 0 0;
}

#contents .more .link{
	float:right;
	width:209px;
	padding:0;
}


/* ----------------------------------------------------- */
/* 補足 */
/* ----------------------------------------------------- */
#contents .note h3{
	margin:0 0 20px;
	padding:0;
	text-align:center;
}


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

/* 参考価格 */

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

#contents #price-tbl{
	width:660px;
	margin:0 auto 30px;
}

#contents table, #contents th, #contents td{
	border-style:solid;
	border-color:#ccc;
	vertical-align:middle;
}

#contents table{
	width:100%;
	border-width:1px 1px 0 0;
}

#contents th, #contents td{
	padding:5px 10px;
	border-width:0 0 1px 1px;
}

#contents td{
	font-size:0.9em;
}

#contents .head th{
	background:#898989;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

#contents table p{
	margin:0 0 0.5em;
}

#contents table ul{
	margin:0;
	padding:0 0 0 15px;
	font-size:0.85em;
}

#contents .no{
	width:8%;
	padding-right:0;
	padding-left:0;
	background:#f3f3f3;
	text-align:center;
}

#contents .item      {width:23%;}
#contents .support   {width:25%;}
#contents .resolution{width:25%;}

#contents .price{
	padding-left:0;
	text-align:right;
}