@charset "UTF-8";


/* Global
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
fieldset, img, abbr { border: 0; }
address, caption, cite, code, dfn, h1, h2, h3, h4, h5, h6, var, b, i, th { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
a, u { text-decoration: none; }

body {
	font: 90%/1.6 "Lucida Grande", "Arial", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Osaka", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	background: #FFFFFF;
	color: #535353;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 125%; }
h4 {
	height: 25px;
	font-size: 1px;
	text-indent: -9999px;
}
h5 { font-size: 100%; }
h6 { font-size: 90%; }

b, strong { font-weight: bold; }

i, em { font-style: italic; }

p { padding: 0.5em 0; }

img { vertical-align: middle; }

a { text-decoration: none; }
a:link { color: #FD6D09; }
a:visited { color: #FD6D09; }
a:hover { color: #1965A9; }
a:active { color: #1965A9; }
a img {
	border-style: none;
	border-width: 0px;
	text-decoration: none;
}

ul,ol { list-style: none; }
ul.ds,
ul.cc,
ul.sq,
ul.dc,
ul.lr,
ul.ur,
ul.la,
ul.ua { margin-left: 1.5em; }
ul.ds { list-style-type: disc; }		/* ● */
ul.cc { list-style-type: circle; }		/* ○ */
ul.sq { list-style-type: square; }		/* ■ */
ul.dc { list-style-type: decimal; }		/* 数字 */
ul.lr { list-style-type: lower-roman; }	/* ローマ数字小文字 */
ul.ur { list-style-type: upper-roman; }	/* ローマ数字大文字 */
ul.la { list-style-type: lower-alpha; }	/* アルファベット小文字 */
ul.ua { list-style-type: upper-alpha; }	/* アルファベット大文字 */
ul li {
	line-height: 1.6em;
	vertical-align: middle;
}
li, dt, dd { font-size: 95%; }

table {
	margin-bottom: 3.0em;
	font-size: 95%;
	table-layout: fixed;
	border-spacing: 5px;
}
table td {
	padding: 0 0.5em;
	line-height: 1.5em;
	vertical-align: middle;
}
.td-hl {
	width: 125px;
	_width: 135px;
	color: #FFFFFF;
	background-color: #AFB086;
}
.td-content {
	width: 350px;
	_width: 360px;
	background-color: #E6E8E8;
}

.td2-hl {
	width: 125px;
	_width: 135px;
	color: #FFFFFF;
	background-color: #FF8040;
}
.td2-content {
	width: 350px;
	_width: 360px;
	background-color: #E6E8E8;
}

form {
	margin: 0px;
	padding: 0px;
}
form span {
	display: block;
	padding: 1px;
	border: 1px solid #AAAAAA;
}
* html form span { padding: 0 1px; }
form span:hover { border: 1px solid #1965A9; }
form span input,
form span textarea,
form span select {
	padding: 2px;
	background-color: #E8EFFF;
	font-family: "Lucida Grande", "Arial", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W3", "Osaka", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
/*\*//*/
	font-family: "Lucida Grande", "Arial", "\30D2\30E9\30AE\30CE\20Pro\20W3", "HiraKakuPro-W3", "Osaka", "Meiryo", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif;
/**/
	font-size: 90%;
	border: 1px solid #D5D5D5;
}
form span textarea { height: 100px; }
form span input:focus,
form span textarea:focus,
form span select:focus { background-color: #FFFFFF; }
form .checkbox {
	margin: 5px 5px 5px 0;
	vertical-align: middle;
}
form span .input-mandatory { background-color: #FFE4E7; }
label {
	font-size: 95%;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.5em;
}
label.mandatory {
	padding-right: 60px;
	background: transparent url(../image/badge-mandatory.webp) 100% 0 no-repeat;
}

legend { display: none; }

hr { display: none; }

.align-r { text-align: right; }
.float-l { float: left; }
.float-r { float: right; }
.clear {
	clear: both;
	height: 0;
	font-size: 0;
}

.hide { display: none; }

.section { margin-bottom: 2.0em; }
.half-section { margin-bottom: 1.0em; }

.small { font-size: 85%; }

.thumb,
.thumb-l,
.thumb-r { margin: 5px 0 10px; }
.thumb-l {
	float: left;
	margin-right: 10px;
}
.thumb-r {
	float: right;
	margin-left: 10px;
}

.red,
.orange,
.blue { font-weight: bold; }
.red { color: #910003; }
.orange { color: #FAA819; }
.blue { color: #008CE0; }

.content-inner {
	margin: 0 auto;
	width: 876px;
}


/* Header Styling
-----------------------------------------------------------------------------*/
#header {
	width: 100%;
/*
	height: 124px;
	background: transparent url(../image/bg-header.webp) 50% 0 no-repeat;
*/
	height: 90px;
	background: transparent url(../image/bg-header3.webp) 50% 100% no-repeat;
}

#header h1 {
	float: left;
/*
	padding: 30px 0 0 40px;
*/
	padding: 18px 0 0 48px;
}
#header h1 a {
	display: block;
	width: 185px;
	height: 55px;
	font-size: 1px;
	text-indent: -9999px;
/*\*/
	overflow: hidden;
/* */
}

/* Header Menu Styling */
.head_tel{
	float: right;
	width: 596px;
	height: 54px;
}

#header #link-menu {
	float: right;
/*
	margin-top: 88px;
*/
	margin-top:0;
	width: 596px;
	height: 26px;
	background: transparent url(../image/btn-menu.webp) 50% -52px no-repeat;
}
#header #link-menu ul {
	margin: 0 auto;
	width: 530px;
}
#header #link-menu ul li {
	float: left;
	height: 26px;
	font-size: 1px;
	text-indent: -9999px;
}
#header #link-menu ul li.home { width: 62px; }
#header #link-menu ul li.about,
#header #link-menu ul li.request { width: 75px; }
#header #link-menu ul li.inquiry { width: 95px; }
#header #link-menu ul li.support { width: 95px; }
#header #link-menu ul li.sitemap { width: 90px; }
#header #link-menu ul li.privacy { width: 133px; }
#header #link-menu ul li a {
	display: block;
	height: 100%;
	background: transparent url(../image/btn-menu.webp) 0 0 no-repeat;
