/* 診断ナビ用*/

/*===========================================
	page_title
=============================================*/
#pagebody_support .title_gray {
    background: url("/support/share/images/h2_title_gray_bg.jpg") repeat-x scroll 0 0 transparent;
    font-size: 16px;
    height: 34px;
    margin: 0;
    padding: 6px 15px 0;
	width:730px;
}


#pagebody_support .title_gray2 {
    background: url("/support/tv/flow/images/h2_title_gray_bg2.jpg") no-repeat scroll 0 0 transparent;
    font-size: 100%;
	font-weight:normal;
    height: 34px;
    margin: 0;
    padding: 6px 15px 0;
	width:730px;
}

/* おでかけ引用元 */


/*===========================================
	containerArea
=============================================*/
div.div_760 {
	width: 760px;
	margin: 0px;
	padding: 0px;
}

div.div_650 {
	width: 650px;
	margin: 10px auto 0px auto;
	padding: 0px;
}



/*===========================================
	txtlink
=============================================*/
.txtlink{
	padding: 7px 0 0 16px;
	background:url(/share/images/arrow_black.gif) no-repeat left 0.4em;
	}
	

ul.qa_link {
	margin: 0 0 1em 0;
	padding: 0.5em 0;
	display: inline-block;
}

ul.qa_link li {
	margin: 0 30px 10px 0;
	padding: 0 0 0 11px;
	background: url(/share/images/arrow_black.gif) no-repeat left .4em;
	float: left;
	list-style: none;
}
ul.qa_link.no_float li {
	float: none !important;
}


ul.qa_link span.link_out {
	background: url("/support/share/images/icon_blank.gif") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 0;
	overflow: hidden;
	padding: 9px 0 0;
	vertical-align: baseline;
	*vertical-align: middle;	/* for IE */
	width: 11px;
	margin-left: 3px;
}


/*===========================================
	clearfix 
=============================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display:block;}
/* End hide from IE-mac */


/*===========================================
	clear_both
=============================================*/
.clear_both {
	clear: both;
}


/*===========================================
	Space
=============================================*/
.mt_00 {
	margin: 0px;
}
.mt_02{
	margin: 2px 0px 0px 0px;
}
.mt_03{
	margin: 3px 0px 0px 0px;
}
.mt_05{
	margin: 5px 0px 0px 0px;
}
.mt_10 {
	margin: 10px 0px 0px 0px;
}
.mt_15 {
	margin: 15px 0px 0px 0px;
}
.mt_20 {
	margin: 20px 0px 0px 0px;
}
.mt_25 {
	margin: 25px 0px 0px 0px;
}
.mt_30 {
	margin: 30px 0px 0px 0px;
}
.mt_35 {
	margin: 35px 0px 0px 0px;
}
.mt_40 {
	margin: 40px 0px 0px 0px;
}
.mt_45 {
	margin: 45px 0px 0px 0px;
}
.mt_50 {
	margin: 50px 0px 0px 0px;
}


.ml_05 {
	margin-left: 5px;
}
.ml_10 {
	margin-left: 10px;
}
.ml_15 {
	margin-left: 15px;
}
.ml_20 {
	margin-left: 20px;
}
.ml_25 {
	margin-left: 25px;
}
.ml_30 {
	margin-left: 30px;
}
.ml_35 {
	margin-left: 35px;
}
.ml_40 {
	margin-left: 40px;
}
.ml_45 {
	margin-left: 45px;
}
.ml_50 {
	margin-left: 50px;
}


/*===========================================
	color
=============================================*/
.red {
	color: #C61B38;
	font-weight:bold;
}
.blue_step {
	color: #227AC8;
	font-weight:bold;
}


/*===========================================
	pagetopBox
=============================================*/
.pagetopBox{
	margin:10px 0px 0px 0px;
	padding:0px;
	text-align:right;
	clear:both;
}


/*===========================================
	notice
=============================================*/
div.notice,
#contents div.notice{
	border: 1px solid #f00;
	padding: 0.5em 0;
    margin: 2em 1em;
}
div.notice.notice_custom,
#contents div.notice.notice_custom{
	margin: 0 1em 2em;
	padding: 1em 0;
}
div.notice.notice_custom p{
	margin-left: 1em;
	margin-right: 1em;
}
#contents div.notice.notice_custom p{
	margin-left: 0.769em;
	margin-right: 0.769em;
}
@media (max-width: 640px) {
	div.notice.notice_custom,
	#contents div.notice.notice_custom{
		margin: 0 0 2em;
	}
}

/*===========================================
	link_out
=============================================*/
span.link_out {
    background: url(/support/share/images/icon_blank.gif) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding: 9px 5px 0 0;
    vertical-align: baseline;
	*vertical-align: middle;	/* for IE */
    width: 11px;
	margin-left: 3px;
}