@charset "utf-8";

/* #mainVisual
============================================================ */
#mainVisual {
	/*height:470px;*/
	background:url(../../img/main_visual_bg_01.png) repeat-x 0 0;}

#mainVisual h1 {
	height:380px;
	background:none;}

#mainVisual ul {
	position:relative;
	width:950px;
	min-height: 184px;
	margin:-94px auto 0;
	background-image: url(../../img/head_bg_btm.jpg), url(../../img/head_bg_flame.jpg);
	background-repeat: no-repeat, repeat-y;
	background-position: 0 bottom, 0 0;
	-pie-background: url(/ubcl/img/head_bg_flame.jpg) no-repeat 0 bottom, url(/ubcl/img/head_bg_btm.jpg) repeat-y 0 0;
	behavior:url(/common/js/PIE.htc);}

#mainVisual ul:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

#mainVisual ul li { 
	float:left;
	font-size: 116%;}

#mainVisual ul li span {
	display: block;
	width: 272px;
	margin: -10px auto 20px;}

/* #linkBox
============================================================ */
#linkBox {
	width: 950px;
	margin: 20px auto 0;
	background: url(../img/main/link_bg_flame.png) 0 0 repeat-y;}
	
#linkBox ul {
	background:url(../img/main/link_bg_btm.png) 0 bottom no-repeat;}

#linkBox ul li {
	float: left;}

#linkBox ul + ul {
	padding: 16px 0;}

#linkBox ul + ul li {
	font-size: 108%;
	padding-left: 40px;}

#linkBox ul + ul li a {
	color: #3d449d;
	text-decoration: underline;}

#linkBox ul + ul li a:hover {
	text-decoration: none;}


/* #mainContents
============================================================ */
#mainContents {
	width:100%;
	padding-bottom:60px;}

/* #blockIntro
============================================================ */
#blockIntro {
	width:950px;
	margin:0 auto;}

#blockIntro ul {
	width: 692px;
	padding: 14px 18px 3px 244px;
	background:url(../../img/intro_img_01.png) 0 0 no-repeat;}

#blockIntro ul li {
	padding: 4px 0 4px 40px;
	font-size: 123.1%;
	background: url(../../img/intro_icon.png) 7px center no-repeat;
	border-bottom: dotted 1px #c8c8c8;}

#blockIntro ul li strong {
	background: linear-gradient(transparent 40%, #e3e6f9 0%); }

/* .rowIntro
------------------------------------------------------------ */
#blockIntro .rowIntro {
	background:url(../../img/intro_bg.png) repeat-y 0 0;}

#blockIntro .rowIntroBtm {
	background-image: url(../../img/intro_bg_btm.png), url(../../img/intro_bg_flame.png);
	background-repeat: no-repeat, repeat-y;
	background-position: 0 bottom, 0 0;
	-pie-background: url(/ubcl/img/intro_bg_btm.png) no-repeat 0 bottom, url(/ubcl/img/head_bg_btm.jpg) repeat-y 0 0;
	behavior:url(/common/js/PIE.htc);
	/zoom:1;}

#blockIntro .rowIntroBtm:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

#blockIntro .rowIntro .box {
	width:625px;}

#blockIntro .rowIntro .box .inner {
	padding:0 6px 6px;}

#blockIntro .rowIntro .box dl { 
	width:304px;}

#blockIntro .rowIntro .box dl dt {
	padding: 14px 0 9px;
	font-size: 177%;
	background:url(../../img/intro_bg_top.png) 0 0 no-repeat;}

#blockIntro .rowIntro .box dl dt strong {
	display: block;
	margin: 0 17px;
	border-bottom: solid 1px #c8c8c8;
	text-align: center;
	color: #e81c56;}

#blockIntro .rowIntro .box dl dd {
	padding:10px 16px;
	font-size:108%;}

#blockIntro .rowIntro .box.right {
	width:316px;}

#blockIntro .rowIntro .box.right dl dt {
	background:url(../../img/intro_bg_top02.png) 0 0 no-repeat;}

#blockIntro .rowIntro .box.right a {
	text-decoration: underline;}

