@charset "UTF-8";

body {
/*	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ　Ｐゴシック","MS PGothic",sans-serif;*/
	padding: 0;
	margin: 0;
}

#body {
	background-color:#F7F7F7;
}

h1 {
	width:800px;
	height:240px;
	text-indent:-999999px;
}

h1#h1_top {
	background:url(../image/h1_top.png) no-repeat 0 0;
}

h1#h1_campaign {
	background:url(../image/h1_campaign.png) no-repeat 0 0;
}

h1#h1_trust {
	background:url(../image/h1_trust.png) no-repeat 0 0;
}

h1#h1_hojin {
	background:url(../image/h1_hojin.png) no-repeat 0 0;
}

h1#h1_24hours {
	background:url(../image/h1_24hours.png) no-repeat 0 0;
}

h1#h1_taisaku {
	background:url(../image/h1_taisaku.png) no-repeat 0 0;
}

h1#h1_daiko {
	background:url(../image/h1_daiko.png) no-repeat 0 0;
}

h1#h1_flow {
	background:url(../image/h1_flow.png) no-repeat 0 0;
}

h1#h1_jirei {
	background:url(../image/h1_jirei.png) no-repeat 0 0;
}

h1#h1_qa {
	background:url(../image/h1_qa.png) no-repeat 0 0;
}

h1#h1_voice {
	background:url(../image/h1_voice.png) no-repeat 0 0;
}



h2 {}

h2#h2_contact {
	background:url(../image/h2_contact.png) no-repeat 0 0;
	width:720px;
	height:50px;
	text-indent:-999999px;
	margin-top:70px;
}

h2.sub,
h3.contact {
	background: url(../image/h2sub_bg.png) repeat-x 0 0;
	line-height:33px;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	margin-bottom:10px;
	padding-left:20px;
	font-size:1.2em;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */ 
}


h3 {}

img {
	vertical-align: bottom;
}

strong {
	font-weight:bold;
}

.red {
	color:#F00;
}

.bold {
	font-weight:bold;
}

ul.lead {
	margin:1em 0;
}

ul.lead li {
	list-style-type:disc;
	list-style-position:inside;
	margin-left:5px;
}

p.lead {
	margin:1em 0;
	line-height:140%;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}

.clear {
	clear: both;
}

.f_left {
	float:left;
}

.f_right {
	float:right;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.center {
	text-align:center;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}


div#wrap {
	width:800px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	margin:0 auto;
	background-color:#FFF;
}

/* header */
div#header {}

div#header_lead {
	padding:5px 10px 0 15px;
	font-size:12px;
}

div#header_lead .f_left,
div#header_lead .f_right {
	width:50%;
}

div#header_lead .f_right a {
	padding-right:15px;
	margin-left:10px;
}

div#header_lead .f_right a.blank {
	background:url(../image/ic_blank.png) no-repeat right 2px;
}

div#header_lead .f_right a.top {
	background:url(../image/ic_top.png) no-repeat right 2px;
}

div#header_contents {
	margin:10px 0;
}


#lead {
	font-size:0.85em;
	margin:0 10px;
}

#site_logo {
	width:347px;
	height:32px;
	margin-left:15px;
	_margin-left:8px;
}

#site_logo a {
	text-indent:-999999px;
	background:url(../image/site_logo.png) no-repeat 0 0;
	width:347px;
	height:32px;
	display:block;
	outline:none;
	overflow:hidden;
}

#company_logo {
	width:325px;
	height:32px;
	margin-right:10px;
	_margin-right:5px;
}

#company_logo a {
	text-indent:-999999px;
	background:url(../image/company_logo.png) no-repeat 0 0;
	width:325px;
	height:32px;
	display:block;
	outline:none;
	overflow:hidden;
}

/* navi */
div#navi {
}

div#navi ul li {
	float:left;
	height:46px;
}

div#navi ul li a {
	background:url(../image/navi.png) no-repeat 0 0;
	display:block;
	height:46px;
	text-indent:-999999px;
	outline:none;
	overflow:hidden;
}

div#navi ul li#navi_trust,
div#navi ul li#navi_trust a {
	width:113px;
}

div#navi ul li#navi_comfort,
div#navi ul li#navi_comfort a {
	width:115px;
}

div#navi ul li#navi_comfort a {
	background-position: -113px 0;
}

div#navi ul li#navi_flow,
div#navi ul li#navi_flow a {
	width:114px;
}

div#navi ul li#navi_flow a {
	background-position: -228px 0;
}

