@charset "UTF-8";

/*スマートフォン用非表示*/
.forsp{display: none !important;}


/* =============================================================================
   Common 
============================================================================= */
/* title */
h2.supportH2{margin-bottom: 0px; line-height: 0; font-size: 0;}

/* column width980 */
div.layoutWide { width: 980px; margin-bottom: 15px; padding-bottom: 10px; background: url(/support/images/support-bg-wide.gif) no-repeat left bottom; }
	div.layoutWide div.wideInner { width: 948px; padding: 15px 15px 0px 15px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; overflow: hidden; }
	div.layoutWide a { text-decoration: none; }
	div.layoutWide a:hover { text-decoration: underline; }

/* column width480 */
div.layoutHalfLeft { float: left; width: 480px; margin-right: 20px; }
div.layoutHalfRight { float: right; width: 480px; }
	div.layoutHalfLeft div.halfbox,
	div.layoutHalfRight div.halfbox { margin-bottom: 20px; padding-bottom: 10px; background: url(/support/images/support-bg-half.gif) no-repeat left bottom; }
		div.layoutHalfLeft div.halfbox div.halfboxInner,
		div.layoutHalfRight div.halfbox div.halfboxInner { width: 448px; padding: 15px 15px 0px 15px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; }
	div.layoutHalfLeft a,
	div.layoutHalfRight a { text-decoration: none; }
	div.layoutHalfLeft a:hover,
	div.layoutHalfRight a:hover { text-decoration: underline; }

/* column width724 & width236 */
div.layoutLeft { float: left; width: 724px; margin-right: 20px; }
div.layoutRight { float: right; width: 236px; }

/* margin*/
.mb00	{ margin-bottom:0!important; }
.mb05	{ margin-bottom:0.5em!important; }
.mb10	{ margin-bottom:1em!important; }

/* =============================================================================
   Header 
============================================================================= */
/* AzbyClub logo */
div.header div#azbylogo h1 { margin: 0px; line-height: 1; }