/*\*/
	overflow: hidden;
/* */
}
#header #link-menu ul li.home a {
	width: 62px;
	background-position: 0 0;
}
#header #link-menu ul li.about a {
	width: 75px;
	background-position: -62px 0;
}
#header #link-menu ul li.request a {
	width: 75px;
	background-position: -137px 0;
}
#header #link-menu ul li.inquiry a {
	width: 95px;
	background-position: -212px 0;
}
#header #link-menu ul li.support a {
	width: 95px;
	background-position: -212px 0;
}
#header #link-menu ul li.sitemap a {
	width: 90px;
	background-position: -307px 0;
}
#header #link-menu ul li.privacy a {
	width: 133px;
	background-position: -397px 0;
}
#header #link-menu ul li.home a:hover,
#header #link-menu ul li.home a:active { background-position: 0 -26px; }
#header #link-menu ul li.about a:hover,
#header #link-menu ul li.about a:active { background-position: -62px -26px; }
#header #link-menu ul li.request a:hover,
#header #link-menu ul li.request a:active { background-position: -137px -26px; }
#header #link-menu ul li.inquiry a:hover,
#header #link-menu ul li.inquiry a:active { background-position: -212px -26px; }
#header #link-menu ul li.support a:hover,
#header #link-menu ul li.support a:active { background-position: -212px -26px; }
#header #link-menu ul li.sitemap a:hover,
#header #link-menu ul li.sitemap a:active { background-position: -307px -26px; }
#header #link-menu ul li.privacy a:hover,
#header #link-menu ul li.privacy a:active { background-position: -397px -26px; }


/* Container Styling
-----------------------------------------------------------------------------*/
#container {
	width: 100%;
/*
	background: transparent url(../image/bg-contents.webp) 50% 0 no-repeat;
*/
	background: transparent url(../image/bg-contents2.webp) 50% 0 no-repeat;
}

/* Side Bar Styling */
.sidebar {
	float:left;
	clear:left;
	width: 280px;
}



#container #intro { height: 200px; }
#container #intro h3 {
	height: 1px;
	font-size: 1px;
	text-indent: -9999px;
}

/* Main Content Styling */
#container .maincontent {
	float: right;
	width: 596px;
}

#container .content { padding: 30px 40px; }
#container .content p {}
#container .content ol,
#container .content ul {
	padding: 0.2em;
	font-size: 100%;
}
#container .content ul li {}
#container .content img { margin-bottom: 0.5em; }

#container .content-half-l,
#container .content-half-r
 {
	display: block;
	float: left;
	width: 245px;
}
#container .content-half-l {
	padding-right: 10px;
}
#container .content-half-r {
	padding-left: 10px;
}

#bunners {
	width: 240px;
	margin: 20px auto;
}

#bunners li { height: 40px; }

#bunners li#bunner-faq a {
	float: left;
	display: block;
	position: relative;
	width: 240px;
	height: 40px;
	background: transparent url(../image/bunner-faq.webp) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
/*\*/
	overflow: hidden;
/* */
}
#bunners li#bunner-faq a:hover,
#bunners li#bunner-faq a:active { background-position: 0 -40px; }

/* Footer Styling
-----------------------------------------------------------------------------*/
#footer {
	width: 100%;
	height: auto;

/*
	height: 250px;
	background: transparent url(../image/bg-footer.webp) 50% 0 no-repeat;
	height: 200px;
	background: transparent url(../image/bg-footer2.webp) 50% 0 no-repeat;
*/
}

#footer .contact-area {
/*
	height: 185px;

	height: 145px;
*/
}

