html { height:100%; }
body { width:100%; margin:0;padding:0; background-color:#ffffff; }
body, p, table, thead, tbody, tfoot, tr, td, th, span, ul, li, input, select, textarea, time, div { font-family:"Open Sans", Arial, serif; font-weight:400; font-size:14px; line-height:1.25; color:#222; letter-spacing:-0.3px; }
table,td{border:none;}
img{border:none;}
p,form,h1,h2,h3,h4,h5 { padding:0; margin:0; }
section,article,aside,ul,li,figure,small,header,footer,nav,main { padding:0; margin:0; border:0; outline:0; display:block;}
ul,li { list-style:none; list-style-image:none; }
.table_collapse { border-collapse:collapse;padding:0; margin:0; border:0; }
.table_collapse td { padding:0; margin:0; }
a { cursor:pointer;}
a:link,  a:visited { font-family:inherit; color:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; text-decoration: none; }
a:active, a:hover { color:#999; text-decoration: none; }

.clear { clear: both; font-size:0; line-height:0; margin:0; padding:0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /*to container of which  all the children are floating*/
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

h1,h2,h3,h4,h5 { font-family: 'Open Sans',Arial,sans-serif; font-weight: 400;}

.fsize-s { font-size:12px; }
.fsize-m { font-size:13px; }
.fsize-l { font-size:15px; }
.fsize-xxl { font-size:20px; }

.color-a { color:#2ba6cb; }
.color-a a:active, .color-a a:hover { color:#2877a5; }

.img-responsive { max-width:100%; height:auto; }

.block-01 { max-width:317px; }
.block-01 .sec-box { margin-top:12px; }
.block-01 .sec-box .item-box { float:left; width:50%; margin-bottom:15px; }
.block-01 .sec-box .item-box:nth-of-type(odd) .inner { padding-right:6px; }
.block-01 .sec-box .item-box:nth-of-type(even) .inner { padding-left:6px; }
.block-01 .sec-box .item-box:nth-of-type(3n+1) { clear:left;}
.block-01 .sec-box .item-box .photo { width:100%; height:120px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; }
.block-01 .sec-box .item-box .photo > a { display:block; position:absolute; top:0; left:0; right:0; bottom:0; }
.block-01 .sec-box .item-box h2 { color:#000; letter-spacing:-0.5px; margin-top:5px; }
.block-01 .sec-box .item-box h2 a:active, .block-01 .item-box h2 a:hover { text-decoration:underline; }

.block-01 .main-box .item-box { position:relative; }
.block-01 .main-box .item-box:first-child { margin-top:0; }
.block-01 .main-box .item-box header { position:absolute; left:0; right:0; bottom:10%; background:rgba(0,0,0,0.6); padding:10px;  }
.block-01 .main-box .item-box h2 { color:#fff; letter-spacing:-0.5px; }
.block-01 .main-box .item-box h2 a:active, .block-01 .item-box h2 a:hover { color:#999;  }
.block-01 .main-box .item-box .photo { width:100%; height:250px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; }
.block-01 .main-box .item-box .photo > a { display:block; position:absolute; top:0; left:0; right:0; bottom:0; }

.block-02 { padding:0 15px 5px 15px; }
.block-02 h2 { text-align:center; padding:10px 0 10px 0; color:#2877a5; }
.block-02 .item-box { border-top:1px solid #e6e6e6; padding-top:15px; margin-top:15px; }
.block-02 .item-box:first-child { border-top:none; padding-top:0; margin-top:0; }
.block-02 h3 { padding-top:8px;letter-spacing:-0.3px;}
.block-02 h3 a:active, .block-02 h3 a:hover { color:#999;  }

.block-03 { padding:0 15px 5px 15px; } 
.block-03 h2 { padding:10px 0 10px 0; color:#2877a5; line-height:1; }
.block-03 .item-box { border-top:1px solid #e6e6e6; padding-top:15px; margin-top:15px; }
.block-03 .item-box:first-child { border-top:none; padding-top:0; margin-top:0; }
.block-03 h3 { padding-top:8px;letter-spacing:-0.3px; font-weight:700;}
/*.block-03 h3 a:active, .block-02 h3 a:hover { color:#999;  }*/
.block-03 .summary { padding-top:6px; color:#999; font-size:13px;}

.block-04 h2 { padding:8px 0 8px 0; margin-bottom:10px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; color:#2877a5; line-height:1; }
.block-04 .item-box { border-bottom:1px solid #e6e6e6; padding-bottom:15px; margin-bottom:15px; }
.block-04 .item-box:first-child { border-top:none; padding-top:0; margin-top:0; }
.block-04 h3 { padding-top:2px;letter-spacing:-0.3px; font-weight:700;}
/*.block-04 h3 a:active, .block-02 h3 a:hover { color:#999;  }*/
.block-04 .summary { padding-top:12px; color:#999; font-size:13px;}
.block-04 .summary img { float:left; margin:0 10px 10px 0; max-width:30% !important;}