@charset "shift_jis";

/* 　base css 
----------------------------------------------------------------*/

html, body, ul, ol, li, dl, dt, dd, input, form, fieldset, input, textarea, button, p, hr, h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; color:#1F1F1F;  }

/* ↑ Firefoxのため、select以外を指定 */

body{font-size: 92%; background:url(../images/bkg.gif) repeat-x; }

textarea{font-size: 100%; }

img{border-style:none; }

ul, ol{list-style-type:none; }

.clear{clear:both; font-size: 0px; line-height: 0; padding: 0px; margin: 0px; }



.fright{float:right;}

.fleft{float:left;}

.fright_pic{ float:right; margin: 0px 0px 0px 17px; }

.fleft_pic{ float:left; margin: 0px 17px 0px 0px; }



.center{text-align:center; }

.right{text-align:right; }

.blank{height: 300px; }

.vtop{vertical-align:top; }

.vbtm{vertical-align:bottom; }

.letter{letter-spacing: -1px; }



/* clearfix ------------------------------ */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block; }
/* Except MacIE \*/
* html .clearfix{height: 1%;}
.clearfix{display: block; }
/* End ----------------------------------- */



/* font */

.fs9{ font-size: 9px; }
.fs10{ font-size: 10px; }
.fs11{ font-size: 11px; }
.fs12{ font-size: 12px; }
.fs13{ font-size: 13px; }
.fs14{ font-size: 14px; }
.fs15{ font-size: 15px; }
.fs16{ font-size: 16px; }
.fs17{ font-size: 17px; }


/* color */

.orange{ color:#FF6600; }

.red{ color:#FF0000; }

.blue{ color: #0000CC; }

.lightblue{ color:#6394CE; }

.purple{ color:#9900CC; }

.pink{ color:#FF66CC;}



/* link */
a:link{color:#EC6603; text-decoration: underline;  }

a:visited{color:#EC6603; text-decoration: underline; }/* 102770 */

a:hover, a:active{color:#EE7E2C; text-decoration: underline; }

#footer a:link{color:#4258A0; }

#footer a:visited{color:#717171; }

#footer a:hover, #footer a:active{color:#993333; }



/* wrap */
#wp{width: 858px; margin: 0px auto; border-left: 1px solid #CCC; border-right: 1px solid #CCC; background:#FFF;  }


#microcontents{ color:#999; font-size: 11px; margin: 0px 0px 5px 7px ;  }

#container{}

#contents_top{ float: left; width: 630px; border: 1px solid #CCC; line-height: 1.6; margin: 0px 0px 0px 12px; padding: 7px 0px 15px 0px;   }

#contents{ float: left; width: 590px; border: 1px solid #CCC; line-height: 1.6; margin: 0px 0px 0px 12px; padding: 15px 20px;   }


#nav{float: left; width:190px; margin: 0px 0px 0px 12px;   }


#key{ text-align:center; margin-bottom: 15px; } 


/* lnav */

ul#navbox{ margin-bottom: 12px; }

ul#navbox li{ border-left: 1px solid #BEBFBF; border-right: 1px solid #BEBFBF; background:#F3F3F3; padding: 0px 0px 0px 4px;  }

a.lnav{ display: block; width: 180px; height: 45px; text-decoration: none; position: relative; font-size: 13px; font-weight: bold; }
/* for safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
a.lnav{font-weight: normal; }  
} 
*|html[xmlns*=""] a.lnav{font-weight: normal; } 
/* end */

a.lnav:link{background:url(../images/nav_bkg.gif) no-repeat; color:#1C2472; 　}

a.lnav:visited{background:url(../images/nav_bkg.gif) no-repeat; color:#1C2472;　}

a.lnav:hover{background:url(../images/nav_bkg_ov.gif) no-repeat; color:#2C51B1; }

a.lnav:active{background:url(../images/nav_bkg_ov.gif) no-repeat; color:#2C51B1; }

a.lnav span{ display:block; width: 162px; padding: 3px 0px 0px 14px;  }


ul#navbox li.lnavtop{line-height: 1.0; vertical-align: bottom; font-size: 0px; padding: 0px; border: none; height: 6px; }

ul#navbox li.lnavbtm{line-height: 1.0; vertical-align: top; font-size: 0px; padding: 0px; border: none; }



/* header logo */
#logo{ margin: 7px 0px 0px 7px; }


/* topics path */
#tp{font-size: 74%; color:#888; margin-bottom: 20px;  }

#tp a:link{color:#888; text-decoration: none;  }

#tp a:visited{color:#888; text-decoration: none; }

#tp a:hover{color:#548EC9; text-decoration: underline; }

#tp a:active{color:#548EC9 ; text-decoration: underline; }


/* pnav path */
.pnav{ font-size: 74%; text-align:center; margin-bottom: 25px; }

#pnav_top{ text-align: center; font-size: 74%; margin-bottom: 5px; }


.pnav a:link, .pnav_top a:link{color:#888; text-decoration: underline;  }

.pnav a:visited, .pnav_top a:visited{color:#888; text-decoration: underline; }

.pnav a:hover, .pnav_top a:hover{color:#548EC9; text-decoration: underline; }

.pnav a:active, .pnav_top a:active{color:#548EC9 ; text-decoration: underline; }


#topic_path{ font-size: 74%;  }



/* contents */

p{ margin-bottom: 1em; }

.h1{ font-size: 150%; }

.h_blue{ font-size: 200%; background:#E7F0FB; line-height: 2.0; text-align:center; color:#042172; }

.h_line{ font-size: 200%; background: url(../images/h1_bkg.gif) no-repeat; line-height: 2.0; text-align:center; color:#042172; }

.h_hajimeni{ font-size: 120%; background: url(../images/ic_tao01.gif) no-repeat 0px 0px; border-bottom: 2px dotted #DACBB9; padding: 0px 0px 3px 33px; color:#79540D; }

.h2_btmline{ border-bottom: 1px solid #BACBD9; background:#DFEAF2; color:#073745;  }

.boxyellow{  }

.intro{ background:#FEFAD2; padding: 15px 0px 15px 30px; font-size: 84%; }

.preview{margin: 0px 0px 0px 120px; line-height: 1.0;  }


.s_info{ border: 1px solid #CCC; padding: 10px 10px 10px 40px; font-size: 12px; background:#FCF9D5;  }


.qr{ text-align:center; line-height: 1.1; background:url(../images/ic_mobile.jpg) no-repeat; padding:10px; border: 2px dotted #DFDDC7; }

.present{border: 1px solid #9DABBD; padding: 1px; }


/* back top */

.ptop{text-align:right; margin: 15px 17px 20px 1px; clear:both; }/* 上下margin付き */



/* footer */
#footer{clear:both; background:#929EAB; color:#FFF; text-align: right; padding: 10px; font-size: 11px;  }

#footer ul{margin-left:8px; }

#footer ul li{float:left; background:url(../images/mark/ic_footer.gif) no-repeat left top; padding-left:15px; font-size:90%; margin-right:15px; margin-top:12px; }

#footer p#copyright{color:#333; float:right; margin:12px 8px 0 0; }

#footer p#flink{float:left; margin: 11px 0px 0px 8px; font-family:"Times New Roman", Times, serif; font-size: smaller; }





/*　(●･ω･)ﾉ--- START  --------------　*/

/*　(○･ω･)ﾉ----   END --------------　*/