@charset "UTF-8";

@import url(base.css);
@import url(common.css);

/*
-----------------------------------
INDEX(id="index")
-----------------------------------
*/

#overlay{
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 1000;
	background: rgba(23,73,135,1);
}

#overlay #text{
	font-size: 40px;
	color: #eee;
	padding-top:300px;
	vertical-align: middle;
	font-weight: bold;
	display:none;
}

#mainv{
	/*height:430px;*/
	margin-top: 10px;
}

#mainv:after{
	content:"";
	display:block;
	clear:both;
}

#mainv video{
	display:block;
	width:100%;
	margin:0 auto;
}

#mainv img{
	width:100%;
	text-align:center;
}

#topcontainer_all{
	padding-top: 20px;
	background:#c7e8f7 url(../img/common/contbg.jpg) no-repeat;
	background-size:100%;
}

#topcontainer{
	width:1024px;
	margin:0 auto;
	padding-bottom:50px;
}

#topcontainer:after{
	content:"";
	display:block;
	clear:both;
}

#topcontainer #cont_l,
#topcontainer #cont_r{
}

#topcontainer #cont_l{
	width:720px;
	float:left;
}

#topcontainer #topics_all{
	width:100%;
	min-height:346px;
	margin-bottom:20px;
}

#topcontainer #bnr01 li{
	float:left;
	margin-right:7px;
}

#topcontainer #bnr01 li#bnr01_03{
	margin-right:0px;
}

#topcontainer #cont_r{
	width:280px;
	float:right;	
}

#topcontainer #sns{
	height:346px;
	overflow:hidden;
	margin-bottom:20px;
}

#topcontainer #sns iframe{
	height:300px!important;
}

div.tweetBlock{
	height:246px!important;
}

#topcontainer #bnr02 li{
	height:37px;
}

#topcontainer #bnr02 li#bnr02_01{
	margin-bottom:5px;
}

#bnr03{
	clear:both;
	padding-top: 20px;
	text-align: center;
}

#bnr03 li{
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
}
#bnr03 li:last-child {
    margin-right: 0 !important;
}
#bnr03 li img {
    width: 197px;
}
#bnr03 li#bnr03_05{
	margin-right:0;
}
#bnr04{
	clear:both;
	text-align: center;
}
#bnr04 li{
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
}
#bnr04 li:last-child {
    margin-right: 0 !important;
}
#bnr04 li img {
    width: 98px;
	height:29px;
}

.tab_header_inner li{
	float:left;
	width:140px;
	text-indent:-9999px;
	cursor:pointer;
}

.tab_header_inner #swbtn_fb a{
	display:block;
	width:140px;
	height:45px;
	background:url(../img/index/snsbtn_fb.gif) no-repeat;
}

.tab_header_inner #swbtn_tw a{
	display:block;
	width:140px;
	height:45px;
	background:url(../img/index/snsbtn_tw.gif) no-repeat;
}

.tab_header_inner #swbtn_fb a.bg2,
.tab_header_inner #swbtn_tw a.bg2{
	background-position:left bottom;
}

/*-------------------------------------------------------------------------
  ■トップリストセクション（トピックス、お知らせ、更新情報）
-------------------------------------------------------------------------*/
/* トップリストセクション表題 */
#toplist h2{
	height:22px;
	color:#000000;
	cursor:auto;
	background-image:url("../img/top/tab_open.gif");
	background-repeat:repeat-x;
	background-position:0px 0px;
	border-right:1px solid #959595;
	border-left:1px solid #959595;
	padding: 10px 10px 0px;
	vertical-align:baseline;
}
#toplist h2 *{
	
	vertical-align:bottom;
}
#toplist a.tList{
	display:none;
}
/* ＞表題個別設定 */

#toplist h2#topics{
	background:#c9c9c9 url(../img/index/topix_icon01.png) no-repeat 9px 50%!important;
	padding-left:20px;
}

.tabOn#toplist h2#topics.on{
	background:#031a7c url(../img/index/topix_icon01.png) no-repeat 9px 50%!important;
}

.tabOff#toplist h2#topics,
.tabOff#toplist h2#topics.on{
	background:#003094 url(../img/index/topix_icon01.png) no-repeat 9px 50%!important;
	color:white!important;
}

#toplist h2#update{
	background:#c9c9c9 url(../img/index/topix_icon02.png) no-repeat 9px 50%!important;
	padding-left:20px;
}

.tabOn#toplist h2#update.on{
	background:#031a7c url(../img/index/topix_icon02.png) no-repeat 9px 50%!important;
}

.tabOff#toplist h2#update,
.tabOff#toplist h2#update.on{
	background:#003094 url(../img/index/topix_icon02.png) no-repeat 9px 50%!important;
	color:white!important;
}

#toplist h2#news{
	background:#c9c9c9 url(../img/index/topix_icon03.png) no-repeat 9px 50%!important;
	padding-left:20px;
}

