@charset "Shift_JIS";

/*
	================================================================================================
		support walkman qa css index.css
	================================================================================================
*/

#contents .conversation {
	display: inline-block;
	margin: 0 0 1.25em 0;
}

#contents .bnr_twin360 {
	margin-bottom: 10px;
	text-align: center;
}
#contents .bnr_twin360 ul {
	margin: 0;
}
#contents .bnr_twin360 ul li {
	float: left;
	list-style-type: none;
	margin: 0 10px;
}
#contents .bnr_twin360 a img {
	transition: opacity 0.2s ease-in 0s;
}
#contents .bnr_twin360 a:hover img {
	opacity: 0.5;
	text-decoration: none;
}




#contents .qa_link ul.btn_area {
	margin: 9px 0 0 0;
}

#contents ul.btn_area li {
	list-style: none outside none;
	margin: 0 0 16px 6px;
}
#contents ul.btn_area .Button {
	display: inline-block;
	vertical-align: middle;
	width: 334px;
	min-height: 32px;
	height: 32px;
	border: 1px solid #d2d2d2;
	border-radius: 6px;
	padding: 2px 0 2px 12px;
	cursor: pointer;
	transition: opacity 0.2s ease-in 0s;
}
#contents ul.btn_area .ButtonText {
	height: 32px;
	display: table-cell;
	vertical-align: middle;
	padding: 1px 20px 0 0;
	font-weight: bold;
}
#contents ul.btn_area .ButtonText img {
	margin-right: 8px;
}

#contents .textLine {
	padding-right: 8px;
	padding-left: 7px;
	padding-bottom: 3px;
	padding-top: 2px;
	vertical-align: middle;
	margin-left: -34px;
}

#contents  div.detailArea {
	padding: 0px 10px 0px 5px;
	background-color: #f3f3f3;
	border: 1px solid #d2d2d2;
}
#contents  div.detailArea ul.txtlink li {
	border-bottom: 1px solid #d2d2d2;
	padding: 0px 0 10px 10px;
	text-indent: 0;
	margin: 9px 13px 0 16px;
	font-size: 1.15em;
	background: url(/support/share/images/arrow_black.png) no-repeat left .4em;
}



div#searchArea {
	margin: 0 0 40px 0;
	padding: 15px 15px 23px 15px;
	border: 1px solid #999;
	line-height: 180%;
}

div#searchArea input.topsearchtext {
	vertical-align: top;
    height: 1.5em;
	width: 520px;
	padding-left: 1em;
}

form[name= "search"] button[type = "submit"] {
	width: 55px;
	height: 24px;
	margin: 10px 0;
	overflow: hidden;
	background: url('/support/share/images/btn_search.gif') left top no-repeat;
	text-indent: 100px;
	white-space: nowrap;
	text-align: left;
	border: none;
}
	form[name= "search"] button[type = "submit"]:hover {
		opacity: 0.8;
	}
form[name= "search"] br.search_mq {
	display: none;
}
form[name= "search"] label.r {
	margin-right: 25px;
	font-size: 1.12em;
}




/*searchArea2*/
div#searchArea2 {
	margin: 0 0 40px 0;
	padding: 15px;
	border: 1px solid #999;
	line-height: 180%;
}

div#searchArea2 input.topsearchtext {
    vertical-align: top;
    border: #adadaf 1px solid;
    height: 1.5em;
	width: 520px;
	padding-left: 1em;
}
/*
div#searchArea2_models input.topsearchtext {
	width: 90%;
	margin-bottom: 0;
	}
*/


#contents p.qa_search {
	margin-top: 15px;
	margin-left: 0;
	margin-bottom: 10px;
	float:left;
}



.bnc a, .bnc img {
	vertical-align: middle;
}