#footer p {
	margin: 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	text-indent: -9999px;
}

#footer .address-area {
	display: block;
	position: relative;
	top: 0px;
	left: -40px;
	width: 100%;
	text-align: right;
}

#footer .address-area address {
	display: inline;
	font-size: 9px;
	color: #999999;
}
/*-------------pieceweb--------------------*/

.request_under a{
    display:block;
	width: 242px;
	height:37px;
	float:left;
	background:url(../image/shiryo.webp) no-repeat;
}

.request_under a span{
    display:none;
}

.request_under a:hover{
    background:url(../image/shiryo_2.webp) no-repeat;
}


	
.inquiry_under a{
    margin:0 0 0 20px;
    display:block;
	width: 242px;
	height:37px;
	float:left;
	background:url(../image/contact.webp) no-repeat;
}

.inquiry_under a span{
    display:none;
}
.inquiry_under a:hover{
    background:url(../image/contact_2.webp) no-repeat;
}

.support_under a{
    margin:0 0 0 20px;
    display:block;
	width: 242px;
	height:37px;
	float:left;
	background:url(../image/contact.webp) no-repeat;
}

.support_under a span{
    display:none;
}
.support_under a:hover{
    background:url(../image/contact_2.webp) no-repeat;
}

.sosyou{
    font-size:14px;
	padding:5px 0 0 12px;
}
.backnumber{
    padding:10px 0 0 345px;
	font-size:13px;
}
/*----レフトサイドメニュー-----------------*/

.tabi-menu a span{
    display:none;
	
}

.tabi-menu{
    display:block;
	width: 280px;
	height:25px;
	float:left;
	clear:left;
	background-color:#FFFFFF;
}
.tabi-menu a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
}
.specer{
	width: 280px;
	height:auto;
	float:left;
	clear:left;
}

.tabines{
    float:left;
	clear:left;
}
.product{
    width:280px;
	height:39px;
	float:left;
	clear:left;
	background:url(../image/s_product.webp) no-repeat;
}

.contact{
    width:280px;
	height:39px;
	background:url(../image/s_contact.webp) no-repeat;
	float:left;
	clear:left;
}
.shiryo a span{
    display:none;
	
}
.shiryo a{
    display:block;
	width: 280px;
	height:44px;
	float:left;
	clear:left;
	background:url(../image/button_shiryo.webp) no-repeat;
}
.shiryo a:hover{
    background:url(../image/button_shiryo2.webp) no-repeat;
}
.inqury a span{
    display:none;
	
}
.inqury a{
    display:block;
	width: 280px;
	height:44px;
	float:left;
	clear:left;
	background:url(../image/button_contact.webp) no-repeat;
}
.inqury a:hover{
    background:url(../image/button_contact2.webp) no-repeat;
}

.support a span{
    display:none;
	
}
.support a{
    display:block;
	width: 280px;
	height:44px;
	float:left;
	clear:left;
	background:url(../image/button_contact.webp) no-repeat;
}
.support a:hover{
    background:url(../image/button_contact2.webp) no-repeat;
}

.blog{
    width:280px;
	height:39px;
	float:left;
	clear:left;
}
.tabines_blog a span{
    display:none;
	
}
.tabines_blog a{
    display:block;
	width: 280px;
	height:44px;
	float:left;
	clear:left;
}
.tabines_blog a:hover{
}
.bus_blog span{
    display:none;
	
}
.bus_blog a{
    display:block;
	width: 280px;
	height:44px;
	float:left;
	clear:left;
}
.bus_blog a:hover{
}
.company_info{
    width:280px;
	height:39px;
	background:url(../image/s_company.webp) no-repeat;
	float:left;
	clear:left;
}
.company a span{
    display:none;
	
}
.company a span{
    display:none;
}
.company a{
    display:block;
	width: 280px;
	height:44px;
	float:left;
	clear:left;
	background:url(../image/side_company.webp) no-repeat;
}
.company a:hover{
    background:url(../image/side_company2.webp) no-repeat;
}

}
.partner_link a span{
    display:none;
	
}
.partner_link a span{
    display:none;
}
.partner_link a{
    display:block;
	width: 280px;
	height:81px;
	float:left;
	clear:left;
	background:url(../image/side_partner.webp) no-repeat;
	margin:25px 0 10px 0;
}
.partner_link a:hover{
    background:url(../image/side_partner2.webp) no-repeat;
}
.from_radio{
	padding:10px 0 0 0;
	margin-bottom:15px;
}

/*----azesta-eco----------------*/


.azesta_eco a span{
    display:none;
	
}
.azesta_eco a span{
    display:none;
}
.azesta_eco a{
    display:block;
	width: 280px;
	height:81px;
	float:left;
	clear:left;
	background:url(../image/side_eco.webp) no-repeat;
	margin:5px 0 10px 0;
}
.azesta_eco a:hover{
    background:url(../image/side_eco2.webp) no-repeat;
}