/* -------------------------------------------------------------------------- 
 text setting
-------------------------------------------------------------------------- */
	
.article h3 {
	color: #0050aa;
	font-size: 20px;
	border-left: solid 12px #0050aa;
	padding-left:18px;
	margin: 64px 0 32px;
}
.article p.name { font-size: 20px; }

.btag {
	position: relative;
	background: #0050aa;
	color: #fff;
	border-radius: 22px;
	-webkit-border-radius:22px; -moz-border-radius:22px; -ms-border-radius:22px;
	padding: 10px 30px;
	margin: 30px 0;
	text-align: center;
	line-height: 1.0em;
}
.yline {
	display: inline-block;
	box-shadow: inset 0 -8px 0 0 #ffdf75;
	-webkit-box-shadow: inset 0 -8px 0 0 #ffdf75;
	-moz-box-shadow: inset 0 -8px 0 0 #ffdf75;
	-ms-box-shadow: inset 0 -8px 0 0 #ffdf75;
}
.ribbon {
	position: absolute;
	display: inline-block;
	top: -5px;
	left: 15px;
	background: url(/pc/assets/img/base_tag.png) bottom right no-repeat #0050aa;
	border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px;
	padding: 8px 20px;
	font-size: 16px;
	color: #fff;
}

/* -------------------------------------------------------------------------- 
 main banner
-------------------------------------------------------------------------- */

#mainbnr .balloon {
	display: inline-block;
	background: url(/pc/assets/img/alliance/balloon.png) top left no-repeat;
	width: 114px;
	height: 110px;
	padding: 24px 0 0 26px;
	margin: 0 0 12px;
	font-size: 40px;
	line-height: 1.1em;
	color: #fff;
	font-weight: 700;
}
#mainbnr.alliance h1 {
	display: inline-block;
	font-size: 56px;
	color: #0050aa;
	font-weight: 700;
	text-shadow: 1px 1px 5px #ffffff, -1px -1px 5px #ffffff;
	margin: 0 0 16px;
	vertical-align: bottom;
	line-height: 1.0em;
}
#mainbnr.alliance h1 span { font-size: 74px; }
#mainbnr.alliance h2 {
	display: inline-block;
	color: #0050aa;
	text-shadow: 1px 1px 5px #ffffff, -1px -1px 5px #ffffff;
	font-size: 29px;
	line-height: 1.0em;
}
#mainbnr.alliance h2.yl {
	box-shadow: inset 0 -10px 0 0 #ffdf75;
	-webkit-box-shadow: inset 0 -10px 0 0 #ffdf75;
	-moz-box-shadow: inset 0 -10px 0 0 #ffdf75;
	-ms-box-shadow: inset 0 -10px 0 0 #ffdf75;
	margin: 0 0 12px;
}
#mainbnr.alliance h2.red {
	box-shadow: inset 0 -10px 0 0 #ffdf75;
	-webkit-box-shadow: inset 0 -10px 0 0 #ffdf75;
	-moz-box-shadow: inset 0 -10px 0 0 #ffdf75;
	-ms-box-shadow: inset 0 -10px 0 0 #ffdf75;
	font-size: 36px;
	color: #f0020e;
}

/* --------------------------------------------------------------------------
 feature
-------------------------------------------------------------------------- */

ul.feature { width: 896px; margin: 0 auto 64px; }
ul.feature li {
	position: relative;
	border: solid 2px #e2efff;
	border-radius: 5px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;
	margin: 0 auto 30px;
	padding: 28px;
}
ul.feature li.feature1 {
	border: none;
	background: url(/pc/assets/img/alliance/feature1.jpg) center left no-repeat #e2efff;
}
ul.feature li.feature1 .box {
	float: left;
	background: rgba(255,255,255,0.8);
	margin-left: 224px;
}
ul.feature li.feature1 p.txt { float: right; width: 354px; }

ul.feature li.feature2 {
	background: url(/pc/assets/img/alliance/feature2.jpg) center left no-repeat;
}
ul.feature li.feature2 .box { display: inline-block; margin: 0 0 24px; }
ul.feature li.feature2 p.txt { padding-left: 326px; }

ul.feature li.feature3 {
	background: url(/pc/assets/img/alliance/feature3.jpg) bottom right no-repeat;
}
ul.feature li.feature3 .box { float: left; margin-left: 20px; }
ul.feature li.feature3 p.txt { float: left; width: 296px; padding: 50px 0 0; }

ul.feature li.feature4 {
	background: url(/pc/assets/img/alliance/feature4.jpg) bottom left no-repeat;
}
ul.feature li.feature4 .box { display: inline-block; margin: 0 0 16px 265px; }
ul.feature li.feature4 p.txt { padding-left: 265px; }

