@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}

header{  background:url(https://www.iac.ac.jp/mobile/images/color_back.gif) repeat-x left top; padding:5px 5px 0 5px;}
header h1{ text-align:center; margin:0; padding:0;}
header#contents h1{width:80%; float:left;}
header #home{ float:right; padding-top:1%; width:20%}


nav#main{ width:100%; position:relative;}
nav#main ul{ background:url(https://www.iac.ac.jp/mobile/images/menu_ph.jpg) no-repeat left center; background-size:60%; width:100%;}
nav#main ul li{ margin:0; padding:0; line-height:0.1em; text-align:right;}
nav#main img{ width:50%}

div#info{ width:100%; background:url(https://www.iac.ac.jp/mobile/images/info_line.gif) repeat-x left bottom;}
div#info h2{}
div#info div.infoBox{ padding:0 5px; float:left}
div#info div.infoBox img{ float:left; width:46px; padding-right:5px}
div#info div.infoBox p{ width:240px;}
div#info div.infoBox p span.date{ font-weight:bold;}
div#info nav.prev a{ display:block; background:url(https://www.iac.ac.jp/mobile/images/info_arrow_l.png) no-repeat; background-size:20px; width:20px; height:36px; float:left; text-indent:-9999px;}
div#info nav.next a{ display:block; background:url(https://www.iac.ac.jp/mobile/images/info_arrow_r.png) no-repeat; background-size:20px; width:20px; height:36px; float:right; text-indent:-9999px}

nav#iconBox{ background:url(https://www.iac.ac.jp/mobile/images/back.png) repeat; background-size:30%; width:100%;}
nav#iconBox ul{ padding:20px 20px 10px 20px}
nav#iconBox ul li{ float:left; margin-right:12px; padding-bottom:10px; width:22%; text-align:center; font-size:0.8em; line-height:1.4em}
nav#iconBox ul li img{ width:100%}
nav#iconBox ul li.nopadding{ margin-right:0;}

.banner{ padding:0 20px 10px 20px;}
.banner img{  width:47%;}

footer{ background:url(https://www.iac.ac.jp/mobile/images/color_back.gif) repeat; padding:6px; text-align:center; color:#fff;}


/*-2nd-*/
h2.contents{ background:url(https://www.iac.ac.jp/mobile/images/h2.png) repeat-x; padding:10px; font-size:1.2em; font-weight:bold; color:#fff}
div#contents{ padding:20px;}
div#contents img{ margin:10px auto;}