@charset "Shift_JIS";

/*
	================================================================================================
		support tablet helpguide indexXX.css
	================================================================================================
*/

/*
=======================================
	table
=======================================
*/
#contents table td.products {
	background-color: #e3e3e3;
	color: #000000;
	text-align:left;
}
#contents table td.manual {
	width: 160px;
	padding-left: 3px;
}


/*
=======================================
	bnr_area
=======================================
*/
div#contents ul.bnr_area {
	margin-left: 0;
}
div#contents ul.bnr_area li {
	float: left;
	height: 86px;
	padding: 0;
	margin-bottom: 1em;
	width: 360px;
	list-style: none outside none;
	/margin-left: 1em;
	margin-left: 1em\9;
}


/*
=======================================
	button
=======================================
*/
ul.btn_area_text {
	margin-left: 0 !important;
}
ul.btn_area_text li {
	float: left;
	padding: 5px;
	width: 178px;
}
ul.btn_area_text .mod-linkButton {
	background: url("/support/tablet/products/share/images/bg_mod-linkButton.jpg") repeat-x scroll 0 0;
	border: 1px solid #bcbcbc;
	border-radius: 6px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	height: 120px;
	letter-spacing: 0.01em;
	line-height: 1.4;
	text-align: center;
	width: 178px;
}
ul.btn_area_text .mod-linkButton .content {
	background: url("/support/share/images/arrow_black.png") no-repeat scroll;
	background-position: 2px center !important;
	line-height: 16px !important;
	padding: 0 0 0 12px;
	width: auto;
	font-weight: normal;
}
ul.btn_area_text .mod-linkButton .figure {
	display: block;
}
ul.btn_area_text .mod-linkButton a {
	overflow: hidden;
}
ul.btn_area_text .mod-linkButton a .figure {
	float: none;
	width: auto;
	height: auto;
}
ul.btn_area_text .mod-linkButton a .figure img  {
	width: 70px;
}
#contents .mq_show {
	display: none;
}


/*
=======================================
		agenda
=======================================
*/

div#agenda, div#agenda_single {
	font-weight: bold;
	margin: 0 0 15px;
	padding: 0;
	text-align: left;
	width: 760px;
}

div.agendahead {
	background: url("/support/tablet/share/images/box/index_head.gif") no-repeat;
	margin: 0;
	padding: 0;
	width: 760px;
}

div#agenda div.agendahead p, div#agenda_single div.agendahead p {
	color: #ffffff;
	margin: 0;
	padding: 3px 0 3px 38px;
	font-weight: bold;
}

div.agendabody {
	margin: 0;
	padding: 5px 0 0 0;
}

div.agendabody img {
	margin: 0;
}

div.agendabodyarea {
	background: url("/support/tablet/share/images/box/index_body.gif") repeat-x;
	border-color: #c6d3dc;
	border-style: solid;
	border-width: 0 1px;
	margin: 0;
	padding: 0;
	width: 758px;
}

div#agenda div.agendabody ul.agenda_ls li {
	float: left;
	margin: 0 5px;
	padding: 0 10px 3px 0;
	width: 47%;
	list-style-image: url("/support/tablet/share/images/icon_under_arrow.gif");
	*margin: 0;
	*width: 40%;
	*background:url("/support/tablet/share/images/icon_under_arrow.gif") no-repeat 10px 5px;
	*padding-left:25px;
}

div#agenda_single div.agendabody ul.agenda_single_ls li {
	/*float: left;*/
	list-style-image: url("/support/tablet/share/images/icon_under_arrow.gif");
	margin: 0 0 0 5px;
	padding: 0 0 3px 0;
	*margin: 0 0 0 30px;
}
div#agenda div.agendabody ul,
div#agenda_single div.agendabody ul {
	margin-bottom: 0;
}
div.agendabody .clearagenda {
	clear: both;
}

div.agendafoot {
	background: url("/support/tablet/share/images/box/index_foot.gif") no-repeat;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 760px;
}

div#contents h3.title img.icon {
	width: 30px !important;
}

/*
----------------------------------------------------------------------------
	ｲ靂ﾌﾉ�｡�640px｡莢ﾊｲｼ､ﾎ､ﾈ､ｭ､ﾋﾅｬﾍﾑ
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
/*
=======================================
	table
=======================================
*/
#contents table {
	font-size: 80%;
	line-height: 120%;
	margin: 0px 0px 1em;
	padding: 0px;
	width: 100%;
	text-align: center;
}

#contents table td.products {
	background-color: #e3e3e3;
	color: #000000;
	text-align:left;
	word-break: break-all;
	padding-left: 5px;
}
#contents table td.manual {
	width: auto;
	padding-left: 5px;
}


/*
=======================================
	bnr_area
=======================================
*/
div#contents ul.bnr_area li {
	width: auto;
}
div#contents ul.bnr_area li {
	width: 100%;
	float: none;
	margin: 0;
}
div#contents ul.bnr_area li img {
	width: 100%;
	height: auto;
	max-width: 360px;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	/*margin:0;*/	
}


/*
=======================================
	button
=======================================
*/
#contents .pregBox dl dt {
	margin: 0 0 5px 0;
	float: none;
}
#contents .pregBox dl dd {
	float: none;
	width: auto;
	margin-bottom: 0;
}
#contents .mq_hidden {
	display: none;
}

#contents .mq_show {
	display: table-cell;
}


/*
=======================================
	agenda
=======================================
*/
div.agendahead {
	width: auto;
	padding-right: 10px;
}
div#agenda, div#agenda_single,
div.agendabodyarea,
div.agendafoot {
	width: auto;
}
div#agenda div.agendabody ul.agenda_ls li,
div#agenda_single div.agendabody ul.agenda_single_ls li {
	width: 94%;
	padding: 0 10px 5px 0;
}
div#agenda div.agendabody ul.agenda_ls li {
	clear: both;
}

}


/*
	================================================================================================
		20160129 ﾂ霆ｰｳｬﾁﾘｲ�ﾁｱ
	================================================================================================
*/

#contents .section ul.howto_list {
	margin-left: 0;
}
#contents .section ul.howto_list li {
	clear: both;
	overflow: hidden;
	list-style-type: none;
	border-top: 1px solid #ccc;
	padding-top: 15px;
	margin-left: 5px;
}
#contents .section ul.howto_list li.last {
	border-bottom: 1px solid #ccc;
}
#contents .section ul.howto_list li .icon_area {
	float: left;
}
#contents .section ul.howto_list li .text_area {
	float: left;
	width: 85%;
}
@media (max-width: 640px) {
	#contents .section ul.howto_list li .text_area {
		width: 70%;
	}
}
#contents .section ul.howto_list li .text_area ul.txtlink {
	margin: 0;
}
#contents .section ul.howto_list li .text_area ul.txtlink li {
	border: none;
	padding-top: 0;
}

/*
	================================================================================================
		20160307 ､ﾏ､ｸ､皃ﾆ､ﾎ･ｿ･ﾖ･�ﾃ･ﾈｲ�ﾁｱ
	================================================================================================
*/
#contents .section .section h5.title {
	font-size: 1em;
}