@charset "UTF-8";
/* CSS Document */
@charset "utf-8";

*
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

a:focus {
    outline: thin dotted;
}
a:hover,
a:active
{
    outline: 0;
}

table 
{
	border-collapse: collapse; 
	border-spacing: 0; 
	font-size: inherit;
	width: 100%;
}
th {
	text-align: left;
}

ul,dl,ol
{ text-indent: 0;}

li{ list-style: none;}

img 
{ border: 0;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*
    html5への対応
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

/* setting
------------------------ */
.mb1{ margin-bottom: 1%;}
.mb2{ margin-bottom: 2%;}
.mb3{ margin-bottom: 3%;}
.mb4{ margin-bottom: 4%;}
.mb5{ margin-bottom: 5%;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb35 { margin-bottom:35px;}
.mb40 { margin-bottom:40px;}
.mb45 { margin-bottom:45px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px;}
.ml20{ margin-left: 20px;}

.nb{ border: none; border: 0;}
.left{ float: left;}
.right{ float: right;}

.fs10{ font-size:10px; line-height:14px;}
.fs12{ font-size:12px; line-height:16px;}
.fs14{ font-size:14px; line-height:18px;}
.fs16{ font-size:16px; line-height:20px;}

.t_center{ text-align: center;}
.t_right{ text-align: right;}

.font_b{ font-weight: bold;}

button,
input {
    line-height: normal;
}

input,
textarea {
    background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
    padding: 2px;
    border: 1px solid #ccc;
}

label {
    cursor: pointer;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

/* Buttons */

button,
.contributor-posts-link,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #ea9e1a;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 30px 11px;
    text-transform: uppercase;
    vertical-align: bottom;
}

button:hover,
button:focus,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #f8b034;
    color: #fff;
}

button:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background-color: #dd910d;
}
.button {
    background-color: #ea9e1a;
    border: 0;
    border-radius: 2px;
    color: #fff;
    font-size: 1.077em;
    font-weight: 700;
    padding: 8px 20px 9px;
    text-transform: uppercase;
    vertical-align: bottom;
    display: inline-block;
}
.button:hover {
  background-color: #f8b034;
  color: #FFF;
  text-decoration: none;
}
.button:active {
  background-color: #dd910d;
}
.button.mini {
  padding: 4px 10px 5px;
  vertical-align: middle;
  font-size: 0.923em;
}
.button.micro {
  padding: 1px 5px 2px;
  vertical-align: middle;
  font-size: 0.923em;
}
.button.ml {
  margin-left: 10px;
}
/* content example
------------------------ */
        
/*

a,a:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
 
a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ {
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ内側 {
    -moz-box-shadow: inset 1px 1px 3px #000;
    -webkit-box-shadow: inset 1px 1px 3px #000;
    box-shadow: inset 1px 1px 3px #000;
}
 
角丸 {
    border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
}
 
トランジション {
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}
 
透明 {
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}
 
背景のみ透明 {
    background-color:rgba(255,255,255,0.2);
}
 
グラデーション {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
    background-image: -moz-linear-gradient(top, #ffffff, #000000);
    background-image: -ms-linear-gradient(top, #ffffff, #000000);
    background-image: -o-linear-gradient(top, #ffffff, #000000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
    background-image: -webkit-linear-gradient(top, #ffffff, #000000);
    background-image: linear-gradient(top, #ffffff, #000000);
}

*/

.newsList dl
{
    
    width: 100%;
    clear: both;
}
.newsList dt
{
    float: left;
}

.tbl {
    width: 100%;
}
.tbl.tblFixed {
    table-layout: fixed;
}
.tbl th,
.tbl td{
    padding: 2%;
}
.tbl.bdr {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.tbl.bdr th,
.tbl.bdr td
 {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.tbl.bdrBtm {
    border-top: 1px solid #ccc;
}
.tbl.bdrBtm th,
.tbl.bdrBtm td
{
    border-bottom: 1px solid #ccc;
}
.tbl.bdrDot,
.tbl.bdrDot th,
.tbl.bdrDot td
{
    border-style: dotted;
}
.tbl.thbg th {
    background-color: #ddd;
}
.tbl.thin th,
.tbl.thin td{
    padding: 1%;
}