#blockIntro .rowIntro .box.right a:hover {
	text-decoration: none;}


/* .blockMid
============================================================ */
.blockMid {
	margin-top:40px;
	background:url(../../img/merit_bg_top.png) repeat-x 0 0;}

.blockMid .inner {
	width:950px;
	margin:0 auto;}

.blockMid .inner:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.blockMid h2 { margin:0 0 34px;}

.blockMid dl.lower {
	margin:40px 0 0;
	zoom:1;}

.blockMid dl.lower:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
	
.blockMid ul {
	width:880px;
	margin:0 auto;
	padding:50px 0 0;
	clear:both;
	zoom:1;}

.blockMid ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.boxContact {
	position:relative;
	width:880px;
	margin:40px auto 0;}

.boxContact .btn {
	position:absolute;
	top:74px;
	left:374px;}
#blockMerit .tabArea {
	background-image: url(../../img/merit_shd_bg_02.png), url(../../img/merit_shd_bg_01.png);
	background-repeat: no-repeat, repeat-y;
	background-position: 0 bottom, 0 0;
	-pie-background: url(/ubcl/img/merit_shd_bg_02.png) no-repeat 0 bottom, url(/ubcl/img/merit_shd_bg_01.png.jpg) repeat-y 0 0;
	behavior:url(/common/js/PIE.htc);}

#blockMerit .tabArea #tabBlock {
	width: 891px;
	margin: 0 auto;
	padding-top: 14px;}
	
#blockMerit .tabArea #tabBlock li {
	float: left;
	width: 276px;
	height: 65px;
	margin-left: 31px;}

#blockMerit .tabArea #tabBlock li:first-child {
	margin-left: 0;}

#blockMerit .tabArea #tabBlock li.odd.firstChild { background:url(../../img/tab_01_cr.png) 0 0 no-repeat;}
#blockMerit .tabArea #tabBlock li.even { background:url(../../img/tab_02_cr.png) 0 0 no-repeat;}
#blockMerit .tabArea #tabBlock li.odd.lastChild { background:url(../../img/tab_03_cr.png) 0 0 no-repeat;}

#blockMerit .tabArea li.act img {
	display: none;}

#blockMerit .tabArea .tab {
	width: 891px;
	margin: 0 auto;}

#blockMerit .tabArea .tab p.img {
	text-align: center;}
	
/* #tab1 */
#blockMerit .tabArea #tab1 {
	padding-top: 25px;
	background: url(../../img/tab01_line01.png) 0 top no-repeat;}

#blockMerit .tabArea #tab1 .row {
	background: url(../../img/tab01_arrow01.png) 0 center no-repeat;}
	
#blockMerit .tabArea #tab1 dl {
	float: left;
	width: 254px;
	margin-top: 15px;
	margin-right: 60px;
	border-right: solid 1px #13a69f;
	border-bottom: solid 1px #13a69f;
	border-left: solid 1px #13a69f;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;}

#blockMerit .tabArea #tab1 dl.lastChild {
	margin-right: 0;}

#blockMerit .tabArea #tab1 dt {
	margin-left: -1px;}

#blockMerit .tabArea #tab1 dd {
	padding: 13px 20px;
	font-size: 108%;}

#blockMerit .tabArea #tab1 dd.img {
	padding: 0 0 1px 50px;}

#blockMerit .tabArea #tab1 dl.lastChild dd.img {
	padding-left: 30px;}

#blockMerit .tabArea #tab1 .row + ul {
	width: 676px;
	margin: 43px auto 0;
	padding-bottom: 33px;}

/* #tab2 */
#blockMerit .tabArea #tab2 {
	padding-top: 25px;
	background: url(../../img/tab02_line01.png) 0 top no-repeat;}
	
#blockMerit .tabArea #tab2 .row {
	margin-top: 13px;
	background:url(../../img/tab02_arrow01.png) 0 112px no-repeat;}

#blockMerit .tabArea #tab2 .row ul {
	width: 891px;}
	
#blockMerit .tabArea #tab2 .row li {
	float: left;
	padding-left: 61px;}

