/*copi_index_CSS
--------------------------*/

h3.titleh3 {
	font-size : 13px;
	font-weight : bold;
}
p.lead {
	font-size : 12px;
	color : Maroon;
	margin-bottom : 6px;
	margin-left : 12px;

}
p.text {
	font-size : 13px;
	line-height : 130%;
	margin-bottom : 18px;
}

.copiB{
	text-align: center;
	padding: 20px;
}


		#down {
			display:block;
			width:160px;
			height:37px;
			background:url("/copi/img/down.gif") no-repeat;
			float:left;
			padding-right:20px;
		}
		#howto {
			display:block;
			width:160px;
			height:37px;
			background:url("/copi/img/howto.gif") no-repeat;
			float:left;
			padding-left:20px;
		}
		#down:hover {
			background:url("/copi/img/downx.gif") no-repeat;
		}
		#howto:hover {
			background:url("/copi/img/howtox.gif") no-repeat;
		}
		div.buttonbox {
			margin: 0pt auto;
			width: 360px;
			padding:0 10px 0 10px;
		}
		div.buttonbox:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
		visibility: hidden;
}


/*紙copi_ダウンロードCSS
--------------------------*/
#Dl_content{
margin: 0 0 10px 10px;
}

.Dl_con_head{
border: 1px solid #ddd4a8;
background-color: #ffcc00;
width: 500px;
padding: 5px;
font-weight: bold;
}

.kami{
vertical-align:middle;
}

.Dl_con_main{
border: 1px solid #ddd4a8;
border-top: none;
width: 480px;
padding: 15px;
}

.Dl_button{
display:block;
width:283px;
height:65px;
overflow: hidden;
text-indent:-9999px;
background-image: url("/copi/img/L_down.gif");
background-position:top;
margin-left: 100px;
}

.Dl_button:hover {
background-image: url("/copi/img/L_downx.gif");
background-position:bottom;
}

.tbl_explan{
 border: 1px solid rgb(221, 212, 168);
 font-size: 12px; 
 border-collapse: collapse;
 width: 510px;
 margin-left: 10px;

}

div.appendix {
font-size:12px; 
line-height:13pt;
width: 520px;;
}
div.appendix ul#foobar {
margin-left:16px;
}


/*機能比較CSS
--------------------------*/


.tbl_diff {
 border: 1px solid rgb(221, 212, 168);
 font-size: 14px; 
 border-collapse: collapse;
 margin-bottom: 20px; 
 }


.tbl_diff th, table.tbl_diff td {
 border: 1px solid rgb(221, 212, 168);
 padding: 3px 3px 3px 8px;
 border-collapse: collapse;
}

.tbl_header {
 background-color:#DDD4A8;
}

.tbl_copiOK {
 text-align: center;
 color: #66bc5a;
 }

.tbl_liteOK {
 text-align: center;
 color: #688cc0;
}


table.tbl_diff {
	font-size:14px;
	border-collapse:col
	lapse;
	border:1px solid #DDD4A8;
	margin-bottom:20px;
}
table.tbl_diff #tbl_caption {
	text-align:left;
	padding-bottom:10px;
	font-weight:bold;
}
table.tbl_diff thead {
	text-align : center;
}
table.tbl_diff thead th {
	background-color:#bfae63;
}
table.tbl_diff th,
table.tbl_diff td {
	border-collapse:collapse;
	border:1px solid #DDD4A8;
}
table.tbl_diff th {
	padding:5px 5px 5px 5px;
}
table.tbl_diff td {
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
}
table.tbl_diff th.tbl_category {
	text-align : left;
	font-weight : normal;
	background-color : #ffffcc;
}
table.tbl_diff tbody tr:hover {
	background-color: #f7fbff;
}
table.tbl_diff tbody td.featurename {
	padding-left:14px;
}
table.tbl_diff tbody td.tbl_textOK      {
	color:#66bc5a;
	text-align:center;
}
table.tbl_diff tbody td.tbl_textOK_lite {
	color:#688cc0;
	text-align:center;
}

/*copi_pay*/
.payMenttop{
	margin-top: 20px;
	background-image: url("/copi/img/pay_top_usr.gif");
	height: 49px;
	width: 513px;

}


.payMent{
	background-image: url("/copi/img/pay_back_usr.gif");
	background-repeat: repeat-y;
	width: 500px;
	height: 170px;
	padding-left:  30px;
	clear: both;
}


.payMentbtm{
	background-image: url("/copi/img/pay_btm_usr.gif");
	height: 8px;
	width: 513px;
}


.payMentimgL{
	float: left;
	width: 153px;
	margin-left: 5px;
	text-align: center;
}

.payMentimgC{
	float: left;
	width: 153px;
	text-align: center;
}


.payMentimgR{
	float: left;
	width: 153px;
	text-align: center;
}


.payMentimgB {
	padding-left: 70px;
}

.payMentimgHB {
	margin-left: -10px;
}

.payMenttopH{
	margin-top: 30px;
	margin-left: 1px;
	background-image: url("/copi/img/c_btm_01.jpg");
	height: 49px;
	width: 512px;
}



.payMentH{
	background-image: url("/copi/img/pay_back_corp.gif");
	background-repeat: repeat-y;
	width: 410px;
	height: 170px;
	padding-left:  110px;
	clear: both;
}


.payMentbtmH{
	background-image: url("/copi/img/pay_btm_corp.gif");
	height: 8px;
	width: 513px;
}

.payMentimgHC{
	float: left;
	width: 153px;
	text-align: center;
	padding-top: 40px;
	margin-left: 10px;
}

table.tbl_cvs {
font-size:11px; 
border-collapse:collapse;
border:1px solid #DDD4A8;
margin-bottom:20px;
}

table.tbl_cvs th, table.tbl_cvs td {
border-collapse:collapse; 
border:1px solid #DDD4A8; 
padding:3px 3px 3px 8px;
}

/*oldversion_CSS*/
.Dl_old_button{
display:block;
width:95px;
height:28px;
overflow: hidden;
text-indent:-9999px;
background-image: url("/copi/img/dl_button.gif");
background-position:top;
margin-left: 0px;
}

.Dl_old_button:hover {
background-image: url("/copi/img/dl_button_x.gif");
background-position:bottom;
}