ul.feature li.feature5 {
	border: none;
	background: url(/pc/assets/img/alliance/feature5.jpg) center right no-repeat #e2efff;
}
ul.feature li.feature5 .box {
	display: inline-block;
	position: absolute;
	background: rgba(255,255,255,0.8);
}
ul.feature li.feature5 .box.fst { top: 12px; left: 300px; }
ul.feature li.feature5 .box.snd { top: 60px; left: 562px; }
ul.feature li.feature5 p.txt { width: 496px; padding: 50px 0 0; }

ul.feature li .ttl {
	position: absolute;
	color: #f0020e;
	font-size: 28px;
	font-weight: 500;
	text-shadow: 1px 1px 3px #fff;
}
ul.feature li .ttl.left { top: 12px; left: 28px; }
ul.feature li .ttl.right { top: 12px; right: 64px; }
ul.feature li .ttl span { font-size: 40px; }

ul.feature li .box {
	color: #0050aa;
	font-size: 28px;
	background: rgba(226,239,255,0.8);
	padding: 10px 16px 2px;
	line-height: 1.3em;
}
ul.feature li .box span { font-size: 40px; }

#feature { width: 896px; margin: 0 auto; }
#feature .photo { float: left; width: 250px; }
#feature .photo img {display: block;/* width: 212px; */margin: 0 0 12px;}
#feature .agent_name {width: 107px}
#feature .lbframe {
	float: right;
	width: 560px;
	border: solid 5px #e2efff;
	border-radius: 3px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;
	padding: 32px;
}
#feature .lbframe dl {
	border-bottom: dotted 2px #0050aa;
	padding: 0 0 30px;
	margin: 0 0 30px;
}
#feature .lbframe dl:last-child { border-bottom: none; padding: 0; margin: 0; }
#feature .lbframe dd { margin: -38px 0 0 48px; }
#feature .lbframe dd h4 { font-size: 28px; color: #0050aa; font-weight: 500; margin: 0 0 24px; }
#feature .lbframe dd h4 span { font-size: 18px; color: #333; }

/* --------------------------------------------------------------------------
 Q&A
-------------------------------------------------------------------------- */

#faq .customer { float: left; width: 240px; padding: 244px 0 0; }
#faq .customer img { width: 240px; margin: 0 0 18px; }

#faq ul { float: left; width: 400px; }
#faq ul li {
	position: relative;
	border: solid 2px #e4e9ec;
	border-radius: 10px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;
	padding: 30px 0 26px;
	text-align: center;
}
#faq ul li:nth-child(odd) {
	font-size: 28px;
	color: #ff020e;
	line-height: 1.2em;
	margin: 0 0 18px;
}
#faq ul li:nth-child(even) { margin: 0 0 40px; }
#faq ul li p.txt { margin: 24px 0 0; }
#faq ul li .lead {
	font-size: 28px;
	color: #0050aa;
	padding: 0;
	line-height: 1.1em;
	text-align: center;
}
#faq ul li .lead span.yline { display: inline-block; line-height: 1.1em; }

#faq .agent { float: right; width: 230px; padding: 244px 0 0; }
#faq .agent .agent_name img {width: 107px}
#faq .agent img { width: 220px; margin: 0 0 18px; }
#faq .agent p.name { margin: 0 0 86px; }

[class*="spoke-"] {
	background: url(/pc/assets/img/alliance/spoke.png) top left no-repeat;
	display: inline-block;
	vertical-align: baseline;
	overflow: hidden;
	height: 0;
	margin: 0;
	position: absolute;
	z-index: 999;
}
.spoke-ld {
	background-position: 0 0;
	width: 52px;
	height: 47px;
	top:40px;
	left: -52px;
}
.spoke-rm {
	background-position: -52px 0;
	width: 53px;
	height: 38px;
	top:40px;
	right: -53px;
}
.spoke-lm {
	background-position: -105px 0;
	width: 53px;
	height: 38px;
	top:40px;
	left: -53px;
}
.spoke-lu {
	background-position: -158px 0;
	width: 50px;
	height: 48px;
	top:40px;
	left: -50px;
}

/* --------------------------------------------------------------------------
 case
-------------------------------------------------------------------------- */

