@charset "utf-8";

/* ****************************************************
  madoguchi styles
***************************************************** */


body#madoguchi #content-area{
	background:none;
	width:100%;
}

body#madoguchi #content-header{
	width:940px;
	margin:0 auto;
}

body#madoguchi #content-body{
	background:url(/support/madoguchi/images/ev06/main.jpg) center 0 no-repeat;
	margin:0px;
}

body#madoguchi #main-content{
	float:none !important;
	width:940px !important;
	margin:10px auto 0 auto;
	padding:398px 0 0 0;
}

#main-content div.section{
	margin:0 0 10px 0;
}

#main-content div.section#sectype01{
	background:url(/support/madoguchi/images/ev06/sectype01.jpg) 0 bottom no-repeat;
	width:910px;
	padding:0 15px 30px 15px;
	position:relative;
}

#main-content div.section#sectype02{
	background:url(/support/madoguchi/images/ev06/sectype02.jpg) 0 bottom no-repeat;
	width:910px;
	padding:17px 15px 30px 15px;
}

#main-content div.section#sectype03{
	background:url(/support/madoguchi/images/ev06/sectype01.jpg) 0 bottom no-repeat;
	width:910px;
	padding:0 15px 30px 15px;
}

#main-content div.section#sectype04{
	border:1px solid #bfceeb;
	width:860px;
	padding:30px 40px;
	overflow:hidden;
}

#main-content div.section#sectype05{
	width:940px;
/*	height:405px;*/
	position:relative;
}

/* 見出し */

h2.first{
	width:940px;
	height:90px;
}

h2.first#h201{
	background:url(/support/madoguchi/images/ev06/parts01.jpg) 0 0 no-repeat;
}

h2.first#h202{
	background:url(/support/madoguchi/images/ev06/parts01.jpg) 0 -90px no-repeat;
}

h2.first#h203{
	background:url(/support/madoguchi/images/ev06/parts01.jpg) 0 -509px no-repeat;
}

h2.first#h204{
	background:url(/support/madoguchi/images/ev06/parts01.jpg) 0 -599px no-repeat;
}

h2.second{
	width:940px;
	height:40px;
}

h2.second#h201{
	background:url(/support/madoguchi/images/ev06/parts01.jpg) 0 -310px no-repeat;
	width:340px;
	margin:0 0 36px 0;
}

h3#h301{
	background:url(/support/madoguchi/images/ev06/parts01.jpg) 0 -270px no-repeat;
	height:40px;
	margin:0 25px 11px 25px;
}

h4{
	width:810px;
	height:40px;
	margin:0 0 19px 25px;
}

h4#h401{
	background:url(/support/madoguchi/images/ev06/parts01.jpg) 0 -350px no-repeat;
}

h4#h402{
	background:url(/support/madoguchi/images/ev06/parts01.jpg) 0 -390px no-repeat;
}

h4#h403{
	background:url(/support/madoguchi/images/ev06/parts01.jpg) 0 -430px no-repeat;
}

h4#h404{
	background:url(/support/madoguchi/images/ev06/parts01.jpg) 0 -470px no-repeat;
}


/* よくあるお問い合わせ */

ul#qlist{
	background:url(/support/madoguchi/images/ev06/background01.jpg) 0 0 no-repeat;
	width:910px;
	height:525px;
	margin:0 0 12px 0;
}

ul#qlist li a{
	display:block;
	position:absolute;
}

ul#qlist li a#q01{
	width:292px;
	height:190px;
	background:url(/support/madoguchi/images/ev06/btn_parts.png) 0 0 no-repeat;
	top:4px;
	left:104px;
}

ul#qlist li a#q01:hover{
	background-position:-306px 0;
}

ul#qlist li a#q02{
	width:255px;
	height:163px;
	background:url(/support/madoguchi/images/ev06/btn_parts.png) 0 -192px no-repeat;
	top:3px;
	left:432px;
}

ul#qlist li a#q02:hover{
	background-position:-306px -192px;
}

ul#qlist li a#q03{
	width:290px;
	height:190px;
	background:url(/support/madoguchi/images/ev06/btn_parts.png) 0 -363px no-repeat;
	top:153px;
	left:316px;
}

ul#qlist li a#q03:hover{
	background-position:-306px -363px;
}


ul#qlist li a#q04{
	width:230px;
	height:177px;
	background:url(/support/madoguchi/images/ev06/btn_parts.png) 0 -564px no-repeat;
	top:138px;
	left:600px;
}

ul#qlist li a#q04:hover{
	background-position:-306px -564px;
}

ul#qlist li a#q05{
	width:210px;
	height:162px;
	background:url(/support/madoguchi/images/ev06/btn_parts.png) 0 -744px no-repeat;
	top:345px;
	left:402px;
}

ul#qlist li a#q05:hover{
	background-position:-306px -744px;
}

ul#qlist li a#q06{
	width:290px;
	height:210px;
	background:url(/support/madoguchi/images/ev06/btn_parts.png) 0 -920px no-repeat;
	top:305px;
	left:619px;
}

ul#qlist li a#q06:hover{
	background-position:-306px -920px;
}