#blockMerit .tabArea #tab2 .row li:first-child {
	padding-left: 0;}

#blockMerit .tabArea #tab2 dl {
	width: 688px;
	margin: 28px auto 0;
	padding-bottom: 40px;}

/* #tab3 */
#blockMerit .tabArea #tab3 {
	padding-top: 25px;
	background: url(../../img/tab03_line01.png) 0 top no-repeat;}
	
#blockMerit .tabArea #tab3 .row {
	width: 890px;
	margin: 13px auto 0;
	padding-bottom: 30px;}

#blockMerit .tabArea #tab3 .row dl {
	float: left;}

#blockMerit .tabArea #tab3 .row dl.firstChild {
	width: 426px;
	padding-right: 18px;}

#blockMerit .tabArea #tab3 .row dl.lastChild {
	width: 446px;}

.sub-title {
	margin: 20px 0 10px;
}
.clearfix .sub-title {
	margin: 0;
}
.row-innner-title ~ .row-innner-title {
	margin-top: 30px;
}
/* .root#feature
============================================================ */
.root#feature #mainVisual {
	background:url(../../img/main_visual_bg_02.png) repeat-x 0 0;}

.root#feature #mainVisual h1 {
	height: 121px;}

.root#feature #mainContents {
	padding-top: 0;}

.root#feature #mainContents .container {
	margin-top: 40px;
	padding: 30px;
	background-image: url(../../img/merit_shd_bg_02.png), url(../../img/merit_shd_bg_01.png);
	background-repeat: no-repeat, repeat-y;
	background-position: 0 bottom, 0 0;
	-pie-background: url(/ubcl/img/merit_shd_bg_02.png) no-repeat 0 bottom, url(/ubcl/img/merit_shd_bg_01.png.jpg) repeat-y 0 0;
	behavior:url(/common/js/PIE.htc);}

.root#feature #mainContents .clearfix {
	margin-top: 18px;
}
.root#feature #mainContents .lead {
	font-size: 14px;
}
.root#feature #mainContents .lead .point {
	color: #e81c56;
}
.root#feature #mainContents .note {
	font-size: 12px;
	margin-top: 20px;
	display: block;
}
.root#feature #mainContents .img-space {
	margin: 20px 0;
}

.root#feature .dot li,
.root#feature .dot dd {
	padding-left: 25px;
	line-height: 1.5;
	background: url(../../img/feature/icon_01.png) 0 3px no-repeat;}

.root#feature .dot dd {
	margin-top: 10px;
}

.root#feature #mainContents #block02 .outer .box p.merit-title {
	font-size: 16px;
	font-weight: bold;
}
.root#feature #mainContents .container h3 {
	margin: -30px 0 0 -30px;}

/* #block01 */
.root#feature #mainContents #block01 {
	margin-top: 0;
	border-top: none;
}
.root#feature #mainContents #block01 .box {
	width: 291px;}

.root#feature #mainContents #block01 ul {
	padding: 0;}

.root#feature #mainContents #block01 .box.right {
	width: 630px;}

.root#feature #mainContents #block01 .box.right p {
	padding-bottom: 16px;
	font-size: 108%;}

.root#feature #mainContents #block01 .box.right table {
	width: 100%;
	border-top: solid 1px #cdcdcd;
	border-bottom: solid 1px #cdcdcd;}

.root#feature #mainContents #block01 .box.right table th {
	width: 172px;
	padding: 10px 5px;
	background: url(../../img/dot_01.png) 0 0 repeat-x #f6f6f6;
	border-right: solid 1px #cdcdcd;
	text-align: center;
	font-weight: bold;}

.root#feature #mainContents #block01 .box.right table td {
	padding: 10px 14px;
	background: url(../../img/dot_01.png) 0 0 repeat-x;
	font-size: 108%;}

.root#feature #mainContents #block01 .box.right table tr.firstChild th,
.root#feature #mainContents #block01 .box.right table tr.firstChild td {
	background-image: none;}

