@charset "utf-8";
@import url("basic.css");


html{
	background-image:url(../east/img/bk_header.jpg);
	background-repeat:repeat-x;
	/*background-position: 0 9px;*/
	background-position: 0 45px;
}

body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333;
	font-weight:normal;
	font-size:82%;
	background-image:url(../img/bk_footer.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

table, tr, th, td, p{
/*	line-height:130%;*/
}


.strong{
	font-weight:bold;
}

.clear{
	clear:both;
}

.asterisk{
	font-size:12px;
	line-height:140%;
}

a:link, a:hover, a:active, a:visited{
	text-decoration:underline;
	color:#3366cc;
}

div.header,
div.camp,
div.pageTitle,
div.contents,
div.footer{
	width:820px;
	margin:auto;
}

div.header{
	/*height: 120px;*/
	height: 160px;
	margin-top: 15px;
}

div.header div.logo {
	width: 460px;
	float: left;
}

	div.header h1{
		padding-top:0;
		margin-top:0;
		width:460px;
		font-size:80%;
		line-height:120%;
}

	div.header h1 img.text{
		padding-top:2px;
		padding-bottom:0;
}

	div.header h1 img.pokcet{
		padding-right:4px;
}

	div.header h1 img.logo{
		padding-bottom:3px;
}

	div.header p{
		margin-top:5px;
		margin-bottom:5px;
		float:left;
		width: 343px;
		text-align: right;
}
	div.header p span#bookmark {
		cursor: pointer;
	}
	
	div.header div.menu {
		padding-top: 23px;
		padding-bottom: 10px;
		overflow: hidden;
		clear: left;
	}
	
	div.header div.menu ul{
		margin:0;
	}


	div.header div.menu ul li{
		float:left;
}

div.header p span.attention {
    padding: 2px 3px;
    display: block;
    font-size: 10px;
    border: solid 1px #CC3300;
    color: #CC3300;
    line-height: 1.3;
    font-weight: normal !important;
    width: 260px;
    text-align: center;
    margin: 3px 0 0 78px;
}


/*div.camp{
	width:820px;
	height:439px;
	margin-top:10px;
	background-image:url(../img/bk_top.jpg);
	background-repeat:no-repeat;
}*/

div.camp{
	width:820px;
	height: auto !important;
	height: 439px;
	min-height: 439px;
	margin-top:10px;
	/*background-color: #E9F1E6;*/
}

div.camp:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div.camp div.mainTop{
	padding-top: 4px;
	float:left;
	width: 580px;
}

div.camp div.applyBtn{
	width:230px;
	margin-bottom:3px;
	padding-left:4px;
	float:left;
}

div.camp div.applyBtn div.eachBtn{
	width:230px;
	/*padding-top:8px;
	margin-bottom:3px;*/
}

div.sub div.applyBtn {
	margin-bottom: 20px;
}

div.contents{
	margin-top:10px;
}

div.pageTitle{
	margin-top:10px;
}