div#navi ul li#navi_jirei,
div#navi ul li#navi_jirei a {
	width:115px;
}

div#navi ul li#navi_jirei a {
	background-position: -342px 0;
}

div#navi ul li#navi_voice,
div#navi ul li#navi_voice a {
	width:114px;
}

div#navi ul li#navi_voice a {
	background-position: -457px 0;
}

div#navi ul li#navi_qa,
div#navi ul li#navi_qa a {
	width:115px;
}

div#navi ul li#navi_qa a {
	background-position: -571px 0;
}

div#navi ul li#navi_contact,
div#navi ul li#navi_contact a {
	width:114px;
}

div#navi ul li#navi_contact a {
	background-position: -686px 0;
}

/* /navi */
/* /header */


/* contents */
div#contents {}

h2#h2_top_1 {
	background:url(../image/h2_top_1.png) no-repeat 0 0;
	width:760px;
	height:45px;
	text-indent:-999999px;
	margin-bottom:10px;
	margin-top:20px;
}

h2#h2_top_2 {
	background:url(../image/h2_top_2.png) no-repeat 0 0;
	width:760px;
	height:45px;
	text-indent:-999999px;
	margin-bottom:10px;
	margin-top:30px;
}

h2#h2_top_3 {
	background:url(../image/h2_top_3.png) no-repeat 0 0;
	width:760px;
	height:45px;
	text-indent:-999999px;
	margin-bottom:10px;
}

h3.top {
	background: url(../image/h3_bg.png) repeat-x 0 0;
	line-height:33px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
	font-size:1.2em;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */ 
}

h3.taisaku,
h3.qa {
	border:1px solid #38ED6F;
	padding:3px;
	background-color:#E0F5D6;
	margin:15px 0;
	font-weight:bold;
	font-size:1.1em;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
}

h3.taisaku span,
h3.qa span {
	display:block;
	border-left:4px solid #0FA63C;
	padding-left:8px;
	line-height:140%;
}

h3.qa {
	margin-top:20px;
}

h4 {
	color:#4F7500;
	border-bottom:1px dotted #4F7500;
	margin-top:40px;
	padding-bottom:2px;
	font-size:1.1em;
	font-weight:bold;
}

div#breadlist {
	background-color:#ECECEC;
	line-height:200%;
	padding:0 20px;
}

div#top_container {
	padding:20px;
}

div#main_container {
	padding:40px;
}

div.bg_green {
	background-color:#E0F5D6;
	padding:10px;
	margin-bottom:50px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}

p.comment {
	line-height:160%;
	font-size:0.9em;
}

div.col3_in {
	width:725px;
	margin:10px auto 0;
}

div#top_support .box {
	width:235px;
	height:157px;
	margin-left:10px;
}

div#top_action .box {
	width:235px;
	height:180px;
	margin-left:10px;
}

div#top_support .box a {
	display:block;
	width:235px;
	height:157px;
	text-indent:-999999px;
	outline:none;
	overflow:hidden;
}

div#top_action .box a {
	display:block;
	width:235px;
	height:180px;
	text-indent:-999999px;
	outline:none;
	overflow:hidden;
}

div.col3_in .first,
div.col3_out .first {
	margin-left:0 !important;
}

div.col3_in #top_support_1 a {
	background:url(../image/top_support_1.png) no-repeat 0 0;
}

div.col3_in #top_support_2 a {
	background:url(../image/top_support_2.png) no-repeat 0 0;
}

div.col3_in #top_support_3 a {
	background:url(../image/top_support_3.png) no-repeat 0 0;
}

div.col3_in #top_action_1 a {
	background:url(../image/top_action_1.png) no-repeat 0 0;
}

div.col3_in #top_action_2 a {
	background:url(../image/top_action_2.png) no-repeat 0 0;
}

div.col3_in #top_action_3 a {
	background:url(../image/top_action_3.png) no-repeat 0 0;
}

div.col3_out #top_case_1 a {
	background:url(../image/top_case_1.png) no-repeat 0 0;
}

div.col3_out #top_case_2 span {
	background:url(../image/top_case_2.png) no-repeat 0 0;
}

div.col3_out #top_case_3 span {
	background:url(../image/top_case_3.png) no-repeat 0 0;
}

div.col3_out {
	width:760px;
	margin:10px auto 30px;
}

div#top_case .box {
	width:246px;
	margin-left:11px;
}

div#top_case .box a.img,
div#top_case .box span.img {
	display:block;
	width:246px;
	height:160px;
	text-indent:-999999px;
	outline:none;
	overflow:hidden;
}

