@charset "Shift-JIS";
/*共通項目*/

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
 margin: 0;
 padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
 font-style: normal;
}
#content-area a:link, {
 !important;
}
table
{
 border-collapse: collapse;
 border-spacing: 0;
}
caption, th
{
 text-align: left;
}
q:before, q:after
{
 content: '';
}
object, embed
{
 vertical-align: top;
}
/*hr, legend
{
 display: none;
}*/
img, abbr, acronym, fieldset
{
 border: 0;
 vertical-align: bottom;
}
li
{
 list-style-type: none;
}
h1, h2, h3, h4, h5, h6
{
}
/* -----------------------追加 */

#content-area
{
 margin: 0;
 padding: 0;
}
#content-area a:link
{
 text-decoration: none;
}
#content-area a:hover
{
 text-decoration: none;
 color: #5378c6;
}
#content-area a:active
{
 text-decoration: none;
}
#content-area a
{
 text-decoration: none;
 color: #003a91
}
#content-area #main-area
{ font-family: "MS PGothic", sans-serif; color: #333333; line-height: 1.5; margin: 0px; padding: 0px; }
.red
{
 color: #CA0000
}
.grey666
{
 color: #666666
}
.lay_left
{
 float: left;
}
.lay_right
{
 float: right;
}
.lay_clear
{
 clear: both;
 font-size: 0px;
 line-height: 0px;
 width: 100%;
 height: 0;
 margin: 0px;
 padding: 0px;
}
.pagetop
{
 padding-top: 15px;
 float: right;
 display: block;
 line-height: 11px;
 padding-bottom: 10px;
 width: 770px;
}
.pagetop a
{
 width: 95px;
 display: block;
 text-indent: -10000px;
 background-image: url(../../images/common/pagetop.gif);
 background-position: left top;
 background-repeat: no-repeat;
 float: right;
}
.pagetop a:hover
{
 background-image: url(../../images/common/pagetop.gif);
 background-position: left bottom;
 background-repeat: no-repeat;
}
.margintop10
{
 margin-top: 10px;
!important;
}

.sp20
{
 font-size:1px;
 line-height:1px;
 padding:0;
 margin-top: 20px;
}




/* OPTION ********************************************************************************************************/



#content-area.lay_clear
{
 font-size:0;
 line-height:0;
 width:100%;
 height:0;
 clear:both;
}
#content-area .lay_left
{
 float:left;
 margin: 0px;
 padding: 0px;
}
#content-area .lay_right
{
 float:right;
}
/*ページタイトル*/
#page-title
{
 padding: 0px;
 font-weight: normal;
 margin: 0px;
 width: 770px;
 color: #333333;
 float: right;
}
#page-title h1
{
 font-weight: normal;
 font-size: 100%;
 line-height: 38px;
 background-image: url(../../images/common/main_title.gif);
 background-repeat: no-repeat;
 background-position: center top;
 display: block;
 text-align: center;
 margin: 0px;
 padding: 0px;
 color: #666666;
}
#page-title strong
{
 font-size: 150%;
 font-weight: normal;
}
#page-title02
{
 width: 770px;
 float: left;
 height: 43px;
 font-weight: normal;
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #E1E1E1;
}
#page-title02_2
{
 width: 770px;
 float: right;
 font-weight: normal;
 padding: 0px;
 margin: 0px;
}
#page-title02 h3
{
 line-height: 1.2;
 color: #CA0000;
 padding-top: 15px;
 font-weight: normal;
 float: left;
 font-size: 75%;
}
#page-title02 h4
{
 float: right;
 padding-top: 10px;
 height: auto;
 width: auto;
 font-size: 90%;
}
#page-title03
{
 height: auto;
 float: left;
 width: 100%;
 padding: 0px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
}
#page-title03 h3
{
 font-size: 62.5%;
 line-height: 1.2;
 font-weight: normal;
 text-align: right;
 color: #666666;
}
#page-title03 h4
{
 float: right;
 height: auto;
 line-height: 1.2px;
 width: auto;
 margin-top: 5px;
}
#page-title02 h5
{
 line-height: 1.2;
 font-weight: normal;
 float: right;
 font-size: 75%;
 margin-top: 15px;
 margin-right: 6px;
}
#page-title02 p
{
 font-size: 62.5%;
 line-height: 1.2;
 padding-top: 10px;
 font-weight: normal;
 float: left;
}
#content .col5G4 .article.col-3 { padding-top: 10px; line-height: 1.67; }
#content .col5G4 .article.col-3 .float  {
         float: left;
         margin-right: 1em;
      }
#content .col5G4 .article.col-3 .floatclear {
         clear: both;
      }
#content .col5G4 .article.col-3 p { line-height: 48px; }




.margintop0
{
 margin-top: 0
}
.margintop5
{
 margin-top: 5px;
!important;
}
.margintop10
{
 margin-top: 10px;
!important;
}
.margintop15
{
 margin-top: 15px;
!important;
}
.margintop20
{
 margin-top: 20px;
!important;
}
.margintop30
{
 margin-top: 30px;
!important;
}
.margintop35
{
 margin-top: 35px;
!important;
}
.marginleft5
{
 margin-left: 5px;
!important;
}
.marginleft10
{
 margin-left: 10px;
!important;
}
.marginleft15
{
 margin-left: 15px;
!important;
}
.marginleft20
{
 margin-left: 20px;
!important;
}
.marginlight5
{
 margin-right: 5px;
!important;
}
.marginlight10
{
 margin-right: 10px;
!important;
}
.marginlight15
{
 margin-right: 15px;
!important;
}
.marginlight20
{
 margin-right: 20px;
!important;
}
.marginlight40
{
 margin-right: 40px;
!important;
}
.marginbottom5
{
 margin-bottom: 5px;
!important;
}
.marginbottom10
{
 margin-bottom: 10px;
!important;
}

.border { 
border: 1px solid #CCC; 
!important;
}