@charset "utf-8";


/* ----- CSSインポート ----- */
@import url(./layout.css);


/* ---------------------------
 Base
--------------------------- */
/* Reset */
* { 
 margin: 0; padding: 0;
 box-sizing: border-box;
}
div,section,article,header,footer,aside,address,
h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,form { margin: 0; padding: 0; }
ul,ol,li { list-style-type: none; }

h1,h2,h3,h4,h5,h6,
div,p,pre, ul,ol,dl,dt,dd,
address,form,blockquote { 
 display: block;
 text-align: left; vertical-align: top;
 font-style: normal;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img { 
 image-rendering: crisp-edges;
 image-rendering: -webkit-optimize-contrast;
}

table { 
 margin : 0px; padding: 0px;
 empty-cells: show;
}
th,td { font-size: 12px; }

html { 
 height: 100%; min-height: 100%;
 overflow-y: scroll;
 scroll-behavior: smooth;
}
body {
 height:100%; min-height: 100%;
 margin: 0; padding: 0;
 background: #fff url(/img/common/bg_body.gif) repeat left top;
 text-align: left; vertical-align: top;
 line-height: 1.2em; letter-spacing: 0.05em;
 font-family: "ＭＳ Ｐゴシック", "メイリオ", "ヒラギノ角ゴ Pro W3", Verdana, Osaka, sans-serif;
 font-size: 16px; color: #565656;
}

/* wrap */
#wrap {
 margin: 0 auto;
 width: 950px; 
 height: 100%; min-height: 100%;
 position: relative;
 border-left: solid 1px #fff;  border-right: solid 1px #bcbcbc;
 background: url(/img/common/bg_out.png) repeat left top;
 text-align: center;
}
body > #wrap { height: auto; }


/* ---------------------------
* common
--------------------------- */
/* Image ----- */
img { border: none; margin: 0; padding: 0; vertical-align: top; }

imgL { float: left; }
imgR { float: right; }


/* Link----- */
a { text-decoration:underline; text-decoration-skip-ink: none; color: #576a3e; }
a:hover { text-decoration:underline; color: #693; }

.a-em {  font-size: small; background: none; font-weight: bold; }
.a-em a { text-decoration: underline; background-image: none; }
.a-em a:hover { text-decoration: none; color: #666; }

a:hover img,
a:hover img.imgOver { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }


/* Font----- */
em { margin: 0 3px; color:#c03; font-weight: bold; font-style: normal; }
.add { font-size: 0.78em; color: #666; }
.em-xs { color:#c03; font-weight: bold; font-size: 0.78em; }
.em-big { font-size: 14px; color:#f30; font-weight: bold; }

.font-small { font-size: small; font-weight: normal; }
.font-xsmall { font-size: 0.78em; font-weight: normal; }
.font-big { line-height: 2em; font-size:18px; font-weight: bold; }
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }

.font-red { color:#c03; }
.font-blue { color:#36c; }
.font-green { color:#693; }


/* hr----- */
hr { 
 clear: both; width: 90%; 
 margin: 10px auto; padding: 0; 
 border: 1px solid #fff; border-top: 1px dotted #999;
}


/* display----- */
.none { display: none; }


/* margin, padding ----- */
.mb0 { margin-bottom: 0; }
.mb20 { margin-bottom: 20px; }
.mb50 { margin-bottom: 50px; }


/* ---------------------------
* form
--------------------------- */
form { margin: 0 auto; padding: 0; }
form select { margin: 3px 5px; padding: 1px 2px; background-color: #fff; border: solid 1px #333; }
form input, form textarea { margin: 0 5px; padding: 1px 2px; font-size: small; }

.button-center { margin: 5px; text-align: center; }
.button-base { margin: 3px 5px; padding: 1px 2px; background-color: #fff; border: solid 1px #333; }


 /* ---------------------------
* ClearFix
--------------------------- */
.cFx {
 /zoom:1;
 position: relative;
 overflow: hidden;
}
.cFx:after {
 content:'';
 display:block;
 clear:both;
}