@charset "UTF-8";

/* **********************************************************************************************
130327 marge
/ybb/set/common/p/css/v11a/utility_base.css
*********************************************************************************************** */

/* --------------------------------------------------------------------------------
  General Purpose Style
-------------------------------------------------------------------------------- */

/* --------- width --------- */
.w_a,
.w_auto { width: auto!important;}



/* Link
-------------------------------------------------------------------------------- */

/* roll-over */
.roll-over a { display: block!important;}
.roll-over a:hover {
	height: inherit!important;
	background-color:transparent!important;
}
.roll-over a:hover img { visibility: hidden!important;}
.caseTouchPanel a:hover img { visibility: visible!important;}

/* roll-over_s */
.roll-over_s a {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	outline: none;
	background-repeat: no-repeat;
	background-position: left top;
}
.roll-over_s a.current { background-position: left bottom;}
.roll-over_s a:hover { background-position: left bottom;}
.roll-over_s a.disable { background-position: left center;}

/* roll-over_si */
.roll-over_si,
ul.roll-over_si li {
	background-position: left bottom;
	background-repeat: no-repeat;
}
.roll-over_si a {
	display: block;
	overflow: hidden;
}
.roll-over_si a:hover {
	height: inherit;
	background-color: transparent;
}
.roll-over_si a.current img,
.roll-over_si a:hover img { visibility: hidden;}
.roll-over_si img { pointer-events: none;}


/* Position
-------------------------------------------------------------------------------- */

/* --------- text-align --------- */
#container .ta_l { text-align:left;}
#container .ta_c { text-align:center;}
#container .ta_r { text-align:right;}

/* --------- vertical align --------- */
#container .va_t { vertical-align: top;}
#container .va_m { vertical-align: middle;}
#container .va_b { vertical-align: bottom;}

/* --------- float --------- */
#container .flt_l { float:left;}
#container .flt_r { float:right;}

/* --------- margin top --------- */
.mt_0 { margin-top:0 !important;}
.mt_5 { margin-top:5px !important;}
.mt_10 { margin-top:10px !important;}
.mt_15 { margin-top:15px !important;}
.mt_20 { margin-top:20px !important;}
.mt_25 { margin-top:25px !important;}
.mt_30 { margin-top:30px !important;}
.mt_35 { margin-top:35px !important;}
.mt_40 { margin-top:40px !important;}
.mt_45 { margin-top:45px !important;}
.mt_50 { margin-top:50px !important;}

/* --------- margin bottom --------- */
.mb_0 { margin-bottom:0 !important;}
.mb_5 { margin-bottom:5px !important;}
.mb_10 { margin-bottom:10px !important;}
.mb_15 { margin-bottom:15px !important;}
.mb_20 { margin-bottom:20px !important;}
.mb_25 { margin-bottom:25px !important;}
.mb_30 { margin-bottom:30px !important;}
.mb_35 { margin-bottom:35px !important;}
.mb_40 { margin-bottom:40px !important;}
.mb_45 { margin-bottom:45px !important;}
.mb_50 { margin-bottom:50px !important;}

/* --------- margin left --------- */
.ml_0 { margin-left:0 !important;}
.ml_5 { margin-left:5px !important;}
.ml_10 { margin-left:10px !important;}
.ml_15 { margin-left:15px !important;}
.ml_20 { margin-left:20px !important;}
.ml_25 { margin-left:25px !important;}
.ml_30 { margin-left:30px !important;}
.ml_35 { margin-left:35px !important;}
.ml_40 { margin-left:40px !important;}
.ml_45 { margin-left:45px !important;}
.ml_50 { margin-left:50px !important;}

/* --------- margin right --------- */
.mr_0 { margin-right:0 !important;}
.mr_5 { margin-right:5px !important;}
.mr_10 { margin-right:10px !important;}
.mr_15 { margin-right:15px !important;}
.mr_20 { margin-right:20px !important;}
.mr_25 { margin-right:25px !important;}
.mr_30 { margin-right:30px !important;}
.mr_35 { margin-right:35px !important;}
.mr_40 { margin-right:40px !important;}
.mr_45 { margin-right:45px !important;}
.mr_50 { margin-right:50px !important;}


/* --------- padding top --------- */
.pt_0 { padding-top:0 !important;}
.pt_5 { padding-top:5px !important;}
.pt_10 { padding-top:10px !important;}
.pt_15 { padding-top:15px !important;}
.pt_20 { padding-top:20px !important;}
.pt_25 { padding-top:25px !important;}
.pt_30 { padding-top:30px !important;}
.pt_35 { padding-top:35px !important;}
.pt_40 { padding-top:40px !important;}
.pt_45 { padding-top:45px !important;}
.pt_50 { padding-top:50px !important;}

/* --------- padding bottom --------- */
.pb_0 { padding-bottom:0 !important;}
.pb_5 { padding-bottom:5px !important;}
.pb_10 { padding-bottom:10px !important;}
.pb_15 { padding-bottom:15px !important;}
.pb_20 { padding-bottom:20px !important;}
.pb_25 { padding-bottom:25px !important;}
.pb_30 { padding-bottom:30px !important;}
.pb_35 { padding-bottom:35px !important;}
.pb_40 { padding-bottom:40px !important;}
.pb_45 { padding-bottom:45px !important;}
.pb_50 { padding-bottom:50px !important;}

/* --------- padding left --------- */
.pl_0 { padding-left:0 !important;}
.pl_5 { padding-left:5px !important;}
.pl_10 { padding-left:10px !important;}
.pl_15 { padding-left:15px !important;}
.pl_20 { padding-left:20px !important;}
.pl_25 { padding-left:25px !important;}
.pl_30 { padding-left:30px !important;}
.pl_35 { padding-left:35px !important;}
.pl_40 { padding-left:40px !important;}
.pl_45 { padding-left:45px !important;}
.pl_50 { padding-left:50px !important;}

/* --------- padding right --------- */
.pr_0 { padding-right:0 !important;}
.pr_5 { padding-right:5px !important;}
.pr_10 { padding-right:10px !important;}
.pr_15 { padding-right:15px !important;}
.pr_20 { padding-right:20px !important;}
.pr_25 { padding-right:25px !important;}
.pr_30 { padding-right:30px !important;}
.pr_35 { padding-right:35px !important;}
.pr_40 { padding-right:40px !important;}
.pr_45 { padding-right:45px !important;}
.pr_50 { padding-right:50px !important;}

/* --------- margin auto --------- */
.mg_auto { margin-left:auto !important;margin-right:auto !important;}


/* List and Icon
-------------------------------------------------------------------------------- */

/* .pagetop */
.page-top {
	text-align: right;
	margin-top: 20px;
	padding-right: 14px;
    background: url(/ybb/set/common/p/img/v11a/bullet/icn_arrow_navy_top.gif) right 0.3em no-repeat;
}
.page-top a {
	font-size: 12px;
}



/* ========= Icon ========= */

/* --------- pdf2 --------- */
#container .pdf-icn_inline2 { background-position:0 0.45em!important;}
#container .pdf-icn_inline2 img {
	vertical-align:baseline;
	margin:0 0 -2px 0.5em;
}
/* for only LI */
#container li.pdf-icn_inline2 { background-position:0 0.4em!important;}

/* --------- new window --------- */
#container .new-win-icn_inline { background-position:0 0.45em!important;}
#container .new-win-icn_inline img {
	margin: 0 0 0 0.5em;
	padding:2px 0 0 0;
	vertical-align:baseline;
}
/* for only LI */
#container li.new-win-icn_inline { background-position:0 0.4em!important;}


/* ========= Unordered List ========= */

/* -- ul.list-disc_l -- */
#container ul.list-disc_l { padding-left: 1.3em;}
#container ul.list-disc_l li { text-indent: -1.3em;}
#container ul.list-disc_l li li { text-indent: 0;}


