@charset "utf-8";

/* フロント用common.css */


body{
	padding-top:75px;
}
body.domestic{background-image:url(../img/bg_dom_body.png); background-position:left 445px;}
body.abroad{background-image:url(../img/bg_abr_body.png); background-position:left 445px;}

#main.inner{
	float: none;
	width: auto;
}
.spCont{
	display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■tab_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#tab_area{
	position:fixed;
	background:#fff url(../img/common/bg_hd.png) repeat-x;
	margin-top:-90px;
	height:75px;
	border-bottom:5px solid #34417f;
	overflow:hidden;
	width:100%;
	z-index:1000;
}
#tab_area .body{
	width:970px;
	margin:0 auto;
}
#tab_area ul{
	overflow:hidden;
	float:left;
	padding-top:25px;
}
#tab_area ul li{
	float:left;
	margin-right:9px;
}
#tab_area .bnr{
	float:right;
	padding-top:9px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header{
	height:116px;
}
#header h1{
	top:9px;
}
#header #logo{
	top:40px;
}
#header #nav_member{
	top:6px;
}
#header #nav_sub{
	top:80px;
}
#header #nav{
	top:104px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■top_main
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#top_main{
	height:400px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■tab
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tabcontents,
.tabcontents .tab,
.tabcontents .content
{
	width:auto;
	overflow:hidden;
}
.tabcontents .tab{
}
.tabcontents .tab li{
	float:left;
	cursor:pointer;
}
.tabcontents .tab li:hover,
.tabcontents .tab.current{
}
.tabcontents .content{
	display:none;
}
.tabcontents .content.current{
	display:block;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■サイドバー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#side .menu{
	border: 1px solid #c1c5d3;
	padding: 1px;
	background-color: #fff;
	padding: 1px 1px 10px;
	border-radius: 4px;	
	margin-bottom:20px;
}
#side .menu .title{
	color: #fff;
	background-color: #3d4a8a;
	font-size: 16px;
	font-weight: bold;
	padding: 14px 0 13px 14px;
	margin-bottom: 5px;
	line-height: 1.3;
	border-radius:3px 3px 0 0;
}
#side ul.commonmenu li{
	
}
#side ul.commonmenu li li{
}
#side ul.commonmenu li a{
	color: #575757;
	text-decoration: none;
	padding: 8px 10px;
	display: block;
	border-bottom: 1px dotted #999999;
	line-height: 1.3;
	font-size: 13px;
}
#side ul.commonmenu li a:hover{
	color:#999;
}
#side ul.commonmenu li li a{
	text-indent:1em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■info
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contents #infoarea{
		display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
		-webkit-box-pack: justify; /*Android4.3*/
	-moz-box-pack: justify;    /*Firefox21*/
	-ms-flex-pack: justify;    /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
	margin-bottom: 20px;
}
#contents .bnr_box{
	width: 365px;
}
#contents .bnr_box li{
	margin-bottom: 14px;
}
#contents .bnr_box li:last-child{
	margin-bottom: 0;
}
#contents .info_box{
	margin-bottom:20px;
	padding:15px;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position:right bottom;
}
.domestic #contents .info_box,
.abroad #contents .info_box{
	height: 296px;
	background-repeat: no-repeat;
	background-position:left bottom;
	width: 100%;
}
.domestic #contents .info_box.hasbanner,
.abroad #contents .info_box.hasbanner{
	width: 596px;
    height: 200px;
}
.domestic #contents .info ul,
.abroad #contents .info ul{
	height: 107px;
}


.domestic #contents .info_box{
	background-color: #C8DFC5;
	background-image: url(../img/domestic/index/info_bk.png);
}
.abroad #contents .info_box{
	background-color: #B9D6E4;
	background-image: url(../img/abroad/index/info_bk.png);
}
#contents .info{
	height:171px;
	background-color:#fff;
}


#contents .info p.title{
	text-align:center;
	background-color:#435186;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	padding:12px 0 0 0;
	height:35px;
}
.domestic #contents .info p.title{
	background-color:#2d863e;
}
.abroad #contents .info p.title{
	background-color:#2a7abb;
}

#contents .info ul{
	padding:7px 35px 10px 19px;
	height:142px;
	overflow:auto;
	background-color:#fff;
}
#t_guide .info ul{
	width:280px;
	padding:2px 17px 10px 17px;
	height:180px;
	overflow:auto;
}
#contents .info ul li,
#t_guide .info ul li{
	line-height:1.4;
	border-bottom:1px dotted #bbb;
	padding:8px 5px 8px 55px;
	background-position:2px 8px;
	background-repeat:no-repeat;
}
#contents .info ul li span{
	width:50px;
	background:url(../img/index/info_line.png) no-repeat right 3px;
	margin-right:10px;
	display:inline-block;
}
#t_guide .info ul li span{
	font-weight:bold;
	background:none;
	margin-right:0;
	padding-right:5px;
	width:auto;
}
.info ul li.dom{
	background-image:url(../img/common/icon_dom.png);
}
.info ul li.abr{
	background-image:url(../img/common/icon_abr.png);
}
.info ul li.com{
	background-image:url(../img/common/icon_com.png);
}
#contents .info ul li{
	background-position:2px 7px;
	background-repeat:no-repeat;
}
#contents .info ul li.att{
	background-image:url(../img/index/icon_arr.png);
}
#contents .info ul li.lim{
	background-image:url(../img/index/icon_lim.png);
}
#contents .info ul li.pop{
	background-image:url(../img/index/icon_pop.png);
}
#contents .info ul li.imp{
	background-image:url(../img/index/icon_inp.png);
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■digipan
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contents .digipan{
	float:left;
	width:350px;
	height:206px;
	background-color:#fff;
}
#contents .digipan .body{
	padding:12px 18px 11px 14px;
	overflow:hidden;
}
#contents .digipan img.img{
	float:left;
	margin-right:0;
}
#contents .digipan .box{
	float:right;
	padding-top:7px;
	width:170px;
	line-height:1.4;
}
#contents .digipan .box p{
	margin:0 0 14px 2px;
}
#contents .digipan .box p.title{
	margin-left:0;
}
#contents .digipan .box p a{
	color:#0059d2;
}
#contents .digipan .box p a:hover{
	color:#679fec;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■前のページへ戻るボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.backtotop {
	width: 970px;
	margin: auto;
	font-size: 0;
	margin-bottom: 10px;
}
.backtotop a {
	display: inline-block;
	font-size: 20px;
	background-color: #b7b7b7;
	border: 2px solid #d0cfcf;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	height: 38px;
	line-height: 38px;
	-webkit-border-radius: 38px;
	-moz-border-radius: 38px;
	border-radius: 38px;
	padding: 0 40px 0 45px;
	background-image: url(../img/briefing/ico_back.png);
	background-repeat: no-repeat;
	background-position: 14px center;
}
.backtotop a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■モバイル用アンカー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main #mobileanchor{
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■wp-pagenavi
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.wp-pagenavi {
	clear: both;
	text-align:center;
	font-size: 0;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
    width: 40px;
    line-height: 40px;
	margin: 2px;
	background-color: #efefef;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #fff;
	font-weight: bold;
	background-color: #445289;
}
.abroad .wp-pagenavi a:hover, .abroad .wp-pagenavi span.current {
    background-color: #2975b8;
}
.domestic .wp-pagenavi a:hover, .domestic .wp-pagenavi span.current {
    background-color: #2d863e;
}	


.wp-pagenavi span.current {
	font-weight: bold;
}