/* ===============

ヘッダー部分。

=============== */
div#header h1{
	background-image:url('../images/title.png');
	background-repeat:no-repeat;
}


/* =====================

キャッチコピー領域。

=======================*/
#catch1{
	margin-bottom:20px;
}


/* =====================

質問。

=======================*/

.question{
	clear:both;
	margin-left:20px;
	margin-bottom:10px;

}
/* IE用ハック */
*.question{
	clear:both;
	margin-left:10px;
	margin-bottom:10px;

}


/* =====================

左コンテンツ領域。

=======================*/
div.left_contents[id="left_1"]{
	width:560px;
	
}
div.left_contents[id="left_1-1"]{
	width:560px;
	
}
div.left_contents[id="left_2"]{
	width:280px;
}
/* IE */
*div#left_1{
	width:560px;
}
/* IE */
*div#left_1-1{
	width:560px;
}
/* IE */
*div#left_2{
	width:280px;
}


/* 画像配置用テーブル */
table.image_table{
border-collapse: collapse;
}
table.image_table td{
	/*width:260px;*/
	padding-left:10px;
	padding-right:10px;
	font-size:small;
	vertical-align:middle;
	text-align:center;

}
table.image_table img{
	/*border:1px #06508a dotted;*/
}

table.image_table a:hover img{
    border-color:#cccccc;
    border-style:solid;
}
/* IEハック */
*table.image_table a:hover{
	/* a:hoverを動作させないとa内のimg要素にCSSが適用されない */
	border-width:0px;
}

/*=======
主要機能
=========*/
ol#kinou_ol{
	margin-left:30px;
}
ol#kinou_ol li{
	font-size:small;
	padding-bottom:4px;
	
}
span.kinou_span{
	font-size:medium;
	font-weight:bold;
}

div.catalog  {
	width:180px;
	height:250px;
	margin-top:10px;

}

div.catalog img {
	width:180px;
	height:250px;

}

/* =====================

右コンテンツ領域。

=======================*/
div.right_contents[id="right_1"]{
	width:350px;
}
div.right_contents[id="right_1-1"]{
	width:350px;
}
div.right_contents[id="right_2"]{
	width:630px;
}
/* IE */
*div#right_1{
	width:350px;
}
/* IE */
*div#right_1-1{
	width:350px;
}
/* IE */
*div#right_2{
	width:630px;
}
p.sub_p{
	font-size:medium;
	font-weight:bold;
}
p.sub_bar_p{
	margin-bottom:10px;
}

/*=======
質問１
=========*/
p.check_point{
	color:red;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}
.hoshi{
	color:#0099ff;
}
.okome{
	font-size:small;
}
dl.how_dl{
	margin-bottom:10px;
}
dl.how_dl dt{
	float:left;
	clear:both;
	width:50px;
	font-size:small;
	text-decoration:underline;
	font-weight:normal;
	text-align:right;
}
dl.how_dl dd{
	font-size:small;
	margin-left:60px;
}

/*=======
質問２
=========*/
ol#navi_ol{
	margin-left:30px;
}
ol#navi_ol li{
	font-size:medium;
}
ol#youto_ol{
	margin-bottom:20px;
	margin-left:30px;
}
ol#youto_ol li{
	color:red;
	font-size:medium;
}
p#navi_p{
	text-align:center;
	margin-bottom:10px;
}
p#navi_p,p#youso_p{
	font-size:medium;
	font-weight:bold;
	text-decoration:underline;
}


/*=======
情報化施工
=========*/
dl.sekou_dl{
	margin-bottom:10px;
	margin-right:10px;
	background-color:#f2f2f2;
}
dl.sekou_dl dt{
	float:left;
	clear:both;
	width:60px;
	font-size:small;
	padding:3px;
	border-top:2px #fff solid;
}
dl.sekou_dl dd{
	font-size:small;
	margin-left:65px;
	padding:5px 3px 3px 3px;
	background-color:#fff;
}
ol#sekou_ol{
	list-style-type:none;
}
h3#kinou_h3{
	text-align:center;
	font-size:medium;
	margin-bottom:5px;
	_margin-bottom:0; /* IE */
}
h3#sekou_h3{
	text-align:center;
	font-size:medium;
	margin-bottom:5px;
	_margin-bottom:0; /* IE */
}
hr{
	margin-bottom:5px;
}
p#sekou_p{
	text-align:center;
	text-decoration:underline;
	font-size:medium;
	margin-bottom:10px;
}
table#sekou_table{
	width:100%;
	border:1px #ccc solid;
}
table#sekou_table td{
	padding:5px;
}
table#sekou_table td.img_td{
	text-align:center;
	vertical-align:middle;
}

li.item1{list-style-image:url('../images/1.gif');}
li.item2{list-style-image:url('../images/2.gif');}
li.item3{list-style-image:url('../images/3.gif');}
li.item4{list-style-image:url('../images/4.gif');}
li.item5{list-style-image:url('../images/5.gif');}
li.item6{list-style-image:url('../images/6.gif');}
li.item7{list-style-image:url('../images/7.gif');}
li.item8{list-style-image:url('../images/8.gif');}

li.maru_1{list-style-image:url('../images/maru_1.gif');}
li.maru_2{list-style-image:url('../images/maru_2.gif');}
li.maru_3{list-style-image:url('../images/maru_3.gif');}
li.maru_4{list-style-image:url('../images/maru_4.gif');}
li.maru_5{list-style-image:url('../images/maru_5.gif');}


/* =====================

ぅラッパー

=======================*/
div.wrapper{
	clear:both;
}



/* =====================

丁張マンNeo画像領域。

=======================*/
div#neo{
	float:left;
	width:350px;
	margin-left:10px;
}

div#neo img{
	width:345px;
}


/* =====================

ユーザーの声領域。

=======================*/
div#user_contents{
	float:right;
	width:556px;
	margin-right:10px;
	margin-bottom:20px;
}
/* IE用ハック */
*div#user_contents{
	float:right;
	width:556px;
	margin-right:5px;
}

table#user_table{
	border-collapse: collapse;
	margin-bottom:10px;
	margin-top:10px;
	background-image:url('../images/user_back.gif');
	background-repeat:repeat;
}
table#user_table th{
	width:119px;
	padding-left:10px;
	padding-right:10px;
	font-size:small;
	text-align:left;
}
table#user_table td{
	
}
td.user_td{
	width:109px;
	font-size:small;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
}
td.data_td{
	font-size:x-small;
	padding-left:15px;
	padding-right:15px;
	text-align:right;
}
td.image_td{
	text-align:center;
}

table#user_table img{
width:119px;
height:3px;
}