@charset "utf-8";

/* /howto/bluetooth/index.css */


#contents .section .box_info_area div.pct img{
	margin-bottom:0;
}


#movie_link{
	margin:20px auto;
	text-align:center;
}

#movie_link .mod-linkButton{
	width:310px;
	height:50px;
	text-align:left;
	box-shadow: 2px 2px rgba(0,0,0,0.6);
    border: #ccc 1px solid;
}

#movie_link .mod-linkButton a{
	padding:16px 0 16px 10px;
}

#movie_link .mod-linkButton .figure{
	margin-right:10px;
	float:left;
}


#movie_link .mod-linkButton a .content{
	background :url(/support/share/images/arrow_black.png) no-repeat left 0px top 5px;
}

#movie_link .mod-linkButton .content > span{
	vertical-align:text-bottom;
}

@media (max-width: 640px) {
	
#movie_link .mod-linkButton{
		width:250px;
		height:58px;
		padding-right:4px;
}
	
#movie_link .mod-linkButton .figure{
	padding-top:5px;
}

#movie_link .mod-linkButton a .content{
	background :url(/support/share/images/arrow_black.png) no-repeat left 0px top 10px;
}
	
}


/*20210125追記*/
#contents p.underline{
    border-bottom: 1px solid #333;
    display: inline-block;
    margin: 1em 0 0 1em;
}

#contents ul{
    margin-left: 0.5em;
    margin-bottom: 0;
}

#contents ul.txtlink li a {
    display: block;
    background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    padding: 0.7em 1em;
    width: 60%;
}

/* #contents ul.txtlink li.full{
    display: block;
    background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    padding: 0.7em 1em;
    width: auto;
} */

#contents ul.txtlink li a{
    color: #000; 
}

#contents ul.txtlink li:hover{
    text-decoration: none;
    color: #000;
    opacity: 0.5; 
}

#contents ul.txtlink li a:hover{
    text-decoration: none;
}

#contents ul.txtlink li span.textLink{
    background: url(/support/share/images/arrow_black.gif) no-repeat;
    padding-left: 1em;
    background-position: 0 6px;
}


#contents p.annotation{
    text-indent: -1em;
    padding-left: 1em;
}

@media (max-width: 640px) {
    #contents p.underline{
    margin-left: 5px;
    }
    
    #contents ul{
    margin-top: 0.5em;
    }

}



/* 20231011 */

ul.txtlink li {
    background: none;
}


#contents ul.txtlink li.full a {
    width: 100%;
}

#contents .box_info_area {
    display: table;
    background: linear-gradient(#e2eaef, #f3f3f3);
    border-radius: 5px;
    padding: 1em;
}

#contents .box_info_area .note {
    display: table;
}

#contents .box_info_area .note img {
    vertical-align: middle;
    margin-right: 10px;
}

#contents .box_info_area .note span {
    display: table-cell;
    font-weight: bold;
}

@media screen and (max-width: 640px) {
	#contents ul.txtlink li a {
		width: 100%;
	}
	
}