div#faqindex{
	width:860px;
	margin:0 auto;
	padding:10px 0 0 0;
	background:url(/support/madoguchi/images/ev06/faqindexhead.jpg) 0 0 no-repeat;
}

div#faqindexwrap{
	background:url(/support/madoguchi/images/ev06/faqindexbody.jpg) 0 0 repeat-y;
}

div#faqindexwrap-sub{
	background:url(/support/madoguchi/images/ev06/faqindexfoot.jpg) 0 bottom no-repeat;
	padding:10px 0 15px 0;
	width:860px;
}

div#faqindexwrap-sub ul{
	width:810px;
	margin:0 auto;
	padding:0 0 37px 0;
	zoom:100%;
}

div#faqindexwrap-sub ul:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

div#faqindexwrap-sub ul li{
	float:left;
	width:30%;
	background:url(/support/madoguchi/images/ev06/faqindexicon.gif) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding:0 0 0 1.8em;
}

#main-content div.section#sectype04 .heading-03 {
	background:url("/support/madoguchi/images/ev06/com_h003.gif") 0 bottom no-repeat;
}

#main-content div.section#sectype02 p{
	margin:0 0 17px 25px;
}

#main-content div.section#sectype03 p{
	width:861px;
	margin:0 auto;
}


/* メールでのお問い合わせ */

#contactlist ul{
	width:870px;
	margin:0 auto;
	zoom:100%;
}

#contactlist ul:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;s
}

#contactlist ul li{
	float:left;
}

#contactlist ul li a{
	margin:0px;
	padding:0px;
	width:290px;
	height:132px;
	display:block;
}

#contactlist ul li a#clist01{
	background:url(/support/madoguchi/images/ev06/btn_parts.png) 0 -1149px no-repeat;
}

#contactlist ul li a#clist01:hover{
	background-position:0 -1423px;
}

#contactlist ul li a#clist02{
	background:url(/support/madoguchi/images/ev06/btn_parts.png) -290px -1149px no-repeat;
}

#contactlist ul li a#clist02:hover{
	background-position:-290px -1423px;
}

#contactlist ul li a#clist03{
	background:url(/support/madoguchi/images/ev06/btn_parts.png) -580px -1149px no-repeat;
}

#contactlist ul li a#clist03:hover{
	background-position:-580px -1423px;
}

#contactlist ul li a#clist04{
	background:url(/support/madoguchi/images/ev06/btn_parts.png) 0 -1284px no-repeat;
}

#contactlist ul li a#clist04:hover{
	background-position:0 -1558px;
}

#contactlist ul li a#clist05{
	background:url(/support/madoguchi/images/ev06/btn_parts.png) -290px -1284px no-repeat;
}

#contactlist ul li a#clist05:hover{
	background-position:-290px -1558px;
}

#contactlist ul li a#clist06{
	background:url(/support/madoguchi/images/ev06/btn_parts.png) -580px -1284px no-repeat;
}

#contactlist ul li a#clist06:hover{
	background-position:-580px -1558px;
}


/* リモートサポートサービス */
div#remort{
	width:861px;
	height:610px;
	margin:0 auto;
	background:url(/support/madoguchi/images/ev06/makasete365.jpg) 0 0 no-repeat;
	position:relative;
}

div#remort p#link01 a{
	display:block;
	width:508px;
	height:33px;
	background:url(/support/madoguchi/images/ev06/makasete_btn03.gif) 0 0 no-repeat;
	position:absolute;
	top:537px;
	right:33px;
}

div#remort p#link02 a{
	display:block;
	width:113px;
	height:11px;
	background:url(/support/madoguchi/images/ev06/makasete_btn04.gif) 0 0 no-repeat;
	position:absolute;
	top:591px;
	right:353px;
}


/* 電話でのお問い合わせ */

div.keypoint{
	position:relative;
	width:860px;
}

div#dtl01{
	width:537px;
	margin:0 0 40px 0;
}

div#lbtn01{
	width:323px;
	position:absolute;
	top:0px;
	right:0px;
}

div#dtl02{
	width:647px;
	min-height:210px;
}

div#lbtn02{
	width:213px;
	position:absolute;
	top:0px;
	right:0px;
}

div#lbtn02 ul.btn-link li{
	margin:0 0 10px 0;
}

ul#telchuki{
	width:573px;
	border:1px solid #cfcfcf;
	background:#f0f0f0;
	padding:10px !important;
}


.hdn{
	display:none;
}


#faqindex #oyakudachi{
	background:#1c6900 url(/support/madoguchi/images/oyakudachidoga_title.gif) 0 0 no-repeat;
	margin-top:15px;
	border:1px solid #134e08;
}

#faqindex #oyakudachi h4{
	margin: 0 0 15px 25px;
}

#faqindex #oyakudachi ul{
	width:805px;
	margin:0 0 0 30px;
	padding:0 0 20px 0;
}


#faqindex #oyakudachi ul li{
	float:left;
	width:151px;
	margin:0 10px 0 0;
}

#faqindex #oyakudachi a{
	color:#fff;
}

#faqindex #oyakudachi img{
	display:block;
}