/* =============================================================================
   noticeBlock
============================================================================= */
div.noticeBlock { width: 978px; margin-bottom: 15px; border: 1px solid #ffbbbb; background: url(/support/images/notice-bg.gif) repeat-x left top; }
	div.noticeBlock div.noticeBlockInner { padding: 10px; }
		div.noticeBlock div.noticeBlockInner p.noticeIcon { margin-bottom: 0.5em; padding-left: 20px; background: url(/support/images/notice-icon.gif) no-repeat left 0.3em; color: #cc0033; font-weight: bold; }
		div.noticeBlock div.noticeBlockInner ul { margin-bottom: 0px; }
			div.noticeBlock div.noticeBlockInner ul li { margin-bottom: 0.5em; }
	div.noticeBlock a { text-decoration: none; }
	div.noticeBlock a:hover { text-decoration: underline; }


/* =============================================================================
   searchBlock
============================================================================= */
/* search  */
div.mb6 { margin-bottom: 6px!important; }

/* search window */
div.layoutWide div.wideInner div.searchwinBlock	{ width:940px; margin-left:4px; margin-bottom:1em; background: url(/support/images/support-bg-hdrkeyword.gif) no-repeat left top; overflow: hidden;}

	div.layoutWide div.wideInner div.searchwinBlock div.layoutkeyword	{ margin:10px 10px 3px ; overflow: hidden; clear:both; }
	
		div.layoutWide div.wideInner div.searchwinBlock div.layoutkeyword p.searchIcon { float:left; margin: 8px 0px 0px 5px; padding-left: 18px; background: url(/support/images/search-icon-loupe.gif) no-repeat left 0.3em; font-weight: bold; }
	
		div.layoutWide div.wideInner div.searchwinBlock div.layoutkeyword div.keywordInner	{ float:left; width: 562px; padding: 0px 30px 0px 10px;  overflow: hidden; }
		div.layoutWide div.wideInner div.searchwinBlock div.layoutkeyword p.searchBox { margin-bottom: 10px; padding-bottom: 10px; text-align: right; }
		div.layoutWide div.wideInner div.searchwinBlock div.layoutkeyword p.searchBox input.searchInput { 
			width: 452px;
			height: 1.2em;
			margin: 0px 5px 0px 0px;
			padding: 0.2em;
			font-size: 123.1%;
			overflow: hidden;
			vertical-align: middle;
				*width: 453px; /* ie7 */
				_height: 30px; /* ie6 */
				_line-height: 28px; /* ie6 */
				_padding: 0px 2px; /* ie6 */
			}
		div.layoutWide div.wideInner div.searchwinBlock div.layoutkeyword p.searchBox input.searchButton { width: 90px; height: 35px; margin: 0px; padding: 0px; vertical-align: middle; }
		
		div.layoutWide div.wideInner div.searchwinBlock div.layoutkeyword p.glossary { float:left; text-align:right; margin-top:2px; margin-bottom:0; }

	div.layoutWide div.wideInner div.searchwinBlock div.WordAttention	{ margin:0 10px 0 214px; }
		div.layoutWide div.wideInner div.searchwinBlock div.WordAttention p	{
			font-size:90%; margin-bottom:5px;
			text-indent:-6.9em; padding-left:6.9em;
			}
			:root div.layoutWide div.wideInner div.searchwinBlock div.WordAttention	p	{ text-indent:-6.0em \0/; padding-left:6.0em \0/; } /* IE9 */
			head~/* */body div.layoutWide div.wideInner div.searchwinBlock div.WordAttention p	{ text-indent:-6.5em; padding-left:6.5em; } /* IE8,Firefox */
	
		div.layoutWide div.wideInner div.searchwinBlock div.WordAttention p	a	{ margin-right:1em; }
	form.adjustment	{ margin-bottom:-1em; }
		
	div.layoutWide div.wideInner div.searchwinBlock div.footkeyword	{ margin: 0px; width:940px; height: 10px; background:url("/support/images/support-bg-ftrkeyword.gif") no-repeat bottom left; }

/* search pickup */
div.layoutWide div.wideInner div.searchpickBlock { width: 940px; margin-left:4px; }
	div.layoutWide div.wideInner div.searchpickBlock ul.searchList { list-style: none; margin-bottom: 0px; padding-left: 0px; }
		div.layoutWide div.wideInner div.searchpickBlock ul.searchList li { float:left; list-style: none; padding-left: 0px; margin-bottom:0; margin-right:15px; }
		div.layoutWide div.wideInner div.searchpickBlock ul.searchList li p { margin-bottom: 0px; }
		div.layoutWide div.wideInner div.searchpickBlock ul.searchList li p.searchBtn img { float: left; display: block; width: 145px; margin-right: 8px; border: none; }
		div.layoutWide div.wideInner div.searchpickBlock ul.searchList li p.searchBtn span { float: left; display: block; width: 150px; margin-top:4px; }
		div.layoutWide div.wideInner div.searchpickBlock ul.searchList li p.textright	{ clear:left; }
		div.layoutWide div.wideInner div.searchpickBlock ul.searchList li span.moreinfo { display: block; margin: 0; padding: 0; font-size:93%; }
		div.layoutWide div.wideInner div.searchpickBlock ul.searchList li span.moreinfo img { border: medium none; margin-left: 5px; }
		div.layoutWide div.wideInner div.searchpickBlock ul.searchList li.edge { margin-right:0; }
		div.layoutWide div.wideInner div.searchpickBlock ul.searchList li.edge p.searchBtn img { width: 145px; margin-right:8px; }


/* =============================================================================
   topicBlock
============================================================================= */
div.topicBlock { width: 980px; margin-bottom: 6px; clear: both; }
	div.topicBlock p { margin-bottom: 0px; text-align: center; font-size:93%; }
		div.topicBlock p span { margin: 0px 10px; }
		div.topicBlock p span img { margin-right: 8px; }
	div.topicBlock a { text-decoration: none; }
	div.topicBlock a:hover { text-decoration: underline; }


/* =============================================================================
   newsBlock
============================================================================= */
div.layoutHalfLeft div.halfbox div.halfboxInner dl.newsText { margin: 0px 0px 15px 0px; }
	div.layoutHalfLeft div.halfbox div.halfboxInner dl.newsText dt { font-weight: bold; }
		div.layoutHalfLeft div.halfbox div.halfboxInner dl.newsText dt img { float: left; margin-right: 15px; vertical-align: bottom; }
	div.layoutHalfLeft div.halfbox div.halfboxInner dl.newsText dd { margin-bottom: 0px; padding-left: 194px; }

div.layoutHalfLeft div.halfbox div.halfboxInner ul.newsList { clear: both; padding-left: 1.5em; }
	div.layoutHalfLeft div.halfbox div.halfboxInner ul.newsList li { margin-bottom: 0.5em; }


/* =============================================================================
   pickupBlock
============================================================================= */
div.layoutHalfLeft div.halfbox div.pickupInner{ width: 448px; padding: 15px 15px 0px 15px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; overflow: hidden; }

div.layoutHalfLeft div.halfbox div.pickupInner ul.pickupList { margin-bottom: 0px; padding: 0px 0px 13px 0px; list-style: none; }
	div.layoutHalfLeft div.halfbox div.pickupInner ul.pickupList li { float: left; width: 145px; margin: 0px 6px 5px 0px; line-height: 1; }
	div.layoutHalfLeft div.halfbox div.pickupInner ul.pickupList li.mr0 { margin-right: 0px; }
	div.layoutHalfLeft div.halfbox div.pickupInner ul.pickupList li.mb0 { margin-bottom: 0px; }
	div.layoutHalfLeft div.halfbox div.pickupInner ul.pickupList li img { border: none; }

div.layoutHalfLeft div.halfbox div.pickupInner ul.pickupTextList { clear: both; padding-left: 1.5em; margin-bottom:5px; }
	div.layoutHalfLeft div.halfbox div.pickupInner ul.pickupTextList li { margin-bottom: 0.5em; }
	div.layoutHalfLeft div.halfbox div.pickupInner ul.pickupTextList li.mr0 { margin-right: 0px; }
	div.layoutHalfLeft div.halfbox div.pickupInner ul.pickupTextList li.mb0 { margin-bottom: 0px; }


/* =============================================================================
   faqBlock
============================================================================= */
div.layoutHalfRight div.halfbox div.halfboxInner div.faqRead div.ReadIcon	{ float:left; width:120px; margin-right:13px; }
div.layoutHalfRight div.halfbox div.halfboxInner div.faqRead div.ReadText	{ float:left; width:315px; }
div.layoutHalfRight div.halfbox div.halfboxInner div.faqRead div.ReadText p	{ margin-bottom:0;}
div.layoutHalfRight div.halfbox div.halfboxInner ol.faqList li img	{ vertical-align:text-bottom; margin-right:5px; }
div.layoutHalfRight div.halfbox div.halfboxInner p.faqUpdate { text-align: right; }
div.layoutHalfRight div.halfbox div.halfboxInner ol.faqList { padding-left: 0px; list-style: none; }
	div.layoutHalfRight div.halfbox div.halfboxInner ol.faqList li { margin-bottom: 0.3em; padding-left: 22px; }
		div.layoutHalfRight div.halfbox div.halfboxInner ol.faqList li.faq1 { background: url(/support/images/faq-icon-one.gif) no-repeat left 0.3em; }
		div.layoutHalfRight div.halfbox div.halfboxInner ol.faqList li.faq2 { background: url(/support/images/faq-icon-two.gif) no-repeat left 0.3em; }
		div.layoutHalfRight div.halfbox div.halfboxInner ol.faqList li.faq3 { background: url(/support/images/faq-icon-three.gif) no-repeat left 0.3em; }
		div.layoutHalfRight div.halfbox div.halfboxInner ol.faqList li.faq4 { background: url(/support/images/faq-icon-four.gif) no-repeat left 0.3em; }
		div.layoutHalfRight div.halfbox div.halfboxInner ol.faqList li.faq5 { background: url(/support/images/faq-icon-five.gif) no-repeat left 0.3em; }

/* =============================================================================
   pcrepairBlock
============================================================================= */
div.layoutHalfRight div.pcrepairSP	{ display:none; }

div.layoutHalfRight div.halfbox div.halfboxInner div.pcrepairRead div.ReadText { float:left; width:220px; }
div.layoutHalfRight div.halfbox div.halfboxInner div.pcrepairRead div.ReadText p	{ margin-bottom:0;}
div.layoutHalfRight div.halfbox div.halfboxInner div.pcrepairRead div.ReadIcon	{ float:left; width:220px; margin:0px 0px 0px 8px;line-height: 1; }
div.layoutHalfRight div.halfbox div.halfboxInner div.pcrepairRead div.ReadIcon p	{ margin-bottom:1em;}

/* =============================================================================
   supportBlock
============================================================================= */
div.layoutHalfRight div.halfbox div.halfboxInner ul.supportList { margin-bottom: 0px; padding: 0px 0px /*5px*/ 0px 0px; *padding: 0px 0px 20px 0px; list-style: none; }
	div.layoutHalfRight div.halfbox div.halfboxInner ul.supportList li { float: left; width: 220px; margin: 0px 8px 20px 0px; line-height: 1; }
	div.layoutHalfRight div.halfbox div.halfboxInner ul.supportList li span { display: block; width: 220px; margin-top: 10px; line-height: 1.5; }
	div.layoutHalfRight div.halfbox div.halfboxInner ul.supportList li.mr0 { margin-right: 0px; }
	div.layoutHalfRight div.halfbox div.halfboxInner ul.supportList li.mb0 { margin-bottom: 0px!important; }
	div.layoutHalfRight div.halfbox div.halfboxInner ul.supportList li img { border: none; line-height: 1; }

	/* v2long test*/
	div.layoutHalfRight div.halfbox div.halfboxInner ul.supportList li.lay1col { width: 448px; margin: 0px 0px 20px 0px; line-height: 1; }
	div.layoutHalfRight div.halfbox div.halfboxInner ul.supportList li.lay1col span { display: block; width: 448px; margin-top: 10px; line-height: 1.5; }
	
	/* MCP_Promotion*/
	div.layoutHalfRight div.halfbox div.halfboxInner div.MCP_promo	{ overflow:hidden; }
	div.layoutHalfRight div.halfbox div.halfboxInner div.MCP_promo p	{ margin:0 0 5px; }
	div.layoutHalfRight div.halfbox div.halfboxInner div.MCP_promo p span.Eye-catch	{ font-size:85%; font-weight:bold; padding:3px 5px; background:#AB9536; color:#FFFFFF; margin-right:5px; }
	
	/* contactInfo */
	div.layoutHalfRight div.halfbox div.halfboxInner div.contactInfo { margin-bottom:1em; background-color:#FFFFD0; }
	div.layoutHalfRight div.halfbox div.halfboxInner div.contactInfo div.innerblock p { margin-bottom:1em; }
	
	/* serviceInfo */
	div.layoutHalfRight div.halfbox div.halfboxInner div.serviceInfo p.tit	{ margin-bottom:1em; padding-left: 20px; background: url(/images/common/fj/imgv4/common/li_dot_lv1.gif) no-repeat 0px 3px; font-weight: bold; }
	
/* =============================================================================
   infoBlock
============================================================================= */
/* infoBox */
div.layoutLeft div.infoBox { padding-bottom: 10px; background: url(/support/images/support-bg-724.gif) no-repeat left bottom; }
	div.layoutLeft div.infoBox div.infoboxInner { width: 692px; padding: 15px 15px 0px 15px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; overflow: hidden; }


/* infoApology */
div.layoutLeft div.infoBox div.infoApology { margin-bottom: 15px; border-bottom: 1px dotted #b8b8b8; }
	div.layoutLeft div.infoBox div.infoApology ul.ApologyList { margin-bottom: 15px; padding-left: 2em; font-size: 93%; }
	div.layoutLeft div.infoBox div.infoApology p { margin-bottom: 0.5em; }

/* infoImportant */
div.layoutLeft div.infoBox div.infoImportant { margin-bottom: 15px; border-bottom: 1px dotted #b8b8b8; }
	div.layoutLeft div.infoBox div.infoImportant ul.importantList { margin-bottom: 15px; padding-left: 2em; font-size: 93%; }
	div.layoutLeft div.infoBox div.infoImportant p.infoIcon { margin-bottom: 0.5em; padding-left: 20px; background: url(/support/images/info-icon-notice.gif) no-repeat left 0.3em; font-weight: bold; }

/* infoService */
div.layoutLeft div.infoBox div.infoService { margin-bottom: 15px; border-bottom: 1px dotted #b8b8b8; }
	div.layoutLeft div.infoBox div.infoService ul.serviceList { margin-bottom: 15px; padding-left: 2em; font-size: 93%; }
	div.layoutLeft div.infoBox div.infoService p { margin-bottom: 0.5em; }

/* infoNotice */
div.layoutLeft div.infoBox div.infoNotice p { margin-bottom: 0.5em; }
div.layoutLeft div.infoBox div.infoNotice ul.datelist2col li	{ background-position: 6px 2.5px; }

/* infoImpact */
div.layoutLeft div.infoBox div.infoImpact { margin-top:15px; border-top: 1px solid #b8b8b8; }
	div.layoutLeft div.infoBox div.infoImpact ul.ImpactList { margin-bottom: 15px; padding-left: 2em; font-size: 93%; }
	div.layoutLeft div.infoBox div.infoImpact p { margin-top:15px; margin-bottom: 0.5em; }


/* =============================================================================
   quickenqBlock
============================================================================= */
/* enqBox */
div.layoutRight div.enqBox { margin-bottom:1.5em; padding-bottom: 12px; background: url(/support/images/quickenq-bg-btm.gif) no-repeat left bottom; }
	div.layoutRight div.enqBox div.enqboxInner { width: 222px; padding: 8px 6px 0px 6px; border-left: 1px solid #539b78; border-right: 1px solid #539b78; overflow: hidden; }
		div.layoutRight div.enqBox div.enqboxInner dl { margin: 0px; }
			div.layoutRight div.enqBox div.enqboxInner dl dt { padding-left: 30px; background: url(/support/images/quickenq-icon-q.gif) no-repeat left top; }
			div.layoutRight div.enqBox div.enqboxInner dl dd { margin: 18px 0px 7px 0px; padding-left: 0px; }
			div.layoutRight div.enqBox div.enqboxInner dl dd div.ans1 { margin-bottom: 10px; padding: 7px 5px; background:#ffe8bb url(/support/images/quickenq-bg-a1.gif) repeat-x left bottom; }
				div.layoutRight div.enqBox div.enqboxInner dl dd div.ans1 p.ans1Title { margin-bottom: 10px; padding-left: 5px; border-left: 5px solid #FFAA00; }
			div.layoutRight div.enqBox div.enqboxInner dl dd div.ans2 { padding: 7px 5px; background:#f1f8e3 url(/support/images/quickenq-bg-a2.gif) repeat-x left bottom; }
				div.layoutRight div.enqBox div.enqboxInner dl dd div.ans2 p.ans2Title { margin-bottom: 10px; padding-left: 5px; border-left: 5px solid #94C62F; }
			div.layoutRight div.enqBox div.enqboxInner dl dd div.ans1 p.ansBtn,
			div.layoutRight div.enqBox div.enqboxInner dl dd div.ans2 p.ansBtn { margin-bottom: 0px; text-align: center; }

	div.layoutRight div.enqBox div.enqboxInner p.enqMSG { margin: 1em 0 0 5px ; font-size:90%; }

/* bannerBox */
div.layoutRight div.bannerBox	{ margin:0 0 1em; padding:0; }
	 div.bannerBox p { margin-bottom:1em; }

/* =============================================================================
   bannerBlock
============================================================================= */
div.bannerBlock { width: 978px; margin-bottom: 15px; }
	div.bannerBlock p { margin-bottom: 0; text-align:center; }
	
/* 480px */
div.bannerBlock_480 { width: 480px; margin-bottom: 15px; }
	div.bannerBlock_480 p { margin-bottom: 0; text-align:center; }

/* =============================================================================
   MyCloudappsBlock
============================================================================= */
div.MyCloudappsBlock	{margin:15px 0; }
	div.MyCloudappsBlock p { margin-bottom: 0; text-align:center; }

/* =============================================================================
   FBBlock
============================================================================= */
div.FBBlock	{ margin:15px 0;}

/* =============================================================================
   Onetag
============================================================================= */
div.Onetag	{ display:none; }

/* =============================================================================
   Window 8 バナー表示対応 2012.10.26～
============================================================================= */
div.win8Block	{ float:left; width:220px; margin-bottom:16px; margin-top:1px; }
div.topicBlockWin8 { float:left; width: 750px; margin-bottom: 6px; margin-top:1px; *margin-top:4px; }
head~/* */body div.topicBlockWin8 { padding-top:4px; }
	div.topicBlockWin8 p { margin-bottom: 0px; text-align: center; font-size:93%; }
		div.topicBlockWin8 p span { margin: 0px 4em 0 0; }
		div.topicBlockWin8 p span img { margin-right: 8px; }
	div.topicBlockWin8 a { text-decoration: none; }
	div.topicBlockWin8 a:hover { text-decoration: underline; }
