@charset "UTF-8";

/* =============================================================================
	Reset
============================================================================= */
.forSP	{ display:none; }

/* =============================================================================
   checkBox
============================================================================= */
div.checkBox div.ac5_moreinfo { margin: 0 0 1.75em 3em; font-size: 115%; }


/* =============================================================================
   faqList
============================================================================= */
ol.faqList { padding-left: 20px; list-style: none; }
ol.faqList li { margin-bottom: 0.5em; margin-left:1.5em; padding-left: 22px; }
	ol.faqList li.faq1 { list-style-image:  url(/support/contact/madoguchi/images/faq-icon-one.gif) ; padding-left:0.5em; vertical-align:middle; }
	ol.faqList li.faq2 { list-style-image:  url(/support/contact/madoguchi/images/faq-icon-two.gif) ; padding-left:0.5em;vertical-align:middle; }
	ol.faqList li.faq3 { list-style-image:  url(/support/contact/madoguchi/images/faq-icon-three.gif) ; padding-left:0.5em;vertical-align:middle; }
	/*ol.faqList li.faq1 { background: url(/support/contact/madoguchi/images/faq-icon-one.gif) no-repeat left 0.4em; }*/
	/*ol.faqList li.faq2 { background: url(/support/contact/madoguchi/images/faq-icon-two.gif) no-repeat left 0.4em; }*/
	/*ol.faqList li.faq3 { background: url(/support/contact/madoguchi/images/faq-icon-three.gif) no-repeat left 0.4em; }*/


/* =============================================================================
   label-left
============================================================================= */
div.label-left { position: relative; width: 100%; margin-top: 1em; }
	div.label-left dl {  }
	div.label-left dl dt { float: left; width: 1em; margin: 0; }
	div.label-left dl dd { margin: 0; padding: 0 0 0 1em; _height: 1%; _padding: 0 0 0 0.5em; }


/* =============================================================================
   optionBox
============================================================================= */
div.option div.lay2col { }
div.option div.lay2col div.col1 { width: 500px; }
div.option div.lay2col div.col2 { width: 234px; }
div.option div.lay2col p.mb15 { margin-bottom: 15px; }


