/* CSS Document */

#nouden{
	padding:10px;
	line-height:120%;
	width:580px;
	font-size:90%;
}

hr{
	height:1px;
	border-width: 1px 0px 0px 0px;
}

table{
	border-collapse:collapse;
}

/*--------------------------------------------
タイトル・見出し類
--------------------------------------------*/
#nouden h3{
margin:0 0 10px 0;
}

#nouden h4{
	background-image: url(/library/image/service/nouden/ttl_h4.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:553px;
	padding:5px 0 5px 27px;
	font-size:1.2em;
	margin:0 0 10px 0;
}

#nouden h5{
	background-image: url(/library/image/service/nouden/icon01.gif);
	background-position:0.5em;
	background-repeat:no-repeat;
	padding:5px 25px;
	font-size:1em;
	font-weight:bold;
	margin:0;
}

#sub_ttl{
	border:#B3DD3D solid 1px;
	padding:8px;
	font-weight:bold;
	background-color:#E3F2BD;
	margin:10px;
}

ul {
	padding:0;
	margin:0; 
}

.li_green{
	background-image:url(/library/image/service/nouden/icon02.gif);
	background-position:0px 0.5em;
	background-repeat:no-repeat;
	margin:0;
	padding:3px 0 3px 9px;
	list-style:none;
	font-size:1em;
	font-weight:bold;
}

.li_02{
	list-style:none;
	margin:3px 0 3px 20px;
	font-weight:normal;
}
.ul_02 span{ float:left;} 

#ul_03{
	clear:both;
	list-style:none;
	padding:10px 0;
}
#ul_03 li{
	clear:both;
	padding:2px 0;
	font-size:small;
}


.img_r{float:right; margin-right:20px; padding-left:5px;}
.img_c{ text-align:center; margin:15px 0;}

.left_box{float: left;}
.right_box{float:right;}

/*--------------------------------------------
テーブル
--------------------------------------------*/
#table_line{
	border:#CCCCCC 1px solid;
	padding:3px;
}

#table_01{
	margin:20px 0 0 0;
	border:#CCCCCC 1px solid;
	width:578px;
}
#table_01 th{
	background-color:#A3D527;
	background-image:url(/library/image/service/nouden/icon04.gif);
	background-position:10px 0.4em;
	background-repeat:no-repeat;
	padding:3px 3px 2px 30px;
	font-size:1.2em;
	text-align: left;
}
#table_01 td{
	padding:5px 5px 5px 30px;
	background-color:#FEFCE0;
}

#table_02{
	margin:20px 0 20px 0;
	border:#CCCCCC 1px solid;
}
#table_02 th{
	background-color:#EFEFEF;
	border-bottom:none;
	padding:5px;
}
#table_02 ul{
	list-style:none;
	text-align:left;
	padding:10px 15px;
}
#table_02 ul .midashi{
	float:left;
	width:70px;
}

.td_green{
	background-color:#86C502;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

.td_orange{
	background-color:#FF6600;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}

/*--------------------------------------------
事例
--------------------------------------------*/
.case_info{
	margin-left:15px;
	float: left;
	width:120px;
}

.case_data{
	width:415px;
	margin-left:15px;
	float:left;
}

.case_info ul{
	margin:0;
	padding:5px;
	list-style:none;
}
.case_info li{
	background-image: url(../../image/service/nouden/icon03.gif);
	background-position:0 0.15em;
	background-repeat:no-repeat;
	padding:2px 0 2px 8px;
	font-size:small;
}

.case_info p{
	margin:10px 0;
}

/*--------------------------------------------
装飾
--------------------------------------------*/

.hr_dash {
	border-top:#CFCFCF 1px dashed;
	padding:0;
	height:1px;
	clear:both;
	margin:20px 0;
}

.arrow {
	background-image:url(../../image/service/nouden/arrow_01.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;
	width:27px;
	float:left;
}

.point{
	background-image: url(../../image/service/nouden/icon03.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	float:left;
	width:110px;
}

.text_01{
	margin:0 20px 10px 20px;
}
.text_left{
	float:left;
}
.font_s{
	font-size:small;
	text-align:left;
}

/*------------------------------ 
	角丸CSS 
------------------------------ */
.kado  { background-color:#fff; width:400px; }
.comment { padding:0 10px; background-color:#FFEA97; font-size:small;}
	
blockquote { 
    margin: 0 0 10px 0;
	padding: 0;
	float:left;
	_clear:both;
} 
blockquote#one { 
    width:415px; 
    position: relative; 
} 
blockquote#one .arrow2 { 
    /* 吹き出しの部分 */
    width: 0; 
    height: 0; 
    line-height: 0; 
    border-top: 15px solid #FFEA97; 
    border-right:none; 
    border-left: 15px solid white; 
    position: absolute; 
    bottom: 45%; 
	left:0px;
} 