/*　PCサイトでのコンテンツの幅を設定する　*/
.container {
    max-width: 800px;
    margin: 0 auto;
}

/*　フロート解除用のclearfix　*/
.container:after,
.row:after,
.col:after,
.clr:after,
.group:after {
    content: "";
    display: table;
    clear: both;
}

.row { padding-bottom: 0em;
}
             
                                   
/* ベースとしてカラムを100%に設定 */
.col {
    display: block;
    float: left;
    width: 100%;
}

.span_1 { width: 8.33333333333%; }
.span_2 { width: 16.6666666667%; }
.span_3 { width: 25%; }
.span_4 { width: 33.3333333333%; }
.span_5 { width: 41.6666666667%; }
.span_6 { width: 50%; }
.span_7 { width: 58.3333333333%; }
.span_8 { width: 66.6666666667%; }
.span_9 { width: 75%; }
.span_10 { width: 83.3333333333%; }
.span_11 { width: 91.6666666667%; }
.span_12 { width: 100%; }
     
.gutters .span_1 { width: 6.5%; }
.gutters .span_2 { width: 15.0%; }
.gutters .span_3 { width: 23.5%; }
.gutters .span_4 { width: 32.0%; }
.gutters .span_5 { width: 40.5%; }
.gutters .span_6 { width: 49.0%; }
.gutters .span_7 { width: 57.5%; }
.gutters .span_8 { width: 66.0%; }
.gutters .span_9 { width: 74.5%; }
.gutters .span_10 { width: 83.0%; }
.gutters .span_11 { width: 91.5%; }
.gutters .span_12 { width: 100%; }

.ta_center {
	text-align: center;
}

.ta_right {
	text-align: right;
}

.ta_left {
	text-align: left;
}

.mb_20 {
	margin-bottom: 20px;
}


/* ------------------------------------- */
.sec_title {
	margin:10px 0;
	font-size:20px;
	color:#63B0D9;
	padding:3px 0;
}

.sec-box-01 {
	padding: 5px 5px 0;
	margin-bottom:10px;
	background-color: #F5FBED;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

.sec-box-02 {
	padding: 5px 5px 0;
	margin-bottom:10px;
	background-color: #FBF6ED;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

.sec-box-01:after,
.sec-box-02:after {
    content: "";
    display: table;
    clear: both;
}

.box_title {
	margin:10px 0;
	font-size:18px;
	color:#333333;
	padding:3px 0;
	text-align: center;
}

.sec_read {
	font-size: 13px;
	line-height:1.4em;
	margin-bottom:20px;
}

table.tbl01 {
	margin:0;
	border-collapse: collapse;
	border-bottom: #249AFF 1px solid;
}

table.tbl01 th {
	padding:3px 8px;
	font-weight:bold;
	background-color: #FFFFFF;
	border-top: #249AFF 1px solid;
	border-bottom: #249AFF 1px solid;
}

table.tbl01 td {
	padding:2px 8px;
	background-color: #FFFFFF;
	border-bottom: #249AFF 1px dotted;
}

table.tbl_sentei {
	margin:0px auto;
	padding:0px auto;
	width:100%;
	border-collapse:collapse;
}

table.tbl_sentei td {
	text-align:center;
}

table.tbl_sentei td a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}