@charset "utf-8";

/*-----------------------------------------------

base.css
2013.05.21 更新　／　2013.05.21 作成

西日本新聞社　コーポレートサイト

-----------------------------------------------*/


/* common
------------------------------------------------*/
div, span, dl, dt, dd, input, label, form, select, p, ul, li, ol, h1, h2, h3, h4, h5, h6, address, body{
	font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
	line-height:1.6;
	vertical-align:bottom !important;
}
td,th{
	font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
}

a{cursor:pointer;}
a:hover img{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
a:hover img.none{filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

body{
	text-align:center;
	font-size:14px;
	font-weight:normal;
}

img{
	vertical-align:bottom;
}

.center{
	text-align:center;
	margin:0 auto;
}

.w190{
	width:190px !important;
}


/* マージン調整
------------------------------------------------*/
.mt0{margin-top:0px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}

.mb0{ margin-bottom:0px !important; }
.mb05{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }

.ml0{ margin-left:0px !important; }
.ml05{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml35{ margin-left:35px !important; }

.mr0{ margin-right:0 !important; }
.mr05{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr35{ margin-right:35px !important; }

.pt0{padding-top:0px !important;}
.pr0{padding-right:0px !important;}
.pb0{padding-bottojm:0px !important;}
.pl0{padding-left:0px !important;}

.pt10{padding-top:10px !important;}
.pl10{padding-left:10px !important;}

.last{ margin:0 !important; }


/* align */
.left{text-align:left !important;}

.right{text-align:right !important;}

.center{text-align:center !important;}

.middle, *:first-child+html body img.middle{ vertical-align:middle; }

.fleft{float:left !important;}

.fright{float:right !important;}

.block{display:block;}

.inline{display:inline !important;}

.hide{display:none !important;}


/* フォントスタイル
------------------------------------------------*/

.font_xl{ font-weight:bold !important; font-size:154% !important; }
.font_xl_a{ font-weight:bold !important; font-size:154% !important; color:#CA4646 !important; }

.font_l{ font-size:123% !important; }
.font_l_a{ font-size:123%; color:#CA4646 !important; }

.font_s{ font-size:85% !important; }
.font_s_a{ font-size:85%; color:#CA4646 !important; }

.font_b{ font-weight:bold !important; }
.font_b_a{ font-weight:bold; color:#CA4646 !important; }

.font_a{ color:#CA4646 !important; }

.font_gr01{ color:#666 !important; }
.font_s_gr01{  font-size:85%; color:#666 !important; }


/* Link-color
------------------------------------------------*/
a:link {color:#3550A7; text-decoration:none;}
a:visited {color:#3550A7; text-decoration:none;}
a:hover {color:#3550A7;	text-decoration:underline;}
a:active {color:#3550A7; text-decoration:underline;}
/*a{color:#FD6900; text-decoration:underline;}*/

footer #footer_top a,footer #pagetop a{
	color:#F5F5F5;
}


table{
	margin:0;
	padding:0;
	border:0;
	/*border-collapse:collapse;*/
}

/* Listスタイル
------------------------------------------------*/

ul.square li{
	list-style:square inside;
}
ul.disc li{
	list-style:disc inside;
}

li.li_first{
	margin-top:0;
	padding-top:0;
	border-top:none;
}
li.li_last{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

ul.stripe li.li_last{
	border-bottom:none;
}

ul.list li{
	border-bottom:1px #ddd dotted;
	padding:7px 0;
}

ul.list li .asset-meta{
	display:inline;
}


/* linkスタイル
------------------------------------------------*/
.link_block a {
	display: block;
	padding: 5px;
	border: 2px solid #D94241;
	font-weight: bold;
	text-decoration: none;
}

.link_block a:hover {
	background: #D94241;
	color: #FFF;
}

.link_block img {
	padding: 2px 4px 0 0;
}


.link01 a{
	display: block;
	padding: 0 5px 5px 20px;
	background: url(img/icon_bl01.gif) 0 35% no-repeat;
}



/*
*/
.r_betsumado a{
	/*background-image: url(img/icon_betsumado.gif),url(img/icon_bl01.gif) !important;
	background-position:right 1px,0 49%;
	background-repeat:no-repeat,no-repeat;*/
	padding-right: 13px;
}




/* btnスタイル
------------------------------------------------*/
.btn{
	background:#D9E1F4;
}

.btn_style_txt{
	background-color:#edf1fc!important;
	padding-bottom:0 !important;
	list-style-image:none !important;
	display:inline-block;
}
.btn_style_txt_emph{
    background-color:#edf1fc!important;
    border: 2px solid #C4D2F7;
    padding-bottom:0 !important;
    list-style-image:none !important;
    display:inline-block;
}

*:first-child+html .btn_style_txt,
* html .btn_style_txt{
	width:300px;
}

.btn_w280{
	width:280px;
}


.btn_style_txt a,.btn_style_txt_emph a{
	display:block;
	background-image:url(img/icon_btnbg.gif);
	background-repeat:no-repeat;
	background-position:right center;
	display:block;
	padding:10px 35px 10px 25px;
	font-weight:bold;
	margin-right:10px;
	text-align:left;
}

.arrow_down a{
    background-image:url(img/icon_btndown.gif);
}

/* linkスタイル
------------------------------------------------*/
.txt_link{
	padding-left:15px;
    padding-bottom: 0 !important;
	background:url(img/icon_bl01.gif) 0 48%no-repeat;
}



/* 折り返し
------------------------------------------------*/
.note05{
	display:block;
	margin-left:0.5em;
	text-indent:-0.5em;
}

.note1{
	display:block;
	margin-left:1em;
	text-indent:-1em;
}
.note2{
	display:block;
	margin-left:2em;
	text-indent:-2em;
}


/* waku,background
------------------------------------------------*/
.bg_gray01{
	background: #f7f7f7;
	padding: 15px !important;
}





/* イメージ
------------------------------------------------*/
.pht_style{
	display:block;
	border:4px solid #EEE;
}

.w100{ width:100px; }
.w120{ width:120px; }
.w140{ width:140px; }
.w150{ width:150px; }
.w200{ width:200px; }
.w250{ width:250px; }
.w300{ width:300px; }
.w350{ width:350px; }




/* アイコン
------------------------------------------------*/
.betsumado a{
	/*background:url(/img/common/icon_arrow02_2.png) 0 50% no-repeat;*/
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}
.betsumado span{
	margin-left:3px;
}

.betsumado span img {
	vertical-align: middle;
}

.pdflink_s a{
	background:url(img/icon_pdfs.png) 0 50% no-repeat;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
}
.pdflink_s2{
	background-color:#D9E1F4;
	padding-top:10px;
	padding-bottom:10px;
}
.pdflink_s2 a{
	background-image:url(img/icon_pdfs.png),url(img/icon_btnbg.gif);
	background-position:15px 50%,right center;
	background-repeat:no-repeat,no-repeat;
	padding-left:45px;
	margin-right:10px;
	display:block;
	font-weight:bold;
}

/*.wordlink_s a{
	background:url(/img/common/icon_words.png) 0 50% no-repeat;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
}
*/

/* PDF banner
------------------------------------------------*/

#bn-pdf {
	border: 1px solid #ccc;
}

#bn-pdf {
	margin-left: 10px;
	padding: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	border: 1px solid #ccc;
}

#bn-pdf img {
	float: left;
}

#bn-pdf p {
	float: left;
	margin-left: 10px;
}


/* clear
------------------------------------------------*/
.clear {
	clear: both;
}

.clear-both {
	clear: both;
	height: 1px !important;
	display: block !important;
	font-size: 1px!important;
	margin: 0 !important;
}
.bg_none{background:none !important;}
.bgimg_none{background-image:none !important;}


/* tab
------------------------------------------------*/
#tabArea {
  margin-top: 40px;
  margin-bottom: 20px;
  position: relative;
}

#tab {
  position: absolute;
  top: -40px;
}

#tab li {
  height: 14px;
  width: 143px;
  float: left;
  margin-right: 1px;
  padding: 10px;
  list-style: none;
  cursor: pointer;
  background:#3550A7;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  z-index: 2;
}
#tab li span {
  background: url(img/icon_bl03.gif) left center no-repeat;
  padding-left: 15px;
}

#tab li.select {
  height: 15px;
  background:url(img/tab_bg.gif) repeat;
  color: #000000;
  font-weight: bold;
  border-top: solid 1px #BEC9E2;
  border-left: solid 1px #BEC9E2;
  border-right: solid 1px #BEC9E2;
  position: relative;
}
#tab li.select span {
  background: url(img/icon_bl02.gif) left center no-repeat;
  padding-left: 15px;
}
.tab_content {
  clear: left;
  background:url(img/tab_bg.gif) repeat;
  text-align: center;
  line-height: 100px;
  padding: 29px 9px 9px 9px;
  border: solid 1px #BEC9E2;
  position: relative;
  top: -5px;
  z-index: 1 !important;
}


/* table
------------------------------------------------*/
#main table {
	width: 100%;
	background: #ffffff;
	border-top: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
}

#main thead th {
	background: #3550A7;
	color: #ffffff;
	padding: 10px;
	border-right: solid 1px #DDDDDD;
}

#main tbody th {
	background: #ECEFF9;
	color: #000000;
	padding: 10px;
	border-right: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
	text-align: left;
	font-weight: normal;
}

#main tbody td {
	color: #000000;
	padding: 10px;
	border-right: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
	text-align: left;
}


/* clearfix
------------------------------------------------*/
.clearfix:after{
content: ".";
display: block;
/*height: 0;*/
clear: both;
visibility: hidden;
line-height: 0;/* for modern browser */
}
.clearfix{
display: inline-block;
min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix{ height: 1%;}
.clearfix{ display: block;}
/* End hide from IE-mac */


/* clearfix2
-------------------------- */
.clearfix2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix2 {	/* IE7 Bug Fix */
	min-height: 1px;
}

* html .clearfix2 {	/* IE6 and MacIE Bug Fix */
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}