@charset "UTF-8";
/* ==========================================================================
 ■Import CSS
 ========================================================================== */
#bg { margin:0px auto; width:100%;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}

img{ border:none;}
a img {
    border-style:none;
}
.u20d20{padding:20px 0 20px 0 ;}
/* --------------------------------------------------
 1. General
-------------------------------------------------- */
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Verdana, Arial, sans-serif;color:#666666;font-size:13px;line-height:1.66667;word-wrap:break-word;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;}

/*----------------------------------------------------
■header_area
----------------------------------------------------*/
#container_head{width:100%;width:auto !important;border-bottom:#f1eeec 3px solid;}
#header_area p.logo{position:absolute;top:0px;left:0px;}
#container{padding:0px 0px 0px 0px;}


/* --------------------------------------------------
 3. Container
-------------------------------------------------- */
.visual{position:relative;z-index:100;padding:0;margin:0 0 30px 0; width:640px; margin:10px auto; }
h1{color:#333;text-align:center; width:100%; font-size:14px !important; margin:0; padding:0;}
h1 span{color: #333;font-size:16px;line-height:28px;font-weight: bold; line-height:32px; display:block;}
h2{ text-align:center;}

h3{color:#333;font-size:12px;line-height:24px;text-align:center;margin:20px 0 0px 0;font-weight:normal; padding:20px 0 20px 0; background-color:#efefef;}
h4{color:#333;font-weight:normal;display:block;text-align:center;margin:30px auto;background-color: #efefef;font-size:16px;padding:3px;}
#bg{ margin:0 auto;width:100%;} 


@media screen and (min-width:651px) {
#header_area{position:relative;height:70px;margin:0px auto;}
h3{width:661px; margin:0 auto;}
h4{width:640px; padding-bottom:0; margin-bottom:3px;}
.visual{position:relative;z-index:100;padding:0;margin:0 0 30px 0; width:100%; margin:0 auto;  margin-top:20px;}
.index_ni {width:640px;margin:0px auto;text-align: left;margin-bottom:0px; border-bottom:dotted 1px #CCCCCC; color:#333;}
.index_ni_l {float:left;width:35%;padding-right:0;font-size:12px;line-height:22px; font-weight:bold;}
.index_ni_r {float:right;width:65%;padding:0px;font-size:12px;line-height:22px;}
.system_img2{ width:100%; padding:20px 0 20px 0;}
}

@media screen and (max-width: 650px) {
#header_area{position:relative;height:70px;margin:0px auto;}
.visual{width:100%;}
h1 span{font-size:13px;}
h2 img{ width:100%; padding:20px 0 20px 0;}
h3{}
h4{width:100%; padding-bottom:0; margin-bottom:3px;}
.index_ni {width:100%;margin:0px auto;text-align: left;margin-bottom:0px; border-bottom:dotted 1px #CCCCCC; color:#333;}
.index_ni_l { display:block;width:100%;padding-right:0;font-size:12px;line-height:22px; font-weight:bold;}
.index_ni_r {display:block;width:100%;padding:0px;font-size:12px;line-height:22px;}
}


/*////////////////////////////////////////////*/
#footer{width:100%;width:auto !important;border-top:#f1eeec 3px solid;text-align:center; margin-top:20px;}

.link-btn {margin:0; text-align:center;}
.link-btn a {width:640px; height:40px;border:3px solid #efefef;padding:14px;color:#fff;text-decoration:none;font-weight:bold;background-color: #39F;}
.link-btn a:hover {background-color: #009;color: #fff !important;}


#facebook_bt {margin:0; text-align:center;}
#facebook_bt a:hover{
opacity:0.8;
filter:alpha(opacity=80);       /* ie lt 8 */
-ms-filter:"alpha(opacity=80)"; /* ie 8 */
-moz-opacity:0.8;                /* FF lt 1.5, Netscape */
-khtml-opacity:0.8;             /* Safari 1.x */
zoom:1;
}