@charset "utf-8";

/* ---------------------------------------------------------------------- HTML NORMALIZE
----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }

html {overflow-y: scroll; -webkit-text-size-adjust: none;}

body { background: #fff; color: #000; font: 100%/1.4 Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

h1, h2, h3, h4, h5, h6, strong { font-weight: bold;}

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { vertical-align: super; }

b{ font-weight:bold; color:#FF0000; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

caption, th, td { text-align: left; vertical-align: middle; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }


/* ---------------------------------------------------------------------- CONTAINER
----------------------------------------------------------------------*/

h1{	font-size:120%;}
h2{	font-size:100%; font-weight: bold;}
h3{	font-size:100%; font-weight: bold;}
h4{	font-weight:normal;	font-size:100%;}

p {	font-size:100%; }
a {	font-size:100%; color: #1473e6; text-decoration: underline; outline: none;}
a.link { background:url(../img/icon/link_1.png) no-repeat 5px center; padding:0px 0px 0px 25px; -webkit-background-size: auto 15px; background-size: auto 15px;}
a.extlink { background:url(../img/icon/link_2.png) no-repeat right center; padding:0px 27px 0px 0px; -webkit-background-size: auto 15px;	background-size: auto 15px; word-break: break-all;}
.link a.extlink { display: inline-block;}
p a{ font-size:100%; }
a:hover, a:active, a:focus a:visited{ text-decoration: underline;}
:hover, :active, :focus, :visited{transition: all 0.3s ease;}
img { border: none;	vertical-align: middle;	width: 100%; height: auto; border:0px; -ms-interpolation-mode: bicubic;}
.img img{ max-width:500px;}
.img_right{ float: right; margin-left:20px;}
.img_right img{ width: 80%; max-width:150px; margin-top:10px;}
h3 + .img{ margin-top:0;}
h3 + .img_max img{ margin-top:0px;}
h2 + .img_max img{ margin-top:5px;}
.img_max img{max-width: 100%; margin-top:20px;}
img.img-inline { vertical-align: middle; text-align: center; width:auto; height:1.6em; margin:0px 3px; vertical-align:-30%;}
.img img.img-banner{ max-width: 230px;}

ul li { list-style: none; }
.clear{clear:both;}