/* --------- common style (for ul+li and other element) --------- */
#container .list-square,
#container .list-square_00,
#container .list-square_F0,
#container ul.list-square li,
#container ul.list-square_00 li,
#container ul.list-square_F0 li,
#container .list-disc,
#container .list-disc_00,
#container .list-disc_F0,
#container ul.list-disc li,
#container ul.list-disc_00 li,
#container ul.list-disc_F0 li {
	padding:0 0 0 12px;
	zoom: 1;
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}


/* --------- .list-square --------- */

/* ---- #FF0000 ---- */
#container ul.list-square_F0 li,
#container .list-square_F0 {
	background-image:url(/ybb/set/common/p/img/v11a/bullet/icn_list-square_F0.gif);
	color: #FF0000;
}

/* ---- #333333(default color) ---- */
#container ul.list-square li,
#container .list-square {
	background-image:url(/ybb/set/common/p/img/v11a/bullet/icn_list-square.gif);
}

/* ---- #000000 ---- */
#container ul.list-square_00 li,
#container .list-square_00 {
	background-image:url(/ybb/set/common/p/img/v11a/bullet/icn_list-square_00.gif);
	color: #000000;
}

/* ---- .accent ---- */
#container ul.list-square li.accent,
#container ul.list-square_00 li.accent {
	background-image:url(/ybb/set/common/p/img/v11a/bullet/icn_list-square_F0.gif);
	color: #FF0000;
}


/* --------- .list-disc --------- */

/* ---- #FF0000 ---- */
#container ul.list-disc_F0 li,
#container .list-disc_F0 {
	background-image: url(/ybb/set/common/p/img/v11a/bullet/icn_list-disc_F0.gif);
	color: #FF0000;
}

/* ---- #333333(default color) ---- */
#container ul.list-disc li,
#container .list-disc {
	background-image:url(/ybb/set/common/p/img/v11a/bullet/icn_list-disc.gif);
	color: #333333;
}

/* ---- #000000 ---- */
#container ul.list-disc_00 li,
#container .list-disc_00  {
	background-image:url(/ybb/set/common/p/img/v11a/bullet/icn_list-disc_00.gif);
	color: #000000;
}

/* ---- .accent ---- */
#container ul.list-disc li.accent,
#container ul.list-disc_00 li.accent {
	background-image: url(/ybb/set/common/p/img/v11a/bullet/icn_list-disc_F0.gif);
	color: #FF0000;
}


/* --------- ul reset --------- */
#container ul.list-square,
#container ul.list-square_00,
#container ul.list-square_F0,
#container ul.list-disc,
#container ul.list-disc_00,
#container ul.list-disc_F0 {
	padding-left: 0;
	background: none;
}

/* --------- for font-weight bold --------- */
#container ul.fw_b li,
#container ul li.fw_b {
	font-weight: bold;
}


/* ========= Order List ========= */
#container ol.decimal,
#container ol.upper-alpha {
	padding: 0 0 0 2.8em;
	position: relative;
	left: -1em;
	*left: -0.5em;
}
#container ol.decimal { list-style: decimal;}
#container ol.upper-alpha { list-style: upper-alpha;}


/* ========= Nest List ========= */
#container ul li.nest{
	background: none;
	zoom: 1;
}
#container ul li.nest ol li,
#container ul li.nest ol li.accent {
	padding: 0;
	background: none;
	zoom: normal;
}


/* ========= Annotation ========= */

/* ----- annotation (fix) ----- */
#container ul.annotation_fix {
	margin-top: 10px;
	list-style: none;
}
#container ul.annotation_fix {
	text-indent: -1.7em;
	margin: 0 0 0 1.7em;
	background: none!important;
}


/* ----- annotation (Number) ----- */
#container dl.annotation_fix_num {
	margin-top: 10px;
}
#container dl.annotation_fix_num dt {
	width: 2.3em;
}
#container dl.annotation_fix_num dd {
	margin: -1.4em 0 0 2.3em;
}


/* ----- annotation (fix star) ----- */

#container ul.annotation_fix_star {
	margin-top: 10px;
	list-style: none;
}
#container ul.annotation_fix_star li {
	text-indent: -1.7em;
	margin: 0 0 0 1.7em;
	background: none!important;
}


/* ----- annotation (fix no icn) ----- */

#container ul.annotation_fix_noicn {
	margin-top: 10px;
	list-style: none;
}
#container ul.annotation_fix_noicn li {	background: none!important;}


/* ========= Link List ========= */

/* --------- common style --------- */
#container .link-list_blue,/* for faq */
#container ul.link-list_blue li,/* for faq */
#container .link-list_navy,
#container ul.link-list_navy li {
	padding: 0 0 0 16px;
}

/* --------- color pattern --------- */
#container ul.link-list_blue li,/* for faq */
#container ul.link-list_navy li {
	background: url(/ybb/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 0.3em;
	zoom: 1;
	list-style-type: none;
}
/* for except UL LI */
#container .link-list_blue,/* for faq */
#container .link-list_navy {
	background: url(/ybb/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 0.3em;
}


/* --------------- align right --------------- */

#container ul.link-list_navy li.rgt,
#container ul.link-list_navy_rgt li {
	text-align: right;
	background: none;
}

/* --------- color pattern --------- */
#container ul.link-list_navy li.rgt a,
#container ul.link-list_navy_rgt li a {
	padding: 0 0 0 16px;
	text-align: right;
	background: url(/ybb/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 0.25em;
}

/* for except UL LI */
#container .link-list_navy_rgt {
	background: none;
	text-align: right;
}
#container .link-list_navy_rgt a {
	padding: 0 0 0 16px;
}

#container .link-list_navy_rgt a {
	background: url(/ybb/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 0.25em;
}


/* --------------- align center --------------- */

#container ul.link-list_navy li.cnt,
#container ul.link-list_navy_cnt li {
	text-align: center;
	background: none;
}

/* --------- color pattern --------- */
#container ul.link-list_navy li.cnt a,
#container ul.link-list_navy_cnt li a {
	padding: 0 0 0 16px;
	text-align: center;
	background: url(/ybb/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 0.25em;
}

/* for except UL LI */
#container .link-list_navy_cnt {
	background: none;
	text-align: center;
}
#container .link-list_navy_cnt a {
	padding: 0 0 0 16px;
}

#container .link-list_navy_cnt a {
	background:url(/ybb/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 0.25em;
}

/* --------- ul reset --------- */
#container ul.link-list_navy {
	padding-left: 0;
	background: none;
}


/* Paragraph
-------------------------------------------------------------------------------- */

/* ========= wrap ========= */
.nowrap,
.nowrap * { white-space: nowrap;}

/* ========= .wordBreak ========= */
.break-word {
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word; /* IE 5+ */
}


/* Table
-------------------------------------------------------------------------------- */

/* ========= Base ========= */
table.base th {
	background:#ebebeb;
}
table.base th,
table.base td {
	padding: 2px 5px;
	border: 1px solid #cccccc;
}

/* shared */
table.base_a,
table.base_b,
table.base_c {
	table-layout: fixed;
	width: 100%;
	word-wrap: break-word;
}
table.base_a th,
table.base_a td,
table.base_b th,
table.base_b td,
table.base_c th,
table.base_c td {
	text-align: center;
	padding: 10px 10px 8px;
	border: 1px solid #b7bbbe;
}
table.base_a th,
table.base_b th,
table.base_c th { font-weight: bold;}


