@charset "euc-jp";

/* CSS Document */

/* base
---------------------------------------------------- */
body {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	color: #333333;
}

.clearfix {
	/*￥*/
	clear: both;
	_height:1px;
	_overflow:visible;
	zoom:1;/**//*￥*//*/
	display:inline-table;
	/**/
}

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

#feaContainer {
	background: #FFFFFF;
	width: 760px;
	margin: 20px auto 0;
	text-align: left;
}

#feaContainer h1,
#feaContainer h2,
#feaContainer h3,
#feaContainer h4,
#feaContainer h5,
#feaContainer h6,
#feaContainer p,
#feaContainer ul,
#feaContainer li,
#feaContainer dl,
#feaContainer dt,
#feaContainer dd,
#feaContainer div {
	padding: 0px;
	margin: 0px;
}

#feaContainer table {
	border-collapse: collapse;
}


/* navi
---------------------------------------------------- */
#feaContainer .naviArea {
	width: 760px;
	margin-bottom: 15px;
}

#feaContainer .naviPageTop01Area {
	background: url(img/bg_03.gif) no-repeat left bottom;
	text-align: right;
	width: 745px;
	_width: 760px;
	padding-right: 15px;
}

#feaContainer .naviPageTop02Area {
	text-align: right;
	width: 750px;
}

#feaContainer .naviPageTop03Area {
	text-align: right;
	width: 745px;
	padding-top: 5px;
}


/* text
---------------------------------------------------- */
#feaContainer h3 {
	font-size: 18px;
	line-height: 22px;
	color: #000;
}

#feaContainer h4 {
	font-size: 16px;
	line-height: 20px;
}

#feaContainer p,
#feaContainer ul,
#feaContainer ol,
#feaContainer table {
	font-size: 12px;
	line-height: 18px;
}

#feaContainer .cap,
#feaContainer dl {
	font-size: 10px;
	line-height: 14px;
}

#feaContainer ul,
#feaContainer ol {
	padding-left: 17px;
}

#feaContainer dt {
	width: 12px;
	float: left;
}

#feaContainer dd {
	margin-left: 13px;
}

#feaContainer .fontColor01 {
	font-weight: bold;
	color: #ff2fcf;
}

#feaContainer .fontColor02 {
	font-weight: bold;
	color: #12c000;
}

#feaContainer .fontColor03 {
	font-weight: bold;
	color: #ff4321;
}

#feaContainer .fontColor04 {
	font-weight: bold;
	color: #b02fff;
}

#feaContainer .fontColor05 {
	font-weight: bold;
	color: #ff6f04;
}

#feaContainer .fontColor06 {
	font-weight: bold;
	color: #003092;
}


/* textLink
---------------------------------------------------- */

#feaContainer img a:link,
#feaContainer img a:active,
#feaContainer img a:visited,
#feaContainer img a:hover {
	text-decoration: none;
	border-style: none;
	border-width: 0px;
}

#feaContainer a:link,
#feaContainer a:active,
#feaContainer a:visited {
	font-weight: bold;
	color: #ed3b3b;
	text-decoration: none;
}

#feaContainer a:hover {
	font-weight: bold;
	color: #ed3b3b;
	text-decoration: underline;
}


/* bnr
---------------------------------------------------- */
#feaContainer .bnr01Area {
	text-align: center;
	padding-bottom: 16px;
	padding-top: 5px;
}

#feaContainer .bnr01Area img {
	margin-right: 5px;
	margin-left: 5px;
}

#feaContainer #bnr01 {
	position: absolute;
	left: 487px;
	top: 295px;
}

#feaContainer #bnr02 {
	position: absolute;
	left: 519px;
	top: 16px;
}


/* cv
---------------------------------------------------- */

#feaContainer #feaCv {
	background: #005aad;
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 16px;
}


/* common content
---------------------------------------------------- */
#feaContainer #titleArea {
	width: 760px;
	height: 378px;
	position: relative;
}

#feaContainer .bg0101Area {
	background: url(img/bg_01.jpg) no-repeat left top;
	width: 760px;
	margin-bottom: 15px;
}

#feaContainer .bg0102Area {
	background: url(img/bg_01.jpg) no-repeat left -50px;
	width: 760px;
	margin-bottom: 15px;
}

