@charset "utf-8"; /* 岩手大学理工学部／システム創成工学科　機械科学コース理工学部サイトのCSSを継承 */ /*========================================== body ===========================================*/ body{ width: 100%; background:#E1E1E1; font:13px/1.4 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳＰゴシック", "MS PGothic", Osaka, sans-serif; color:#333; } html,body{ -webkit-text-size-adjust: 100%; } img{ vertical-align:bottom; } a{ text-decoration:underline; color:#334692; } a:visited{ color:#941D55; } a:hover{ color: #EF4123; } a:active{ color:#ff0033; } iframe{ vertical-align:bottom; } strong{ font-weight: bold; } .left{ text-align:left; } .right{ text-align:right; } .center{ text-align:center; } .txt-indr{ text-indent: -1em; margin-left: 1em; } a.hover:hover { transition:all 0.3s ease; opacity: 0.7; filter: alpha(opacity=70); } .nowrap{ white-space: nowrap; } .clear{ clear: both; } .pc_none{ display: none; } /*========================================== レイアウト ===========================================*/ /* コース共通_基本レイアウトに ID=COURSE */ #course{ background: #f0f0f0; } .cs_top#course #header{ height: 104px; } #course #header{ height: 104px; } .cs_top#course #cs_nav{ display: none; } /* TOPタイトル */ #cs_title{ width: 100%; background : url(cs_top_head_bg.png) 0px 0px / auto auto repeat-x scroll padding-box border-box transparent; margin: 0 0 20px; } #cs_title_in{ position: relative; width: 960px; height: 300px; margin: 0 auto; background : url(top_tt_bg.png) right 0px / auto auto no-repeat scroll padding-box border-box transparent; } #cs_title_in h1{ position: absolute; left: 0; top: 30px; width: 346px; height: 113px; } #cs_title_in p{ position: absolute; left: 0; bottom: 60px; width: 367px; height: 39px; } /* 本文タイトル */ #cs_hbn_title{ width: 100%; background : url(cs_top_head_bg.png) 0px -60px / auto auto repeat-x scroll padding-box border-box transparent; margin: 0 0 20px; } #cs_hbn_title_in{ position: relative; width: 960px; height: 130px; margin: 0 auto; background : url(top_tt_bg.png) right -50px / auto auto no-repeat scroll padding-box border-box transparent; } #cs_hbn_title_in h1{ position: absolute; left: 0; top: 10px; width: 346px; height: 113px; } /* コンテンツベース */ #cs_main{ width: 100%; margin: 0 0 30px; font-size: 108%; } #cs_contents{ float: left; width: 710px; } /* 本文記事 */ #cs_hbn_contents{ float: left; width: 710px; border: solid 1px #c1c1c1; background: #fff; } #cs_hbn_contents_in{ margin: 15px; } #cs_aside{ float: right; width: 230px; } /* TOPコンテンツ */ #top-list{ margin: 0 0 10px; padding: 0; } .cs_top_btn{ width: 350px; margin: 0; } .cs_top_btn.cs_left{ float: left; } .cs_top_btn.cs_right{ float: right; } .cs_top_btn a{ display: block; border: solid 1px #c1c1c1; background : url(top_btn_ya.png) right center / auto auto no-repeat scroll padding-box border-box #ffffff; color: #333; text-decoration: none; } .cs_top_btn a:hover{ color: #c03; } .cs_top_btn h3{ margin: 10px 0; padding: 10px 15px 10px 15px; border-left: solid 6px #9D723D; font-size: 153.9%; } .cs_top_btn p{ margin: 10px 60px 10px 20px ; padding: 15px 0 10px; border-top: solid 1px #c1c1c1; font-size: 100%; } /* お知らせ */ #news-box{ margin: 20px 0; border: solid 1px #c1c1c1; background: #fff; } #news-box h2{ width: 708px; height: 30px; margin: 0 0 15px; background : url(top_news_tt_pc.png) 0px 0px / auto auto no-repeat scroll padding-box border-box #ffffff; text-indent: -9999em; } #news-box ul{ margin: 0; padding: 20px; } #news-box ul li{ margin: 0; line-height: 1.5em; } #news-box ul li a{ display: block; padding: 5px 0; } #news-box ul li a span.date{ text-decoration: none !important; color: #000; } /* 右サイド */ h3.cs_lab_tt{ width: 230px; height: 60px; margin: 0; text-indent: -9999em; background : url(cs_lab_tt_pc.png) 0px 0px / auto auto no-repeat scroll padding-box border-box #ffffff; } .lab_box{ padding: 15px; background: #fff; border-left: solid 1px #c1c1c1; border-right: solid 1px #c1c1c1; border-bottom: solid 1px #c1c1c1; } .lab_box h4{ margin: 0 0 10px; padding: 0 0 5px; border-bottom: solid 4px #9D723D; } .lab_box ul{ margin: 0; padding: 0; } .lab_box ul li a{ display: block; margin: 0; padding: 3px 0 3px 15px; background : url(cs_ya.png) left center / auto auto no-repeat scroll padding-box border-box transparent; } /* ____________________________本文基本CSS */ #cs_hbn_contents_in{ font-size: 108%; } #cs_hbn_contents_in h2{ margin: 0 0 20px; padding: 10px 0 20px; font-size: 153.9%; letter-spacing: 0.07em; line-height: 1.4em; border-bottom: solid 3px #9D723D; } #cs_hbn_contents_in h3{ margin: 0 0 20px; padding: 14px 10px 12px 10px; font-size: 138.5%; letter-spacing: 0.07em; line-height: 1.4em; border-left: solid 5px #9D723D; } #cs_hbn_contents_in h4{ margin: 0 0 15px; padding: 10px 0; font-size: 123.1%; letter-spacing: 0.07em; line-height: 1.4em; border-bottom: double 3px #9D723D; } #cs_hbn_contents_in h5{ margin: 0 0 10px; padding: 0; font-size: 108%; line-height: 1.4em; } #cs_hbn_contents_in h6{ margin: 0 0 10px; padding: 0; font-size: 108%; line-height: 1.4em; } #cs_hbn_contents_in p{ margin: 0 0 20px; line-height: 1.7em; } #cs_hbn_contents_in table{ margin: 0 0 20px; padding: 0; width: 100%; } #cs_hbn_contents_in th{ margin: 0; padding: 12px 12px 10px; border: solid 1px #c1c1c1; background: #eee; font-weight: normal; vertical-align: middle; } #cs_hbn_contents_in td{ margin: 0; padding: 12px 12px 10px; border: solid 1px #c1c1c1; vertical-align: middle; } #cs_hbn_contents_in ul{ margin: 0 0 20px 1.3em; padding: 0; line-height: 1.7em; } #cs_hbn_contents_in ol{ margin: 0 0 20px 1.7em; padding: 0; line-height: 1.7em; } #cs_hbn_contents_in dl{ margin: 0 0 20px; padding: 0; line-height: 1.7em; } #cs_hbn_contents_in dl dd{ margin: 0 0 10px 50px; padding: 0; line-height: 1.7em; } #cs_hbn_contents_in blockquote{ margin: 0 50px 20px; } .news-hbn-date{ margin: 0 0 20px; font-size: 93%; text-align: right; color: #666; } /*========================================== MOBILE用［639px以下］ ===========================================*/ @media only screen and ( max-width: 639px ) { /*========================================== レイアウト ===========================================*/ .cs_top#course #header{ height: auto; margin:0 auto; } #course #header{ height: auto; } .cs_top#course #cs_nav{ display: block; } /* TOPタイトル */ #cs_title{ width: 100%; background : url(cs_top_head_bg.png) 0px center / auto auto repeat-x scroll padding-box border-box transparent; margin: 0 0 20px; } #cs_title_in{ position: relative; width: 90%; height: 200px; margin: 0 5%; background: none; } #cs_title_in h1{ position: absolute; left: 0; top: 10px; width: 100%; height: auto; } #cs_title_in p{ position: absolute; left: 0; bottom: 20px; width: 100%; height: auto; } /* 本文タイトル */ #cs_hbn_title{ width: 100%; background : url(cs_top_head_bg.png) 0px -90px / auto auto repeat-x scroll padding-box border-box transparent; margin: 0 0 20px; } #cs_hbn_title_in{ position: relative; width: 80%; height: 100px; margin: 0 10%; background: none; } #cs_hbn_title_in h1{ position: absolute; left: 0; top: 5px; width: 100%; height: auto; } /* コンテンツベース */ #cs_main{ width: 96%; margin: 0 2% 30px; font-size: 108%; } #cs_contents{ float: none; width: 100%; } #cs_hbn_contents{ float: none; width: 100%; border: solid 1px #c1c1c1; background: #fff; margin: 0 0 20px; } #cs_hbn_contents_in{ margin: 15px; } #cs_aside{ float: none; width: 100%; } /* TOPコンテンツ */ #top-list{ margin: 0; padding: 0; } .cs_top_btn{ width: 100%; margin: 0 0 10px; } .cs_top_btn.cs_left{ float: none; } .cs_top_btn.cs_right{ float: none; } .cs_top_btn a{ display: block; border: solid 1px #c1c1c1; background : url(top_btn_ya.png) right center / auto auto no-repeat scroll padding-box border-box #ffffff; color: #333; text-decoration: none; } .cs_top_btn a:hover{ color: #c03; } .cs_top_btn h3{ margin: 10px 0; padding: 10px 15px 10px 15px; border-left: solid 6px #9D723D; font-size: 153.9%; } .cs_top_btn p{ margin: 10px 60px 10px 20px ; padding: 15px 0 10px; border-top: solid 1px #c1c1c1; font-size: 100%; } /* お知らせ */ #news-box{ margin: 20px 0; border: solid 1px #c1c1c1; background: #fff; } #news-box h2{ width: 100%; height: 30px; margin: 0 0 15px; background : url(top_news_tt_pc.png) 0px 0px / auto auto no-repeat scroll padding-box border-box #ffffff; text-indent: -9999em; } #news-box ul{ margin: 0; padding: 20px; } #news-box ul li{ margin: 0; line-height: 1.5em; } #news-box ul li a{ display: block; padding: 5px 0; } #news-box ul li a span.date{ text-decoration: none !important; color: #000; } /* 右サイド */ h3.cs_lab_tt{ width: 100%; height: 60px; margin: 0; text-indent: -9999em; background : url(cs_lab_tt_pc.png) center 0px / auto auto no-repeat scroll padding-box border-box #ffffff; } .lab_box{ padding: 15px; background: #fff; border-left: solid 1px #c1c1c1; border-right: solid 1px #c1c1c1; border-bottom: solid 1px #c1c1c1; } .lab_box h4{ margin: 0 0 10px; padding: 0 0 5px; border-bottom: solid 4px #9D723D; } .lab_box ul{ margin: 0; padding: 0; } .lab_box ul li a{ display: block; margin: 0; padding: 3px 0 3px 15px; background : url(cs_ya.png) left center / auto auto no-repeat scroll padding-box border-box transparent; } } /*========================================== PC用［640px以上］切り替え時 ===========================================*/ @media screen and (min-width: 639px ) { .navigation{ display: block !important; } }