@charset "utf-8";
/*common******************************************************************************/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
html{color:#333;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,
fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;padding:0;}
img { display: block; }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{
font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
strong,em{color:#AD2C21;}
/*
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#333;}
*/

html {
	overflow-y: scroll;
}

body {
	letter-spacing: 0.05em;
	font-family: "ＭＳ Ｐゴシック",Arial, Helvetica, sans-serif;
}

p{
	margin:10px 0 10px 0;

}
	
a:link {
	color: #339933;
	text-decoration: none;
	}
	
a:visited {
	color: #339933;
	text-decoration: none;
	}
	
a:hover, a:active {
	color: #004000;
	}

table {
	width: 100%;
	background-color: #eee;
}

th,
td {
	
}

th {
	background-color: #d9d9d9;
	border: 2px solid #fff;
	text-align: center;
	font-weight: bold;
}

td {
	background-color: #f0f0f0;
	border: 2px solid #fff;
}

a img {
	border: 0;
}

a:hover img {
}

h4 {
  margin: 0 0 0.8em;
  border-left: solid 8px #AD2C21;
  padding-left: 5px;
  font-size:12px;
}


	
/*layout*************************************************************************/	
body {
	text-align:center;
}

div#header {
	width: 820px;
	height: 103px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
}

div#contents {
	width: 820px;
	margin: 0 auto;
	padding: 6px 0;
	text-align: left;
}
div#top {
	width: 820px;
	padding:0;
	text-align: center;
}	
div#main {
	float: left;
	width: 614px;
	text-align: left;
	margin-top:10px;
	
}

div#sub {
	float: right;
	width: 200px;
	text-align: left;
	margin-top:10px;
	
}

div#footer {
	padding-top: 1em;
	text-align: left;
}

	
#menu3 {
	width: 200px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	}
	
#menu3 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #ffffff;
	display: block;
	background: url(img/menu3-1.gif);
	padding: 8px 0 0 30px;
	}
	
#menu3 li a:hover, #menu3 li a:active {
	color: #283A50;
	background: url(img/menu3-1.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}

/*theme************************************************************************	

/* --------------------------------------- *
 *	theme.css
 * --------------------------------------- */

body {
	background-image: url("http://www.ecoichi.com/img/layout/headerBg.gif");
	background-repeat: repeat-x;
}
h1 h2{font-size:x-small;font-weight:normal;}


/* --------------------------------------- *
 *	#header
 * --------------------------------------- */
div#header {
}
div#header h1 {
	width: 291px;
	height: 69px;
	float: left;
}
div#header div.banner {
	margin-left: 340px;
}
div#header ul {
	height: 34px;
	clear: left;
}
div#header ul li {
	width: 103px;
	height: 34px;
	margin-right: 15px;
	float: left;
	text-indent: -9999px;
}
div#header ul li a {
	height: 34px;
	display: block;
	overflow: hidden;
}
div#header ul li a:hover,
div#header ul li a.select {
	background: none !important;
}
div#header ul li.menu01 {
	background: url("http://www.ecoichi.com/img/layout/menu01-b.gif") no-repeat;
}
div#header ul li.menu02 {
	background: url("http://www.ecoichi.com/img/layout/menu02-b.gif") no-repeat;
}
div#header ul li.menu03 {
	background: url("http://www.ecoichi.com/img/layout/menu03-b.gif") no-repeat;
}
div#header ul li.menu04 {
	background: url("http://www.ecoichi.com/img/layout/menu04-b.gif") no-repeat;
}

div#header ul li.menu01 a {
	background: url("http://www.ecoichi.com/img/layout/menu01-a.gif") no-repeat;
}
div#header ul li.menu02 a {
	background: url("http://www.ecoichi.com/img/layout/menu02-a.gif") no-repeat;
}
div#header ul li.menu03 a {
	background: url("http://www.ecoichi.com/img/layout/menu03-a.gif") no-repeat;
}
div#header ul li.menu04 a {
	background: url("http://www.ecoichi.com/img/layout/menu04-a.gif") no-repeat;
}

/* --------------------------------------- *
 *	#top
 * --------------------------------------- */
div#top {
	background-color:#E7F6AD;
	}
 
 
div#top h2 {
	text-align:right;
	font-size:x-small;
	font-weight:normal;
	margin-bottom:5px;
}
 
 
/* --------------------------------------- *
 *	#main
 * --------------------------------------- */
div#main {
}
/**パンくず*******************************/
p.path {
	margin: -20px 0 7px 10px;
	font-size: 78%;
}
* html p.path {
	margin-top: -17px;
}
p.path a {
	color: #333;
}
div#main h1,h2 {
	text-align:left;
	font-size:x-small;
	font-weight:normal;
	margin-bottom:5px;
}

/* --------------------------------------- *
 *	#main_contents
 * --------------------------------------- */
 
h2.catch{
	font-size:150%	;
	font-weight:bold;
	color:#AD2C21;
	margin-top:20px;
	margin-right:5px;
}
h3.tit {
	font-weight:bold;
	color:#ffffff;
	font-size:small;
	display: block;
	background-color:#AD2C21;
	margin:20px 0 20px 0;
	padding: 5px 0 0 5px;
	}
