@charset "UTF-8";

#main{
	margin-bottom:40px;
}
#main h1,#main h2{
	font-size:36px;
	line-height:1.2em;
	margin-bottom:10px;
	font-family: 'Roboto Condensed', sans-serif;
}
.beacon #main h1{
	font-size:34px;
}
#main h1 span,#main h2 span{
	font-size:14px;
	display:block;
	line-height:1.2em;
	padding-top:5px;
}
#main h1 sup,#main h2 sup{
	font-size:20px;
}
#main p{
	font-size:108%;
	line-height:1.5em;
	font-weight:bold;
}

h2.h2Title{
	font-size:16px;
	line-height:1.2em;
	padding-bottom:6px;
	border-bottom:solid 2px #315996;
	color:#315996;
	margin-bottom:20px;
}
.section h3{
	font-size:100%;
}
.section h4{
	font-size:93%;
}
.section p{
	font-size:93%;
}
.secBox{
	letter-spacing: -.40em;
}
.conBox{
	letter-spacing: normal;
	display:inline-block;
    *display : inline;
    *zoom : 1;
	width:300px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:#F5F5F5;
	background-image:url(/common/img/contents_icon.gif);
	background-repeat:no-repeat;
	vertical-align:top;
}
.conBox a{
	display:block;
	text-decoration:none;
	background-repeat:no-repeat;
	position:relative;
	padding: 20px;
}
.conBox:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
}
.box02,.box04{
	margin-right:0px;
}
.box03,.box04,.box05,.box06{
	margin-bottom:0px;
}
.conBox a h3{
	font-size:138.5%;
	line-height:1.2em;
	margin-bottom:10px;
	text-align:left;
	color: #315996;
}
.conBox a h3 span{
	font-size:12px;
	color:#333;
}
.conBox a .text{
	margin-bottom:10px;
}
.conBox a .text p{
	font-size:93%;
	line-height:1.5em;
	font-weight:bold;
}
.conBox .moreBox{
	width:100%;
	letter-spacing: -.40em;
	text-align:right;
	position:absolute;
	bottom:20px;
	left:0px;
}
.conBox .moreBox2{
	width:100%;
	letter-spacing: -.40em;
	text-align:right;
}
.conBox .conImg{
	width:160px;
	text-align:center;
	display : inline-block;
    *display : inline;
    *zoom : 1;
}
.conBox .more_b{
	background-image:none;
	font-size:85%;
	line-height:1.2em;
	font-weight:bold;
	letter-spacing: normal;
	display : inline-block;
    *display : inline;
    *zoom : 1;
	background-image:url(/common/img/more_arrow.png);
	background-repeat:no-repeat;
	background-position:right 0px;
	color:#315996;
	padding-right:16px;
	margin-left:5px;
	margin-right:20px;
}
.conBox .moreBox2 .more_b{
	margin-left:0px;
	margin-right:0px;
}

.section{
	margin-bottom:40px;
}
.beacon .section{
	position:relative;
}
.beacon .section #badge{
	position:absolute;
	top:0px;
	right:0px;
}
.imgCenter{
	text-align:center;
}
.more{
	text-align:right;
}
.more a{
	font-size:85%;
	line-height:1.2em;
	font-weight:bold;
	display : inline-block;
    *display : inline;
    *zoom : 1;
	background-image:url(/common/img/more_arrow.png);
	background-repeat:no-repeat;
	background-position:right 0px;
	color:#315996;
	padding-right:16px;
	text-decoration:none;
	height:12px;
}
.more a:hover{
	color:#839BC0;
	background-position:right -12px;
}
.section td{
	vertical-align:middle;
}

.section iframe{
	width:100% !important;
	margin-bottom:10px;
}
.contactBtn{
	text-align:center;
}
.pdf_list li{
	margin-bottom:5px;
}
.pdf_list li a{
	background-image:url(/common/img/pdf_icon.jpg);
	background-repeat:no-repeat;
	background-position:right 1px;
	display:inline-block;
	padding-right:20px;
}
.link_list li{
	margin-bottom:5px;
}
.link_list li a{
	background-image:url(/common/img/link_icon.gif);
	background-repeat:no-repeat;
	background-position:right 3px;
	display:inline-block;
	padding-right:20px;
}

@media screen and (max-width: 980px) {
.conBox{
	width:382px;
}
.section iframe{
	height:300px !important;
}
}

@media screen and (max-width: 804px) {
#main{
	margin-bottom:20px;
}
#main h1,#main h2{
	font-size:26px;
}
.beacon #main h1{
	font-size:26px;
}
#main p{
	font-size:11px;
	line-height:1.5em;
}
h2.h2Title{
	font-size:13px;
	margin-bottom:10px;
}
.conBox{
	width:100%;
	margin-right:0px;
	margin-bottom:10px;
	float:none;
	height:auto;
}
.conBox a{
	height:auto;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}
.box03{
	margin-bottom:10px;
}
.box04,.box06{
	margin-bottom:0px;
}
.conBox a h3{
	font-size:16px;
	margin-bottom:10px;
}
.conBox .moreBox{
	position:static;
}
.conBox .more_b{
	margin-right:0px;
}

.section{
	margin-bottom:20px;
}
.imgCenter img{
	width:100%;
	height:auto;
}
.section iframe{
	height:250px !important;
}

.more a{
	background-image:url(/common/img/more_arrow_sp.png);
	background-size:9px 24px;
}
.link_list li a{
	background-image:url(/common/img/link_icon_sp.gif);
	background-size:14px 12px;
}
}

@media screen and (max-width: 640px) {
.beacon .section #badge{
	position:relative;
	margin-top:20px;
	text-align:center;
}
}

@media screen and (max-width: 470px) {
#main h1,#main h2{
	font-size:22px;
	margin-bottom:8px;
}
.conBox a{
	background-size:30%;
	min-height:100px;
}
.contactBtn img{
	width:200px;
	height:auto;
}
}