/*20191018*/
.mq_only {
    display: none;
}

	
/*
----------------------------------------
		‘annotation 
----------------------------------------
*/
.annotation {
	list-style: none;
	text-indent: -1em;
	font-size: 1em;
	margin-left:1.5em!important;
}
.red {
	color:#F00;}
	

#contents div.notice_gray_b .software_bt.bg {
    background-color: #fff;
    width: 318px;
}

/*
----------------------------------------
		software button
----------------------------------------
*/
.software_bt {
    display: inline-block;
    vertical-align: middle;
	min-width: 220px;
    min-height: 32px;
    height: 52px;
    border: thin solid #BCBCBC;
	background-image: linear-gradient(#fefefe, #fefefe 0.0625rem, #f9f9f9 0.0625rem, #ddd);
    padding: 10px 10px 10px 0px;
    cursor: pointer;
    transition: opacity 0.2s ease-in 0s;
}
div#contents ul.software_bt_area li {
    float: left;
    padding: 0;
    list-style: none outside none;
	margin-left: 1em;
}
.software_bt img {
    float: left;
    padding: 0 0 10px 10px;;
}

.software_bt .ButtonText {
    word-break: break-all;
    min-height: 32px;
    height: 32px;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
	font-size: 1rem;
    line-height: 1.2em;
    padding-top: 8px;
    padding-left: 5px;
    letter-spacing: 0;
    font-weight: bold;
	text-align: left;
}
.qa_link  {
    display: block;
    text-align: center;
}
#contents ul.software_bt_area a span.textLink {
    padding: 0 0 0 1em;
    background: url(/support/share/images/arrow_black.png) no-repeat left .4em;
    margin: 0;
	display: inline-block;
}
#contents ul.software_bt_area a:hover, ul.software_bt_area a:active {
    text-decoration: none;
    opacity: 0.5;
	color: #000;
}
#contents ul.software_bt_area a:focus {
    opacity: 0.5;
}
#contents ul.software_bt_area {
    margin: 0;
}
#contents ul.software_bt_area {
    margin-left: 10px;
}

/* Set filter: none; for IE 9+ */
@media screen and (min-width:0) {
	.gradient {
		-ms-filter: "";
	}
}

/*
----------------------------------------------------------------------------
	‰ζ–Κ•ƒ640px„ˆΘ‰Ί‚Μ‚Ζ‚«‚Ι“K—p
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {


	form[name= "search"] {
		text-align: left;
	}
	
	div#searchArea {
	padding-bottom: 15px;
}
	
	div#searchArea input.topsearchtext {
		width: 75%;
	}

	div#searchArea2 input.topsearchtext {
    vertical-align: middle;
    border: #adadaf 1px solid;
    height: 1.5em;
    width: 75%;
    min-width: 201px;
	}	

	
	form[name= "search"] br.search_mq {
		display: inline;
	}
	form[name= "search"] label.r {
		font-size: inherit;
	}
	form[name= "search"] br.search_mq label.r {
		margin-right: 0;
	}
	form[name= "search"] button[type = "submit"] {
		float: right;
	}
	#contents #freq_words {
		width: auto;
	}
	form[name= "search"] input[class = "topsearchbtn"] {
		float: right;
	}
	.software_bt {
		width: 98%;
	}
	div#contents ul.btn_area li, div#contents ul.software_bt_area li {
		margin: 0 0px 10px 0;
		width: 94%;
	}
/*20191018*/
	.pc_only {
	    display: none;
	}
	.mq_only {
		display: block;
		margin: 0 auto;
	}
}



/* ««@.title2  ««@20200304 */
.colum2-right760 .title2 {
    border-bottom: #000 solid 1px;
    font-size: 1.231em;
	margin-top: 20px;
    padding-left: 13px;
}


/* ««@.section  ««@20200304 */
#contents .section .clearfix  p{
    margin:  0;
}

@media screen and (max-width: 640px){
	#contents .section {
    margin-bottom:  2em;
    }
}


/* ««@.bnr_area  ««@20200304 */
.bnr_area {
	text-align: left;
	margin: 20px 0 30px 0;
}