.root#feature #mainContents #block01 .box.right ol li {
	float: left;
	width: 130px;
	padding: 7px 2px;
	margin-left: 5px;
	border: solid 1px #cccee7;
	border-radius: 4px;
	text-align: center;
	vertical-align: middle;
	background: #ecedf7;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ecedf7));
	background:-webkit-linear-gradient(#fff, #ecedf7);
	background:-moz-linear-gradient(#fff, #ecedf7);
	background:linear-gradient(#fff, #ecedf7);}

.root#feature #mainContents #block01 .box.right ol li.firstChild {
	margin-left: 0;
	padding: 2px;}

.root#feature #mainContents #block01 .box.right ul {
	width: 100%;
	padding-left: 1em;
	text-indent: -0.7em;
	line-height: 1.7;}

.root#feature #mainContents #block01 .box.right a {
	text-decoration: underline;}

.root#feature #mainContents #block01 .box.right a:hover {
	text-decoration: none;}

.root#feature #mainContents #block01 p.img {
	padding-top: 40px;
	text-align: center;}

/* #block02 */
.root#feature #mainContents #block02 .outer {
	border: solid 3px #e0e0e0;
	border-radius: 5px;}
	
.root#feature #mainContents #block02 .outer h3 {
	margin: -3px 0 0 -3px;}
	
.root#feature #mainContents #block02 .outer .row {	
	padding: 30px 22px;}

.root#feature #mainContents #block02 .outer .box {
	width: 425px;}

.root#feature #mainContents #block02 .outer .box.right {
	padding-left: 25px;
	border-left: dotted 1px #c8c8c8;}

.root#feature #mainContents #block02 .outer .box p {
	padding-top: 15px;
	font-size: 108%;
	line-height: 1.7;}

.root#feature #mainContents #block02 .outer .box p strong {
	color: #e81c56;}

.root#feature #mainContents #block02 .outer .box p + p {
	padding-left: 1em;
	text-indent: -1em;}

.root#feature #mainContents #block02 .outer .box p.img {
	text-align: center;
	padding: 0;
	text-indent: 0;}

.root#feature #mainContents #block02 .outer .flame {
	margin-top: 20px;
	padding: 16px 10px 18px;
	border: solid 1px #434ba6;
	border-radius: 6px;}

.root#feature #mainContents #block02 .outer .flame h4 {
	margin: -17px 0 0 -11px;}

.root#feature #mainContents #block02 .outer .flame dl {
	padding: 23px 10px 18px;}

.root#feature #mainContents #block02 .outer .flame dt {
	font-size: 123.1%;
	color: #6770d5;
	font-weight: bold;}

.root#feature #mainContents #block02 .outer .flame dt img {
	padding-right: 10px;}

.root#feature #mainContents #block02 .outer .flame dd {
	padding: 6px 0 0 22px;
	font-size: 85%;}

.root#feature #mainContents #block02 .outer .flame dd.img {
	padding-left: 0;}

.root#feature #mainContents #block02 .outer .flame dl.lastChild {
	padding-bottom: 0;
	border-top: dotted 1px #b9b9b9;}

.root#feature #mainContents #block02 .outer .right .flame dl.lastChild dd.lastChild {
	padding: 0;
	margin: 7px 0 0 -10px;}

.root#feature #mainContents #block02 .outer .left .flame dl.firstChild {
	position: relative;
	padding-left: 180px;
	min-height: 127px;}
	
.root#feature #mainContents #block02 .outer .left .flame dl.firstChild img {
	position: absolute;
	left: 0;}

.root#feature #mainContents #block02 .outer .right .flame dl.firstChild {
	position: relative;
	min-height: 112px;
	padding-right: 210px;}

.root#feature #mainContents #block02 .outer .right .flame dl.firstChild dd.lastChild {
	position: absolute;
	top: 16px;
	right: 10px;
	padding: 0;}

.root#feature #mainContents #block02 .outer .right .flame dl.lastChild {
	position: relative;
	padding-left: 140px;
	min-height: 129px;}

.root#feature #mainContents #block02 .outer .right .flame dl.lastChild dt {
	position: absolute;
	left: 1px;
}

