@charset "UTF-8";
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
header, article, footer, aside, nav, img { display: block;}
body{ font-size: 100%; margin: 0; padding: 0;}
body, textarea { font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
h1, h2{ margin: 0; padding: 10px 0; font-size: 16px; color: #ffffff; display: block; width: 100%; text-align: center; line-height: 20px; background-color: #3cb371; -webkit-box-shadow:
0px 2px 2px rgba(000,000,000,0.1), inset 0px 0px 3px rgba(255,255,255,1); -moz-box-shadow:
0px 2px 2px rgba(000,000,000,0.1), inset 0px 0px 3px rgba(255,255,255,1);}
h3 { padding: 3px; font-size: 92%; color: #ffffff; text-align: center; background-color: #ffa500;}
p { margin: 5px 10px 5px 10px; padding: 2px; font-size: 92%;}
p.exp { font-size: 86%; padding: 2px;}
.feature { width: 94%; margin-right: auto; margin-left: auto; margin-top: 2px; margin-bottom: 5px; padding: 5px; background-color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #3cb371; display: block;}
.kiji { height: 60%;}
.globalNav{ clear: both;}
.globalNav ul{ padding: 0; list-style: none; display: block; padding: 10px 10px; margin: 0px;}
.globalNav li{ margin:0; width:100%; text-align:left; padding:0; border:1px #5e7b99 solid; border-bottom:0px; background: -webkit-gradient( linear, left top, left bottom, from(#ffc966), to(#ffa500)); display:block; -webkit-box-shadow:
0px 3px 3px rgba(000,000,000,0.1); -moz-box-shadow:
0px 3px 3px rgba(000,000,000,0.1);}
.globalNav li:first-child{ -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px;}
.globalNav li:last-child{ -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom:1px #5e7b99 solid;}
.globalNav li>a>img{ display:none;}
.globalNav li>a>span{ display:table-cell; clear:none; vertical-align:middle; height:auto;}
.globalNav li>a>span:last-child{ width:100%;}
.globalNav li>a>span>img{ margin-right:10px;}
.globalNav li>a{ color:#06D; display:block; -webkit-box-sizing: border-box; width:100%; height:auto; padding:10px; text-align:left; text-decoration:none; font-size:14px; font-weight:bold; vertical-align:middle; text-shadow:
0px 1px 1px rgba(0,0,255,0.2), 0px -1px 0px rgba(255,255,255,0.7);}
.globalNav li>a:after{ content:url(/os/annai/images/arrowR.png); font-size:15px; font-weight:bold; color:#FFF; display:table-cell; vertical-align:middle;}
.button { width: 80%; margin-left: auto; margin-right: auto; margin-top: 3px; margin-bottom: 3px; padding: 10px 2px 10px 2px; text-align: center; font-size: 20px; font-weight: bold; color: #ffffff; text-shadow: 0px 2px 0px #7f3e02; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: solid 1px #2f4f4f; background: #efc5ca; background: -moz-linear-gradient(top, #efc5ca 0%, #d24b5a 50%, #c4353c 53%, #f18e99 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efc5ca), color-stop(50%,#d24b5a), color-stop(53%,#c4353c), color-stop(100%,#f18e99)); background: -webkit-linear-gradient(top, #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); background: -o-linear-gradient(top, #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); background: -ms-linear-gradient(top, #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); background: linear-gradient(to bottom, #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 );}
.button a { text-decoration: none; color: #ffffff; display: block;}
img.main{ margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px; padding: 0;}
img.thumb{ margin-right: 5px; float: left;}
#header { display: block; padding: 5px; background-color: #ffffff;}
#header a { display: block;}
#header img { display: block; vertical-align: middle;}
div.footer{ margin:0px; padding: 0px; background-color:#3cb371; color:#ffffff; text-align:center; padding-top:10px; padding-bottom:10px; font-weight:bold; font-size:14px; -webkit-box-shadow:
0px 2px 2px rgba(000,000,000,0.1), inset 0px 0px 3px rgba(255,255,255,1); -moz-box-shadow:
0px 2px 2px rgba(000,000,000,0.1), inset 0px 0px 3px rgba(255,255,255,1);}
span.red{ color: #ff0000; font-weight: bold;}
span.green{ color: #009900; font-weight: bold;}
span.tri{ color: #536ce8;}
span.s{ font-size: 60%; vertical-align: top;}
.xs { font-size: xx-small }
.xm { font-size: x-small }
.sm { font-size: small }
.md { font-size: medium }
.la { font-size: large }
.xr { font-size: x-large }
.xl { font-size: xx-large }
.sr { font-size: smaller }
.lr { font-size: larger }
.pt { font-size: 10pt }
.px { font-size: 20px }
.pe { font-size: 200% }
aside { width: 90%; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px;}
.noscriptButton img { display: block; margin: auto; text-align: center;}
div.ad{ display:block; margin:0 auto; text-align:center;}
.css3button { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #050505; padding: 10px 20px; background: -moz-linear-gradient( top, #ffcc00 0%, #ff6600); background: -webkit-gradient( linear, left top, left bottom, from(#ffcc00), to(#ff6600)); -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; border: 5px solid #000000; -moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); -webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); box-shadow:
0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7); text-shadow:
0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3); display: inline-block; text-align: center; border-style: solid; text-transform: uppercase; text-decoration: none; line-height: 1.1; font-weight: normal; font-family: sans-serif; font-size: 22px;}
.css3button strong { letter-spacing: 1px; font-size: 22px;}
.bannar{text-align:center}
.bannar div{margin:0 auto}