/* =============================================================================
   tableRow
============================================================================= */
div.tableRow { margin-bottom: 1em; }
div.tableRow .ac5_standard th { background-color: #e2f8fc; margin-bottom: 1em; }
div.tableRow div.ac5_moreinfo { margin: 0 0 0 2.5em; font-size: 110%; }
div.tableRow div.lay2col div.col1 { width: 426px; }
div.tableRow div.lay2col div.col2 { width: 141px; }

/* 2016.6.29 追加*/
div.tableRow .RegularFee	{font-size:140%; font-weight:bold; margin-bottom:0.3em;}
div.tableRow .RegularFee span	{font-size:70%; margin-left:0.3em;}
div.tableRow .MCPUse	{ border:1px solid #2390E5; padding:0.5em; margin-bottom:1em;}
div.tableRow .MCPUse dl	{ margin:0; padding:0; }
div.tableRow .MCPUse dl dt	{ font-size:94%; position: relative; padding-left:12px; margin-bottom:0.2em;}
div.tableRow .MCPUse dl dt:after	{
	display: block;
	content: '';
	position: absolute;
	top: 0.5em;
	left: 0em;
	width: 3px;
	height: 3px;
	background-color: #fff;
	border: 2px solid #2390E5;
	border-radius: 100%;
}
div.tableRow .MCPUse dl dd	{ font-size:110%; font-weight:bold; margin:0 0 0.5em;}
div.tableRow .MCPUse dl dd span	{ background:#C8E3F8; display: inline-block; padding:0 0.2em; font-size:140%;}
div.tableRow .MCPUse dl dd span.unit	{ font-size:70%; margin-left:0.3em;}


/* =============================================================================
   contactBox
============================================================================= */
div.contactBox ul.contactRepair { margin-bottom: 0.5em; }
	div.contactBox div.ac5_moreinfo p { padding: 0 0 0.5em 4em; font-size: 110%; }


/* =============================================================================
	guideintro
============================================================================= */
ul.guideintro	{ padding-left: 13px;}

/* =============================================================================
   FlowBlock
============================================================================= */
div.FlowBlock	{}
div.FlowBlock div.no1_block,
div.FlowBlock div.no3_block,
div.FlowBlock div.no7_block,
div.FlowBlock div.no9_block	{ margin-bottom:1em; }

div.FlowBlock div.no1_block div.innerblock,
div.FlowBlock div.no3_block div.innerblock,
div.FlowBlock div.no7_block div.innerblock,
div.FlowBlock div.no9_block div.innerblock		{ clear:both; }

div.FlowBlock div.no1_block div.innerblock div.tit	{ background: url(/support/contact/madoguchi/images/bg_flowblock-tit1.png) left top repeat-x #0a4c82; padding:8px 5px; margin:0; }
div.FlowBlock div.no3_block div.innerblock div.tit	{ background: url(/support/contact/madoguchi/images/bg_flowblock-tit3.png) left top repeat-x #015D8E; padding:8px 5px; margin:0; }
div.FlowBlock div.no7_block div.innerblock div.tit	{ background: url(/support/contact/madoguchi/images/bg_flowblock-tit7.png) left top repeat-x #006761; padding:8px 5px; margin:0; }
div.FlowBlock div.no9_block div.innerblock div.tit	{ background: url(/support/contact/madoguchi/images/bg_flowblock-tit9.png) left top repeat-x #7C5D00; padding:8px 5px; margin:0; }

div.FlowBlock div.innerblock div.tit h4		{ margin:5px; color:#FFFFFF; }

div.FlowBlock div.no1_block div.innerblock div.numberinfo	{ border:1px solid #0a4c82; margin:0; padding:10px 5px; overflow:hidden;}
div.FlowBlock div.no3_block div.innerblock div.numberinfo	{ border:1px solid #015D8E; margin:0; padding:10px 5px; overflow:hidden;}
div.FlowBlock div.no7_block div.innerblock div.numberinfo	{ border:1px solid #006761; margin:0; padding:10px 5px; overflow:hidden;}
div.FlowBlock div.no9_block div.innerblock div.numberinfo	{ border:1px solid #7C5D00; margin:0; padding:10px 5px; overflow:hidden;}

div.FlowBlock .number		{ float:left; margin:0 1em 0 0; }
div.FlowBlock .infotext		{ overflow: auto; }
div.FlowBlock .infotext p	{ margin-bottom:1em; }

div.FlowBlock div.no1_block div.innerblock div.foot_OH	{ background: #0a4c82; padding: 5px; margin:0; }
div.FlowBlock div.no3_block div.innerblock div.foot_OH	{ background: #015D8E; padding: 5px; margin:0; }
div.FlowBlock div.no7_block div.innerblock div.foot_OH	{ background: #006761; padding: 5px; margin:0; }
div.FlowBlock div.no9_block div.innerblock div.foot_OH	{ background: #7C5D00; padding: 5px; margin:0; }

div.FlowBlock div.innerblock div.foot_OH p	{ margin:0 auto; font-weight:bold; color:#FFFFFF; text-align:right; } 

.mb00	{ margin-bottom:1em!important; }
.mb10	{ margin-bottom:1em!important; }

/* =============================================================================
   flowBox
============================================================================= */
/*
div.flow_300	{
float:left;
width:298px;
border:1px solid #cccccc;
padding:5px;
}
div.flow_270	{
float:left;
width:290px;
margin:0px;
padding:0px;
}
div.flow_180	{
float:left;
width:180px;
margin:0px;
padding:0px;
}

.li_shikaku	{ padding:1px 0.4em; color:#000000; font-weight:bold; background-color:#000000; font-size:90%;}
.Doc_small	{ font-size: 90%; }
.Doc_grey	{ color:#666666;}

.tec_1arrow	{ background-image:url(images/line1.gif); background-position:right; background-repeat:no-repeat;}
.tec_1box	{ border:2px solid #248F24; background-color:#DBFFC6; padding:5px; margin:5px 10px;}
.tec_1no	{ padding:0.1em 0.4em; color:#FFFFFF; font-weight:bold; background-color:#248F24; font-size:100%;}
.tec_1select	{ border:2px solid #248F24; background-color:#FFFFFF; padding:5px; margin:10px 20px;}
.tec_1select ol { padding-left:1.0em; }
.tec_1select ol li	{ list-style:none; }


.tec_3arrow	{ background-image:url(images/line2.gif); background-position:right; background-repeat:no-repeat;}
.tec_3box	{ border:2px solid #D1487E; background-color:#FFD4E4; padding:5px; margin:5px 10px;}
.tec_3no	{ padding:0.1em 0.4em; color:#FFFFFF; font-weight:bold; background-color:#D1487E; font-size:100%;}

.tec_7arrow	{ background-image:url(images/line7.gif); background-position:right; background-repeat:no-repeat;}
.tec_7box	{ border:2px solid #F77B00; background-color:#FAE47E; padding:5px; margin:5px 10px;}
.tec_7no	{ padding:0.1em 0.4em; color:#FFFFFF; font-weight:bold; background-color:#F77B00; font-size:100%;}

.tec_9arrow	{ background-image:url(images/line9.gif); background-position:right; background-repeat:no-repeat;}
.tec_9box	{ border:2px solid #7343AC; background-color:#EADAF4; padding:5px; margin:5px 10px;}
.tec_9no	{ padding:0.1em 0.4em; color:#FFFFFF; font-weight:bold; background-color:#7343AC; font-size:100%;}
*/

/* =============================================================================
   label-left
============================================================================= */
div.label-left3 { position: relative; width: 100%; margin-top: 1em; }
	div.label-left3 dl {  }
	div.label-left3 dl dt { float: left; width: 3em; margin: 0; }
	div.label-left3 dl dd { margin: 0; padding: 0 0 0 3em; _height: 1%; _padding: 0 0 0 1.5em; }


/* =============================================================================
   informationBox <休業案内>
============================================================================= */
div.informationBox { width: 779px; margin-bottom: 2em; border: 1px solid #cccccc; background: url(/support/images/supinfo_bg.gif) repeat-x left top; }
	div.informationBox div.informationBoxInner { padding: 10px; }
		div.informationBox div.informationBoxInner p.noticeIcon { margin-bottom: 0.5em; color: #17184B; font-weight: bold; }
		div.informationBox div.informationBoxInner ul { margin-bottom: 0px; }
			div.informationBox div.informationBoxInner ul li { margin-bottom: 0.5em; }
		div.informationBox div.informationBoxInner div.Special	{ border:1px solid #CCCCCC; margin-bottom:1em; padding:1px; background:#FFFFFF; }
		div.informationBox div.informationBoxInner div.Special	 p	{ text-align:center; margin-bottom:0; margin:1px; padding:5px; background:#FFFFCC; }
	div.informationBox a { text-decoration: none; }
	div.informationBox a:hover { text-decoration: underline; }

/* =============================================================================
  デビットカード機能つきクレジットカードご利用にあたって
============================================================================= */
div.debitcard	{
	margin:0.5em 0 1em;
	padding:7px 5px 5px;
	background-color:#FFFFE6;
	}
	div.debitcard p	{
		margin:0 0 0.5em;
		font-size:90%;
		}
	div.debitcard p.text	{
		margin:0 1em 0.5em;
		font-size:90%;
		color:#222222;
		}
/* =============================================================================
   TP-app
============================================================================= */
div.TP-app p	{ text-indent:-25px; padding-left:25px; }

/* =============================================================================
puremiumSupportPR
============================================================================= */
div.puremiumSupportPR	{ margin-left:5em; }
div.puremiumSupportPR p	{ margin-bottom:1em; }

/* =============================================================================
	MCPpromotion
============================================================================= */
div#MCPpromotion	{ margin:0 0 15px; padding:0; border:1px solid #8c7b33; overflow:hidden; clear:both; }
div#MCPpromotion a	{ display:block; }
div#MCPpromotion a img	{ vertical-align:middle; float:left;}
div#MCPpromotion a span	{ font-weight:bold; padding:6px 0 6px 15px; display:block; line-height:1.5; }