/* table.base_a */
table.base_a th { background: #f5f5f5;}

/* table.base_b */
table.base_b thead th,
table.base_b tbody td {width: 216px;}
table.base_b thead th.first-child,
table.base_b tbody th { width: 179px;}
table.base_b thead th { background: #e4e4e4;}
table.base_b tbody th { background: #f5f5f5;}
table.base_b tbody td { text-align: left;}

/* table.base_c */
table.base_c thead th { background: #e4e4e4;}
table.base_c thead th.sub { background: #f5f5f5;}
table.base_c thead th.first-child { background: #cae2f4;}
table.base_c tbody th { background: #eaf7ff;}
table.base_c col.first {
	width: 150px;
	*width : 128px; /* IE7 and below */
}


/* Font
-------------------------------------------------------------------------------- */

/* ========= Color ========= */
.fc_00 { color: #000000!important;}
.fc_33 { color: #333333!important;}
.fc_66 { color: #666666!important;}
.fc_F0,
.accent { color: #ff0000!important;}
.fc_pink { color: #f72c72!important;}


/* ========= Size ========= */
/* written on "fs_absolute.css" or "fs_relative.css" */

/* ========= Weight ========= */
#container .fw_b { font-weight: bold!important;}
#container .fw_n { font-weight: normal!important;}


/* Module
-------------------------------------------------------------------------------- */

/* ========= Headings ========= */

#h1_wrap {
	position: relative;
	/*background: transparent url(/ybb/set/common/p/img/v11a/general/bg_h1.gif) left top repeat-x;
	margin-bottom: 17px; 2012年まで*/
	margin-bottom: 20px;
	zoom: 1;
}
#h1_wrap h1 {
	/*padding: 0 0 1px 20px; 2012年まで*/
	padding: 0 0 1px 12px;
	font-weight: bold;
	font-size: 22px;
	line-height: 60px;
	/*border-bottom: solid 1px #9a9b9a;
	background: transparent url(/ybb/set/common/p/img/v11a/general/icn_bullet_h1.gif) left top no-repeat; 2012年まで*/
}
#h1_wrap .optional {
	position: absolute;
	right: 0;
	top: 0;
}
#h1_wrap .optional:after { content: ".";height: 0px;clear: both;visibility: hidden;display: block;} /* clearfix */
#h1_wrap .optional { zoom:100%;} /* clearfix */
#h1_wrap ul.optional li {
	float: left;
	padding-left: 3px;
}

/*
.h2_wrap {
	position: relative;
	margin: 40px 0 20px 15px;
	padding-bottom: 8px;
	border-bottom: solid 1px #c4c5c5;
} 2012年まで*/

.h2_wrap {/*2013年追加*/
	position: relative;
	margin: 40px 0 20px 0px;
	/*padding-bottom: 8px;*/
	padding:0 0 0 23px;
    background-color:#84919D;
    background-image:url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%22%20y1%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23b6bdc5%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%2386929e%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
    background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0%, #b6bdc5),color-stop(100%, #86929e));
    background-image:-webkit-linear-gradient(bottom, #b6bdc5 0%,#86929e 100%);
    background-image:-moz-linear-gradient(bottom, #b6bdc5 0%,#86929e 100%);
    background-image:-ms-linear-gradient(bottom, #b6bdc5 0%,#86929e 100%);
    background-image:-o-linear-gradient(bottom, #b6bdc5 0%,#86929e 100%);
    background-image:linear-gradient(to top, #b6bdc5 0%,#86929e 100%);
}
/*iPadで線が上下に出てしまうバグ対策*/
.h2_wrap:after,
.h2_wrap:before {/*2013年追加*/
	content:"";
	display:block;
	width:100%;
	height:2px;
	background-color:#fff;
	position:absolute;
	top:-1px;
	left:8px;
	z-index:10;
}
.h2_wrap:before{/*2013年追加*/
	top:inherit;
	bottom:-1px;
}
.h2_wrap h2 {
	display: block;
	position: relative;
	margin: 0 0 0 -15px;
	/*padding: 4px 0 3px 11px; 2012年まで*/
	padding: 7px 0 7px 8px;
	font-size: 18px;
	line-height: 1;
	/*border-left: 4px solid #84919D; 2012年まで*/
	font-weight: bold;
	background-color:#fff;/*2013年追加*/
}

.h3_wrap {
	position: relative;
	margin: 30px 0 15px;
	/*border-bottom: 3px solid #d8d8d8; 2012年まで*/
}
.h3_wrap h3 {
	display: block;
	/*padding: 0 0 2px 17px; 2012年まで*/
	padding: 0 0 0px 14px;
	background: transparent url(/ybb/set/common/p/img/v11a/bullet/icn_bullet_h3.gif) 0 0.4em no-repeat;
	font-size: 16px;
	font-weight: bold;
	/*border-bottom: 1px solid #b7b9b9; 2012年まで*/
	border-bottom: 1px solid #d7dfe1;
}

.h4_wrap {
	position: relative;
	margin: 25px 0 5px;
}
.h4_wrap h4 {
	display: block;
	padding: 0 0 2px 16px;
	background: transparent url(/ybb/set/common/p/img/v11a/bullet/icn_bullet_h4.gif) 0 0.3em no-repeat;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px dotted #cccccc;
}


.h4_wrap_rbox {
	position: relative;
	margin: 25px 0 10px;
	background-color: #e4eaeb;
	background-position: right bottom;
}
.h4_wrap_rbox h4 {
	padding: 7px 15px 0;
	font-size: 100%;
	font-weight: bold;
	background-position: right top;
	zoom:1;
}
.h4_wrap_rbox span.top,
.h4_wrap_rbox span.btm {
	display: block;
	overflow: hidden;
	width: 5px;
	height: 5px;
	font-size: 5px;
	line-height: 1;
}
.h4_wrap_rbox span.top {
	position: absolute;
	left: 0;
	top: 0;
}
.h4_wrap_rbox span.btm {
	background-position: left bottom;
}
.h4_wrap_rbox,
.h4_wrap_rbox h4,
.h4_wrap_rbox span {
	background-repeat: no-repeat;
	background-image: url(/ybb/set/common/p/img/v11a/general/bg_h4_rbox.png);
}


/* ========= box ========= */
.section { margin: 0 15px;}
.section_h3 { margin: 0 0 0 18px;}
.section_h4 { margin: 0 0 0 16px;}

/* .outline */
.outline .txt {
	float: left;
	width: 455px;
}
.outline .fig {	float: right;}
.outline:after { content: ".";height: 0px;clear: both;visibility: hidden;display: block;} /* clearfix */
.outline { zoom:100%;} /* clearfix */

/* variation */
#container .notes_wire_lg,
#container .notes_pg { margin-top: 20px;}
#container .notes_wire_lg {
	padding: 14px;
	border: 1px solid #b7bbbe;
}
#container .notes_pg {
	padding: 15px;
	background: #f5f5f5;
}
/* -- Content Notes --*/
#container .notes_wire_lg,
#container .notes_pg { margin-top: 20px;}
#container .notes_wire_lg {
	padding: 14px;
	border: 1px solid #b7bbbe;
}
#container .notes_pg {
	padding: 15px;
	background: #f5f5f5;
}


/* Unit */
.unit_l { float: left;}
.unit_r { float: right;}
.unit_l,
.unit_r { width: 340px;}
.section .unit_l,
.section .unit_r { width: 325px;}
.section .section .unit_l,
.section .section .unit_r { width: 310px;}


/* ========= buttons ========= */
ul.list_btns { padding-top: 15px;}
ul.list_btns:after { content: ".";height: 0px;clear: both;visibility: hidden;display: block;} /* clearfix */
ul.list_btns { zoom:100%;} /* clearfix */
ul.list_btns li {
	width: 310px;
	margin-top: 13px;
	zoom: 1;
}
ul.list_btns.floating li {
	float: left;
	margin: 13px 13px 0 0;
}
ul.list_btns.centering li { margin: 13px auto 0;}
ul.list_btns li.btn_search_sbs { background-image: url(/ybb/set/common/p/img/v12a/general/btn_search_sbs_on.png);}

.unit_l ul.list_btns,
.unit_r ul.list_btns { padding-top: 12px;}
.unit_l ul.list_btns li,
.unit_r ul.list_btns li {
	width: auto;
	margin-top: 8px;
}


/* ========= Tab ========= */
/* -- .tab_block -- */
body#frm .tab_block { margin-top: 20px;}
body#frm .tab_block div#content-top { background: none;}
body#frm .tab_block div#content-top ul#tabs2 {
	padding: 0 0 0 15px;
	background: none;
	border-bottom: 3px solid #84919d;
}

body#frm .tab_block ul#tabs2 li {
	float: left;
	padding: 0 5px 0 0;
	_width: 131px; /* IE6 */
}
body#frm .tab_block ul#tabs2 a span,
body#frm .tab_block ul#tabs2 a {
	background-image: url(/ybb/set/common/p/img/v12a/general/tab.png);
	background-repeat: no-repeat;
}
body#frm .tab_block ul#tabs2 a {
	text-align: center;
	text-indent: 0;
	width: auto;
	height: 31px;
	line-height: 31px;
	padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	background-position: left top;
}
body#frm .tab_block ul#tabs2 a span {
	display: block;
	height: 31px;
	line-height: 31px;
	background-position: right top;
}
body#frm #content .tab_block ul#tabs2 a span { padding-right: 5px;}
body#frm #content .tab_block .double a span { width: 325px;}
body#frm #content .tab_block .triple ul#tabs2 a span { width: 212px;}
body#frm #content .tab_block .quadruple ul#tabs2 a span { width: 155px;}
body#frm #content .tab_block .quintuple ul#tabs2 a span { width: 121px;}

body#frm .tab_block ul#tabs2 a.on,
body#frm .tab_block ul#tabs2 a:hover {
	color: #ffffff;
	text-decoration: none;
	background-position: left bottom;
}
body#frm .tab_block ul#tabs2 a.on span,
body#frm .tab_block ul#tabs2 a:hover span {
	background-position: right bottom;
}
body#frm div#content .tab_block div.content {
	overflow: hidden;
	padding: 20px;
	background: none;
}

/* -- .tab_block(in section) -- */
body#frm #content .section .tab_block div#content-top ul#tabs2 {
	padding: 0;
}
body#frm #content .section .tab_block ul#tabs2 li {
	padding-right: 3px;
}
/*body#frm #content .section .tab_block .double a span { width: 325px;}*/
body#frm #content .section .tab_block .triple ul#tabs2 a span { width: 213px;}
/*body#frm #content .section .tab_block .quadruple ul#tabs2 a span { width: 155px;}
body#frm #content .section .tab_block .quintuple ul#tabs2 a span { width: 121px;}*/
body#frm div#content .section .tab_block div.content {
	overflow: hidden;
	width: 645px;
	padding: 20px 14px;
	border-left: 1px solid #84919d;
	border-right: 1px solid #84919d;
}
body#frm #content .section .tab_block div#content-bottom {
	background: url(/ybb/set/common/p/img/v12a/general/bg_content_btm.png) no-repeat left top;
}

