@charset "utf-8";

/* common 
--------------------------------*/
body {
	background:url(../img/bg_top.gif) repeat-x #fdfaf5;
	color: #000000;
	font-family: "ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	text-align:center;
	}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}

hr { display: none;}
h1,h2,h3,h4,h5,h6,th,td,dt,dd,li,p { font-size: 1.2em;}

/* link style
--------------------------------*/

a{ color:#3399cc; text-decoration:none;}
a:hover { color:#85c2e0;}
a span{ color:#ffa000; margin-right:5px;}

.contents .here a,
.contents .here a:link,
.contents .here a:visited,
.contents .here a:active { border-bottom:1px dotted #ffa000; padding-bottom:1px;}
.contents .here a:hover { border-bottom:1px dotted #3399cc; padding-bottom:1px;}

/* clearfix
------------------------------------------ */
.clearfix:after,.rnClearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix,.rnClearfix { display:block;overflow:hidden;}
.clear { clear:both;overflow:hidden;}
.divide { clear:both;}

/* header
--------------------------------*/
.header{ text-align:center; margin:10px auto 0 auto; width:820px; }
.header p.logo{ text-align:left; margin-left:10px;}

/* contents
--------------------------------*/
.container{ margin:0 auto; padding-top:20px; width:820px; background:url(../img/bg.gif) repeat-y;}
.contents{ margin:0 auto; width:800px; padding-top:6px;}

.contents h3,.contents p{ width:700px; text-align:left; margin:0 50px;}

.contents ul.txtImage { margin:20px 0 40px 50px;}
.contents ul.txtImage li{ line-height:0; text-align:left; margin:0 0 10px 20px;}

.contents div.attention h2 { margin-bottom:20px;}
.contents div.attention h3 { margin:0px auto 10px auto; padding-left:36px;}
.contents div.attention p { line-height:1.6em; padding-left:35px; width:655px; margin-bottom:15px;}
.contents p.graph { margin:22px auto 40px auto;}

.contents table { line-height:1.3em; text-align:left; margin:20px 50px 40px 50px;}
.contents table,
.contents table th, 
.contents table td{ border:1px solid #ffa000;}
.contents table th, 
.contents table td{ padding:5px 0px 5px 12px;}
.contents table tr.tableHead th{ width:339px; background:#fb7601; color:#ffffff;}
.contents table tr.tableHead th.serviceName{ width:338px;}
.contents table { border:none;}

.contents table tr.twice td { background:#fdfaf5;}
.contents table td.serviceName a{ border:none;}
.contents table td.serviceName span{ color:#ffa000; margin-right:5px;}

.contents div.annountation{ width:700px;margin:0 auto;}

.contents ul.notes { margin:15px 0 10px 0px; width:700px;}
.contents ul.notes li{ line-height:1.5em; text-align:left; padding-left:20px; width:680px; }

.contents dl { width:700px; margin:20px 0 40px 0px; text-align:left; line-height:2em;}
.contents dl dt { clear:both; width:2.1em; float:left; margin:0 0 4px 18px; display: inline;}
.contents dl dd { padding-left:3em; margin-bottom:4px;}

.contents p.button a { border:none;}
.contents p.button a:hover img { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

.contents .footer { margin:40px auto 0 auto; padding-bottom:20px;}
.contents .footer p {text-align:center;}