@charset "UTF-8";

/*///////////////////////////////////　
　　　　　　汎用CSS 
////////////////////////////// */

/* other
---------------------------------------------------------- */

img{
	border: none;
	vertical-align: bottom;
}

p {
    margin-bottom: 30px;

}
strong{
    font-weight: bold;
}
.fred{
    color: #D7191C;
}
.fred_small{
    color: #D7191C;
    font-size: 0.8rem;
}
.center{
    text-align: center;
}
.mt_10{
    margin-top: 15px;
}
.mb_40{
    margin-bottom: 40px;
}
.mb_50{
    margin-bottom: 50px;
}
.w15p{
    width: 15%;
}
.w20p{
    width: 20%;
}
.w40p{
    width: 40%;
}
.w8p{
    width: 8%;
}
/*------------------------------------------------
	table
------------------------------------------------*/
table{
        line-height: 140%;   
}
.table {
	border: 1px solid #CCC;
	border-collapse:collapse;
 
}

.td {
	border: 1px solid #CCC;
	padding: 10px;
}

.th {
	border: 1px solid #D6D0C2;
	padding: 10px;
	text-align: center;
}
.th1{
    background-color: #004597;
    padding: 10px;
    color: #FFFFFF;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.th2{
    background-color: #004597;
    padding: 10px;
    color: #FFFFFF;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.td1{
    padding: 10px;
    background-color: #CADCFF;
}
.td2{
    padding: 10px;
    background-color: #E1EEFD;
}
.td3 {
    padding: 10px;
    background-color: #E8E8E8;
}

/*------------------------------------------------
囲み
------------------------------------------------*/* 
.maruwaku{
    background-color: #00144A;
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-weight: bold;
    font-size: 1.1rem;
}
/*------------------------------------------------
	/* 角丸・シャドウ
------------------------------------------------*/
.round{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(../js/PIE.htc);
    zoom: 1;
    position: relative;
    background-color: #BFBFBF;
}

.shadow{
    box-shadow: 1px 1px 4px 1px #eaeaea;
    -moz-box-shadow: 1px 1px 4px 1px #eaeaea;
    -webkit-box-shadow: 1px 1px 4px 1px #eaeaea;
zoom: 1;
position:relative;
}


/*------------------------------------------------
	clear, clearfix
------------------------------------------------*/
.clearfix:after {/*for modern browser*/
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { 
	display: inline-block; 
	zoom:normal;/*for IE 5.5-7*/
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

.clearfix {
	overflow:hidden;
}

.clear {
	clear: both;
}