/* .list-settings */
ul.list-settings {
	position: relative;
	width: 636px;
	margin: 27px -21px 0 0;
	padding-left: 23px;
}
ul.list-settings:after { content: ".";height: 0px;clear: both;visibility: hidden;display: block;} /* clearfix */
ul.list-settings { zoom:100%;} /* clearfix */


ul.list-settings li {
	float: left;
	width: 146px;
	padding-right: 13px;
}
/* case sample */
/* 
#tab_contents #tabname ul.list-settings li {
	width: 299px;
	padding-right: 25px;
}
*/

ul.list-settings li span { display: block;}
ul.list-settings li span.fig { background: url(/ybb/set/common/p/img/v11a/general/fig_settings_arr.png) right center no-repeat;}
ul.list-settings li.last-of-type span.fig { background: none;}
ul.list-settings li span.txt {
	position: relative;
	min-height: 18px;
	_height: 18px;
	padding: 9px 24px 0 20px;
	font-weight: bold;
}
ul.list-settings li span.txt img.num {
	position: absolute;
	left: 0;
	top: 9px;
}


/* ========= .information_view ========= */
.hub_information_view dt {
    float: left;
    width: 8em;
    text-align: left;
    padding: 7px 0 8px 0;
}
.hub_information_view dl dd {
    background: url(/ybb/set/common/p/img/v11a/general/bg_info_dotted-hline.png) repeat-x left bottom;
    padding: 7px 0 8px 8em;
}


/* ========= box_faq ========= */
#box_faq { margin-top: 20px;}
#box_faq h2.box_faq_head,
#box_faq h3.box_faq_head {
	width: auto;
	height: 33px;
	margin: 0;
	padding: 0 5px 0 0;
	border: none;
	background: url(/ybb/set/common/p/img/v11a/general/bg_faq_head.gif) right 0 no-repeat;
}

#box_faq .box_faq_head span {
    display: block;
    height: 23px;
    padding: 10px 0 0 18px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    border: none;
    background: url(/ybb/set/common/p/img/v11a/general/bg_faq_head.gif) no-repeat 0 0 transparent;
}
#box_faq .box_faq_mdl {
	padding: 10px 10px 0;
	border-left: #b1b3b5 1px solid;
	border-right: #b1b3b5 1px solid;
}
#box_faq .box_faq_mdl #cb-faq .box-a a span.link-list_blue {
	background: url(/ybb/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 4px !important;
}

#box_faq .box_faq_btm {
	background: url(/ybb/set/common/p/img/v11a/general/bg_box_faq_btm.gif) right 0 no-repeat;
	padding: 0 10px 0 0;
	height: 10px;
	overflow: hidden;
}
#box_faq .box_faq_btm .box_faq_btm_r {
	background: url(/ybb/set/common/p/img/v11a/general/bg_box_faq_btm.gif) 0 0 no-repeat;
	height: 10px;
	overflow: hidden;
}

#box_faq .link-list_navy {
	margin-top: 10px;
}
#box_faq .link-list_blue,
#box_faq .link-list_navy a {
	font-size: 12px;
}


/* ========= #notes ========= */
div.notes,
div.subnotes {
	margin-top: 40px;
	padding: 1px;
	border: solid 1px #b7bbbe;
}
div.notes { margin-top: 40px;}
div.subnotes { margin-top: 20px;}
div.notes h2 {
	min-height: 18px;
	padding: 4px 0 2px 37px;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	background: #e9f1f4 url(/ybb/set/common/p/img/v11a/general/icn_notes.gif) 10px center no-repeat;
}
div.notes .inner,
div.subnotes .inner {
	padding: 15px 13px;
}
div.notes .inner {
	background: url(/ybb/set/common/p/img/v11a/general/fig_dotted_notes.gif) left top repeat-x;
}


/* ========= .goal-component ========= */
div.goal-component {
	margin: 30px 0 0;
	padding: 0 0 30px;
	background: url("/ybb/set/common/p/img/v12a/general/bg_g-component.png") left bottom no-repeat;
	width: 675px;
}
div.goal-component .goal-component_top {
	height: 30px;
	background: url("/ybb/set/common/p/img/v12a/general/bg_g-component_top.png") left top no-repeat;
	overflow: hidden;
}
div.goal-component .goal-component_mdl {
	height: 45px;
	background: url("/ybb/set/common/p/img/v12a/general/bg_g-component_mdl.png") left top no-repeat;
	overflow: hidden;
}
div.goal-component dl {
	margin: 0 0 0 30px;
	width: 630px;
	overflow: hidden;
}
div.goal-component dt {
	font-weight: bold;
	margin-bottom: 10px;
}
div.goal-component ul.goal-component_column {
	width: 630px;
	background: url("/ybb/set/common/p/img/v12a/general/bg_g-component_box.png") left bottom repeat-x;
}
div.goal-component ul.goal-component_column li{
	position:relative;
	width: 190px;
	float: left;
	margin-right: 15px;
	border-top: #d7d8d8 1px solid;
	min-height: 63px;
	height: auto !important;
	height: 63px;
	padding: 10px 15px 6px 95px;
}
div.goal-component ul.goal-component_column .baloon-txt{
	position:absolute;
	top: -30px;
	left: 0px;
}
div.goal-component ul.goal-component_column .fig-img{
	position:absolute;
	top: 0;
	left: 1px;
}
div.goal-component ul.goal-component_column em{
	font-weight: bold;
}
div.goal-component .goal-component_wide {
	margin: 15px 15px 0 0;
	padding: 10px 13px;
	border: solid 1px #d7d8d8;
}