.tabOn#toplist h2#news.on{
	background:#031a7c url(../img/index/topix_icon03.png) no-repeat 9px 50%!important;
}

.tabOff#toplist h2#news,
.tabOff#toplist h2#news.on{
	background:#003094 url(../img/index/topix_icon03.png) no-repeat 9px 50%!important;
	color:white!important;
}

#toplist #houdou {
	background:#ec6941 url(../img/index/topix_icon04.png) no-repeat 9px 50%!important;
	padding-left:20px;
	color:white;
}

.tabOn#toplist h2#houdou.on{
	background:#031a7c url(../img/index/topix_icon04.png) no-repeat 9px 50%!important;
}
.tabOff#toplist h2#houdou,
.tabOff#toplist h2#houdou.on{
	background:#003094 url(../img/index/topix_icon04.png) no-repeat 9px 50%!important;
	color:white!important;
}

#toplist h2.on{
	color:white;
}

#toplist h2 span{
	width:55px;
}

#toplist h2 span a{
	display:block;
	width:40px;
	height:21px;
	text-indent:-9999px;
	float:right;
	background:url(../img/index/topix_list.gif) left top no-repeat;
}

.tabOn#toplist h2.on span a{
	background-position:left bottom;
}


/* トップリストセクション内容*/
#toplist div.tabBox{
	margin-bottom:10px;
	background-color:#ffffff;
	border-right:1px solid #959595;
	border-bottom:1px solid #959595;
	border-left:1px solid #959595;
}

.tabOff#toplist div.tabBox#topicsdiv,
.tabOff#toplist div.tabBox#updatediv{
	border-bottom:none;
	margin-bottom:10px;
}

#toplist div div.inner{
	border:1px solid #dddddd;
	margin:0px 10px 10px 30px;
	padding:10px;
}
#toplist div ul.indexLink{
	clear:both;
	font-size:80%;
	text-align:right;
	padding:5px 10px 5px;
}
#toplist div dl.date{
	overflow:hidden;
	clear:both;
	width:100%;
}
#toplist div dl.date dt,#toplist div dl.date dd{
	font-size:85%;
	padding:3px 0px 3px;
}
#toplist div dl.date dt{
	clear:both;
	float:left;
	width:5em;
	text-align:right;
}
#toplist div dl.date dd{
	padding-left:5.5em;
}
/* ＞内容個別設定 */

div#newsdiv ul#sub_exlink{
	height:34px;
	width:702px;
	overflow:hidden;
	margin:20px 10px 0 30px;
}
div#newsdiv ul#sub_exlink li{
	display:inline-block;
	float:left;
	margin-left:16px;
}
div#newsdiv ul#sub_exlink li.nols{
	margin-left:0;
}

div#updatediv{
	background: url("../img/top/tab_update_bg.gif") repeat-x 0 0;
}
h2#update{
	letter-spacing:0.1em;
}
/* ＞＞トピックス内容 */
.newsbody ul{
	display:inline-block;
	vertical-align:middle;
}

.newsbody ul{
	float:right;
	width:310px;
}
.newsbody ul.tate{
	width:415px;
}

.newsbody dt a{
	display:inline-block;
}

.newsbody dt a img{
	display:inline-block;
	vertical-align:bottom;
}

.newsbody dd{
	display:inline-block;
	text-align:left;
	line-height:130%;
	padding:0px 5px 0px;
}

.tabbox_l{
	width:315px;
	float:left;
}

.tabbox_l dl{
	width:312px;
	height:208px;
	overflow:hidden;
	position:relative;
}

.tabbox_l dd{
	width:312px;
	z-index:1000;
	background:url(../img/index/news_boxbg.png) repeat;
	display:block;
	text-align:center;
	font-size:16px;
	/*height:35px;*/
	box-sizing: border-box;
	font-weight:bold;
	color:white;
	padding:7px;
	position:absolute;
	bottom:0px;
	left:0px;
}

 .newsbody{
	 width:340px;
	height:265px;
	float:right;
	padding-right:5px;
	position:relative;
	overflow-y:scroll;
}

 .newsbody li{
	padding: 6px 0 6px 0px;
	font-size:90%;
	line-height:120%;
	background: url(../img/top/marker_01.gif) no-repeat 5px 50%;
}

 .newsbody li+li{
	border-top: 1px dotted #c6c6c6;
}

 .newsbody li dl dt{
	background:url(../img/index/icon_cube01.gif) no-repeat 0 50%;
	padding-left:15px;
	margin-bottom: 10px;
	text-align:left;
	font-weight: bold;
}

 .newsbody li dl dd{
	text-align:left;
}

 .newsbody li dl dd a{
	text-decoration:underline;
	line-height:130%;
	color:#2d3c98;
}

 .newsbody li dl{
	border-bottom:dotted 2px #555;
	text-align:left;
	font-size:1.4em;
	padding:17px 0;
}

 .newsbody li dl:nth-child(1){
	padding-top: 0;
}

