@charset "UTF-8";

/*reset and clear*/
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form, div { margin: 0; padding: 0; border: none; text-align: left; list-style-type: none;}


.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}

* html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden;/**/}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary { display: block; margin:0; padding:0}

/*-html-*/
body{ margin:0; padding:0; font-size:80%; line-height:1.6; color:#454545; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}

a{ color:#325AA0; text-decoration:none;}
a:link{ color:#325AA0; text-decoration:none;}
a:visited{ color:#325AA0; text-decoration:none;}
a:hover{ color:#325AA0; text-decoration:underline;}
a:active{ color:#325AA0; text-decoration:underline;}

a img{ border:0;}
.clear{ clear:both;}
.bottom{ margin-bottom:10px;}
.big{ font-size:120%; font-weight:bold;}
.notice_big{ font-size:110%; font-weight:bold; color:#FF0000;}
.color{ color:#fe929d;}
.notice{ color:#FF0000;}
hr{ border-bottom:1px solid #fe929d; border-top:0px; border-right:0px; border-left:0px; padding:0; margin:5px 0;height:1px}

.fl_right{ float:right; margin-left:5px;}
.fl_left{ float:left; margin-right:5px;}

p{ margin-bottom:10px;}

/*-header-*/
#wrapper{ width:100%; margin:0; padding:0; background:url(https://www.iac.ac.jp/mobile/images/back.png) repeat;}

header{ border-top:5px solid #065c40; padding:5px 5px 0 5px; background:#fff}
header h1{ text-align:center; margin:0; padding:0;}

nav{ width:100%; background:url(https://www.iac.ac.jp/mobile/images/main_img.jpg) no-repeat left top; background-size:100%}
nav ul{ padding-top:45%}
nav ul li{ margin-bottom:5px; padding:0; line-height:0.1em; text-align:center;}
nav img{ width:90%}

div#info{ width:100%; }
div#info h2{ margin:0; padding:0; line-height:0.1em}
div#info ul{ border-bottom:1px dashed #aeaeae; margin:0; padding:0;}
div#info ul li{ background-image:url(https://www.iac.ac.jp/mobile/images/arrow.png); background-repeat:no-repeat; background-position:10px 12px; background-size:15px; padding:10px 5px 10px 30px; margin:0;}
div#info ul li:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
div#info ul li.odd{ background-color:white;}
div#info ul li.even{ background-color:#e9e9e9;}
div#info ul li span.date{ display:block; float:left; padding-right:5px; width:20%;}
div#info ul li a span.date{ color:#454545;}
div#info ul li a:hover{ text-decoration:none}
div#info ul li span.title{ display:block; float:left; width:60%}

div#info ul li span.iac{display:block; float:left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#066042; color:#fff; padding:2px 5px; font-weight:bold; margin-right:5px; width:30px; text-align:center}  
div#info ul li span.omiya{display:block; float:left; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#bbe00f;color:#454545; padding:2px 5px; font-weight:bold; margin-right:5px; width:30px; text-align:center}  

div#info a.past{ display:block; margin:1px; background-color:#e9e9e9; text-align:center; padding:10px; text-decoration:none}
div#info a.past span{ color:#CC3300; padding-left:3px}

footer{ background:#065c40; padding:6px; text-align:center; color:#fff;}