@charset "utf-8";
/* CSS Document */

@import url(import.css);

#leftArea h3.subtitle{
font-size:16px;
text-indent:0px;
font-weight:bold;
color:#000000;
display:block;
padding:2px 0 2px 5px;
border-top: 1px #5A4F3A solid;
border-bottom: 1px #5A4F3A solid;
margin:15px 0 10px 0;
}

#leftArea #mainImg {
background-image:url(/images/about/mainImg.jpg);
font-size:1px;
text-indent:-9999px;
}

#leftArea .content {
margin:0 0 30px 0;
}
#leftArea .content p{
margin-bottom:10px;
}

#leftArea h2.title{
font-size:18px;
text-indent:0px;
font-weight:bold;
display:block;
color:#000000;
padding:5px 0 5px 8px;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;
margin-bottom:5px;
}








/* T|[g */

#leftArea #mainImg_support{
background-image:url(/images/support/mainImg_support.jpg);
}

	ul.privacy {
	padding: 10px 0 0 30px;
	font-size: 12px;
	}
	ul.privacy li {
	margin: 0 0 5px 0;
	width: 288px;
	float: left;
	}
	ul.privacy li a{
	text-indent:0px;
	font-size:12px;
	}

/* VK */

	ul.member {
	padding: 10px 0 0 30px;
	font-size: 10px;
	}
	ul.member li {
	margin: 0 0 5px 0;
	float: left;
	}
	ul.member li a{
	text-indent:0px;
	font-size:12px;
	}
	ul.member li.left{
	width: 185px;
	}
	ul.member li.centre{
	width: 375px;
	}
	ul.member li.right{
	width: 65px;
	}

/* cX */

	table.joinmember {
	margin: 10px 0 0 25px;
	font-size: 10px;
	}
	table.joinmember th,
	table.joinmember td{
	padding: 0 0 8px 0;
	}

	table.joinmember td a{
	text-indent:0px;
	font-size:12px;
	}
	table.joinmember th.imgmark{
	width: 65px;
	}
	table.joinmember td.left{
	width: 160px;
	}
	table.joinmember td.centre{
	width: 350px;
	}
	table.joinmember td.right{
	width: 54px;
	}


/* ^EubNfڐ\ */

#leftArea #mainImg_townbook{
background-image:url(/images/support/mainImg_townbook.jpg);
}

.content .Info p.infoRead_book{
font-size:12px;
margin-bottom:30px;
}

	ul.bookinfo {
	padding: 10px 0 0 30px;
	font-size: 12px;
	}
	ul.bookinfo li {
	margin: 0 0 15px 0;
	float: left;
	}
	ul.bookinfo li.bookleft{
	width: 120px;
	font-weight:bold;
	color:#135266;
	}
	ul.bookinfo li.bookright{
	width: 480px;
	}
	
	Table.bookRL td{
	padding:0 25px 0 0;
	}


/* ^EubNfڐ\ */

#leftArea #mainImg_web{
background-image:url(/images/support/mainImg_web.jpg);
}


/* ^EubNfڐ\ */

.Area_01{
background-image:url(/images/support/area_01.jpg);
background-repeat: no-repeat;
height:380px;
}
.Area_01 p.AreaRead{
position: relative;
font-size:12px;
width:272px;
left:405px;
top:25px;
color:#164070;
}

.Area_02{
background-image:url(/images/support/area_02.jpg);
background-repeat: no-repeat;
background-position: right 20px;
height:380px;
}
.Area_02 p.AreaRead{
position: relative;
font-size:12px;
width:300px;
top:30px;
left:10px;
color:#164070;
}

.Area_03{
background-image:url(/images/support/area_03.jpg);
background-repeat: no-repeat;
background-position: left 20px;
height:395px;
}
.Area_03 p.AreaRead{
position: relative;
font-size:12px;
width:278px;
top:30px;
left:405px;
color:#164070;
}

.Area_04{
background-image:url(/images/support/area_04.jpg);
background-repeat: no-repeat;
background-position: right 10px;
height:470px;
}
.Area_04 p.AreaRead{
position: relative;
font-size:12px;
width:300px;
top:350px;
left:8px;
color:#164070;
}

.correct{
font-size:10px;
margin:15px 0 0 0;
}

.content .Info .support_btn{
margin:30px 0 15px 0;
text-align:center;
}

.contact_btn{
margin:15px;
text-align:left;
}
.web_contact{
margin:85px 15px 15px 15px;
float:right;
width:271px;
}

/* 上段各ページリンク */

#leftArea #for-pagelink-block {
	width: 700px;
	background: url(../images/support/bg_for_supportlink.gif) repeat-y left top;
}

#for-pagelink-block .for-pagelink-inside{
	width: 675px;
	padding: 12px 0px 10px 25px;
}

.for-pagelink-inside ul.pagelink{
	color:#666666;
}

.for-pagelink-inside ul.pagelink li{
	float:left;
	font-size:10px;
	text-indent:0px;
	padding-bottom: 5px;
}
.for-pagelink-inside ul.pagelink li.linkleft {
	width: 230px;
	font-size:10px;
	text-indent:0px;
}
.for-pagelink-inside ul.pagelink li.linkcnt {
	width: 230px;
	font-size:10px;
	text-indent:0px;
}
.for-pagelink-inside ul.pagelink li.linkright {
	font-size:10px;
	text-indent:0px;
}

#for-pagelink-block .for-pagelink-inside li a{
	text-indent:0px;
	font-size:10px;
	text-decoration: none;
	color: #666666;
	background: url(../images/common/arrow_for_company.gif) no-repeat left 2px;
	padding: 0px 0px 0px 13px;
}

#for-pagelink-block .for-pagelink-inside ul li a:active {
	text-decoration: underline;
	color: #999999;
}

#for-pagelink-block .for-pagelink-inside ul li a:hover {
	text-decoration: underline;
	color: #666666;
}