div#top_case div.bg_gray {
	margin-left:10px;
	background:url(../image/bg_gray.png) repeat-x 0 0;
	line-height:140%;
	padding-bottom:10px;
	font-size:0.9em;
	padding:10px;
}

div#top_case div.bg_gray li {
	list-style-type:disc;
	list-style-position:inside;
	margin-left:5px;
}

div#action_link,
div#action_link a,
div#support_link,
div#support_link a {
	width:270px;
	height:33px;
	text-indent:-999999px;
	outline:none;
	overflow:hidden;
}

div#action_link,
div#support_link {
	margin:10px auto 0;
}

div#action_link a {
	display:block;
	background:url(../image/action_link.png) no-repeat 0 0;
}

div#support_link a {
	display:block;
	background:url(../image/support_link.png) no-repeat 0 0;
}

/* /contents */

/* footer */
div#footer {
	background-color:#0FA73C;
	text-align:center;
	color:#FFF;
	line-height:2em;
	margin-top:50px;
}
/* /footer */




div.next_anchor {
	margin: 1em 0;
}

a.next {
	padding:5px 20px 5px 15px;
	background:url(../image/icn_next.png) no-repeat right center;
	border:1px solid #CCC;
	display:block;
}


div.tel {
	padding-left:30px;
	background:url(../image/icn_tel.png) no-repeat top left;
}

span.tel {
	color:#F00;
	font-weight:bold;
	font-size:1.2em;
}

div.form {
	margin-top:10px;
	padding-left:30px;
	background:url(../image/icn_form.png) no-repeat left center;
	line-height:17px;
}

/* campaign */
ul.campaign {
	margin:1em 0;
}

ul.campaign li {
	list-style-type: disc;
	list-style-position: inside;
	margin-left:5px;
}

/* /campaign */

/* hojin */
ul.hojin {
	width:100%;
}

ul.hojin li {
	list-style-type:disc;
	list-style-position:outside;
	width:220px;
	line-height:140%;
	float:left;
	margin-bottom:5px;
	margin-left:20px;
}


div.col3 .f_left,
div.col3 .f_right {
	width:210px;
	
}

div.col3 .f_left {
	margin-right:10px;
}

div.col3 h3 {
	font-weight:bold;
	margin-bottom:5px;
	font-size:1.1em;
}

div.col3 p {
	line-height:140%;
}

div#taisaku_needs1,
div#taisaku_needs2,
div#taisaku_needs3 {
	width:235px;
	height:402px;
	text-indent:-999999px;
}

div#taisaku_needs1,
div#taisaku_needs2 {
	margin-right:7px;
}

div#taisaku_needs1 {
	background:url(../image/taisaku_needs1.png) no-repeat 0 0;
}

div#taisaku_needs2 {
	background:url(../image/taisaku_needs2.png) no-repeat 0 0;
}

div#taisaku_needs3 {
	background:url(../image/taisaku_needs3.png) no-repeat 0 0;
}


table.bg_green {
	width:100%;
}

table.bg_green th {
	text-align:center;
	background-color:#E0F5D6;
	font-weight:bold;
	padding: 5px 0;
}

table.bg_green td {
	padding: 10px;
}

table.bg_green th,
table.bg_green td {
	border:1px solid #999999;
}

table.bg_green td ul {
	margin-left:15px;
}

table.bg_green td li {
	list-style-type:disc;
	line-height:140%;
	font-size:0.9em;
}

table#tbl_taisaku1 th,
table#tbl_taisaku1 td {
	width:140px;
}




/* flow */

div.flow_bg {
	background-color:#E0F5D6;
	padding:10px;
	margin-bottom:20px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}

div.flow_bg h2 {
	margin-top:0;
}

div.flow_bg .lead {
	margin: 1em 10px;
}

div.flow_arrow {
	padding-bottom:43px;
	background:url(../image/flow_arrow.png) no-repeat center bottom;
	margin-bottom:15px;
}
/* /flow */



/* jriei */
div.jirei_area {}

div.jirei_area h3 {
	font-weight:bold;
	margin-bottom:5px;
}

div.jirei_area .box {
	background-color:#E0F5D6;
	padding:10px;
	width:325px;
	float:left;
	margin:5px;
}

div.jirei_area .box .f_left {
	width:155px;
}

div.jirei_area .box .f_right {
	width:160px;
	line-height:140%;
}

/* /jirei */


/* qa */
p.qa {
	margin: 0 10px 40px;
}
/* /qa */