#case {
	width: 856px;
	height: 681px;
	margin: 0 auto 64px;
	padding: 24px 20px 0;
	background: url(/pc/assets/img/alliance/fig.jpg) top left no-repeat;
}
#case .box {
	width: 420px;
	background: rgba(255,255,255,0.8);
	padding: 24px 28px;
	margin: 0 0 24px;
}
#case .box p { font-size: 18px; line-height: 28px; }
#case .box span { font-size: 24px; }
#case .box .btag { font-size: 16px; font-weight: 500; margin: 0 0 18px; }
#case .box .lead { font-size: 28px; color: #0050aa; margin: 0 0 12px; }

#steps { width: 896px; margin: 0 auto 64px; }
#steps .box {
	position: relative;
	width: 368px;
	min-height: 616px;
	border-radius: 10px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px;
	padding: 0 24px;
}	
#steps .box.your { float: left; border: solid 5px #e2efff; }
#steps .box.mine { float: right; border: solid 5px #d5feee; }
#steps .box.mine .ribbon {
	background: url(/pc/assets/img/base_tag.png) bottom right no-repeat #00aa68;
}
#steps .box.your dl { padding: 64px 0 0; }
#steps .box.mine dl { padding: 126px 0 0; }
#steps .box dt {
	position: relative;
	float: left;
	width: 78px;
	font-size: 72px;
	color: #0050aa;
	text-align: center;
}
#steps .box.mine dt { color: #00aa68; }
#steps .box dt .btag {
	font-size: 12px;
	border-radius: 12px;
	-webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px;
	padding: 6px 0;
	margin: 0;
}
#steps .box.mine dt .btag { background: #00aa68; }
#steps .box dt .icon-rstep { position: absolute; top: -7px; left: -90px; z-index: 999; }
#steps .box dd { position: relative; float: right; width: 270px; }
#steps .box dd h5 {
	font-size: 18px;
	color: #0050aa;
	border-bottom: dotted 1px #0050aa;
	padding: 0 0 5px;
	margin: 0 0 12px;
}
#steps .box.mine dd h5 { color: #00aa68; border-bottom: dotted 1px #00aa68; }
#steps .box dd .icon-lstep { position: absolute; top: 0; right: -90px; z-index: 999; }

/* -------------------------------------------------------------------------- 
 about path create
-------------------------------------------------------------------------- */

#about p.txt { width: 896px; margin: 0 auto; }
#about p.txt.par { margin: 0 auto 18px; }
#about .lbframe {
	width: 864px;
	border: solid 5px #e2efff;
	border-radius: 8px;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px;
	padding: 32px 0 32px 32px;
	margin: 32px auto;
}
#about .lbframe h5 {
	width: 832px;
	color: #0050aa;
	font-size: 18px;
	border-bottom: dotted 1px #0050aa;
	padding: 0 0 5px;
}
#about .lbframe img { float: left; display: block; margin: 32px 32px 0 0; }
#about .lbframe .awd { float: left; margin: 20px 40px 0 0; }
#about .lbframe .awd img { float: none; margin: 12px 0 0; }

#about .logo { width: 896px; margin: 0 auto 16px; }
#about ul { width: 896px; margin: 0 auto; }
#about ul li { float: left; width: 420px; }
#about ul li img { margin: 0 0 16px; }
#about ul li:last-child { float: right; }

/* -------------------------------------------------------------------------- 
 corporate info
-------------------------------------------------------------------------- */

#corp dl { display: table; margin: 0 0 16px; }
#corp dt {
	display: table-cell;
	vertical-align: middle;
	width: 300px;
	background: #f0f0f0;
	border: solid 1px #f0f0f0;
	color: #333;
	text-align: center;
	font-size: 16px;
	padding: 12px 0 10px;
}
#corp dd {
	display: table-cell;
	vertical-align: middle;
	width: 620px;
	background: url(/pc/assets/img/alliance/arr.png) center left no-repeat;
	border: solid 1px #f0f0f0;
	padding: 16px 20px 14px;
	font-size: 16px;
}
	
/* -------------------------------------------------------------------------- 
 link button
-------------------------------------------------------------------------- */

[class*="button-"] a {
	background: url(/pc/assets/img/alliance/button.png) top left no-repeat;
	display: block;
	width: 0;
	heigh: 0;
	margin: 0 auto;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
[class*="button-"] a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }

.button-a a {
	background-position: 0 0;
	width: 896px;
	height: 106px;
	padding: 15px 0 0;
	font-size: 40px;
	text-decoration: none;
}
.button-a a .lead {
	width: 550px;
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px;
	margin: 0 auto 12px;
	padding: 4px 0 1px;
	color: #333;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.0em;
}
.button-b a {
	background-position: 0 -121px;
	width: 896px;
	height: 50px;
	padding: 19px 0 0;
	font-size: 20px;
}