/* CSS Document */
#present { width:100%; background:#93C2EE url(img/fod_page_bg.jpg) ; background-repeat: repeat; padding:30px 0;}
#present #present_contents { width:760px; padding:20px 30px; margin:0 auto; line-height:170%; 
color:#100964; background: rgba(255,255,255,0.90); }

a img:hover{opacity: 0.72;}

.r11{font-size:11px;}
.r12{font-size:12px;}
.r16{font-size:16px;}
.r18{font-size:18px;}

.fl{ float:left;}
.fr{ float:right;}
.tal{ text-align:left;}
.tac{ text-align:center;}
.b{font-weight:bold;}

#content{ text-align:center;font-family:"メイリオ", Meiryo, "游ゴシック", Yu Gothic, sans-serif; margin:10px 0 20px 0;font-size:15px; padding-top:20px;}

h1,h2{ text-align:center; line-height:170%;}
.int_title{ width:80%;}
.fod_logo{ width:90%; margin:20px auto 0;}
table{ text-align:left; font-size:110%; font-weight:bold; margin:0px auto; width:60%;}

hr.blue{ border:none; border-bottom:#0066cc 2px dotted; margin:20px; }

.haishinchu{ background-color:#100964; width:225px; height:190px; padding:5px; float:left; margin:9px;
line-height:120%;}
.haishinchu a{ color:#fff; text-decoration:none;}
.haishinchu a:hover{ text-decoration:underline;}
.haishinchu-img{ width:100%; margin:0 0 15px 0;}
.haishinchu-img2{ width:100%; margin:0 0 10px 0;}

@media print {div#noprint{display:none;}}

.sample{ margin:20px auto;}
.genga-img{ width:300px; margin:5px; border:1px solid #BDBDBD;}
.form-img{ width:500px;}

.sp{ display:none;}
.mp{display:none;}
.pc{}

@media screen and (max-width: 800px) {

.r18{font-size:15px;}

#present { background:#93C2EE; padding:20px 0;}
#present #present_contents { width:85%; padding:10px 15px;line-height:150%; }

.int_title{ width:100%;}

h2{ font-size:110%;}
table{ width:80%;}

.haishinchu{ width:44%;height:220px; margin:10px;}

.mp{ display:inline;}

}

@media screen and (max-width: 768px) {
.haishinchu{ width:44%;height:200px; margin:10px;}
}

@media screen and (max-width: 600px) {

h1{font-size:130%; }
h2{ font-size:100%; }
table{width:100%;font-size:100%; }
.haishinchu{ width:42%; margin:10px;  padding-bottom:10px;height:170px;}
.form-img{ width:400px;}

}

@media screen and (max-width: 500px) {
h2{ text-align:left;}
table{font-size:90%;}

.form-img{ width:100%;}


.sp{ display: inline;}
.mp{ }
.pc{ display:none;}
}

@media screen and (max-width: 390px) {
h1{font-size:110%; }
}