/* ========= .goal_unit ========= */
div.goal_unit {
	margin: 30px 0 0;
	background: #fff1b0;
}
div.goal_unit .goal_unit_top,
div.goal_unit .goal_unit_top span,
div.goal_unit .goal_unit_btm,
div.goal_unit .goal_unit_btm span {
	display: block;
	background-image: url(/ybb/set/common/p/img/v12a/general/bg_goal_unit.png);
}
div.goal_unit .goal_unit_top { background-position: left top;}
div.goal_unit .goal_unit_top span { background-position: right top;}
div.goal_unit .goal_unit_btm { background-position: left bottom;}
div.goal_unit .goal_unit_btm span { background-position: right bottom;}
div.goal_unit .goal_unit_top span,
div.goal_unit .goal_unit_btm span {
	margin-left: 10px;
	height: 15px;
	line-height: 15px;
	font-size: 1px;/* layoutfix */
}

div.goal_unit .inner {
	border-left: 1px solid #d7d8d8;
	border-right: 1px solid #d7d8d8;
}
div.goal_unit .inner .inner-child {
	padding: 0 14px;
	border-left: 1px solid #fff8d8;
	border-right: 1px solid #fff8d8;
}


div.goal_unit .goal_unit_column { background: #ffffff;}
div.goal_unit .goal_unit_column_top,
div.goal_unit .goal_unit_column_top span,
div.goal_unit .goal_unit_column_btm,
div.goal_unit .goal_unit_column_btm span {
	display: block;
	background-image: url(/ybb/set/common/p/img/v12a/general/bg_goal_unit_column.png);
}
div.goal_unit .goal_unit_column_top { background-position: left top;}
div.goal_unit .goal_unit_column_top span { background-position: right top;}
div.goal_unit .goal_unit_column_btm { background-position: left bottom;}
div.goal_unit .goal_unit_column_btm span { background-position: right bottom;}
div.goal_unit .goal_unit_column_top span,
div.goal_unit .goal_unit_column_btm span {
	margin-left: 10px;
	height: 15px;
	line-height: 15px;
	font-size: 1px;/* layoutfix */
}

div.goal_unit .goal_unit_column dl { padding: 0 15px;}
div.goal_unit .goal_unit_column dl dt {
	font-weight: bold;
}
div.goal_unit .goal_unit_column dl dd {
	margin-top: 10px;
	padding-bottom: 6px;
	border-left: 1px solid #d9dada;
	border-right: 1px solid #d9dada;
	background: url(/ybb/set/common/p/img/v12a/general/bg_goal_unit_column_item.png) center bottom no-repeat;
}
div.goal_unit ul.goal_unit_item {
	width: 100%;
	background: url(/ybb/set/common/p/img/v12a/general/bg_goal_unit_column_item.png) center top no-repeat;
}
div.goal_unit ul.goal_unit_item li {
	display: block;
	width: 50%;
}
div.goal_unit ul.goal_unit_item li.flt_r {
    *width: 49%; /* IE7 and below */
    _width: 49%; /* IE6 */
}
div.goal_unit ul.goal_unit_item li div {
	display: block;
	position: relative;
	min-height: 63px;
	_height: 63px;
	padding: 10px 15px 0 95px;
	border-top: 1px solid #d9dada;
}
div.goal_unit ul.goal_unit_item li.flt_l div {
	margin-right: 8px;
    *margin-right: 9px; /* IE7 and below */
    _margin-right: 9px; /* IE6 */
}
div.goal_unit ul.goal_unit_item li.flt_r div {
	margin-left: 8px;
    *margin-left: 2px; /* IE7 and below */
    _margin-left: 2px; /* IE6 */
}
div.goal_unit ul.goal_unit_item em { font-weight: bold;}
div.goal_unit ul.goal_unit_item .fig-img {
    left: 1px;
    position: absolute;
    top: 0;
}

/* clearfix */
div.goal_unit ul.goal_unit_item:after,
div.goal_unit ul.goal_unit_item li div:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
div.goal_unit ul.goal_unit_item,
div.goal_unit ul.goal_unit_item li div { zoom: 100%;}


/* ========= .mysb_unit ========= */
div.mysb_unit {
	margin: 20px 0 0;
	background: #f0f9fb;
}
div.mysb_unit .mysb_unit_top,
div.mysb_unit .mysb_unit_top span,
div.mysb_unit .mysb_unit_btm,
div.mysb_unit .mysb_unit_btm span {
	display: block;
	background-image: url(/ybb/set/common/p/img/v12a/general/bg_mysb_unit.png);
}
div.mysb_unit .mysb_unit_top { background-position: left top;}
div.mysb_unit .mysb_unit_top span { background-position: right top;}
div.mysb_unit .mysb_unit_btm { background-position: left bottom;}
div.mysb_unit .mysb_unit_btm span { background-position: right bottom;}
div.mysb_unit .mysb_unit_top span,
div.mysb_unit .mysb_unit_btm span {
	margin-left: 10px;
	height: 15px;
	line-height: 15px;
	font-size: 1px;/* layoutfix */
}

div.mysb_unit .inner {
	border-left: 1px solid #d7d8d8;
	border-right: 1px solid #d7d8d8;
}
div.mysb_unit .inner .inner-child {
	padding: 0 14px;
	border-left: 1px solid #f8fcfd;
	border-right: 1px solid #f8fcfd;
}


div.mysb_unit .mysb_unit_column { background: #ffffff;}
div.mysb_unit .mysb_unit_column_top,
div.mysb_unit .mysb_unit_column_top span,
div.mysb_unit .mysb_unit_column_btm,
div.mysb_unit .mysb_unit_column_btm span {
	display: block;
	background-image: url(/ybb/set/common/p/img/v12a/general/bg_mysb_unit_column.png);
}
div.mysb_unit .mysb_unit_column_top { background-position: left top;}
div.mysb_unit .mysb_unit_column_top span { background-position: right top;}
div.mysb_unit .mysb_unit_column_btm { background-position: left bottom;}
div.mysb_unit .mysb_unit_column_btm span { background-position: right bottom;}
div.mysb_unit .mysb_unit_column_top span,
div.mysb_unit .mysb_unit_column_btm span {
	margin-left: 10px;
	height: 15px;
	line-height: 15px;
	font-size: 1px;/* layoutfix */
}

div.mysb_unit .mysb_unit_column dl { padding: 0 15px;}
div.mysb_unit .mysb_unit_column dl dt {
	font-weight: bold;
}
div.mysb_unit .mysb_unit_column dl dd {
	margin-top: 10px;
}
div.mysb_unit ul.mysb_unit_item { width: 100%;}
div.mysb_unit ul.mysb_unit_item li { display: block;}
div.mysb_unit ul.mysb_unit_item li.flt_l { width: 54%;}
div.mysb_unit ul.mysb_unit_item li.flt_r {
	width: 46%;
    *width: 45%; /* IE7 and below */
    _width: 45%; /* IE6 */
}
div.mysb_unit ul.mysb_unit_item li div { display: block;}
div.mysb_unit ul.mysb_unit_item li.flt_l div {
	position: relative;
	min-height: 63px;
	_height: 63px;
	padding: 10px 15px 10px 95px;
	border: 1px solid #d9dada;
}
div.mysb_unit ul.mysb_unit_item li.flt_r div {
	padding-left: 15px;
    *padding-left: 6px; /* IE7 and below */
    _padding-left: 6px; /* IE6 */
}
div.mysb_unit ul.mysb_unit_item em { font-weight: bold;}
div.mysb_unit ul.mysb_unit_item .fig-img {
    position: absolute;
    left: 1px;
    top: 0;
}

/* clearfix */
div.mysb_unit ul.mysb_unit_item:after,
div.mysb_unit ul.mysb_unit_item li div:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
div.mysb_unit ul.mysb_unit_item,
div.mysb_unit ul.mysb_unit_item li div { zoom: 100%;}


/* ========= nav ========= */
body#frm div#sidenav h4 a:hover { background-position: left bottom;}
body#frm div#nav div#sidenav ul li.index div div a:hover { background-position: left bottom;}

/* -- relation_nav -- */
body#frm div#nav div#relation_nav {
    margin: 20px 0 0;
    background-image:none;
}
#nav #relation_nav ul li {
	margin-top: 10px;
	font-size: 14px;
    background: #f5f5f5;
    border: 1px solid #bfbfbf;
}
#nav #relation_nav ul li a {
	display: block;
	padding: 13px 5px;
	font-weight: bold;
	border: 1px solid #ffffff;
}
#nav #relation_nav ul li a span {
	text-align: left;
	display: inline-block;
	padding-left: 16px;
	font-weight: bold;
	background: url(/ybb/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat left center transparent;
	text-decoration: underline;
}
#nav #relation_nav ul li a span {
	text-align: left;
	display: inline-block;
	padding-left: 16px;
	font-weight: bold;
	background: url(/ybb/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat left center transparent;
	text-decoration: underline;
}
#nav #relation_nav ul li.bnr a span {
	text-decoration: none;
}
#nav #relation_nav ul li.bnr a span.title {
	text-decoration: underline;
	background-image:none;
	padding: 0;
}
#nav #relation_nav ul li a em{
     color: #f72c72;
}
#nav #relation_nav ul li a span.description {
	text-align: left;
	padding: 0;
	background-image:none;
	color:#000000;
	font-weight:normal;
}
#nav #relation_nav ul li.bnr a:hover span.title,
#nav #relation_nav ul li a:hover span {
	text-decoration: none;
}

