@charset "utf-8";

/*要素*/
body {
	margin: 0 auto;
	font-size:13px;
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
	text-align:center;
	}
h1 {
	display:none;
}
h2 {
	margin:20px 0px 20px 0px;
	}
h3 {
	margin:10px 0px 10px 0px;
	font-size:20px;
	color:#666;
	font-weight:bold;
	}
h4	{
	margin:10px 0px 10px 0px;
	padding-left:10px;
	text-align:left;
	color:#FFF;
	font-size:14px;
	line-height:20px;
	}
img {
	border-width:0px;
	}
p {
	color:#666;
	line-height:140%;
	}
/*リンク*/
a {
	text-decoration:none;
	color:#666;
	}
a:hover {
	text-decoration:underline;
	color:#666;
	}

/*ヘッダ*/
div#heada {
	color:#666;
	margin: 0 auto;
	height: 57px;
	width: 800px;
	background-color:#FFF;
	border-bottom:#009933 solid 1px;
	position:relative;
}
div#navi {
	position:absolute;
	right:0px;
	bottom:12px;
	}
div#heada_line {
	margin: 0 auto;
	width: 800px;
	height:2px;
	border-bottom:#009933 solid 2px;
	}
span.bar {
	color:#009933;
	font-size:14px;
	padding-left:.3em;
	padding-right:.3em;
	}

/*ボデー*/
div#body {
	margin: 0 auto;
	margin-bottom:30px;
	width: 800px;
	}
div#ttl {
	width:800px;
	height:140px;
	text-align:left;
	background-image:url(../wers/img/sys2_main_bg.gif);
	background-repeat:no-repeat;
	}
div.ttl_txt {
	font-size:12px;
	line-height:130%;
	color:#FFF;
	width:540px;
	height:38px;
	margin:0px 0px 0px 30px;
	padding:60px 0px 0px 0px;
	}
div.menu{
	margin: 0;
	padding :107px 0 0 25px; 
	}

div.block {
	margin: 0 auto;
	width:720px;
	}
div.ptop {
	background-image:url(../wers/img/dot_blue.gif);
	background-position:center;
	background-repeat:repeat-x;
	text-align:right;
	float:none;
	clear:left;
	}
div#movie {
	background-color:#BFE5BF;
	width:720px;
	margin-bottom:20px;
	}
div#r_ul {
	height:18px;
	background-image:url(../wers/img/sys2_r_ul.gif);
	background-repeat:no-repeat;
	background-position:left;
	}
div#r_ur {
	height:18px;
	background-image:url(../wers/img/sys2_r_ur.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
div#r_bl {
	height:18px;
	background-image:url(../wers/img/sys2_r_bl.gif);
	background-repeat:no-repeat;
	background-position:left;
	}
div#r_br {
	height:18px;
	background-image:url(../wers/img/sys2_r_br.gif);
	background-repeat:no-repeat;
	background-position:right;
	}
div#mov_aeria {
	float:left;
	width:490px;
	height:342px;
	}
div#mov_button {
	float:left;
	}
div.button_sq {
	border-bottom:#666 1px solid;
	}
div.flow_column1 {
	width:150px;
	float:left;
	margin-bottom:20px;
	}
.flow_column2 img,.flow_column3 img {
	vertical-align: bottom;
	padding-right:10px;
	}
.flow_column2 td,.flow_column3 td {
	text-align:left;
	vertical-align:top;
	}
.meyasu td {
	padding:10px;
	text-align:left;
	vertical-align:middle;
	}
.td1 {
	background-color:#666;
	color:#FFF;
	}
.td2 {
	background-color:#ccc;
	color:#666;
	}
div.flow_column2 {
	margin-left:20px;
	width:275px;
	float:left;
	}
div.flow_column3 {
	margin-left:20px;
	width:255px;
	float:left;
	}
.fig_cap {
	font-size:11px;
	color:#666;
	text-align:left;
	}
.owsp {
	float:left;
	width:142px;
	}
.obrash {
	float:left;
	}
.clear {
	clear:left;
	float:none;
	}

/*塗り替え対応表*/

#chart {
	font-size:14px;
	color:#666;
	width:720px;
	text-align:center;
	margin-bottom:5px;
	}
.td3 {
	width:34%;
	padding:7px;
	border-bottom:#C7E9C7 1px solid;
	border-right:#C7E9C7 1px dotted;

	}
.td4 {
	width:33%;
	padding:7px;
	border-bottom:#C7E9C7 1px solid;
	}
div.chuu {
	font-size:12px;
	text-align:left;
	line-height:140%;
	margin-bottom:20px;
	
	}
	
/*塗り替えるとどうなるの？*/

div.res_item {
	width:720px;
	margin-bottom:20px;
	color:#666;
	}
div.left {
	width:270px;
	float:left;
	}
div.name {
	font-weight:bold;
	font-size:16px;
	text-align:left;
	margin-bottom:5px;
	margin-right:20px;
	}
div.line {
	background-image:url(../wers/img/dot.gif);
	background-repeat:repeat-x;
	background-position:center;
	height:10px;
	margin-bottom:5px;
	margin-right:20px;
	}
div.spec {
	font-size:12px;
	text-align:left;
	padding-bottom:2px;
	margin-right:20px;
	line-height:130%;
	}
.wrapp1 {
	width:270px;
	height:140px;
	}
.before {
	height:160px;
	text-align:left;
	vertical-align:middle;
	}
.after {
	float:left;
	width:450px;
	}
	
/*こんな時はどうすればいいの？*/

div.img_q {
	float:left;
	width:111px;
	margin-right:10px;
	}
div.txt_q{
	float:left;
	width:437px;
	text-align:left;
	line-height:140%;
	color:#666;
	font-size:14px;
	margin-right:10px;
	}
div.img_a {
	float:left;
	width:150px;
	}
div.line2 {
	clear:left;
	float:none;
	height:30px;
	background-image:url(../wers/img/dot.gif);
	background-position:center;
	background-repeat:repeat-x;
	}

/*フッタ*/
div#foota {
	background-color:#CCEBCC;
	margin: 0 auto;
	height:26px;
	width: 800px;
	border-top:#009933 solid 1px;
	}
div#copy {
	padding-top:6px;
	padding-right:15px;
	color:#009933;
	text-align:right;
	}