@charset "UTF-8";

/* #############################################################

　category：support
　
　------------------------------------------------------------
　
	Whenever appearing only in #content_v4 or less, 
	"#sup #content_v4 #content_v4 " is applied to the selector head. 
　
　The selector head is assumed to be "#sup #content_v4 " 
　when appearing besides #content_v4 or less. 
　
　The original category definition applies category ID to the head.
　ex) imageFloat { float:left }
　→　sup_imageFloat { float:left }
　
 [Replacement assistance for category variation]
	url(/support/
	#sup #content_v4
	#6caf3d

############################################################# */



/* ----------------------------------------------------------- 
support search
-------------------------------------------------------------- */
#sup #content_v4 #sup_searchBox {
	width: 890px;
	background: url(/support/index_res/images/bg_search_bottom.gif) no-repeat left bottom;
}
#sup #content_v4 #sup_searchBoxs {
	font-size: 85%;
	line-height: 1.2;
	width:890px;
	background: url(/support/index_res/images/bg_search_top.gif) no-repeat left top;
}

#sup #content_v4 #sup_searchBoxs ol li#step1 {
	width: 632px;
	float: left;
}

#sup #content_v4 #sup_searchBoxs ol li#step2 {
	width: 215px;
	min-height: 295px;
	height: auto !important;
	height: 300px;
	padding: 0 0 18px 43px;
	background: url(/support/index_res/images/mark_nextstep2.gif) no-repeat 10px center;
	float: left;
}

/* STEP1 Select Box
--------------------------------------------- */
#sup #content_v4 #sup_searchBoxs ol li#step1 dl dd#step1Box {
	width: 600px;
	margin: 18px auto 0 auto;
}

#sup #content_v4 #sup_searchBoxs ol li#step1 #selectBox1 {
	width: 196px;
	float: left;
}
#sup #content_v4 #sup_searchBoxs ol li#step1 #selectBox2,
#sup #content_v4 #sup_searchBoxs ol li#step1 #selectBox3 {
	width: 180px;
	padding-left: 22px;
	background: url(/support/index_res/images/mark_nextstep1.gif) no-repeat 7px 110px;
	float: left;
}

#sup #content_v4 #sup_searchBoxs ol li#step1 #selectBox1 #select1,
#sup #content_v4 #sup_searchBoxs ol li#step1 #selectBox2 #select2,
#sup #content_v4 #sup_searchBoxs ol li#step1 #selectBox3 #select3 {
	height: 185px;
	margin-top: 13px;
	padding: 5px 0;
	background: #ffffff;
	border: 1px #bcbcbc;
	border-style: solid none none solid;
	overflow: auto;
}

#sup #content_v4 #sup_searchBoxs ol li#step1 ul li a {
	color: #1657d9;
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 15px;
	margin: 1px 0;
	background: url(/common_v4/src/jp/images/category_sup/mark_link.gif) no-repeat 5px 9px;
}

#sup #content_v4 #sup_searchBoxs ol li#step1 ul li a:hover {
	text-decoration: underline;
	background: url(/common_v4/src/jp/images/category_sup/mark_link.gif) no-repeat 5px 9px #e1f097;
}

#sup #content_v4 #sup_searchBoxs ol li#step1 ul li a.act {
	background: url(/common_v4/src/jp/images/category_sup/mark_link.gif) no-repeat 5px 9px #e1f097;
}

/* STEP1 Select Message */
#sup #content_v4 #sup_searchBoxs ol li#step1 #selectBox1 #select1 p,
#sup #content_v4 #sup_searchBoxs ol li#step1 #selectBox2 #select2 p,
#sup #content_v4 #sup_searchBoxs ol li#step1 #selectBox3 #select3 p {
	color: #3b5d13;
	padding:70px 20px 0;
}

/* STEP2 Support Info
--------------------------------------------- */
#sup #content_v4 #sup_searchBoxs ol li#step2 dl dd#step2Box {
	width: 180px;
	margin: 18px auto 0 auto;
}

#sup #content_v4 #sup_searchBoxs ol li#step2 .favBg {
	padding: 10px;
	text-align: center;
	background: #f0f7ca;
}

#sup #content_v4 #sup_searchBoxs ol li#step2 #favLink dl dt {
	margin-bottom: 5px;
	padding-bottom: 10px;
	background: url(/support/index_res/images/dot_line.gif) repeat-x left bottom;
}

#sup #content_v4 #sup_searchBoxs ol li#step2 #favLink ul li {
	padding: 5px 5px 5px 15px;
	text-align: left;
	background: url(/common_v4/src/jp/images/category_sup/mark_link.gif) no-repeat 5px 9px;
}

#sup #content_v4 #sup_searchBoxs ol li#step2 #productInfo {
	margin-bottom:15px;
}

#sup #content_v4 .btnText{
	width:180px;
	font-size:100%;
}
#sup #content_v4 .btnText span span span{
	width:121px;
}

#sup #content_v4 .btnText span span span span{
	background:url(/support/index_res/images/mark_tag_gt.gif) no-repeat 0 3px;
	padding-left:8px;
}

#sup #content_v4 #productInfo p {
	color:#3b5d13;
	padding-top:80px;
}

/* ----------------------------------------------------------- 
javascriptオフ時制御
-------------------------------------------------------------- */
#sup #content_v4 #sup_searchBox {
	display:none;
}