/* -- .support-nav -- */
#nav .support-nav {
	margin-top: 20px;
	background: url(/ybb/set/common/p/img/v12a/nav/bg_support-nav_mdl.png) left top repeat-y;
}
#nav .support-nav .inner-btm {
	padding-bottom: 7px;
	background: url(/ybb/set/common/p/img/v12a/nav/bg_support-nav_btm.png) left bottom no-repeat;
}
#nav .support-nav .inner-top {
	padding: 6px 4px 0;
	background: url(/ybb/set/common/p/img/v12a/nav/bg_support-nav_top.png) left top no-repeat;
}
#nav .support-nav dt,
#nav .support-nav dd {
	background-color: #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
#nav .support-nav dt {
	margin-top: 2px;
	padding: 9px 5px;
	border-bottom: 1px solid #ffffff;
	background: #eaf0f2 url(/ybb/set/common/p/img/v12a/nav/bg_support-nav_head.png) left top repeat-x;
	font-weight: bold;
}
#nav .support-nav dt.first-child {
	margin-top: 0;
	padding-top: 7px;
}
#nav .support-nav dd {
	padding: 10px 5px 10px;
	border-top: 1px solid #cccccc;
}
#nav .support-nav ul li {
	background-position: left 0.8em;
}
#nav .support-nav ul li a {
	display: block;
	padding: 0.5em 0;
	border-bottom: 1px dotted #d0d1d2;
}
#nav .support-nav p {
	padding: 0.5em 0 0;
}
#nav .support-nav ul li.first-child a { border-top: none;}

/* -- .relation-nav -- */
#nav .relation-nav {
	margin-top: 20px;
	border: 1px solid #bfbfbf;
}
#nav .relation-nav dl {
	padding: 15px 10px;
	border: 1px solid #ffffff;
	background: #f5f5f5;
}
#nav .relation-nav dl dt {
	margin-bottom: 10px;
	font-weight: bold;
}
#nav .relation-nav ul {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px dotted #d0d1d2;
}
#nav .relation-nav ul.first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
#nav .relation-nav ul li { margin-top: 5px;}


/* clear
-------------------------------------------------------------------------------- */
.reset-point {
	clear: both;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.clearfix:after {
	content: ".";
	height: 0px;
	clear: both;
	visibility: hidden;
	display: block;
}
.clearfix { zoom:1;}


/* for mac_font.js dir /ybb/set/common/p/js/mac_font.js
-------------------------------------------------------------------------------- */
body.os_Mac * { letter-spacing: -1px;}


/* **********************************************************************************************
130327 marge
/ybb/set/common/p/css/v12a/utility.css
*********************************************************************************************** */


/* ================================================================================

  Font Size
 
================================================================================ */

/* --------------------------------------------------------------------------------
  Overwrite - /ybb/set/common/p/css/frm2/elements.css
-------------------------------------------------------------------------------- */

body { font-size: 88%; font-size: 88%\9;}
body:not(:target) { font-size: 88%\9;}


/* --------------------------------------------------------------------------------
  Overwrite - /ybb/set/common/p/css/frm2/layouts.css
-------------------------------------------------------------------------------- */

/*nav
-------------------------------------------------------------------------------- */

/* -- sidenav -- */
body#frm div#sidenav div a {
	font-size: 93% !important;
}
body#frm div#sidenav ul ul a {
    font-size: 86% !important;
}
body#frm div#sidenav ul ul a {
	display: inline-block;
    background-position: left 0.8em !important;
}


/* --------------------------------------------------------------------------------
  General Purpose Style
-------------------------------------------------------------------------------- */


/* List and Icon
-------------------------------------------------------------------------------- */

/* .pagetop */
.page-top a { font-size: 86%;}


/* Font
-------------------------------------------------------------------------------- */

/* ========= Size ========= */
.fs_10 { font-size: 72% !important;}/* Do not use this class as possible as */
.fs_11 { font-size: 79% !important;}/* Do not use this class as possible as */
.fs_12 { font-size: 86% !important;}
.fs_13 { font-size: 93% !important;}
.fs_int,
.fs_14 { font-size: 100% !important;}
.fs_15 { font-size: 108% !important;}
.fs_16 { font-size: 115% !important;}
.fs_17 { font-size: 122% !important;}
.fs_18 { font-size: 129% !important;}
.fs_19 { font-size: 136% !important;}
.fs_20 { font-size: 143% !important;}
.fs_21 { font-size: 150% !important;}
.fs_22 { font-size: 158% !important;}
.fs_23 { font-size: 165% !important;}
.fs_24 { font-size: 172% !important;}
.fs_25 { font-size: 179% !important;}
.fs_26 { font-size: 186% !important;}


/* Module
-------------------------------------------------------------------------------- */

/* ========= Headings ========= */

