/* =====================================================================
*    INDEX
*    1. Reset
*    2. font
*    3. link
*    4. Global Structure
*    5. Header Structure
*    6. Footer Structure
* =================================================================== */

/* =====================================================================
*
*    1. Reset
*
* =================================================================== */

html {
	color:#000;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
}
del, ins {
	text-decoration:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:baseline;
}
sub {
	vertical-align:baseline;
}
legend {
	color:#000;
}

input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input, button, textarea, select {
*font-size:100%;
}
/* =====================================================================
*
*    2. font
*
* =================================================================== */

body {
	font:13px/1.231;
 *font-size:small;
 *font:x-small;
 line-height:1.4;
}
html>/**/body {
	font-size:small;
}
.fnt90 { font-size:0.9em; }
body:not(:only-child:only-child){
	font:13px/1.231;
}
select, input, button, textarea, button {
	font:99%;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
 *font-size:108%;
	line-height:100%;
}
/* =====================================================================
*
*    3. link
*
* =================================================================== */

/* \*/ a {
	outline:none;
	overflow:hidden;
} /**/
/* \*/ a:focus {
	outline:none;
	overflow:hidden;
} /**/
a {
	color: #000099;
	text-decoration: underline;
}
a:visited {
	color: #000099;
	text-decoration: underline;
}
a:hover {
	color: #FF6633;
	text-decoration: underline;
}
a:active {
	color: #FF6633;
	text-decoration: underline;
}

/* =====================================================================
*
*    4. Global Structure
*
* =================================================================== */

#productsContainer {
	height: auto;
	background: url(/support/images/bg_products.gif) repeat-x 0 0;
}

#productsContent {
	height: auto;
	width: 730px;
	padding: 30px 0 20px 0;
	margin: 0 0 0 35px;
}
#productsContent h2{
	padding: 10px 0 10px 10px;
	font-size: 110%;
	font-weight: bold;
	color: #2d2d2d;
	background-color: #e6e6fa;
}

.box_in{ margin:20px 10px; }
.box_in ul{ margin:10px 10px 10px 2px;}
.box_in ul li{ list-style:none;margin:0 0 10px 0;}
.box_in ul li ul{width:400px;}
.box_in ul li ul li{ margin:0 0 0 5px; text-indent:-1em; padding:0 0 0 1em; line-height:1.5em; }

.boxAttention{ margin:10px; border: 1px solid #999;}
.boxAttention .ttlAttention{ margin:5px; }
.boxAttention .cmtAttention{ margin:5px 20px; line-height:1.5em;}

.boxAttention2{ margin:10px; border: 2px solid #CCC;}
.boxAttention2 .cmtAttention2{ margin:5px 20px; line-height:1.5em;}


.inBox{ width:690px; margin:10px; }
.inBox ol{ margin:0; padding:5px 25px;}
.inBox ol li{ margin:0; padding:0;}
.inBox ul.receive{ width:690px; margin:0; padding:0; list-style:none; }
.inBox ul.receive li{ margin:0; padding:0 0 0 15px; }
.inBox ul.receive li.arrowRed{
	list-style-position:outside;
	margin:0 10px 5px 25px;
	padding:0 0 0 18px;
	background:url('/support/images/arrow-red.gif') no-repeat 0 1px; zoom:1;
}
.inBox hr{ width:98%; border:#666666 solid; border-width:1px 0 0 0; height:1px;/* for IE6 */ clear:both;/* for IE6 */ margin:0 auto; }

.onePoint{ margin:0 10px 10px; padding:5px;}

.cmt01{ margin:20px 0 10px 0; }
.cmt02{ margin:10px 0; }
.cmt03{ margin:10px 0 0 0; padding-left:1.5em; text-indent:-1.5em;}
.cmtArrowred{ margin:10px 0; padding:0 0 0 15px; background:url('/support/images/arrow-red.gif') no-repeat 0 1px; zoom:1; }

.repairLink{ margin:15px 10px; text-align:center;}

/* font style */
.fntBold{ font-weight:bold;}
/* text style */
.txtRed{ color:#ef0000;}
.txtAccentred{ color:#a2090c; }
.txtIndent01{ text-indent:-1em; padding-left:1em; }

.fltRight{ float:right; }
.fltLeft{ float:left; }

.pl20 { margin-left:10px; }
.mt20 { margin-top:20px; }
.ml100 { margin-left:100px; }
.tCenter { text-align:center; }
.brdB01 { border-bottom:2px solid #ccc; padding-bottom:20px; margin-bottom:20px; }
.brdT01 { border-top:2px solid #ccc; padding-top:20px; }

#productsContent .pagetop {display:block; padding:15px 0; clear:both; text-align:right; }
#productsContent .pagetop a { background:url("/support/images/arrow-up.gif") no-repeat center right; padding-right:18px; zoom:1;}
#productsContent .clr { clear:both; }

/* =====================================================================
*
*    5. Header Structure
*
* =================================================================== */

div#sharpTempHeader {
	position: relative;
	height: 40px;
	width: 760px;
	padding: 20px 0 0 20px;
	margin: 0;
}

div#sharpTempHeader h1 {
	padding: 2px 0 0 15px;
}

div#sharpTempHeader ul {
	position: absolute;
	top: 25px;
	right: 234px;
	font-size: 0px;
}

div#sharpTempHeader ul:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

div#sharpTempHeader ul {
	display: inline-block;
}

/*\*/
* html div#sharpTempHeader ul {
	height: 1%;
}

div#sharpTempHeader ul {
	display: block;
}

div#sharpTempHeader ul li {
	float: left;
	margin: 0 0 0 19px;
	display: inline;
}

