@charset "utf-8";

/* ****************************************************
  madoguchi2015 styles
***************************************************** */




/* ==============================================
共通
============================================== */
body#madoguchi #content-body{
	background:none;
}
#content-header h1.icon-madoguchi span#top_sub{
	background:none;
	padding-left:10px;
	min-height:auto;
	display:inline;
	font-size:55%;
}

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

div.contents_k2015{
	border:1px solid #d7dae1;
	margin:0 0 42px 0;
	padding:24px 24px 0 24px;
}
div.k2015 #content-body h2.heading-02k{
	margin-bottom:0px;
}

div.k2015 #content-body .heading-02{
	background:url("/support/madoguchi/images/com_h001.gif") left bottom no-repeat scroll;
}

div#content-area.k2015 h3.cmnpt{
	background-image:url(/support/madoguchi/images/common_ctbox.gif);
	background-repeat:no-repeat;
	width:323px;
	height:30px;
	margin:0 0 8px 0;
}
div#content-area.k2015 h3.cmnpt_long{
	background-image:url(/support/madoguchi/images/common_ctbox.gif);
	background-repeat:no-repeat;
	width:100%;
	height:30px;
	margin:0 0 8px 0;
}
div#content-area.k2015 h4{
	width:100%;
}
div#content-area.k2015 #content-body .heading-04{
padding:0 0 8px 6px;
}
div#content-area.k2015 #content-body .section-02{
margin:0 0 30px 0;
}
div.k2015 #content-body .two-columns{
	width:100%;
}
div.k2015 #content-body .btn-two-columns, #content-body .btn-three-columns
,div.k2015 #content-body .two-columns{
	margin:0 0 15px 0;
}
h4{
	height:auto;
}
.nodisp{
	display:none;
}

/* ==============================================
共通FAQパーツ
============================================== */
.cmn_ctbox{
	background-image:url(/support/madoguchi/images/common_ctbox.gif);
	background-position:0 -286px;
	width:890px;
	height:108px;
/*	overflow:hidden;*/
	margin:0 auto 30px auto;
	position:relative;
	z-index:20;
}
.cmn_ctbox > ul{
	width:860px;
	margin:15px auto;
	position:absolute;
	top:0px;
	left:15px;
}
div.poplist{
	padding-top:20px;
	width:852px;
	position:absolute;
	top:80px;
	left:20px;
	z-index:10;
	display:none;
}
.poplist.disp{
	display:block;
}
.pophead{
	position:relative;
}
.btn_close{
	width:22px;
	height:22px;
	background:url(/support/madoguchi/images/common_ctbox.gif) -836px -18px no-repeat;
	display:block;
	cursor:pointer;
	position:absolute;
	top:-5px;
	right:2px;
}
div.poplist#ql_01{
	background:url(/support/madoguchi/images/poptop_01.png) 0 0 no-repeat;
}
div.poplist#ql_02{
	background:url(/support/madoguchi/images/poptop_02.png) 0 0 no-repeat;
}
div.poplist#ql_03{
	background:url(/support/madoguchi/images/poptop_03.png) 0 0 no-repeat;
}
div.poplist#ql_04{
	background:url(/support/madoguchi/images/poptop_04.png) 0 0 no-repeat;
}
div.popmain{
	background:url(/support/madoguchi/images/popbottom.png) 0 bottom no-repeat;
	padding:20px 30px 30px 30px;
}
div.poplist p.poptitle{
	color:#0040bb;
	font-size:130%;
	font-weight:bold;
	border-bottom:1px solid #0040bb;
}
div.poplist .link-list{
	overflow:hidden;
}
div.poplist .link-list li{
	float:left;
	width:28.3%;
	margin:0 20px 10px 0;
}
.cmn_ctbox ul li{
	float:left;
	margin-left:8px;
}
.cmn_ctbox ul li p{
	width:209px;
	height:78px;
	display:block;
	background:#efefef;
	background-image:url(/support/madoguchi/images/common_ctbox.gif);
}
.cmn_ctbox ul li:first-child{
	margin-left:0px;
}
.cmn_ctbox ul li p span{
	display:none;
}
.cmn_ctbox ul li p#ctbox_01{background-position:0 0;}
.cmn_ctbox ul li p#ctbox_02{background-position:-209px 0;}
.cmn_ctbox ul li p#ctbox_03{background-position:-418px 0;}
.cmn_ctbox ul li p#ctbox_04{background-position:-627px 0;}
.cmn_ctbox ul li p#ctbox_01:hover,.cmn_ctbox ul li p#ctbox_01.p_selected{background-position:0 -78px;}
.cmn_ctbox ul li p#ctbox_02:hover,.cmn_ctbox ul li p#ctbox_02.p_selected{background-position:-209px -78px;}
.cmn_ctbox ul li p#ctbox_03:hover,.cmn_ctbox ul li p#ctbox_03.p_selected{background-position:-418px -78px;}
.cmn_ctbox ul li p#ctbox_04:hover,.cmn_ctbox ul li p#ctbox_04.p_selected{background-position:-627px -78px;}
#tpcs_area{margin-bottom:30px;}
#tpcs_area dl{
	width:23.3%;
}