#h1_wrap {
	/*padding-bottom: 1px;
	background: none;
	border-bottom: solid 1px #9a9b9a; 2012年まで*/
	background-color:#abbabc;
	background-image:url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%22%20y1%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23F1F5F6%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%2386929E%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0%, #F1F5F6),color-stop(100%, #86929E));
	background-image:-webkit-linear-gradient(bottom, #F1F5F6 0%,#86929E 100%);
	background-image:-moz-linear-gradient(bottom, #F1F5F6 0%,#86929E 100%);
	background-image:-ms-linear-gradient(bottom, #F1F5F6 0%,#86929E 100%);
	background-image:-o-linear-gradient(bottom, #F1F5F6 0%,#86929E 100%);
	background-image:linear-gradient(to top, #F1F5F6 0%,#86929E 100%);
	padding:4px 1px 1px 1px;
	zoom: 1;
}
#h1_wrap h1 {
	line-height: 1.4;
	/*padding: 15px 0 14px 20px; 2012年まで*/
	padding:3px 0 11px 12px;
	font-size: 158%;
	/*background: transparent url(/ybb/set/common/p/img/v12a/general/bg_h1.png) left center no-repeat;
	border: none; 2012年まで*/
	background-color:#fff;
	background-image:url(data:image/svg+xml,%3c%3fxml%20version%3d%221%2e0%22%3f%3e%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20width%3d%22100%25%22%20height%3d%22100%25%22%3e%3cdefs%3e%3clinearGradient%20id%3d%22G%22%20x2%3d%220%22%20y1%3d%22100%25%22%3e%3cstop%20style%3d%22stop%2dcolor%3a%23ffffff%22%20offset%3d%220%25%22%2f%3e%3cstop%20style%3d%22stop%2dcolor%3a%23f9f9fa%22%20offset%3d%22100%25%22%2f%3e%3c%2flinearGradient%3e%3c%2fdefs%3e%3crect%20width%3d%22100%25%22%20height%3d%22100%25%22%20fill%3d%22url%28%23G%29%22%2f%3e%3c%2fsvg%3e);
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0%, #ffffff),color-stop(100%, #f9f9fa));
	background-image:-webkit-linear-gradient(bottom, #ffffff 0%,#f9f9fa 100%);
	background-image:-moz-linear-gradient(bottom, #ffffff 0%,#f9f9fa 100%);
	background-image:-ms-linear-gradient(bottom, #ffffff 0%,#f9f9fa 100%);
	background-image:-o-linear-gradient(bottom, #ffffff 0%,#f9f9fa 100%);
	background-image:linear-gradient(to top, #ffffff 0%,#f9f9fa 100%);
}

.h2_wrap h2 { font-size: 129%;}
.h3_wrap h3 { font-size: 115%; min-height: 12px; _height: 12px;}
.h4_wrap h4 { font-size: 100%;}
.h4_wrap_rbox h4 { font-size: 100%;}


/* ========= box_faq ========= */
#box_faq .box_faq_head span {    font-size: 100%;}
#box_faq .link-list_blue,
#box_faq .link-list_navy a { font-size: 86%;}


/* ========= #notes ========= */
div.notes h2 { font-size: 100%;}
div.notes .inner p,
div.notes .inner ul,
div.notes .inner dl,
div.subnotes .inner p,
div.subnotes .inner ul,
div.subnotes .inner dl { font-size: 86%;}
div.notes .inner ul ul,
div.notes .inner ul dl,
div.notes .inner ul p,
div.notes .inner dl dl,
div.notes .inner dl ul,
div.notes .inner dl p,
div.notes .inner h3,
div.subnotes .inner ul ul,
div.subnotes .inner ul dl,
div.subnotes .inner ul p,
div.subnotes .inner dl dl,
div.subnotes .inner dl ul,
div.subnotes .inner dl p,
div.subnotes .inner h3 { font-size: 100%;}
div.notes .inner h3,
div.subnotes .inner h3 {
	margin: 10px 0 5px;
	font-weight: bold;
}


/* ========= nav ========= */

/* -- relation_nav -- */
#nav #relation_nav ul li { font-size: 100%;}

/* -- .support-nav -- */
#nav .support-nav dt { font-size: 100%;}
#nav .support-nav dd { font-size: 86%;}
#nav .relation-nav ul { font-size: 86%;}


/* **********************************************************************************************
130327 marge
/ybb/set/common/p/css/v12a/support/support.css
*********************************************************************************************** */

/* --------------------------------------------------------------------------------
   import(don't edit) 
-------------------------------------------------------------------------------- */

@import url("/ybb/set/common/p/css/v11a/header.css");


/* --------------------------------------------------------------------------------
   Shared
-------------------------------------------------------------------------------- */

/* -- container-bottom -- */

body#frm div#container-bottom {
	_font-size: 4px;
    _line-height: 4px;
}

/* -- utility -- */
.inline-icn {
	position: relative;
	vertical-align: middle;
	margin: -0.2em 5px 0;
	padding: 0.2em 0;
}


/* Nav
-------------------------------------------------------------------------------- */

/* -- Headings -- */

body#frm div#sidenav h4 a {	background-image: url(/ybb/set/common/p/img/v11a/nav/h4_support.png);}

body#frm div#nav.ln_contact div#sidenav ul li.index div div a {	background-image: url(/ybb/set/common/p/img/v11a/nav/btn_contact.png);}
body#frm div#nav.ln_data_recovery div#sidenav ul li.index div div a { background-image: url(/ybb/set/common/p/img/v11a/nav/btn_data_recovery.png);}
body#frm div#nav.ln_online_repair div#sidenav ul li.index div div a { background-image: url(/ybb/set/common/p/img/v11a/nav/btn_online_repair.png);}
body#frm div#nav.ln_change div#sidenav ul li.index div div a { background-image: url(/ybb/set/common/p/img/v11a/nav/btn_change.png);}
body#frm div#nav.ln_sar div#sidenav ul li.index div div a { background-image: url(/ybb/set/common/p/img/v12a/nav/btn_sar.png);}
body#frm div#nav.ln_accident div#sidenav ul li.index div div a { background-image: url(/ybb/set/common/p/img/v12a/nav/btn_accident.png);}
body#frm div#nav.ln_procedure div#sidenav ul li.index div div a { background-image: url(/ybb/set/common/p/img/v12a/nav/btn_procedure.png);}

/* -- banner -- */
#nav #relation_nav ul li a {
	text-align: left;
	padding-left: 10px;
}
body#frm #nav #banner {
	margin: 20px 0px 0px;
}
body#frm #nav #banner dd {
	display: block;
	border: #bfbfbf 1px solid;
	padding: 0;
	margin-bottom: 10px;
}
body#frm #nav #banner a {
	display: block;
	border: #ffffff 1px solid;
	background: #f5f5f5;
	padding: 13px 5px 13px 8px;
	text-decoration: none;
	color: #333;
}
body#frm #nav #banner a span{
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 0 16px;
	text-indent: 0;
	display: block;
	background:url(/ybb/set/common/p/img/v11a/bullet/icn_arrow_navy.gif) no-repeat 0 3px;

}
body#frm #nav #banner a:link span {
	color:#006699;
	text-decoration:underline;
}
body#frm #nav #banner a:visited span {
	color:#800080;
	text-decoration:underline;
}
body#frm #nav #banner a:hover span,
body#frm #nav #banner a:active span {
	color:#800080;
	text-decoration:none;
}

/* -- navi trouble --*/

body#frm div#nav.ln_trouble div#sidenav ul li.index div div a {
	background-image: url(/ybb/set/common/p/img/v11a/nav/btn_trouble.png);
}

body#frm div#nav.ln_trouble_repair div#sidenav ul li.index div div a {
    background-image: url(/ybb/set/common/p/img/v12a/nav/btn_repair.png);
}
body#frm div#nav.procedure div#sidenav ul li.index div div a {
    background-image: url(/ybb/set/common/p/img/v12a/nav/btn_procedure.png);
}


/* -- navi lost --*/

body#frm div#nav.ln_lost div#sidenav ul li.first div div a {
	background-image: url(/ybb/set/common/p/img/v12a/nav/btn_lost.png);
}

body#frm div#nav.ln_lost div#sidenav ul li.first div div a {
    background-position: left top;
    background-repeat: no-repeat;
    height: 41px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 195px;
}

body#frm div#nav.ln_lost div#sidenav ul li.first div div a:hover { background-position: left bottom;}

/* Content
-------------------------------------------------------------------------------- */

/* -- Related Info -- */
#sec_related-info {
	margin-right: 0;
}
.unit_related-info {
	float: left;
	margin-right: 15px;
	width: 205px;
	display: inline;
}
.unit_related-info h4 {
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: solid 1px #c4c4c4;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	_line-height: 1.1;
}
.unit_related-info .fig-img {
	float: left;
}
.unit_related-info .txt {
	margin-left: 100px;
	min-height: 60px;
	_height: 60px;
	font-size: 86%;
}
.unit_related-info .link-list_navy {
	font-size: 86%;
}

