@charset "utf-8";

/*---------------------------------
	ダウンロードボックス
-----------------------------------*/

div#downLoadChapterBox {
	width: 664px;
	margin: 0;
	padding: 7px 16px 16px 16px;
	background: url(../download/img/downloadbox_top02.gif) left top no-repeat;
}


div#downLoadChapterBox h3{
	margin-top: 12px; 
}

ul#downLoadChapter {
	width: 664px;
	margin-top: 12px;
}

ul#downLoadChapter li{
	display: inline;
}

div.downloadBox {
	width: 696px;
	margin-top: 16px;
}

div.downloadBoxEntry {
	background-image: url(../download/img/downloadbox_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 12px;
	margin-bottom: 16px;
}

div.downloadBox div.downloadTitle{
	width: 696px;
	background:url(../download/img/downloadbox_title-top.gif) left top no-repeat;
	margin: 0px;
	padding: 0px;
}

div.downloadBox div.downloadTitle h2 {
	padding: 10px 9px 2px 4px;
	margin: 0px;
	color: #333333;
}



div.downloadBox div.downloadTitle h2 img{
	margin-right: 8px;
}

div.downloadBox div.downloadTitle h2 span.text{
	padding: 0 8px 8px 8px;
	font-size: 110%;
	color:#333;
}

div.downloadBox div.downloadContents{
	width: 696px;
	background: url(../download/img/downloadbox_top.gif) left top no-repeat;
	padding-top: 12px;
	margin: 0;
}

div.downloadBox div.downloadContentsData{
	width: 696px;
	background: url(../download/img/downloadbox_data-top.gif) left top no-repeat;
	padding-top: 7px;
	margin: 4px 0 0 0;
}

div.downloadBox div.downloadContents div.downloadContentsMiddle{
	width: 696px;
	background: url(../download/img/downloadbox_middle.gif) left top repeat-y;
}

div.downloadBox div.downloadContents div.downloadContentsMiddle div.downloadContentsBox {
	width: 655px;
	margin: 0px auto;
	padding: 12px 0;
	overflow:hidden;
}


div.downloadBox div.downloadContents div.downloadContentsMiddle div.downloadContentsBox div.imgBox{
	width: 158px;
	height: 72px;
	background: url(../download/img/no-img.gif) left top no-repeat;
	float: left;
	margin: 0px;
	padding: 0px;
}

div.downloadBox div.downloadContents div.downloadContentsMiddle div.downloadContentsBox p{
	width: 455px;
	margin: 0;
	padding: 8px 20px;
	line-height: 140%;
	float: right;
}

div.downloadBox div.downloadContents div.downloadContentsMiddle div.downloadContentsBox span.downloadTitle{
	width: 455px;
	color:#FF9900;
	font-weight:bold;
	line-height: 120%;
	font-size: 110%;
	margin-bottom: 4px;
}

div.downloadBox div.downloadContents div.downloadContentsMiddle h3 {
	width: 655px;
	margin: 0px auto;
	padding: 8px 0 0 0;
	clear:both;
}


div.dataBox {
	border-left: 1px solid #e9e7e1;
	border-right: 1px solid #e9e7e1;
	border-bottom: 1px solid #e9e7e1;
	width: 653px;
	margin: 0px auto;
	padding-bottom: 8px;
}

div.dataBox dl{
	width: 600px;
	background: url(../download/img/downloadbox_line.gif) left bottom no-repeat;
	margin: 0 auto;
	padding: 0 5px;
	overflow: hidden;
}

div.dataBox dl dt{
	width: 50px;
	float:left;
	font-weight:bold;
	color:#777;
	padding: 5px 0;
	
}

div.dataBox dl dd{
	width: 550px;
	float: right;
	padding: 5px 0;
}



p.downloadBtn {
	width:655px;
	margin: 0 auto;
	padding: 8px 0 0 0;
	text-align:right;
}

p.downloadBtn img{
	width:193px;
	margin: 0;
	padding: 0;
}

ul#plan{
	margin: 8px 0 8px 24px;
}

ul#plan li{
	list-style:circle;
}


div.pricetable table.form {
	width: 694px;
	border: 2px solid #ccc;
	border-spacing: 0;

}

div.pricetable table.form th{
	color: #666666;
	background-color: #f3f3f3;
	padding: 8px 10px;
	background: #f3f3f3 url(../img/chapter_line.gif) left bottom repeat-x;
	border-top: 1px #fff solid;
	border-left: 1px #fff solid;
	border-right: 1px #ccc solid;
	width: 125px;
	text-align: left;
}

div.pricetable table.form th.chapterSubTitle{
	background: #fff url(../img/content-subtitle_bg.gif) left bottom repeat-x;
	height: 16px;
	padding: 12px 0 12px 12px;
	text-align: left;
}

div.pricetable table.form td{
	color: #666666;
	background: #fff url(../img/chapter_line.gif) left bottom repeat-x;
	padding: 8px 10px;
	border-bottom: 1px #fff solid;
	width: 436px;
}

span.check,
div.pricetable table.form th span.check{
	color: #FF3300;
}

p.attentionText {
	font-size: 85%;
	line-height: 130%;
	text-align: right;
}

span.attention {
	color:#666666;
	font-size: 85%;
	line-height: 130%;
	margin-left: 4px;
}

div.pricetable table.form td a{
	background: #fff url(../img/chapter_arrow.gif) left top no-repeat;
	padding-left: 15px;
}

div.pricetable table.form td input{
	margin-right: 4px;
}

div#processMessage {
	border: 1px solid #aaa;
	background: #f1f1f1;
	width: 694px;
	margin: 12px 0;
}


div#processMessage p{
	font-size: 85%;
	line-height: 130%;
	padding: 12px;
}


div#formBtn {
	text-align:center;
	padding: 12px 0;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}


#contentBox p.formTitle {
	color:#FF9900;
	font-size: 100%;
	line-height: 130%;
	font-weight: bold;
	padding: 12px 12px 4px 0;
}

/*---------------------------------
	メールマガジン
-----------------------------------*/

div#mailBox {
	width: 656px;
	margin: 25px 20px 0 20px;
	overflow: hidden;
}
div#mailImg {
	width: 123px;
	margin-right: 20px;
	float:left;
}

div#mailText {
	width: 508px;
	float:right;
}

div#mailText p{
	margin-bottom: 8px;
}

div#mailText p strong{
	font-weight:bold;
}

div#mailEntry {
	width: 694px;
	padding-bottom: 12px;
	background: #f1f1f1;
	border: 1px solid #ccc;
	margin-top: 20px;
}

div#mailEntry h2{
	width: 696px;
}

div#mailEntryBox {
	width: 696px;
}

div#mailEntryBox p{
	padding: 0 8px;
}

div#mailEntryBox form p{
	display:inline;
	vertical-align:top;
}

p.condition {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 130%;
}


div#mailBackNumber {
	width: 696px;
	margin: 20px 0 8px 0;

}

div#rsssuite-c5d1a8b3532046f66f8c50359265365d ul{
	margin: 8px 8px 8px 24px;
}

div#rsssuite-c5d1a8b3532046f66f8c50359265365d li{
	padding: 4px 4px 4px 0;
	list-style:circle;
}

div#rsssuite-c5d1a8b3532046f66f8c50359265365d li a{
	background: #fff url(../img/chapter_arrow.gif) left top no-repeat;
	padding-left: 15px;
}


/*---------------------------------
	レポートボックス
-----------------------------------*/

div#reportBox {
	border: 1px solid #ccc;
	margin-top: 16px;
	padding: 20px;
}

