@charset "UTF-8";

/* common */
img {
	border: 0;
}


/* main visual tab common */
div.mainVisualArea {
	margin: 20px 0;
	display: none;
}
div.mainVisualArea.selected {
	display: block;
}
div.mainVisualArea h2,
div.mainVisualArea ul,
div.mainVisualArea li,
div.mainVisualArea p {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
div.mainVisualArea li {
	list-style-type: none;
}

div.mainVisualArea div.content {
	position: relative;
	min-height: 205px;
}
* html div.mainVisualArea div.content {
	height: 205px;
}
div.mainVisualArea ul.linkList li {
	padding-left: 10px !important;
	background: url(/support/howto/images/mainvisual_icn_bullet.gif) no-repeat 0 0.3em;
}

/* tab 01 */
div#main01 {
	background: #F0F3ED url(/support/howto/images/mainvisual01_bg.gif) no-repeat center top;
}
div#main01 h2 {
	position: absolute;
	top: 27px;
	left: 53px;
}
div#main01 ul li.link01 {
	position: absolute;
	top	: 140px;
	left: 210px;
}
div#main01 ul li.link02 {
	position: absolute;
	top	: 138px;
	left: 445px;
}
div#main01 ul li.link03 {
	position: absolute;
	top	: 140px;
	left: 709px;
}

/* tab 02 */
div#main02 {
	background: #FFF url(/support/howto/images/mainvisual02_bg.gif) no-repeat center top;
}
div#main02 h2 {
	position: absolute;
	top: 51px;
	left: 61px;
}
div#main02 p {
	position: absolute;
	top: 103px;
	left: 61px;
}
div#main02 ul.linkList {
	position: absolute;
	top: 129px;
	left: 61px;
	width: 476px;
}
div#main02 ul.linkList li {
	float: left;
	width: 228px;
}

/* tab 03 */
div#main03 {
	background: #FFF url(/support/howto/images/mainvisual03_bg.gif) no-repeat center top;
}
div#main03 div.content {
	width: 567px;
}
div#main03 div.unit {
	margin: 0 -13px 0 31px;
	padding: 32px 0 0 0;
	background: url(/support/howto/images/line_dotted_x.gif) repeat-x left bottom;
}
* html div#main03 div.unit {
	margin-right: -26px;
}
div#main03 div.unit.lastChild {
	padding-top: 19px;
	background-image: none;
}
div#main03 div.unit h2 {
	margin-right: 21px !important;
	padding-bottom: 17px !important;
	float: left;
}
div#main03 div.unit div.item {
	margin-right: 13px;
	float: left;
	width: 411px;
}
div#main03 div.unit div.item p {
	margin-bottom: 8px !important;
}

/* tab 04 */
div#main04 {
	background: #FFF url(/support/howto/images/mainvisual04_bg.gif) no-repeat center top;
}
div#main04 h2 {
	position: absolute;
	top: 35px;
	left: 59px;
}
div#main04 p {
	margin-bottom: 12px !important;
}
div#main04 div.unit01 {
	position: absolute;
	top: 102px;
	left: 59px;
	height: 103px;
	width: 199px;
}
div#main04 div.unit02 {
	position: absolute;
	top: 102px;
	left: 469px;
	height: 103px;
	width: 203px;
}

/* tab navigation */
div.mainVisualArea ul.tab li {
	float: left;
	line-height: 0;
	*font-size: 0;
}


/* thumbnail + text */
div.blockA01 {
	position: relative;
	min-height: 89px;
}
* html div.blockA01 {
	height: 89px;
}
div.blockA01 .photo {
	margin: 0 !important;
	position: absolute;
	top: 0;
	right: 0;
}
div.blockA01 .text {
	margin-right: 99px;
	margin-left: 10px;
}
div.blockB01 {
	margin-bottom: 20px;
	position: relative;
	min-height: 89px;
}
* html div.blockB01 {
	height: 89px;
}
div.blockB01 .photo {
	margin: 0 !important;
	position: absolute;
	top: 0;
	right: 0;
}
div.blockB01 .text {
	margin-right: 110px;
}

#f_contents #p2_maincontents .howto_informaiton {
	background: url(/support/howto/images/bg_contents_section.gif) repeat-y 0 0;
}
#f_contents #p2_maincontents .howto_informaiton2 {
	margin-bottom: 20px;
	background: url(/support/howto/images/bg_contents_section_2.gif) repeat-y 0 0;
	zoom: 1;	/* for ie */
}






/* clearfix */
div.mainVisualArea ul:after,
div#main03 div.unit:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
}

div.mainVisualArea ul,
div#main03 div.unit {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}