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

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,table,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

body{line-height:0;line-height:1.5;font-size:14px;background:#fdd800;color:#231815;	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif , Geneva,Arial;-webkit-text-size-adjust: 100%;
}
#wrapper{width:100%;height:100%;}
#container{width:100%;max-width:980px;margin:0 auto;padding:0 auto;background:url(../img/bg.gif) repeat-y center top #ffeb3f;}

#header{width:100%;max-width:980px;margin:0 auto;}
#header .contomate{background:#d70c18;text-align:center;margin:0 auto;}
#header .contomatito{background:#4593d0;text-align:center;margin:0 auto;}
#header .sub_title{color:#fff;font-weight:bold;line-height:1.25em;padding-top:1em;padding-bottom: 0.5em ;font-size:16px;}
/*#header h1{margin: 0px auto 0px 0;float:left;width:569px;height:80px;}*/
#header .goTop{margin: 10px auto 20px;padding:0.5em;border-top:solid 2px #ffeb3f;}
#header .goTop a{background:url(../img/icon_back.png) no-repeat left center;color:#fff;text-decoration:none;padding-left:20px;padding-right:1em;}
.lite{background:#ffeb3f;border-radius:5px;color:#d70c18;padding:2px;}

#contents{clear:both;width:890px;background:#fff;margin:0 auto;}
.pagetop{float:right;width:110px;margin:5px 0px;}
footer{clear:both;width:100%;font-size:80%;background:#d70c18;color:#fff;margin:0 auto;}
footer p{padding:10px;}
.section{clear:both;width:850px;margin:0 auto;}
.boxL{float:left;width:460px;}
.boxR{float:right;width:460px;}

#contents h2{width:810px;margin:15px auto;padding:5px 20px;color:#006bb7;font-size:150%;background:#ffeb3f;font-weight:bold;border-radius:8px;}
#contents h2 .sub{font-size:90%;}

/* �f���E���� */
#mov{padding:10px 20px 10px 20px;}

.txtC{text-align:center;}