.bnr_single {
	float: left;
	margin-left: 10px;
    margin-bottom: 5px;
	padding: 0 0 5px 0;
}

@media screen and (max-width: 640px){
	.bnr_area {
		display: block;   
		max-width: 300px;
        margin: 0 auto;    
	}
	.bnr_single {
		margin: auto;
    }
}

/* ««@.ai  ««@20200930 */
.bnr_ai {
	text-align: left;
	margin: 20px 0 30px 0;
}

.bnr_ai {
	float: left;
	margin-left: 10px;
    margin-bottom: 5px;
	padding: 0 0 5px 0;
}

#contents .bnr_ai a:hover, .bnr_ai a:active {
    text-decoration: none;
    opacity: 0.5;
	color: #000;
}
#contents .bnr_ai a:focus {
    outline: thin dotted;
    opacity: 0.5;
}

@media screen and (max-width: 640px){
	.bnr_ai {
		margin: auto;
    }
}



/* ««@#open_close01 ««@20200304 */
#open_close01{
	margin-left: 10px;
}

#open_close01 .Gray {
	padding: 1em 0 0.75em 0.75em;
	font-weight: bold;
	border: #d2d2d2 1px solid;
	border-radius: 6px;
	font-size: 1.125rem;
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	cursor: pointer;
	margin-top: 0.75em;
}

#open_close01 div.detailArea {
	padding: 0px 10px 0px 5px;
	background-color: #f3f3f3;
	border: 1px solid #d2d2d2;
}

#open_close01 div.detailArea ul.txtlink{
	margin: 1em 0 0.75em 1.5em;
}

#open_close01 div.detailArea ul.txtlink li {
	border-bottom: 1px solid #d2d2d2;
	padding: 0px 0 10px 10px;
	margin: 9px 13px 0 16px;
	font-size: 1.15em;
	background: url(/support/share/images/arrow_black.png) no-repeat left .4em;
    float: none;
}

#open_close01 div.detailArea ul.txtlink li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#open_close01 .Gray:hover, .Gray:active {
    text-decoration: none;
    opacity: 0.5;
}

#open_close01 .Gray:focus {
    outline: thin dotted;
    opacity: 0.5;
	outline-offset: -1px;
}

@media screen and (max-width: 640px){ 
#open_close01{
	margin-left: 0;
    }
}


/* ««@.menu-list ««@20200304 */
#contents  .menu-list ul{
	text-align: left;
    list-style: none;
	margin: 1em 0 2em 10px;
	padding: 0;
}
#contents  .menu-list ul li{
	float: left;
    width: 25%;
	margin-left: 0;
}

#contents  .menu-list ul li span.textLink {
    padding: 0 0 0 10px;
    background: url(/share/images/arrow_black.gif) no-repeat left .4em;
}


@media screen and (max-width: 640px){  
    #contents  .menu-list ul{
	display: block;
    list-style: none;
    }
	#contents  .menu-list ul li{
	margin-bottom: 1em;
    margin-right: 1.3em;
	width: auto;
    }
	#contents  .menu-list ul li span.textLink {
	font-size: 0.8em;
	}
}

@media screen and (max-width: 369px){ 
	#contents  .menu-list ul li{
	margin-right: 0.8em;
	width: 45%;
	}
	#contents  .menu-list ul li a img {
	width: 80%;
	}
}


/* 20231017 */
#contents .bnr_area {
	margin: 0;
}
	
#contents .bnr_area li {
    list-style: none;
}

#contents .accordion.type_3 button {
    font-size: 1.125rem;
}

#contents .bnr_area img {
    vertical-align: middle;
}

.software_bt img.icon_window {
	float: none;
    padding: 0 0.25em;
}

@media screen and (max-width: 640px) {	
	div#searchArea input.topsearchtext {
		width: 70%;
		min-width: 190px;
	}
	
	div#searchArea2 input.topsearchtext {
		width: 70%;
		min-width: 190px;
	}
}