@charset "UTF-8";

/*  リセット
==============================================*/

h1, h2, h3,h4,h5,p,ul,form{
margin:0px;
padding:0px;
}

/*  base
==============================================*/
body {
	margin: 0px 0px;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
	background-color: #E1DEC4;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
}

a:link, a:visited { color: #0053D1; text-decoration: underline; }
a:active, a:hover { color: #CC3300; text-decoration: none; }


/*  wrapper
==============================================*/
.wrapper {
	margin: 0px auto 0px;
	width: 810px;
	text-align: left;
	}

/*  bg
==============================================*/
.bgleft {
	background-image: url(images/bg_left.jpg);
	background-repeat: no-repeat;
	}
	
.bgright {
	background-image: url(images/bg_right.jpg);
	background-repeat: no-repeat;
	}

/* header
==============================================*/
.header_bg {
	background: #DBD8B9;
	padding: 5px;
	}

.header_text {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 15px;
	height: 15px;
	text-align: left;
	}
	
/* menu
==============================================*/
.menu_bg {
	background: #990000;
	padding: 5px;
	}

.header_text {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 15px;
	height: 15px;
	}

/* mainidx
==============================================*/
.mainidx {
	background: #FFFFFF;
	padding: 20px;
	}

.newswrap {
	overflow: auto;
	height: 175px;
	width: 263px;
	border: 1px solid #333333;
	padding: 0px;
	}

/*  footer
==============================================*/
.footer {
	padding: 10px;
	text-align: center;
	background-color: #411E0D;
	}
	
.footer_text {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 15px;
	height: 20px;
	text-align: left;
	}
	
.footer_text2 {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 15px;
	height: 30px;
	text-align: left;
	}
	
.footer_text3 {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 16px;
	height: 25px;
	text-align: left;
	}
	
.copyright {
	padding: 5px 0px;
	font: 11px/14px "Lucida Grande", "Hiragino Kaku Gothic Pro", "Geneva", "Arial", "Verdana", "Helvetica", sans-self;
	color: #402B1D;
	text-align: center;
	}
	
a.copyright:link{ color: #402B1D; text-decoration: none; }
a.copyright:visited { color: #402B1D; text-decoration: none; }
a.copyright:active { color: #402B1D; text-decoration: none; }
a.copyright:hover { color: #402B1D; text-decoration: none; }

/*  contents
==============================================*/

/*  コンテンツ  */

.pr {
	margin-bottom: 10px;
	}
	
.pr20 {
	margin-bottom: 20px;
	}
	
.prtop20 {
	margin-top: 20px;
	}


.dot {
	background: url(images/dot_line.gif) no-repeat;
	height: 10px;
	}

/*  ページトップ  */

.pgtop {
	white-space: nowrap;
	font-size: 11px;
	color: #000000;
	background: url(images/arrow_top.gif) no-repeat left center;
	padding-left: 25px;
	white-space: nowrap;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	}
	
a.pgtop:link{ color: #0053D1; text-decoration: none; }
a.pgtop:visited { color: #0053D1C; text-decoration: none; }
a.pgtop:active { color: #0053D1; text-decoration: underline; }
a.pgtop:hover { color: #0053D1; text-decoration: underline; }

.pg {
	white-space: nowrap;
	font-size: 11px;
	color: #000000;
	background: url(images/arrow_red.gif) no-repeat left center;
	padding-left: 25px;
	white-space: nowrap;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	}
	
a.pg:link{ color: #0053D1; text-decoration: none; }
a.pg:visited { color: #0053D1C; text-decoration: none; }
a.pg:active { color: #0053D1; text-decoration: underline; }
a.pg:hover { color: #0053D1; text-decoration: underline; }


.imgboder {
	border: 1px solid #cccccc;
	display: block;
	padding: 4px;
	background-color: #FFFFFF;
}

.imgboder:hover {
	border: 1px solid #CC3300;
	background-color: #CA1D00;
}

/*  voice
==============================================*/

.voice_customer {
	background-image: url(images/voice/customer_middle.gif);
	background-repeat: repeat-y;
	background-position: left 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	}

.voice_planner {
	background-image: url(images/voice/voice_middle.gif);
	background-repeat: repeat-y;
	background-position: left 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	}
	
.exp {
	font-size: 11px;
	line-height: 16px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	}

.voice {
	font-size: 11px;
	line-height: 16px;
	padding-top: 15px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	}

/*  stuff
==============================================*/

.stuff {
	font-size: 11px;
	line-height: 16px;
	background-image: url(images/stuff/stuff_middle.gif);
	background-repeat: repeat-y;
	background-position: left 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	}

/*  flow
==============================================*/

.flow {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-image: url(images/flow/bg_step.gif);
	background-repeat: repeat-y;
	background-position: left 0px;
	}
	
.step {
	font-size: 11px;
	line-height: 16px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	}
	
/*  bukken
==============================================*/

.t_bukken {
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 8px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	background-color: #85974B;
}

.tb1 {
	line-height:18px;
	padding:4px;
	font-size: 11px;
	text-align: left;
	white-space: nowrap;
	width: 80px;
	font-weight: bold;
	background-color: #D2DAAA;
}

.tb2 {
	line-height:18px;
	padding:4px;
	font-size: 11px;
	text-align: left;
	white-space: nowrap;
	background-color: #F7F7BB;
}

/*  inquiry
==============================================*/

.inq_info {
	background-image: url(images/inquiry/inquiry_middle.gif);
	background-repeat: repeat-y;
	background-position: left 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	}
	
.inq_text {
	font-size: 11px;
	line-height: 16px;
	padding-top: 2px;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 8px;
	}
	
/*  company
==============================================*/

.t_comapny {
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 8px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	background-color: #A78965;
}

.tc1 {
	line-height:18px;
	padding:4px;
	font-size: 11px;
	text-align: right;
	white-space: nowrap;
	width: 120px;
	font-weight: bold;
	background-color: #E5D6BF;
}

.tc2 {
	line-height:18px;
	padding:4px;
	font-size: 11px;
	text-align: left;
	white-space: nowrap;
	background-color: #F4ECE1;
}

/*  privacy
==============================================*/

.t_privacy {
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 8px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	background-color: #61524E;
}
	
.privacy_text {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	color: #333333;
	font-size: 11px;
	line-height: 16px;
	background-color: #FFFFFF;
}

/*  qa
==============================================*/

.qa_text {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #AC5E00;
	font-size: 14px;
	line-height: 16px;
	background-color: #FFFFFF;
}

.qa_text_a {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #671818;
	font-size: 11px;
	line-height: 16px;
	background-color: #FFFFFF;
}

/* mainidx_concept
==============================================*/
.mainidx_c01 {
	padding: 230px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(images/concept/concept01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
.mainidx_c02 {
	padding: 230px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(images/concept/concept02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
.mainidx_c03 {
	padding: 230px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(images/concept/concept03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

.c01 {
	font-size: 11px;
	line-height: 16px;
	background-image: url(images/concept/cb01_mid.png);
	background-repeat: repeat-y;
	background-position: left 0px;
	padding: 5px 15px 0px;
	}

.c02 {
	font-size: 11px;
	line-height: 16px;
	background-image: url(images/concept/cb02_mid.png);
	background-repeat: repeat-y;
	background-position: left 0px;
	padding: 5px 15px 0px;
	}

.c03 {
	font-size: 11px;
	line-height: 16px;
	background-image: url(images/concept/cb03_mid.png);
	background-repeat: repeat-y;
	background-position: left 0px;
	padding: 5px 15px 0px;
	}

.imgboder_cpt_left {
	border: 1px solid #cccccc;
	display: block;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 0px 5px 5px 0px;
}

.imgboder_cpt_right {
	border: 1px solid #cccccc;
	display: block;
	padding: 4px;
	background-color: #FFFFFF;
	margin: 0px 0px 5px 5px;
}

.imgboder_cpt {
	border: 1px solid #cccccc;
	display: block;
	padding: 5px;
	background-color: #FFFFFF;
	margin: 0px 3px 5px 3px;
}

/* mainidx_wosh
==============================================*/
.mainidx_wosh {
	padding: 265px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(images/wosh/wosh.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
.mainidx_w01 {
	padding: 265px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(images/wosh/wosh01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
.mainidx_w02 {
	padding: 265px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(images/wosh/wosh02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
.mainidx_w03 {
	padding: 265px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(images/wosh/wosh03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

/* mainidx_wosh
==============================================*/
.mainidx_eco {
	padding: 265px 20px 20px;
	background-color: #FFFFFF;
	background-image: url(images/eco/eco.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	
/*  サイトマップ
==============================================*/
.level1 {
	padding: 10px 5px 5px 30px;
	background: url(images/sitemap/level1.gif) no-repeat 12px 12px;
	white-space: nowrap;
	font-size: 11px;
	line-height: 20px;
	}

.level2 {
	padding: 5px 5px 5px 40px;
	background: url(images/sitemap/level2.gif) no-repeat 25px 7px;
	white-space: nowrap;
	font-size: 11px;
	line-height: 20px;
	}

/*  text
==============================================*/

.xxsmall {
	font-size: 10px;
	line-height: 14px;
	}
	
.xsmall {
	font-size: 11px;
	line-height: 18px;
	}
	
.small {
	font-size: 12px;
	line-height: 18px;
	}
	
.smallwhite {
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
	}
	
.contents {
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	padding: 8px 5px 15px;
	}

.normal {
	font-size: 14px;
	line-height: 18px;
	}
	
.large {
	font-size: 16px;
	line-height: 20px;
	}

.imgright {
	padding-right: 10px;
	padding-bottom: 10px;
}

.imgrleft {
	padding-left: 10px;
	padding-bottom: 10px;
}

.title {
	padding-bottom: 5px;
}

.subtitle {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	border: 1px solid #E5E5E5;
	background: url() repeat-x;
	font-size: 11px;
	line-height: 18px;
}

.red {
	color: #FF0000;
	}

.green {
	color: #2E7100;
	}

.blue {
	color: #0066FF;
	}

.darkred {
	color: #990000;
	}
	
.gray {
	color: #CCCCCC;
	}

.brown {
	color: #B64C13;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	}
	
.white {
	color: #FFFFFF;
	}

.menu {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 18px;
	text-align: left;
	}
	
a.menu:link{ color: #FFFFFF; text-decoration: none; }
a.menu:visited { color: #FFFFFF; text-decoration: none; }
a.menu:active { color: #FFFFFF; text-decoration: underline; }
a.menu:hover { color: #FFFFFF; text-decoration: underline; }

.submenu {
	color: #FFCC00;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	background: url(images/common/submenu.gif) no-repeat left center;
	padding-left: 14px;
	white-space: nowrap;
	}

a.submenu:link { color: #FFFFCC; text-decoration: none; }
a.submenu:visited { color: #FFFFCC; text-decoration: none; }
a.submenu:active { color: #FFFFCC; text-decoration: underline; }
a.submenu:hover { color: #FFFFCC; text-decoration: underline; }