/* CSS Document */
#present { width:100%; background:#93C2EE url(../img/blank_page_bg.png) ; 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.70); }

.blue{color:#009fde;}
.blue2{color:#0066cc;}
.mizu{color:#0CC;}
.green{color:#009b63;}
.pink{color:#e4007f;}
.red{color:#F00;}
.orange{color:#ed6d47;}
.purple{color:#a675b0;}
.purple2{color:#993399;}
.navy{ color:#100964}

.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;}
.b{font-weight:bold;}

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

h1{ text-align:center;}
.int_title{ width:100%;}
.naviru{float:right; margin:0 40px 0 0;}
.naviru0{ margin:-20px 40px 0 0; width:130px;float:right; }
.clear{clear:both;}
.s{ color:#CE0609; font-size:80%;}

hr.blue{ border:none; border-bottom:#0066cc 2px dotted; margin:20px;}
.top-info{ margin:0px 0 30px 50px; font-weight:bold;}
.top-info_s{ display:none;}
.nichiji{ text-align:left; line-height:200%; font-size:115%;}
.info{ text-align:left; margin-bottom:10px;}
.info a{ text-align:left;font-size:115%; text-decoration:none;}
.info a:hover{text-decoration: underline;}
.info2{ text-align:center;color:#F30072;}
.info3{ text-align:left; margin:0 auto; width:600px; color:#F30072;font-size:115%;}
.info3 a{ text-decoration:none;color:#F30072;}
.info3 a:hover{color:#FF6666; text-decoration: underline;}
.info3_s{display:none;}

.photo{ width:95%; margin:15px auto;}
.photo1,.photo2{ display:none;}

.maruko{ width:400px; margin:20px 0;}

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

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

#prof-con{text-align:left;margin:20px 0;}

.int_title{ width:100%;}
.top-info{ text-align:center;}
.naviru{float:none; margin:0 auto;}
.naviru0{ margin:0px 30px 0 10px; width:120px;float:right; }

.info{font-size:95%;}
.info2{ font-size:95%;}
.maruko{ width:70%; }
}

@media screen and (max-width: 500px) {
.top-info{ display:none;}
.top-info_s{ display: inline; text-align:left; font-size:17px; font-weight:bold;}
.naviru{float:left; width:120px; margin-right:10px;}
.naviru0{ width:200px;float:none; margin:10px 0 0 50px;}

.info2{ text-align:left;font-size:90%; letter-spacing:-0.05em;}
.info3{ display:none;}
.info3_s{ display:inherit;text-align:left; color:#F30072;font-size:15px;}
.info3_s a{ text-decoration:none;color: #F90040;font-size:115%;}

.photo{ display:none;}
.photo1,.photo2{ display:inline;}
}