@charset 'UTF-8';
/*****************************************
  RESET_CSS_ADD
*****************************************/
/* PUBLIC_STYLE */
html, button, input, select, textarea, body{
font-size:13px;
word-break: break-all;
word-wrap: break-word;
font-family: Meiryo, Helvetica, 'Hiragino Kaku Gothic Pro', 'Segoe UI', 'Yu Gothic', 'MS PGothic', sans-serif;
}
/* ANCHOR_STYLE */
/*
a:hover { text-decoration:none; }
*/

/* BORDER_STYLE */
/*
html, body, div, ul, hr, li,
table, thead, tbody, th, tr, td,
header, footer, nav, section {
border-color:#CCCCCC; border-style:solid; border-width:0;
}
*/
/*****************************************
   INPUT_TEXT_CLASS
*****************************************/
.w500{width:500px !important;}
.w400{width:400px !important;}
.w300{width:300px !important;}
.w275{width:275px !important;}
.w250{width:250px !important;}
.w225{width:225px !important;}
.w200{width:200px !important;}
.w175{width:175px !important;}
.w150{width:150px !important;}
.w125{width:125px !important;}
.w100{width:100px !important;}
.w75{width:75px !important;}
.w50{width:50px !important;}
.w25{width:25px !important;}


/*****************************************
  PUBLIC_STYLE
*****************************************/
/* 位置取り専用クラス */
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
/* 基本型罫線 */
.contents hr {
border: 1px dashed;
border-bottom-style: dashed;
border-top-style: none;
margin: 5px 0 5px 0;
}
.floatLeft{ float:left; }
.floatRight{ float:right; }
.bold{ font-weight:bold; }
.highlight { background-color: yellow; }

.serif { font-weight:bold; color: #cc3366; }

.attention{color:red;}

.btn-main {
    background-color: #333333;
    border: 1px solid #000000;
    color: #ffffff;
}
.btn-main:hover, .btn-main:focus, .btn-main:active {
    background-color: #444444;
    color: #ffffff;
}
.btn-read {
    background-color: #eeeeee;
    border: 1px solid #bbbbbb;
    color: #000000;
}
.btn-read:hover, .btn-read:focus, .btn-read:active {
    background-color: #dddddd;
}