#feaContainer .bg02Area {
	background: url(img/bg_02.gif) no-repeat left bottom;
	display: inline;
	width: 700px;
	_width: 730px;
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-left: 15px;
	margin-bottom: 5px;
}

#feaContainer .box01Area {
	width: 510px;
	float: left;
}

#feaContainer .box02Area {
	background: url(img/bg_04.gif) no-repeat right bottom;
	display: inline;
	width: 256px;
	float: left;
	margin-right: 15px;
}

#feaContainer .box03Area {
	display: inline;
	width: 230px;
	_width: 250px;
	float: left;
	padding: 10px;
	margin-bottom: 6px;
	border-top-width: 5px;
	border-top-style: solid;
}

#feaContainer .box03Area .flag01 {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
}

#feaContainer .box03Area .ph01 {
	margin-top: 5px;
	margin-bottom: 5px;
}

#feaContainer .box04Area {
	width: 175px;
	float: right;
	padding-bottom: 10px;
}

#feaContainer .box04Area h4 {
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}

#feaContainer .box04Area p {
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}


/* case
---------------------------------------------------- */
#feaContainer #case01Area .box03Area {
	background: #ffdbf9;
	border-top-color: #ff6ee6;
}

#feaContainer #case01Area .box04Area {
	background: url(img/frm_01.gif) no-repeat left bottom;
}

#feaContainer #case02Area .box03Area {
	background: #d1facd;
	border-top-color: #14d800;
}

#feaContainer #case02Area .box04Area {
	background: url(img/frm_02.gif) no-repeat left bottom;
}

#feaContainer #case03Area .box03Area {
	background: #ffd9d3;
	border-top-color: #ff4321;
}

#feaContainer #case03Area .box04Area {
	background: url(img/frm_03.gif) no-repeat left bottom;
}

#feaContainer #case04Area .box02Area {
	width: 336px;
}

#feaContainer #case04Area .box03Area {
	background: #efd5ff;
	width: 310px;
	_width: 330px;
	border-top-color: #b02fff;
}

#feaContainer #case04Area .box03Area .ph01 {
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
}

#feaContainer #case04Area .box04Area {
	background: url(img/frm_04.gif) no-repeat left bottom;
}

#feaContainer #case05Area .box03Area {
	background: #ffe2cd;
	border-top-color: #ff6f04;
}

#feaContainer #case05Area .box04Area {
	background: url(img/frm_05.gif) no-repeat left bottom;
}


/* Q and A
---------------------------------------------------- */
#feaContainer #titleQandAArea {
	width: 760px;
	height: 114px;
	position: relative;
}

#feaContainer .bg03Area {
	background: url(img/bg_05.gif) repeat left top;
	width: 760px;
	float: left;
	margin-bottom: 15px;
}

#feaContainer .bg03Area {
	background: url(img/bg_05.gif) repeat left top;
	width: 760px;
	float: left;
	margin-bottom: 15px;
}

#feaContainer .bg04Area {
	background: url(img/bg_06.gif) repeat-y left top;
	display: inline;
	width: 740px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}

#feaContainer .box05Area {
	width: 345px;
	_width: 365px;
	float: left;
	padding: 10px;
}

#feaContainer .box06Area {
	width: 345px;
	_width: 365px;
	float: right;
	padding: 10px;
}

#feaContainer .boxAnswerArea {
	background: url(img/h4_01.gif) no-repeat left top;
	padding-left: 37px;
	margin-top: 5px;
}

#feaContainer .boxAnswerArea h4 {
	color: #ff1204;
	padding-top: 6px;
	margin-bottom: 5px;
}


/* column
---------------------------------------------------- */
#feaContainer .bg05Area {
	background: #f8ec5f;
	width: 760px;
	float: left;
	margin-bottom: 15px;
}

#feaContainer .box07Area {
	width: 745px;
	float: left;
}

#feaContainer .box07Area p {
	margin-top: 10px;
	margin-left: 15px;
}

#feaContainer .box08Area {
	background: url(img/ph_06.gif) no-repeat right top;
	width: 345px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#feaContainer .box08Area .box09Area{
	width: 160px;
	margin-left: 170px;
	height: 195px;
}

#feaContainer .box08Area img {
	margin-left: 15px;
}