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

a {	color: #007eff;}
a:hover { color: #61a7ee;}

body { line-height: 1.4em;}


/* ============================================================
		header
============================================================ */
#header {
	width: 920px;
	margin: 0 auto;
	padding-top: 10px;
}
#header h1 {
	font-size: 70%;
	color: #a7a7a7;
	margin-bottom: 10px;
}
#header .logo {
	float: left;
	margin-bottom: 12px;
}
#header .book {
	width: 124px;
	height: 27px;
	background: url(../img/bg_book.png) no-repeat;
	float: right;
	margin-top: -10px;
	padding-left: 15px;
	/width: 139px;
	/padding-left: 3px;
}
#header .book a {
	display: block;
	float: left;
	margin: 4px 0 0 10px;
}

/* navi */
#header ul { clear: both;}
#header li {
	width: 119px;
	height: 37px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
#header li a {
	display: block;
	width: 100%;
	height: 100%;
}
#header li.navi1 a { background: url(../img/navi.png) no-repeat;}
#header li.navi2 a { background: url(../img/navi.png) no-repeat -119px 0;}
#header li.navi3 a { background: url(../img/navi.png) no-repeat -238px 0;}
#header li.navi4 a { background: url(../img/navi.png) no-repeat -357px 0;}

#header li.navi1 a:hover,#header li.hover1 a { background: url(../img/navi.png) no-repeat 0 -37px;}
#header li.navi2 a:hover,#header li.hover2 a { background: url(../img/navi.png) no-repeat -119px -37px;}
#header li.navi3 a:hover,#header li.hover3 a { background: url(../img/navi.png) no-repeat -238px -37px;}
#header li.navi4 a:hover,#header li.hover4 a { background: url(../img/navi.png) no-repeat -357px -37px;}

/* ============================================================
		flash
============================================================ */
.flash {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* ============================================================
		contents
============================================================ */
#contents {
	width: 920px;
	margin: 0 auto;
	margin-top: 30px;
}
#contents .entry { margin-bottom: 30px;}
#contents .entry a {
	margin-left:100px;
}

/* title */
#contents h2 {
	font-size: 110%;
	margin-bottom: 10px;
}

/* news */
#contents dl.news  {
	width: 445px;
	float: left;
}
#contents dl.news dt {
	 font-size: 110%;
	 font-weight: bold;
	 background: url(../img/dot.png) repeat-x bottom;
	 padding-bottom: 10px;
}
#contents dl.news dd {
	line-height: 30px;
	background: url(../img/dot.png) repeat-x bottom;
	font-size: 75%;
}
dl.news dd p.media {
	background: url(../img/i_media.png) no-repeat left center;
	padding-left: 55px;
}
dl.news dd p.up {
	background: url(../img/i_up.png) no-repeat left center;
	padding-left: 55px;
}
#contents dl.release { margin-right: 30px;}


/* ============================================================
		ニュースリリース
============================================================ */
.contents_line {
	width:100%;
	height:5px;
	overflow:hidden;
	background:#c7c7c7;
}
.information {
	padding:5px 0;
}
.information dd.img {
	float:left;
	width:300px;
	margin:0 10px 0 0;
}
.information dt,
.information dd {
	width:610px;
	float:right;
}
.information dt {
	margin-bottom:5px;
}
.information dt span.title {
	font-weight:bold;
	line-height:17px;
}
.information dt span.title img {
	margin-right:5px;
}
p.pagetop {
	padding:0 0 10px;
	margin:-10px 0 10px;
	background: url(../img/dot.png) repeat-x bottom;
	text-align:right;	
}

/* ============================================================
		price
============================================================ */
#price_bg {
	background:url(../img/price_bg.png) no-repeat center bottom;
	margin:0 0 20px;
}
#price_container {
	background:url(../img/price_bg_top.png) no-repeat center top;
	padding:29px 19px 19px 19px;
}
#plan_table table {
	background:#eeeeee;
	table-layout:fixed;
	width:100%;
}
#plan_table table th,
#plan_table table td {
	border:1px solid #ffffff;
	border-top:none;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#plan_table table th { background:#eae9e9;}
#plan_table table tr.odd th { background:#cccbcb;}
#plan_table table th p {
	height:42px;
	line-height:42px;
	margin:0;
	padding:0 18px;
	position:relative;
	color:#5b5a5a;
}

#plan_table table th p img {
	position:absolute;
	bottom:0px;
	right:10px;
	cursor:pointer;
}
#plan_table table td.business,
#plan_table table td.nomal,
#plan_table table td.free {
	width:183px;
	text-align:center;
	height:42px;
	color:#ffffff;
}
#plan_table table td.business { background:#b6b6b6;}
#plan_table table td.nomal { width:184px; background:#9fd4fd;}
#plan_table table td.free { background:#94ee88;}
#plan_table table tr.odd td.business { background:#9e9e9e;}
#plan_table table tr.odd td.nomal { background:#8ab9dc;}
#plan_table table tr.odd td.free { background:#81cf76;}

#plan_table table .description td {
	background:#ffffff;
	color:#9e9e9e;
	border:none;
}
#plan_table table .description td div {
	margin:18px;
	display:none;
}

/* ============================================================
		banner
============================================================ */
#banner {
	width:948px;
	height:72px;
	margin: 0 auto;
}
#banner img {
	float:left;
	margin:20px 0 0 14px;
}
a:hover img.alfa {
opacity:0.8;
filter: alpha(opacity=80);
}

/* ============================================================
		footer
============================================================ */
#footer {
	width: 920px;
	line-height: 80px;
	font-size: 75%;
	margin: 0 auto;
}