div.contents{
	margin-top:10px;
}


	div.contents div.main{
	width:560px;
	margin-left:0;
	float:left;
}

	div.contents div.sub{
	width:250px;
	float:right;
}

	div.contents div.main div.category,
	div.contents div.sub div.movie{
		width:100%;
		margin-bottom:10px;
		border:solid 1px #ccc;
		overflow: hidden;
		}
		
		
	div.contents div.main div.category div.simulation{
		margin-left:30px;
		margin-top:8px;
		margin-bottom:16px;
}

	div.contents div.main div.category div.simulation img{
		margin-bottom:12px;
}	

	div.contents div.main div.category h2{
		background-image:url(../img/bk_h2.jpg);
		background-repeat:repeat-x;
		padding-top:5px;
		height:34px;
	}
	

	div.contents div.sub div.movie{
		text-align:center;
	}
	
	div.contents div.sub div.movie img{
		margin-top:4px;
		margin-bottom:4px;
	}
	
	div.contents div.sub div.movie h2{
		background-image:url(../img/bk_h2.jpg);
		background-repeat:repeat-x;
		padding-top:1px;
		padding-bottom:4px;
		height:34px;
		text-align:center;
	}
	
		
	div.contents div.main div.category dl{
		width:540px;
		margin-left:10px;
		border-bottom:dotted 1px #ccc;
		overflow:auto;
		overflow-x:hidden;
	}
	
	div.contents div.main div.category dl dt{
		width:280px;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10px;
		background-image:url(../img/btn_arrow.jpg);
		background-position:left;
		background-repeat:no-repeat;
		float:left;
		
	}
	div.contents div.main div.category dl dd{
		padding-top:8px;
		padding-bottom:8px;
		float:left;
}

	div.contents div.main div.category div.odd{
		width:270px;
		padding-right:5px;
		float:left;
		border-right:dashed 1px #ccc;
}

	div.contents div.main div.category div.even{
		margin-left:275px;
}

	div.contents div.main div.category div.odd h3 img,
	div.contents div.main div.category div.even h3 img{
		padding:8px 0 0 10px;
}

	div.contents div.main div.category div.odd dl,
	div.contents div.main div.category div.even dl{
		width:270px;
}

	div.contents div.main div.category div.odd dl dt,
	div.contents div.main div.category div.even dl dt{
		padding-left:2px;
		width:80px;
		float:left;
		background-image:none;
}

	div.contents div.main div.category div.even dl dt{
		padding-left:8px;
}

	div.contents div.main div.category div.odd dl dd,
	div.contents div.main div.category div.even dl dd{
		margin-top:3px;
		padding-top:0;
		
}

	div.contents div.main div.category div.odd dl dd ul,
	div.contents div.main div.category div.even dl dd ul{
	
	}


	div.contents div.main div.category div.odd dl dd ul li,
	div.contents div.main div.category div.even dl dd ul li{
		background-image:url(../img/btn_arrow.jpg);
		background-repeat:no-repeat;
		background-position:center left;
		padding-left:10px;
		margin-top:8px
}	

	div.contents div.sub div.banner img{
	margin-bottom:5px;
	
	}
	

div.footer{
	width:100%;
	padding-top:15px;
	height:60px;
	clear:both;
}

