@charset "utf-8";

@import url("common.css");

/*
exclude from common.css
-----------------
Win Netscape 4.7
Win IE 3.0
Mac IE 4.5
もしMac IE 5.0も除外なら('?')と記述
*/

/*--------------------------------------------------------
#contents　コンテンツ
--------------------------------------------------------*/
#contents {
	margin-bottom:15px;
	padding-bottom:5px;
	border-top:5px solid #224284;
	border-bottom:1px dotted #999999;
}

#contents .title{
	margin-bottom:10px;
	padding:0 0 2px 12px;
	border-right:1px solid #E4E4E4;
	border-left:1px solid #E4E4E4;
	background:url(/images/contents_title_bg.gif) repeat-x left bottom;
}

#contents .title h1{
	margin-top:1px;
	padding:11px 150px 5px 15px;
	background:url(/images/contents_title_icon.gif) no-repeat 0 0.5em;
	font-size:150%;
}

#contents .title p{
	margin:-37px 0 0 398px;
}

#contents p{
	margin-bottom:1.2em;
}

#contents .caption{
	margin-bottom:10px;
	background:url(/images/contents_caption_line.gif) repeat-x left bottom;
}

#contents .caption h2{
	padding:5px 0 9px 20px;
	clear:left;
	color:#224284;
	background:url(/images/contents_caption_icon.gif) no-repeat 3px 0.6em;
	font-size:115%;
	zoom:1;
}

#contents .faq{
	padding-top:5px;
}

#contents .faq h2{
	padding:4px 4px 3px 10px;
	margin-bottom:5px;
	color:#224284;
	background-color:#CED7EE;
	font-size:115%;
}

#contents .faq dl{
	padding-bottom:2em;
	zoom:1;
}

#contents .faq dt{
	padding-left:12px;
	width:1.8em;
}

#contents .faq dd{
	padding:0 10px 0 1.8em;
	margin-top:-1.3em;
}

#contents h3{
	color:#224284;
	font-weight:bold;
}

#contents img.howto{
	padding:5px 12px;
}

#contents p.howto{
	padding:0 0 10px 20px;
	float:left;
	width:167px;
}

#contents img.flowTitle{
	margin-bottom:15px;
}

#contents img.flowPicture{
	padding-right:15px;
	float:left;
}

#contents img.flowArrow{
	margin:0 0 15px 270px;
	clear:both;
}

#contents p.flow{
	overflow:auto;
}

#contents p.flowGoal{
	margin:0 0 20px 50px;
	padding:15px;
	border:3px double #FF9900;
	width:450px;
	background-color:#FFFDEE;
	font-weight:bold;
	text-align:center;
}

#contents p.flowGoal span{
	color:#FF3300;
	font-weight:bold;
	font-size:130%;
}

#contents h3.flow{
	margin-bottom:10px;
}

#contents table{
	margin-bottom:25px;
	width:100%;
}
#contents table.comparison{
	font-size:85%;
	text-align: center;
}
	

#contents th,
#contents td{
	padding:5px;
	border:1px solid #666;
}

#contents td{
	vertical-align:top;
}

#contents th{
	background-color:#CED7EE;
}

#contents .heading th{
	color:#FFF;
	background-color:#5D7CC6;
	font-weight:bold;
}
#contents .comparison th{
	background-color: #FFFF99;
}

#contents .column1 td{
	width:240px;
}

#contents .column2 td{
	width:160px;
}

#contents .comLink{
	padding:5px 0 30px 15px;
	overflow:auto;
	height:100%;
}

#contents .comLink .com,
#contents .comLink .comHead {
	padding:0 5px 10px 0;
	float:left;
	width:180px;
}

#contents .comLink .comHead {
	clear:left;
}

#contents .comLink .com p,
#contents .comLink .comHead p{
	margin-top:-24px;
	padding-left:65px;
	min-height:35px;
	height:auto !important;
	height:35px;
}

#contents p.companyDatail span{
	color:#FF0000;
	font-weight:bold;
}

/*--------------------------------------------------------
#sub
--------------------------------------------------------*/
#sub{
	margin:15px auto 0;
	width:570px;
}

#sub img.title{
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:2px solid #333;
}

#sub img.flow{
	margin:0 0 20px 15px;
}