.root#feature #mainContents #block02 .outer .right .flame dl.lastChild dd.lastChild {
	margin: 14px 0;}

.root#feature #mainContents #block02 .outer .right .flame p.btnArea {
	padding: 7px 0 0;
	text-align: center;}

.root#feature #mainContents #block02 .cont01 h4 {
	padding-top: 26px;}

.root#feature #mainContents #block02 .cont01 h4 + p {
	padding-top: 13px;}

.root#feature #mainContents #block02 .cont01 .row {
	padding-top: 23px;}

.root#feature #mainContents #block02 .cont01 p.img {
	float: left;
	width: 546px;}

.root#feature #mainContents #block02 .cont01 ul {
	clear: none;
	float: right;
	width: 333px;
	padding-top: 0;}

.root#feature #mainContents #block02 .cont01 li {
	padding-bottom: 16px;
	background-position: 0 8px;}

.root#feature #mainContents #block02 .cont01 li strong {
	display: block;
	font-weight: bold;
	font-size: 133%;}

.root#feature #mainContents #block02 .cont01 li span {
	 display: block;
	 color: #e81c56;}
	
.root#feature #mainContents #block02 .cont02 .row {
	 margin-top: 30px;}

.root#feature #mainContents #block02 .cont02 .box {
	 width: 424px;}
	
.root#feature #mainContents #block02 .cont02 h4 + p {
	padding-top: 13px;}

.root#feature #mainContents #block02 .cont02 p.img {
	padding-top: 25px;}

.root#feature #mainContents #block02 .cont02 dl {
	margin-top: 18px;}

.root#feature #mainContents #block02 .cont02 dd {
	padding-left: 18px;}

.root#feature #mainContents #block02 .cont02 dd {
	margin-top: 11px;}

.root#feature #mainContents #block02 .cont02 dd a {
	display: block;
	text-decoration: underline;}

.root#feature #mainContents #block02 .cont02 dd a:hover {
	text-decoration: none;}

.root#feature #mainContents #block02 .cont02 .box.right {
	padding-left: 19px;
	border-left: dotted 1px #c8c8c8;}

.root#feature #mainContents #block03 .box {
	width: 395px;
	padding: 30px;
	background-image: url(../../img/merit_shd_bg_04.png), url(../../img/merit_shd_bg_03.png);
	background-repeat: no-repeat, repeat-y;
	background-position: 0 bottom, 0 0;
	-pie-background: url(/ubcl/img/merit_shd_bg_04.png) no-repeat 0 bottom, url(/ubcl/img/merit_shd_bg_03.png.jpg) repeat-y 0 0;
	behavior:url(/common/js/PIE.htc);}

.root#feature #mainContents #block03 h3 {
	margin: -30px 0 0 -30px;}

.root#feature #mainContents #block03 dl {
	padding: 26px 0 30px;
	background: url(../../img/feature/block_arrow_01.png) center bottom no-repeat;}

.root#feature #mainContents #block03 dl.lastChild {
	padding-bottom: 0;
	background: none;}

.root#feature #mainContents #block03 dl.type01 {
	min-height: 96px;
	padding-right: 185px;}

.root#feature #mainContents #block03 dt strong {
	color: #e81c56;}

.root#feature #mainContents #block03 dl.type01 dd.img {
	position: absolute;
	top: 26px;
	right: 0;}

.root#feature #mainContents #block03 dd.center {
	padding-top: 15px;
	text-align: center;}

.root#feature #mainContents #block03 dl.type01 dd.note {
	padding: 4px 0 0 0;
	margin-left: 30px;
	font-size: smaller;
	padding-left: 1em;
	text-indent: -1em;}

.root#feature #mainContents #block03 dt {
	position: relative;
	padding-left: 30px;
	font-size: 116%;
	color: #6770d5;
	font-weight: bold;}

.root#feature #mainContents #block03 dt img {
	position: absolute;
	top: -2px;
	left: 0;}

.root#feature #mainContents #block03 dl.lastChild dd.center {
	margin-top: -20px;}