div.footer p{
	width:100%;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

div.footer a:link,
div.footer a:active,
div.footer a:visited{
	font-size:80%;
	color:#333;
}

div.contents div.main div.category dl.noborder,
div.contents div.main div.category div.odd dl.noborder,
div.contents div.main div.category div.even dl.noborder,{
	border-bottom:none;
}

/*SUB PAGE*/

div.contents div.bread{
	margin-bottom:16px;
	padding-top:1px;
	font-size:90%;
}


/*
============================
transfer start
============================
*/
div.contents div.main h3.img {
	padding: 10px 0px 15px 0px;
}

div.contents div.main h3.title{
	width:100%;
	margin:0 auto 16px auto;
}

div.contents div.main p{

}

div.contents div.main p.text{
	line-height: 150%;
	width: 525px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.contents div.main p.text2{
	font-size: 1.2em;
}

div.main div.info {
	padding: 5px 0px;
}

div.main div.img_info1 {
	padding: 5px 0px 30px 0px;
	text-align: left;
	width: 0px auto;
}

div.main div.img_info1 img {
	padding: 10px 0px;
}

div.main div.img_info {
	text-align: center;
	width: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}

div.main div.img_info img {
	margin: 15px 0px;
}

div.contents div.main p.text b.large_red {
	font-size: 120%;
	color:#F00;
}

div.contents div.main p.text b.large_blue {
	font-size: 200%;
	font-family: Verdana, Geneva, sans-serif;
	color: #06F;
}

div.contents div.main h4.heading1{
	font-size: 120%;
	font-weight: bold;
	color: #39F;
	padding: 10px 0px 10px 5px;
}

div.contents div.main h4.img_title{
	font-size: 120%;
	font-weight: bold;
	padding: 40px 0px 5px 5px;
}

div.transfer_img2 {
	text-align: left;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

div.transfer_img2 img {
	padding: 5px 0px;
}

div.main div.column_box p.column {
	line-height: 180%;
	width: 161px;
	float: left;
	margin: 0px 10px;
}

*html div.main div.column_box p.column {
	line-height: 180%;
	width: 161px;
	float: left;
	margin: 0px 8px;
}

div.main div.column_box {
	margin: 0px 8px;
}

div.main table.transfer {
	width: 558px;
	margin-left: 5px;
}

div.main table.transfer th {
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

div.main table.transfer td {
	text-align: center;
	vertical-align: middle;
}

div.main table.transfer td p {
	font-size: 75%;
}

div.main table.transfer td span.large_red {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 130%;
	color:#F00;
	font-weight: bold;
}

div.main table.transfer td span.large_blue {
	font-size: 125%;
	color: #09F;
	font-weight: bold;
	line-height: 150%;
}

div.main table.campaign {
	width: 558px;
	margin-left: 5px;
}

div.main table.campaign th {
	text-align: left;
	font-weight: bold;
}

div.main p.footer {
	color: #09F;
	width: 540px;
	line-height: 150%;
}

div.main div.table_foot {
	margin-top: -20px;
}

div.main p.footer strong {
	font-size: 150%;
}

div.main div.attended strong {
	text-align: left;
	line-height: 150%;
	margin-left: 5px;
}

div.main div.attended ul li {
	text-align: left;
	line-height: 150%;
	margin-left: 5px;
}

div.main div.attended_cancel {
	border: 1px solid #F00;
	background-color: #FFE5E5;
	margin: 20px 0px;
}

div.main div.attended_cancel img {
	float: left;
	margin: 20px 8px 10px 8px;
	width: 50px;
}

div.main div.attended_cancel p {
	float: right;
	margin: 10px 8px;
	line-height: 150%;
	font-size: 110%;
	width: 470px;
}

span.red {
	color: #F00;
	font-weight: bold;
	line-height: 180%;
}

span.large {
	font-size: 120%;
	line-height: 150%;
}

/*
============================
transfer end
============================
*/

div.contents div.sub div.contact{
	margin-bottom:10px;
	padding-bottom:10px;
	/*background-color:#eee;*/
	text-align:center;
}

div.contents div.sub div.contact div.eachBtn {
	text-align: center;
}

div.contents div.sub div.contact img{
	/*margin-bottom:5px;*/
	margin-bottom: 0;
}

div.contents div.aboutHikari{
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../img/t_hikari_bk.jpg);
	background-repeat:repeat-y;
}

div.contents div.aboutHikari ul{
	margin:8px auto 4px 8px;
}

div.contents div.aboutHikari ul li img{
	padding-left:2px;
	padding-bottom:4px;
}

div.contents div.aboutHikari ul li ul li{
	background-image:url(../img/btn_arrow_blue.jpg);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:8px;
	padding-bottom:12px;
	line-height:1%;
}

div.main div.contEach{
	width:492px;
	margin:20px auto;
	padding-bottom:120px;
	text-align:center;
	background-image:url(../img/bk_cont_mini.jpg);
	background-repeat:no-repeat;
}


div.main div.contEach img{
		/*margin:100px auto 120px auto;*/
		margin:100px auto auto auto;
		
}

/*contact each

div.main div.contEach{
	width:300px;
	margin:auto;
	text-align:center;
}


div.main div.contEach img{
		margin-bottom:10px;
}

*/
	
/*SITEMAP*/

div.contents h3.sitemap{
	margin-top:20px;
	margin-bottom:8px;
	padding:4px;
	font-size:110%;
}

div.contents h3.sitemap a:link,
div.contents h3.sitemap a:visited{
	font-weight:bold;
}


div.contents ul.index{
	margin-left:4px;
	margin-bottom:8px;
}

div.contents ul.index li{
	padding-bottom:8px;
	padding-left:12px;
	font-size:100%;
	background-image:url(../img/btn_arrow.jpg);
	background-repeat:no-repeat;
}

div.contents div.banner dl.mobile dt{
	float:left;
	width:82px;
	padding-right:5px;
}

div.contents div.banner dl.mobile dd.mobile_txt{
	font-size:11px;
	padding:2px 5px 0 5px;
}

div.contents div.banner dl.mobile{
	padding:3px 0 0 0;
}

div.footer div.section1 p {
	margin-bottom: 15px;
	padding-top: 0;
	color: #012583;
	text-align: left;
	font-weight: bold;
}

div.footer div.section1 div.footer-head span {
	margin-right: 15px;
	padding-left: 7px;
	display: inline-block;
	background-image: url(../img/footer/marker1.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

div.footer div.section1 div.footer-head span a {
	font-size: 12px;
	text-decoration: none;
}

div.footer div.section1 div.footer-head span a:hover {
	text-decoration: underline;
}

div.footer div.section1 div.body {
	margin-bottom: 15px;
}

div.footer div.section1 div.body div.column {
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
}

div.footer div.section1 p img {
	margin-right: 10px;
	vertical-align: middle;
}

div.footer div.section1 ul.list1,
div.footer div.section1 ul.list2,
div.footer div.section1 ul.list4 {
	margin-bottom: 10px;
}

div.footer div.section1 ul li {
	margin-bottom: 5px;
	margin-right: 15px;
	padding-left: 7px;
	display: inline-block;
	background-image: url(../img/footer/marker1.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

div.footer div.section1 ul.list4 li {
	display: list-item;
}

div.footer div.section1 ul ul {
	margin-top: 5px;
}

div.footer div.section1 ul li a {
	font-size: 12px;
	text-decoration: none;
}

div.footer div.section1 ul li a:hover {
	text-decoration: underline;
}

div.footer div.section2 {
	color: #FFF;
	background-color: #0167CC;
}

div.footer div div.body {
	margin: auto;
	padding: 15px 0 0;
	width: 820px;
	overflow: hidden;
}
div.footer div.section1 div.body {
	padding-top:30px;
}
div.footer div.section2 ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
}

div.footer div.section2 ul li {
	margin-right: 15px;
	margin-bottom: 15px;
	padding-left: 7px;
	display: inline-block;
	background-image: url(../img/footer/marker2.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

div.footer div.section2 ul li a:hover {
	text-decoration: underline;
}

/* 20140801 */
div.contents div.main p.text02 b.large_red {
	font-size: 120%;
	color:#F00;
}
div.contents div.main p.text02{
	line-height: 150%;
	width: 525px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 45px;
}
div.main div.info02 {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 45px;
}
div.contents div.main p.text03{
	line-height: 150%;
	width: 525px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
}
div.contents div.main p.text03 b.large_red {
	font-size: 120%;
	color:#F00;
}
/* 20140908 */
.contents .main .west_01 .info02 .text.red {
	color: #F00;
}
/* 20140908 */
.contents .main .west_01 .info02 .text.red .black {
	color: #333;
}

/* 20141007 */
div.main div.contEach2{
	background: url(../img/transfer_business/bk_cont_mini.jpg) no-repeat;
}

/* 20141014 */
div.contents div.main h3.title_business {
	background-image: url("../img/bk_t.jpg");
    background-repeat: no-repeat;
}
div.contents div.main h3.title_business img {
	padding-bottom: 7px;
    padding-left: 12px;
    padding-top: 7px;
}
/*20151221*/
div.footer .section2 .body {
	overflow: hidden;	
}
div.footer .section2 .body ul {
	width: 560px;
	float:left;
}
div.footer .section2 .body .ssl {
	overflow: hidden;
	width: 260px;
}
div.footer .section2 .body .ssl img {
	width: 90px;
	float:left;
	margin-right: 10px;
}
div.footer .section2 .body .ssl p {
	text-align: left;
	font-size: 12px;
	margin-top: -15px;
	line-height: 1.3em;
}