/* ul */
#sup #content_v4 #narrowContainer noscript ul li a {
	color: #1657d9;
	text-decoration: none;
	padding: 5px 5px 5px 15px;
	margin: 1px 0;
	font-size:85%;
	background: url(/common_v4/src/jp/images/category_sup/mark_link.gif) no-repeat 5px 9px;
}
#sup #content_v4 noscript ul li a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------------------- 
Main Category
-------------------------------------------------------------- */

#sup #content_v4 .subPane {
	margin-top:40px !important;
} 

#sup #content_v4 ul.w200 li {
	width:200px;
}

#sup #content_v4 .paneBlock2 .w140 {
	margin-top:15px;
}
#sup #content_v4 .paneBlock2 .w140 li {
	width:140px;
}



/* ----------------------------------------------------------- 
Suggest機能周り
-------------------------------------------------------------- */

body#sup div#content_v4 div.boxCodeSelect{
background:url(/support/index_res/images/bg_box_code_select.gif) no-repeat 0% 100%;
font-size: 85%;
width:890px;
}
body#sup div#content_v4 div.boxCodeSelect div.boxCodeInner{
background:url(/support/index_res/images/bg_box_code_inner.gif) no-repeat 50% 0%;
}
body#sup div#content_v4 div.boxCodeSelect h2.hdg_l2_code_select_01{
background:none;
padding:0 !important;
margin:0;
border:none !important;
}

body#sup div.boxCodeSelect div.box_autoComplete{
padding:33px 37px 0 31px;
}
body#sup div.boxCodeSelect div.box_autoComplete dl{
width:550px;
margin-left:5px;
float:left;
}
body#sup div.boxCodeSelect div.box_autoComplete dl dt{
float:left;
}
body#sup div.boxCodeSelect div.box_autoComplete dl dd{
float:right;
position:relative;
height:35px;
line-height:1;
}
body#sup div.boxCodeSelect div.box_autoComplete dl dd input{
padding:8px;
width:216px;
height:17px;
_height:16px;
background:url(/support/index_res/images/bg_autocomplete_input.gif) no-repeat 0% 0% #FCFEF0;;
border:solid 1px #70B244;
font-size:120%;
color:#818181;
}
body#sup div.boxCodeSelect div.box_autoComplete dl dd input.focus{
color:#333;
}



div.ac_results{
position:absolute;
top:35px;
left:0px;
border-bottom:solid 1px #cecece;
border-right:solid 1px #cecece;
background:#fff;
}
div.ac_results ul{
overflow:auto;
max-height:144px;
width:233px;
_height:expression(this.scrollHeight > 143? '144px':'auto');
}
div.ac_results ul li{
background:url(/support/index_res/images/bg_autocomplete_01.gif) repeat-x 0% 0% #ededed;
vertical-align:bottom;
font-size:120%;
zoom:1;
line-height:1.5;
}
div.ac_results ul li span{
display:block;
padding:4px 0;
text-indent:9px;
cursor:pointer;
width:100%;
}
div.ac_results ul li a,
div.ac_results ul li a:link,
div.ac_results ul li a:hover,
div.ac_results ul li a:focus,
div.ac_results ul li a:active,
div.ac_results ul li a:visited{
color:#333;
text-decoration:none;
}
div.ac_results ul li.roll{
background:url(/support/index_res/images/bg_autocomplete_02.gif) repeat-x 0% 0% #ecf5be;
}
div.ac_results ul li.hint span{
display:inline;
padding:0;
}
div.ac_results ul li.hint a{
display:block;
padding:4px 0;
text-indent:9px;
outline-style:none;
width:100%;
}
div.ac_results ul li.hint a{
background:url(/support/index_res/images/bg_autocomplete_span_01.gif) no-repeat 100% 40%;
}
div.ac_results ul li.hint.roll a{
background:url(/support/index_res/images/bg_autocomplete_span_02.gif) no-repeat 100% 40%;

}
div.ac_results ul li strong{
color:#6caf3d;
padding-right:1px;
}



body#sup div.boxCodeSelect div.box_autoComplete div.box_notice_01{
width:225px;
padding-top:18px;
float:right;
}
body#sup div.boxCodeSelect div.box_autoComplete p.txt_link_01{
text-align:right;
margin:7px 0 10px;
}
body#sup div.boxCodeSelect div.box_autoComplete p.txt_link_01 span{
background:url(/support/index_res/images/bg_txt_link_01.gif) no-repeat 0% 50%;
padding-left:12px;
}

body#sup div.boxCodeSelect div.box_guide_01{
border-top:solid 1px #e4e4e4;
padding:10px 30px;
}
body#sup div.boxCodeSelect div.box_guide_01 table{
margin:0;
width:100%;
}
body#sup div.boxCodeSelect div.box_guide_01 caption{
display:none;
}
body#sup div.boxCodeSelect div.box_guide_01 table th{
padding:5px 0;
width:84px;
}
body#sup div.boxCodeSelect div.box_guide_01 table td{
background:url(/support/index_res/images/bg_guide_01.gif) repeat-y 0% 0%;
padding:4px 0 5px 17px;
}
body#sup div.boxCodeSelect div.box_guide_01 table td ul.togglesNode-01 li{
background:url(/support/index_res/images/bg_toggles_node_01.gif) no-repeat 1px 50%;
padding-left:6px;
}
body#sup div.boxCodeSelect div.box_guide_01 table td ul.togglesNode-01 li.notice{
background:none;
padding-left:0;
}
body#sup div.boxCodeSelect div.box_guide_01 table td p.togglesLink{
display:inline;
margin-left:10px;
}
body#sup div.boxCodeSelect div.box_guide_01 table td p.togglesLink.block{
text-align:center;
display:block;
padding-top:8px;
}