div#sharpTempHeader p#globalLink {
	position: absolute;
	top: 22px;
	right: 15px;
	font-size: 0;
}

div#sharpTempHeader dl {
	position: absolute;
	top: 20px;
	right: 15px;
	width: 200px;
}

div#sharpTempHeader dl:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

div#sharpTempHeader dl {
	display: inline-block;
}

/*\*/
* html div#sharpTempHeader dl {
	height: 1%;
}

div#sharpTempHeader dl {
	display: block;
}

div#sharpTempHeader dl dt {
	float: left;
}

div#sharpTempHeader dl dt input#MF_form_phrase {
	height: 18px;
	width: 148px;
	border: 1px solid #B3B3B3;
}

div#sharpTempHeader dl dd {
	float: right;
	font-size: 0;
}

/* =====================================================================
*
*    6. Footer Structure
*
* =================================================================== */

div#sharpTempFooter {
	clear: both;
	width: 760px;
	padding: 10px 0 31px 0;
	margin: 0 0 0 20px;
	border-top: 3px solid #E4E4E4;
}

div#sharpTempFooter ul {
	float: left;
	margin: 0 0 0 10px;
	display: inline;
}

div#sharpTempFooter ul li {
	float: left;
	margin: 0 20px 0 0;
	font-size: 0;
	display: inline;
}

div#sharpTempFooter p {
	float: right;
	margin: 0 10px 0 0;
	display: inline;
}
/*target_blank*/
#productsContent .box_in .lnk .blank {vertical-align:middle; margin:0 0 0 5px}
#productsContent .box_in .lnk_list li .blank {vertical-align:middle; margin:0 0 0 5px}

/* =====================================================================
*	製品画像ボタン
* =================================================================== */

.prodBtn {
	display: inline-block;
	padding-bottom:10px;
}
.prodBtn:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.prodBtn li {
	display:inline;
	float:left;
	margin: 0 15px 10px 0 !important;
	padding: 0px;
	color: #333;
	text-align: left;
}
.prodBtn li a {
	display: block;
	width: 130px;
	height: 45px;
	padding: 5px 0 0 10px;
	border:2px solid #ccc;
	text-decoration:none;
}
.prodBtn li a:hover {
	border:2px solid #F60;
	text-decoration:none;
}
.fax { background: url("/support/fax/images/img_fax.gif") no-repeat 80px 20px; }
.tel { background: url("/support/fax/images/img_tel.gif") no-repeat 90px 15px; }
.in-phone { background: url("/support/fax/images/img_ip.gif") no-repeat 90px 15px; }
.miracle { background: url("/support/fax/images/img_miracle.gif") no-repeat 85px 18px; }

#productsContent .qa h3.qaTitle {
	width:200px;
	padding:5px 20px;
	margin: 0px 0 10px 0;
	text-align:center;
	border:1px solid #999;
	background-color:#fff;
}
.ttl_q {
	font-weight:bold;
	padding: 5px 0 5px 30px;
	background: url(/support/air_con/images/q_btn.gif) no-repeat 1px 5px;
	height: 20px;
}
.ttl_a {
	margin-bottom:20px;
	padding: 5px 0 5px 30px;
	background: url(/support/air_con/images/a_btn.gif) no-repeat 1px 5px;
	border-top: 1px solid #cccccc;
}