@charset "utf-8";
/*ECOUP SITE CSS */



/**************************************/
/* メイン共通                         */
/**************************************/

body {
	font-size: 12px;
	color:#333333;
	margin: 0 auto;
	line-height:1.6;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding:0;
	font-size:12px;
	background:url(../image/bg.jpg) repeat-x;
	}
a:link {
	color:#003399;
}
a:visited {
	color:#003399;
}
a:hover {
	color:#0033FF;
}
a:active {
	color:#003399;
}
img{
	border:0;
	}
	
/* IE以外 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* IE7 MacIE*/
.clearfix {
	display: inline-block;
	}
/* IE6以前*/
* html.clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}

/**************************************/
/* 大枠 　　                          */
/**************************************/
#wp {
	width:900px;
	padding:0px;
	margin:0 auto;
	display:block;
	}

/**************************************/
/* head 　　                          */
/**************************************/
#headder{
	padding:0;
	height:100px;
	margin:0;
	display:block;
	}
h1{
	font-size:11px;
	line-height:20px;
	display:block;
	margin:0;
	font-weight:normal;
	padding:0;
	color:#ffffff;
	width:600px;
	float:left;
	height:98px;
	/*letter-spacing:0.1em;*/
	}
h1 img{
	margin:10px 0 0 0;
	}
/**************************************/
/* gnavi          　　　              */
/**************************************/
#gnavi{
	margin:3px 0 15px 0;
	display:block;
	height:34px;
	padding:0;
	}
/**************************************/
/* key          　　　                */
/**************************************/
#key{
	margin:0;
	display:block;
	border:1px solid #cccccc;
	width:892px;
	height:242px;
	padding:3px;
	}

* html #key{
padding:3px 3px 2px 3px;
}

#key #lbox{
	width:280px;
	display:block;
	float:left;
	}
#key #lbox img{
	margin-bottom:1px;
	}

	
/**************************************/
/* main 　　                          */
/**************************************/
#main{
	padding:20px 0 0 0;
	}
/**************************************/
/* left box　　                       */
/**************************************/
#m_left{
	width:320px;
	margin:0 10px 0 0;
	display:block;
	float:left;
	}
#m_left #pbox{
	margin:13px 0 0 0;
	}
/*#m_left #pbox img, #m_left #pbox3 img{
	margin-right:10px;
	float:left;
	}*/

#m_left #pbox .pboxPhoto {
	float:left;
	width:144px;
}

#m_left #pbox .pboxText {
float:right;
width:166px;
}

#m_left #pbox2{
	margin:7px 0 0 0;
	clear:both;
	}

#m_left #pbox3{
	margin:2px 0 0 0;
	height:120px;
	}

#pbox:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#pbox {
  min-height: 1px;
}

*html #pbox {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.btnSaigai {
background:url(../image/btn_saigai.gif) no-repeat 0 0;
width:150px;
height:34px;
margin:5px 0 0 0;
}

.btnSaigai em {
position:absolute;
left:-9999px;
}

.btnSaigai a {
display:block;
width:150px;
height:34px;
}

.btnSaigai a:hover {
background:url(../image/btn_saigai.gif) no-repeat 0 -34px;
}

/**************************************/
/* right box　　                      */
/**************************************/
#m_right{
	width:220px;
	display:block;
	float:right;
	padding:0;
	margin:0;
	}
#m_right h3{
	margin:10px 0;
	padding:5px 0;
	clear:both;
	width:240px;
	border-bottom:1px dotted #999999;
	}
	
/**************************************/
/* fotter 　　                        */
/**************************************/
#bt1{
	width:100%;
	background:url(../image/bg_fotter2.jpg) repeat-x bottom;
	height:224px;
	margin:40px 0 0 0;
	padding:0;
	}

#bt1 #topbtn{
	display:block;
	margin:0 auto;
	padding:0;
	height:24px;
	text-align:right;
	width:900px;
	}

#bt1 #fotter{
	background:url(../image/bg_fotter.jpg) no-repeat 0 0;
	height:200px;
	width:900px;
	font-size:10px;
	line-height:135%;
	color:#333333;
	margin:0 auto;
	padding:0;
	}
#bt1 #fotter #navi{
	font-size:10px;
	margin:0 0 0 0;
	padding:0;
	position:relative;
	top:20px;
	}

#bt1 #fotter #navi p{
	padding:7px 0;
	margin:0;
	}

* html #bt1 #fotter #navi p img{
margin-top:20px;
}

#bt1 #fotter .copy{
	display:block;
	padding:0;
	color:#ffffff;
	font-size:10px;
	position:absolute;
	top:162px;
	}

*+html #bt1 #fotter .copy{
	position:absolute;
	top:160px;
}


#bt1 #fotter #navi a:link{
	color:#333333;
	font-size:10px;
	}
#bt1 #fotter #navi a:visited{
	color:#333333;
	font-size:10px;
}
#bt1 #fotter #navi a:hover{
	color:#333333;
	font-size:10px;
}
#bt1 #fotter #navi a:active{
	color:#333333;
	font-size:10px;
}