.inyo {margin-left:20px;color:#666666;text-weight:bold;}
	
.fl_right {padding-left:390px;}

.st1 th {
	font-weight:normal;
	font-size:80%;
	text-align:center;
	border:1px solid #777777;
}

.st1 td {
	font-weight:normal;
	text-align:center;
	border:1px solid #777777;
}

.entry-check {
padding              : 0px 10px 0px 0px;
margin               : 20px;
border               : 0px solid #3366FF;
}

.entry-check ul{
margin               : 10px;
}

.entry-check li {
list-style           : none;
background-image     : url(img/checkmark.gif);
background-repeat    : no-repeat;
padding-left         : 25px;
margin-bottom        : 5px;

}

.entry-check2 {
padding              : 0px 10px 0px 0px;
margin               : 20px;
border               : 1px solid #3366FF;
clear                : both;
}

.entry-check2 ul{
margin               : 10px;
}
.entry-check2 li {
list-style           : none;
background-image     : url(img/checkmark.gif);
background-repeat    : no-repeat;
padding-left         : 25px;
margin-bottom        : 5px;
}

.entry-check3 {
padding              : 0px 0px 0px 0px;
margin               : 20px;
border               : 0px solid #990000;
clear                : both;
}

.entry-check3 ul{
margin               : 10px;
}

.entry-check3 li {
list-style           : none;
background-image     : url(img/checkmark.gif);
background-repeat    : no-repeat;
padding-left         : 25px;
margin-bottom        : 5px;
color				:#404040;
}

/* --------------------------------------- *
 *	#footer
 * --------------------------------------- */
div#footer {
	border-top: 1px #333 solid;
	text-align: center;
}
div#footer ul li {
	display: inline;
	margin-right: 6px;
	padding-left: 10px;
	border-left: 1px #333 solid;
	line-height: 1.5;
	font-size: 85%;
}
div#footer ul li.faq,
div#footer ul li.company {
	border-left: 0;
	padding-left: 0;
}
div#footer p {
	margin-top: 1em;
	color: #666;
}

/* --------------------------------------- *
 *	pages
 * --------------------------------------- */



/**FAQ*****************************/
div.faq {

}
div.faq ol#question li {
	margin-top: 15px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
}
div.faq ol#question li em {
	color: #f60;
}
div.faq ol#question li ol {
	margin-top: 10px;
	padding: 10px 10px 10px 0;
	border: 1px solid #ccc;
	background-color: #fff;
}
div.faq ol#question li ol li {
	margin: 0 0 4px 15px;
	padding: 0;
	border: 0;
	background-color: #fff;
}

div.faq ol#answer li {
	margin-top: 25px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	color: #339933;
	font-weight: bold;
}
div.faq ol#answer li ol li {
	margin: 10px 0 25px 15px;
	padding: 0;
	border-top: 0;
	border-left: 1px solid #339933;
	border-right: 1px solid #339933;
	border-bottom: 1px solid #339933;
	background-color: #fff;
	color: #000;
	font-weight: normal;
}
div.faq ol#answer li ol li em {
	margin-bottom: 5px;
	padding: 3px;
	border-top: 1px solid #339933;
	border-bottom: 1px solid #339933;
	display: block;
	background-color: #effce7;
	text-indent: 5px;
	color: #f60;
}
div.faq ol#answer li ol li p {
	margin: 0 10px 8px 25px;
}
div.faq ol#answer li ol li ul,
div.faq ol#answer li ol li ol,
div.faq ol#answer li ol li dl {
	margin: 7px 10px 7px 25px;
}
div.faq ol#answer li ol li ul li,
div.faq ol#answer li ol li ol li {
	margin: 0;
	padding: 0;
	border: 0;
}
div.faq ol#answer li ol li dl dd {
	margin-left: 23px;
}
div.faq ol#answer p.pageTop {
	text-align: right;
}


/**利用方法*****************************/
div.usage {

}
div.usage dl#usageList {
	margin: 20px 0 40px 0;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
}
div.usage dl#usageList dt {
	display: none;
}
div.usage dl#usageList dd ul {
	margin: 15px 20px;
	border: 1px solid #ccc;
	background-color: #fff;
}
div.usage dl dd ul li {
	margin: 5px 10px 5px 25px;
	list-style-type: disc;
}
div.usage dl.step {
	width: 100%;
	margin-top: 20px;
	border-bottom: 5px solid #bfebb4;
}
div.usage dl.step dt {
	padding: 5px 0 5px 0;
	border-top: 5px solid #bfebb4;
	border-left: 5px solid #bfebb4;
	border-right: 5px solid #bfebb4;
	border-bottom: 5px solid #bfebb4;
	background-color: #effce7;
	text-indent: 10px;
	color: #f60;
	font-weight: bold;
}
div.usage dl.step dd {
	padding: 15px 20px 10px 20px;
	border-left: 5px solid #bfebb4;
	border-right: 5px solid #bfebb4;
}
div.usage dl.step dd p.flow {
	height: 510px;
	background: url("http://www.ecoichi.com/img/layout/flowImg.gif") no-repeat;
	text-indent: -9999px;
}
div.usage dl.step dd p.subTitle {
	margin-top: 35px;
	color:#f00;
}
div.usage dl#usage01 dt {
	padding: 15px 0 10px 0;
} 
div.usage dl.step dd dl,
div.usage dl.step dd dl dt,
div.usage dl.step dd dl dd {
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	text-indent: 0;
	color: #000;
}
div.usage dl.step dd dl dd,
div.usage dl.step dd ul,
div.usage dl.step dd ol,
div.usage dl.step dd p {
	margin-bottom: 15px;
}
div.usage div.flow dl.step dd dl dd p {
	margin-bottom: 5px;
}

div.usage dl.step ul li,
div.usage dl.step ol li {
	margin-left: 15px;
}
div.usage dl.step ul li {
	margin-bottom: 2px;
	list-style: disc outside;
}
div.usage dl.step ol li {
	margin-bottom: 15px;
	list-style: decimal outside;
}
div.usage p.pageTop {
	margin-top: 15px;
	text-align: right;
	font-weight: bold;
}

/******service*/

.cont1 {
margin               : 10px 10px 20px 10px;
}

.photo-fl {
float			:right;
margin			:10px;
}