/* ==============================================
見出しパーツ
============================================== */
#content-body .heading-02k{
	background-repeat:repeat-x;
}
div#content-area.k2015 h3.cmnpt span
,div#content-area.k2015 h3.cmnpt_long span{
	display:none;
}
div#content-area.k2015 h3#h3_faq{background-position:0 -1188px;}
div#content-area.k2015 h3#h3_kwd{background-position:0 -1218px;}
div#content-area.k2015 h3#h3_nfm{background-position:0 -1248px;}
div#content-area.k2015 h3#h3_mail{background-position:0 -1278px;}
div#content-area.k2015 h3#h3_telgui{background-position:0 -1308px}




/* ==============================================
検索
============================================== */
#site-search-wrp{
	width:500px;
}

#site-search{
	width:458px;
}
#site-search #search_sup_box_h{
	width:354px;
}

/* ==============================================
NifMoに関するお問い合わせ
============================================== */
a#connifmo{
	background:url(/support/madoguchi/images/common_ctbox.gif) 0 -156px no-repeat;
	display:block;
	width:322px;
	height:130px;
}

/* ==============================================
お問い合わせボタン
============================================== */
li.btn_mailcnt a{
	background:url(/support/madoguchi/images/common_ctbox.gif) 0 -394px no-repeat;
	width:209px;
	height:78px;
}
li.btn_mailcnt a:hover{
	background-position:0 -472px;
}
li.btn_nkcnt a{
	background:url(/support/madoguchi/images/common_ctbox.gif) -209px -394px no-repeat;
	width:209px;
	height:78px;
}
li.btn_nkcnt a:hover{
	background-position:-209px -472px;
}
li.btn_cscnt a{
	background:url(/support/madoguchi/images/common_ctbox.gif) -418px -394px no-repeat;
	width:209px;
	height:78px;
}
li.btn_cscnt a:hover{
	background-position:-418px -472px;
}


/* ==============================================
メールでのお問い合わせ
============================================== */
.mftabwrp_mail{
	position:relative;
	margin-bottom:24px;
	padding-top:45px;
}
div.mftabarea_mail{
	border:10px solid #5499e7;
	padding:30px;
}
p.mftab{
	width:290px;
	height:45px;
	background-image:url(/support/madoguchi/images/common_ctbox.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	cursor:pointer;
}
p.mftab#nyukaimae{
	background-position:0 -595px;
}
p.mftab#nyukaigo{
	background-position:-290px -595px;
	left:33.7%;
}
p.mftab#sonohoka{
	background-position:-580px -595px;
	right:0%;
}
p.mftab#nyukaimae:hover
,p.mftab#nyukaimae.on{background-position:0 -550px;}
p.mftab#nyukaigo:hover
,p.mftab#nyukaigo.on{background-position:-290px -550px;}
p.mftab#sonohoka:hover
,p.mftab#sonohoka.on{background-position:-580px -550px;}
.mftabwrp_mail .heading-02{
	cursor:pointer;
}
.mftabwrp_mail .heading-02 .list .nodisp{
	display:none !important;
}
#content-body .mftabwrp_mail .heading-02 span.list{
	background-image:url(/support/madoguchi/images/common_ctbox.gif);
	width:18px;
	height:18px;
	padding:0px;
	background-position:-836px 0;
	position:relative;
	top:10px;
	right:10px;
}
#content-body .mftabwrp_mail .heading-02.open span.list{
	background-position:-854px 0;
}
.ocarea{
	display:none;
}

/* ==============================================
電話でのお問い合わせ
============================================== */
.mftabwrp_tel{
	position:relative;
	padding-top:224px;
}
.mftabarea_tel{margin-bottom:24px;}
.mftabwrp_tel.clicked{
	padding-top:74px;
}
.telmain{
	border-right:4px solid #5499e7;
	border-left:4px solid #5499e7;
	border-bottom:4px solid #5499e7;
	padding:20px;
}

/* デフォルト表示 */
p.mftab_tel{
	width:435px;
	height:200px;
	background-image:url(/support/madoguchi/images/common_ctbox.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	cursor:pointer;
}
p.mftab_tel#kojin{
	background-position:0 -640px;
}
p.mftab_tel#houjin{
	background-position:-435px -640px;
	right:0%;
}
p.mftab_tel#kojin:hover{
	background-position:0 -840px;
}
p.mftab_tel#houjin:hover{
	background-position:-435px -840px;
}

/* どちらかクリック表示 */
p.mftab_tel.disa{
	width:435px;
	height:74px;
	background-image:url(/support/madoguchi/images/common_ctbox.gif);
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	cursor:pointer;
}
p.mftab_tel.disa#kojin{
	background-position:0 -1040px;
}
p.mftab_tel.disa#houjin{
	background-position:-435px -1040px;
right:0%;
}
p.mftab_tel.disa#kojin:hover
,p.mftab_tel.disa#kojin.on{
	background-position:0 -1114px;
}
p.mftab_tel.disa#houjin:hover
,p.mftab_tel.disa#houjin.on{
	background-position:-435px -1114px;
}
#tel_kojin{
	background:url(/support/madoguchi/images/tab_top_l.gif) 0 5px no-repeat;
	padding-top:24px;
}
#tel_houjin{
	background:url(/support/madoguchi/images/tab_top_r.gif) 0 5px no-repeat;
	padding-top:24px;
}