/* -- ul.menu-btn -- */
ul.menu-btn {
	position: relative;
	width: 648px;
	margin: -18px 0 0 -20px;
}
ul.menu-btn li {
	display: inline;
	float: left;
	padding: 18px 0 0 20px;
}
ul.menu-btn li a {
	overflow: hidden;
	display: block;
	width: 304px;
	height: 43px;
	text-indent: -9999px;
}
ul.menu-btn li a:hover { background-position: left bottom;}


/* -- #tab_contents -- */
#tab_contents {

}
body#frm #tab_contents div#content-top { background: none;}
body#frm #tab_contents div#content-top ul#tabs2 {
	padding: 0;
	background: none;
	border-bottom: 3px solid #84919d;
}
body#frm #tab_contents ul#tabs2 li {
	float: left;
	padding: 0 3px 0 0;
}
body#frm #tab_contents ul#tabs2 li.pc {
	padding-right: 0;
}
body#frm #tab_contents ul#tabs2 a {
	text-align: center;
	text-indent: 0;
	width: 223px;
	height: 31px;
	line-height: 31px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(/ybb/set/common/p/img/v11a/support/general/tab.png);
}
body#frm #tab_contents ul#tabs2 li.sb-smartphone_iphone a {
	font-size: 12px;
}
body#frm #tab_contents ul#tabs2 a.on,
body#frm #tab_contents ul#tabs2 a:hover {
	color: #ffffff;
	text-decoration: none;
	background-position: left bottom;
}

body#frm div#content #tab_contents div.content {
	overflow: hidden;
	width: 635px;
	padding: 20px;
	background: url(/ybb/set/common/p/img/v11a/support/general/bg_content.png) repeat-y;
}
body#frm #tab_contents div#content-bottom {
	background: url(/ybb/set/common/p/img/v11a/support/general/bg_content_btm.png) no-repeat left top;
}


/* -- table -- */
table.type_base th,
table.type_base td {
	text-align: left;
	padding: 10px 20px;
	border: 1px solid #bfbfbf;
}
table.type_base th {
	font-weight: bold;
	background: #ededed;
}


/* -- mysb_login -- */
.section.btn-wrapper {
	width: 675px;
	margin-top: 25px;
	background: url(/ybb/set/common/p/img/v09b/support/contact/bg_mysb_login_bottom.png) left bottom no-repeat;
}

.mysb_login {
	background: url(/ybb/set/common/p/img/v09b/support/contact/bg_mysb_login_top.png) left top no-repeat;
	width: 633px;
	padding: 17px 22px 15px 20px;
	position: relative;
}
.mysb_login .flt_l {
	width: 425px;
}
.mysb_login ul.inline li {
	float: left;
	padding-right: 10px !important;
}
.mysb_login .roll-over_s a {
	width: 187px;
	height: 40px;
	background-image: url(/ybb/set/common/p/img/v09b/support/contact/btn_mysb_login.png);
}


/* ============== Content Footer =============== */
#content .content-footer {
	background: url(/ybb/set/common/p/img/frm2/content.gif) repeat-y;
	width: auto;
	padding: 0 20px 20px;
}


/* ============== Concept Base FAQ =============== */
#content .wrap-cb-faq {
	width: 664px;
	padding-bottom: 10px;
	background: url(/ybb/set/common/p/img/v09b/support/bg_mail_faq_btm.gif) left bottom no-repeat;
}
#content .wrap-cb-faq #cb-faq {

}
#content .wrap-cb-faq p {
	margin-bottom: 5px;
}
#content .wrap-cb-faq #cb-faq dd {
	margin: 0 20px 4px;
	padding: 4px 0 0 0;
	background: url(/ybb/set/common/p/img/v09b/support/bg_faq_dot.gif) repeat-x;
}
#content .wrap-cb-faq #cb-faq dd.cb-faq-first {
	background: none;
}
#content .wrap-cb-faq #cb-faq dd a {
	display: block;
	font-size: 10px;
	font-weight: normal;
	padding: 4px 0 0 30px;
	background: url(/ybb/set/common/p/img/v09b/support/icon_q.gif) no-repeat 1px 0;
	_height: 21px;
	min-height: 21px;
	word-wrap: break-word;
}

/* other faq */
#content .wrap-cb-faq ul li.other-faq {
	padding-right: 21px;
	float: right;
	background:url(/ybb/set/common/p/img/v09b/support/btn_other_faq_on.gif) no-repeat left top;
}


/* Clear
-------------------------------------------------------------------------------- */

.mysb_login ul.inline:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
.mysb_login ul.inline {
	zoom:100%;
}


/* --------------------------------------------------------------------------------
   /contact/
-------------------------------------------------------------------------------- */


/* Content
-------------------------------------------------------------------------------- */

/* list */
ul.list-inq_num {
	margin: 15px 0 0 -15px;
}
ul.list-inq_num li {
	float: left;
	padding: 0 0 15px 15px;
}


/* table */
.guidance-menu {
	border-collapse: collapse;
	width: 675px;
	margin-top: 20px;
}
.guidance-menu th,
.guidance-menu td {
	font-size: 12px;
	border: 1px solid #bfbfbf;
}
.guidance-menu .short-num {
	width: 57px;
}
.guidance-menu .short-num img {
	margin-right: 1px;
}

.guidance-menu thead th {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding: 5px 0;
	background-color: #dfdfdf;
	width: 59px;
	white-space: nowrap;
}
.guidance-menu thead th.menu-number {
	width: auto;
}

.guidance-menu tbody th,
.guidance-menu tbody td {
	vertical-align: top;
	padding-top: 12px;
	padding-bottom: 12px;
}
.guidance-menu tbody th {
	text-align: left;
	border-top: none;
	border-right: none;
}
.guidance-menu tbody th.menu-number {
	width: 180px;
}
.guidance-menu th p {
	position: relative;
	margin: 0 5px 0 30px;
	height: 100%;
}
.guidance-menu th p .icn_num {
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -8px;
}
.guidance-menu th.menu-number p .icn_num {
	top: 0px;
	margin-top: 0;
}

.guidance-menu tbody td {
	text-align: center;
	vertical-align: middle;
}

.guidance-menu p.guidance {
	vertical-align: middle;
	margin-left: 20px;
	_padding: 0.2em 0;
	text-indent: -20px;
}
.guidance-menu td .icn_num {
	vertical-align: middle;
	position: relative;
	margin: 0 1px 0 0;
}


/* Foot Navi
-------------------------------------------------------------------------------- */

#foot-navi {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
#foot-navi ul#list_shop {
	padding: 21px 0 21px 40px;
	background: url(/ybb/set/common/p/img/v09b/support/change/bg_foot-navi.gif) left top no-repeat;
}
#foot-navi ul#list_shop li {
	float: left;
	list-style-type: 0;
	width: 435px;
	height: 110px;
	margin-right: 10px;
}
#foot-navi ul#list_shop li#sb-shop {
	background: url(/ybb/set/common/p/img/v09b/support/change/bg_foot-navi_sb-shop.jpg) left top no-repeat;
}
#foot-navi ul#list_shop li#online-shop {
	background: url(/ybb/set/common/p/img/v09b/support/change/bg_foot-navi_online-shop.jpg) left top no-repeat;
}
#foot-navi dl {
	padding: 16px 0 0 21px;
	width: 274px;
}
#foot-navi dd.txt {
	margin: 7px 0;
	font-size: 12px;
}
#foot-navi dd.link-list_navy {
	font-size: 12px;
}
#foot-navi_notes {
	margin: 8px 0 0 2px;
	font-size: 86%;
}


/* Clear
-------------------------------------------------------------------------------- */

ul.list-inq_num:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
ul.list-inq_num {
	zoom:100%;
}