@charset "utf-8";

@import url("../packages/default/css/import.css");


/*body {
    background-color:#FFFFFF;
}*/

/*body{	
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	border-top: 3px solid #ff8800;
	text-align: center;
}*/

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #555555;
	background-color: #ffffff;
    font-size: 12px;
    line-height: 150%;

	border-top: 3px solid #ff8800;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 970px;
	text-align: left;
}

/* img
----------------------------------------------- */
a:hover img{
opacity: 0.5;
filter: alpha(opacity=80);
}


/*******************************レフト******************************/
/*カレンダー表示*/

#t_calcgi {
/*     border:1px solid #ccc;*/
	 margin:10px 0 15px 0;
	 width:200px;
	 padding:0;
}



#footer ul {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:10px 0 10px 10px;
    text-indent:0;
}

#footer ul li {
    float:left;
    margin:0;
    padding:0 10px 0 0;
    text-indent:0;
}

#footer ul li a {
    background:transparent url(/user_data/site_images/arrow_gray_hover.gif) no-repeat scroll 0 50%;
    color:#666666;
    float:left;
    font-family:Osaka,sans-serif !important;
    font-size:12px !important;
    font-weight:normal;
    height:auto !important;
    line-height:125% !important;
    margin:0;
    min-height:14px;
    padding:0 0 0 18px;
    text-indent:0;
}

#footer ul li a:hover {
    background:transparent url(/user_data/site_images/arrow_gray_hover.gif) no-repeat scroll 0 50%;
}

#footer address {
    float:right;
    font-family:Osaka,sans-serif !important;
    font-size:11px !important;
    font-style:normal;
    font-weight:normal;
    line-height:125% !important;
    margin:0;
    padding:10px 10px 10px 0;
}

#footer {
/*    border-top:3px solid #FF8800;*/
    clear:both;
    padding:0px;
    width:970px;
    margin:0 auto;
}

#footer00{

	margin:0 auto;
	font-size:10px;
	text-align:center;
	color: #ff8800;
	border-top: 3px solid #ff8800;
	background-color: #fff3e5;
	clear:both;
}


#footer00 ul{
	margin:0 auto;
	width:960px;
	height:35px;
}

#footer00 ul li{
	display:inline;
	padding:0 7px 0 9px;
	line-height:35px;
}

.footer00_border{
	display:inline;
	padding:0 1px 0 7px;
	line-height:35px;
	background:url(https://www.e-classy.jp/product/shared/img/line.gif) no-repeat left center;
}

/*パンクズ*/

#pankuzu{
	padding:2px;
	font-size:10px;
	background:#fef5bb;
	margin:2px 2px 20px 2px;
}

/*ヘッダーリスト*/

#tools {
	margin: 0;
	padding: 0;
	width: 970px;
	clear: both;
}

#tools #tool {
	margin: 0;
	padding: 0;
	float: left;
}

#tools #tool ul {
	margin: 0;
	padding: 0px 0px 0px 10px;
	list-style: none;
	text-indent: 0;
	text-align: left;
}

#tools #tool li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
	float: left;
}

:root #tools #tool li a {
	overflow: hidden;
}

#tools #tool li#homes a {
	display: block;
	text-decoration: none;
	margin: 0;
	width: 120px;
	height: 29px;
	background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat 0px 0px;
}

#tools #tool li#homes a:hover {
	background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -482px 0px;
}

#tools #tool li#cart a {
	display: block;
	text-decoration: none;
	margin: 0;
	width: 120px;
	height: 29px;
	background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -120px 0px;
}

#tools #tool li#cart a:hover {
	background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -602px 0px;
}

#tools #tool li#mypage a {
	display: block;
	text-decoration: none;
	margin: 0;
	width: 121px;
	height: 29px;
	background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -240px 0px;
}

#tools #tool li#mypage a:hover {
	background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -722px 0px;
}

#tools #tool li#use a {
	display: block;
	text-decoration: none;
	margin: 0;
	width: 121px;
	height: 29px;
	background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -361px 0px;
}

#tools #tool li#use a:hover {
	background: url(https://www.e-classy.jp/product/shared/img/tool.gif) no-repeat -844px 0px;
}

#tools #link {
	margin: 0;
	padding: 0px 10px 0px 0px;
	float: right;
}

#tools #link ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
	text-align: left;
}

#tools #link li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
	float: left;
}

:root #tools #link li a {
	overflow: hidden;
}

#tools #link li#eclassy a {
	display: block;
	text-decoration: none;
	margin: 0;
	width: 115px;
	height: 29px;
	background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat 0px 0px;
}

#tools #link li#eclassy a:hover {
	background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -360px 0px;
}

#tools #link li#concept a {
	display: block;
	text-decoration: none;
	margin: 0;
	width: 83px;
	height: 29px;
	background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -115px 0px;
}

#tools #link li#concept a:hover {
	background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -475px 0px;
}

#tools #link li#mail a {
	display: block;
	text-decoration: none;
	margin: 0;
	width: 107px;
	height: 29px;
	background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -198px 0px;
}

#tools #link li#mail a:hover {
	background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -558px 0px;
}

#tools #link li#links a {
	display: block;
	text-decoration: none;
	margin: 0;
	width: 55px;
	height: 29px;
	background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -305px 0px;
}

#tools #link li#links a:hover {
	background: url(https://www.e-classy.jp/product/shared/img/tool_link.gif) no-repeat -665px 0px;
}
#tools #breadcrumb {
	margin: 0;
	padding: 12px 0 0 12px;
	width: 958px;
	height: 23px;
	background: url(https://www.e-classy.jp/product/shared/img/tool_caption.gif) no-repeat;
	clear: both;
}

#tools #breadcrumb h3 {
	font-weight:normal;

}

#tools #breadcrumb p {
	margin: 0;
	padding: 11px 0px 0px 10px;
	clear: both;
}

#tools #breadcrumb div.bread_contents {
	margin: 0;
	padding: 0;
	font-size:11px;
	font-family: Osaka,sans-serif !important;
}

#tools #breadcrumb div.bread_contents img {
	vertical-align: -2px;
}