/* //// jQuery:タブ上の一覧ボタン //// */
#jqOn #toplist a.tList{
	display:inline;
}
/* //// jQuery:corn(角丸) //// */
#jqOn #toplist h2.corn{
	border:none;
	background-image:none;
	padding:0px;
	border-left:none;
	width:auto;
}
* html #jqOn h2{	width:100%;}
* html #jqOn .tabOn h2#topics{	width:6em;}
* html #jqOn .tabOn h2#update{	width:10em;}
* html #jqOn .tabOn h2#news{	width:15em;}

#jqOn #toplist h2.corn div.c1{background-image:url("../img/top/tab_open.gif");}
#jqOn #toplist h2.corn div.c2{background-image:url("../img/top/tab_open_r.gif");}
#jqOn #toplist h2.corn div.c3{background-image:url("../img/top/tab_open_l.gif");
	height:32px;
	padding:10px 10px 2px;
}
/* //// jQuery:tabOn //// */
.tabOn#toplist h2{
	cursor:pointer;
	font-size:14px;
}
.tabOn#toplist h2.corn{
	height:45px;
}

#jqOn .tabOn#toplist h2.corn div.c1{background-image:url("../img/top/tab_close.gif");}
#jqOn .tabOn#toplist h2.corn div.c2{background-image:url("../img/top/tab_close_r.gif");}
#jqOn .tabOn#toplist h2.corn div.c3{background-image:url("../img/top/tab_close_l.gif");

padding-top:12px;
padding-left:35px;
width:112px;
}

#jqOn .tabOn#toplist h2.corn#topics div.c1{
	letter-spacing:-2px;
}

#jqOn .tabOn#toplist h2.on div.c1{background-image:url("../img/top/tab_open.gif");}
#jqOn .tabOn#toplist h2.on div.c2{background-image:url("../img/top/tab_open_r.gif");}
#jqOn .tabOn#toplist h2.on div.c3{background-image:url("../img/top/tab_open_l.gif");

}

.tabBox{
	padding:18px 10px 10px 28px;
	height:271px;
}


.tabOn#toplist h2{
	float:left;
	margin-right:1px;
	position:relative;
	z-index:250;
}
.tabOn#toplist div.tabBox{
	border:1px solid #959595;
	clear:both;
	position:relative;
	z-index:500;
	overflow:hidden;
	opacity:0.9;
}
* html .tabOn#toplist div.tabBox{
	width:100%;
}

.tabBox:after{
	content:"";
	display:block;
	clear:both;
}


/*-------------------------------------------------------------------------
  ■jQuery用(jsの中にしか書かれていないタグ用)
-------------------------------------------------------------------------*/
/* 「.corn」内divスタイル(tabSystem.js) */
.corn{
	background-image:none;
}
.corn div.c1{
	background-repeat:repeat-x;
	background-position:right top;
}
.corn div.c2{
	background-repeat:no-repeat;
	background-position:right top;
}
.corn div.c3{
	background-repeat:no-repeat;
	background-position:left top;
}

.tabReset{
	display:none;
}
.tabOn .tabReset{
	width:81px;
	height:31px;
	text-indent:-9999px;
	display:block;
	float:right;
	position:relative;
	font-size:85%;
	font-weight:bold;
	line-height:100%;
	background:url(../img/index/tab_off.gif) no-repeat;
	cursor:pointer;
}
.tabOn#toplist .tabReset{
	top:15px;
}
.tabOn#pickupinner .tabReset{
	top:3px;
}

.tabOff h2{
	padding:10px!important;
	padding-left:40px!important;
	background:#FF0004;
}

/*english*/

.english_index #topcontainer {
	margin-top: 30px;
}

#ebnr01 li{
	font-weight: bold;
	font-size:12px;
	border:solid 1px #CCC;
	margin-bottom: -1px;
}

#ebnr01 li a{
	height:40px;
	padding-top:20px;
	padding-left: 12px;
	display:block;
	background:#F1F1F1;
	border-left:solid 10px #040c60;
	color:#040c60;
}

#ebnr01 li a:hover{
	text-decoration:none;
}

#news_e h2{
	background:#040c60;
	color:white;
	padding:0px 15px;
	padding-top: 15px;
	height:47px;
	font-size:22px;
}

#news_e #newsbody{
	border:solid 1px #CCC;
	box-sizing:border-box;
	padding:20px;
	height:400px;
	background:white;
	overflow-y:scroll;
}

#news_e #newsbody dl{
	font-size:15px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom:dotted 1px #CCC;
}

#news_e #newsbody dl dt{
	font-weight: bold;
	float:left;
	width:15%;
}

#news_e #newsbody dl dd{
	float:right;
	width:85%;
}

#news_e #newsbody dl:after{
	content:"";
	display:block;
	clear:both;
}