@charset "utf-8";
/* CSS Document */

#main2nd .left { float: left;}
#main2nd .right { float: right;}

#main2nd #contents_head { margin: 0 0 25px; padding: 15px 15px 30px; background: url(/img/conset/bg_head.gif) left bottom repeat-x #f1eedd;}
#contents_head .left { width: 475px; padding: 265px 0 0; font-weight: bold; background: url(../img/index/img_main.jpg) no-repeat;}
#contents_head .right { width: 220px;}
#contents_head h2 { margin: 0 0 15px;}
#contents_head p { color: #4c3925;}
#contents_head .btn_entry li { margin: 0 0 8px;}

.boxes { margin: 0 0 30px;}
.boxes h3 { margin: 0 0 10px;}
.boxes hr { margin: 20px 0; border: none; border-bottom: 1px dashed #9DB803;}

#box01 .catch { margin: 0 0 10px; font-size: 14px;}
#box01 .outline { padding: 15px; background: url(../img/index/bg_country.png) left top;}
#box01 .inner { width: 345px; padding: 0 0 16px; background: url(../img/index/bg_bottom.png) bottom no-repeat;}
#box01 .inner div { padding: 8px 15px 0; background: #fff;}
#box01 .inner div img { float: right;}

#box02 h3 {}
#box02 .navi { display: table; width: 100%; margin: 0 0 24px; table-layout: fixed;}
#box02 .navi li { display: table-cell; padding: 5px 0; text-align: center; background: url(../img/index/img_line.png) right center no-repeat;}
#box02 .navi .last { background: none;}
#box02 .navi li a { display: inline-block; padding: 0 0 0 17px; text-align: left; font-size: 13px; font-weight: bold; background: url(../img/index/img_arrow.png) left center no-repeat;}
#box02 .navi li a span { font-size: 11px;}

#box02 .inner { position: relative; margin: 0 0 34px; padding: 29px 15px 15px; border:2px solid #d0df76;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px;}

#box02 .icon { position: absolute; top: -14px;}
#box02 .icon span { font-size: 16px; font-weight: bold; line-height: 1; color: #fff; vertical-align: middle;}
#box02 .icon .cat { display: inline-block; padding: 6px 25px 3px 25px; text-align: center; background: #9db803; border-radius: 30px;}
#box02 .icon .type { position: relative; z-index: 2; display: inline-block; width: 128px; margin: -6px -12px -6px 0; padding: 14px 0 10px 20px;
background: url(../img/index/bg_icon.png) center center no-repeat;}

#box02 .title { position: relative; min-height: 50px; margin: 0 0 20px; padding: 0 20px 0 110px; background: left center no-repeat;}
*html #box02 .title { height: 50px;}
#box02 .ttl_end { padding: 0 170px 0 110px;}
#box02 .title .end { position: absolute; top: 0; right: 0;}
#box02 .title .end2 { position: absolute; top: 0; right: 0;}
#box02 .title h4 { font-size: 18px; font-weight: bold; color: #f60; letter-spacing: 0;}
#box02 .title p { font-size: 14px; font-weight: bold;}

#box02 .us { background-image: url(../img/index/flag_us.png);}
#box02 .ca { background-image: url(../img/index/flag_ca.png);}
#box02 .au { background-image: url(../img/index/flag_au.png);}
#box02 .nz { background-image: url(../img/index/flag_nz.png);}

#box02 .left { width: 300px; font-size: 14px;}
#box02 .left a { display: block; margin: 1.5em 0 0;}
#box02 .right { width: 386px; border-collapse: collapse;}
#box02 .right caption { padding: 0 0 5px;}
#box02 .right caption p { padding: 0 0 0 5px; border-left: 3px solid #4c3925; text-align: left; font-size: 15px; font-weight: bold; color: #4c3925;}
#box02 .right caption img { float: right;}
#box02 .right th,
#box02 .right td { padding: 7px; border: 1px solid #ccc; font-weight: normal;}
#box02 .right th { width: 3.5em; white-space: nowrap; vertical-align: top; background: #EAE0B6;}

#box02 .read { position: relative; z-index: 1; margin: 20px 0 5px; font-size: 16px; font-weight: bold; text-align: center; color: #473B23;}
#box02 .read:after { position: absolute; z-index: 2; content: " "; top: 0; bottom: 50%; left: 0; right: 0; border-bottom: 3px dotted #4A3B28;}
#box02 .read span { position: relative; z-index: 3; padding: 0 10px; background: #fff;}
#box02 .more { margin: 0 0 5px; padding: 15px 4px 15px 15px; background: #D0DF76; border-radius: 16px;}
#box02 .more div { float: left; width: 198px; margin: 0 11px 0 0; padding: 10px; background: #fff; border-radius: 10px;}
#box02 .more div h3 { margin: 0;}
#box02 .more div h4 { margin: 10px 0; font-size: 14px; font-weight: bold;}
#box02 .more div .link { text-align: right;}
#box02 .more div .link a { padding: 0px 0px 0px 15px; background: url('/img/index/icon03.jpg') no-repeat left center;}