@charset "utf-8";

/* リセット
----------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
header, footer, aside, section, article { display: block; }

/* 基本設定
----------------------------------------------------------- */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color: #F8F5F0; }
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; background-color: #F8F5F0; margin: 0px; padding: 0px; color: #315273; }
img { vertical-align: bottom; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

/* リンク設定
----------------------------------------------------------- */
a:link, a:visited, a:active { color: #315273; text-decoration: none; }
a:hover { color: #315273; text-decoration: underline; }
a:hover img { filter: alpha(opacity=80); filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#department dd a:link, #department dd a:visited, #department dd a:active { color: #315273; text-decoration: underline; }
#department dd a:hover { color: #315273; text-decoration: underline; }
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

/* フォント
----------------------------------------------------------- */
@font-face { font-family: 'bebas'; src: url('../font/bebas.eot'); /* IE9以上用 */ src: url('../font/bebas.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */ url('../font/bebas.woff') format('woff'), /* モダンブラウザ用 */ url('../font/bebas.ttf') format('truetype'); /* iOS, Android用 */ font-weight: normal; font-style: normal; }
.myWebFontClass { font-family: 'myWebFont'; }

/* レイアウト
----------------------------------------------------------- */
#wrapper { text-align: left; padding-bottom: 50px; width: 1200px; margin-right: auto; margin-left: auto; background-color: #F8F5F0; }

/* ヘッダー
----------------------------------------------------------- */
header { margin-bottom: 20px; }
.widget .time dl { float: left; padding-left: 10px; padding-top: 10px; padding-right: 10px; }
.widget .time dt { float: left; padding-right: 5px; }
.widget .time dd { float: left; font-family: bebas; line-height: 23px; font-size: 21px; letter-spacing: 0.1em; }
.widget .weather dl { float: right; padding-right: 15px; }
.widget .weather dt { font-family: bebas; line-height: 1em; float: left; font-size: 13px; letter-spacing: 0.1em; padding-top: 17px; padding-right: 7px; }
.widget .weather dd { float: left; }
.widget .weather dd.a { padding-top: 3px; padding-right: 4px; }
.widget .weather dd.b { font-family: bebas; font-size: 26px; line-height: 1em; padding-top: 8px; letter-spacing: 0.1em; padding-left: 3px; }
.widget .weather dd.c { padding-top: 2px; }
.widget .lang { font-family: bebas; font-size: 10px; line-height: 36px; color: #FFF; background-color: #315371; height: 36px; float: left; padding-right: 13px; padding-left: 13px; font-weight: normal; letter-spacing: 0.2em; margin-left: 5px; }
#search_bn { float: left; }
#search_keyword { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1em; color: #FFF; background-color: #315371; float: left; height: 26px; padding: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; width: 290px; }
div#analog-clock div#base { width: 24px; height: 24px; background-color: #315273; border-radius: 12px; }
div#analog-clock div#base-white { position: relative; width: 20px; height: 20px; background-color: #F8F5F0; border-radius: 10px; top: 2px; left: 2px; }
div#analog-clock div#minute-hand { position: absolute; width: 2px; height: 9px; top: 2px; left: 9px; background-color: #315273; -webkit-transform-origin: 1px 8px; -moz-transform-origin: 1px 8px; border-radius: 1px; }
div#analog-clock div#hour-hand { position: absolute; width: 2px; height: 8px; top: 3px; left: 9px; background-color: #315273; -webkit-transform-origin: 1px 7px; -moz-transform-origin: 1px 7px; border-radius: 1px; }

/* パンくず
----------------------------------------------------------- */
#pankuzu { margin-bottom: 20px; }
#pankuzu .home { float: left; }
#pankuzu ul { float: right; width: 900px; }
#pankuzu ul li { line-height: 1.8em; margin-right: 15px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 21px; color: #315273; border-left-width: 1px; border-left-style: solid; border-left-color: #315371; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; display: inline; margin-top: 0px; margin-bottom: 0px; }
#pankuzu ul li:first-child { padding-left: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

/* サイド
----------------------------------------------------------- */
#side { width: 220px; text-align: center; padding-top: 20px; float: left; }
#side h1 { margin-bottom: 30px; }
#side .snavi { border-top-width: 1px; border-top-style: solid; border-top-color: #315371; width: 154px; margin-right: auto; margin-left: auto; }
#side .snavi h3 { text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315273; padding-top: 10px; padding-bottom: 10px; font-size: 19px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; }
#side .snavi ul { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315371; padding-top: 10px; padding-bottom: 10px; }
#side .snavi li { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 1.4em; text-align: left; margin-bottom: 10px; }
#side .snavi .pageback { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 1em; text-align: right; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315371; margin-bottom: 20px; }
#side .catalog { margin-bottom: 20px; }
#side .social li { margin-bottom: 20px; }
#side .snavi .children { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; }
#side .snavi .children li { border-left-width: 1px; border-left-style: solid; border-left-color: #315371; padding-left: 10px; }
#side .instagram #instafeed { background-color: #315371; width: 146px; margin-right: auto; margin-left: auto; margin-bottom: 20px; }
#side .instagram #instafeed img { height: auto; width: 126px; margin-right: auto; margin-left: auto; }
#side .instagram #instafeed a span{ font-size: 11px; text-align: left; line-height: 1.4em; display: block; background-color: #315371; color: #FFF; text-decoration: none; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }

/* グローバルナビ
----------------------------------------------------------- */
#gnavi { border-top-width: 1px; border-top-style: solid; border-top-color: #315273; width: 150px; margin-right: auto; margin-left: auto; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 15px; text-align: right; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315273; margin-bottom: 20px; padding-top: 8px; padding-bottom: 8px; line-height: 1em; }
#gnavi li { list-style-type: none; position: relative; }
#gnavi li a:link, #gnavi li a:visited, #gnavi li a:active { display: block; padding-top: 6px; padding-bottom: 6px; text-decoration: none; }
#gnavi li a:hover { text-decoration: underline; }
#gnavi li ul { list-style: none; position: absolute; top: -15px; margin: 0; z-index: 99999; background-color: #315273; width: auto; text-align: left; left: 150px; display: none; background-image: url(../images/fukidashi.png); background-repeat: no-repeat; background-position: left top; padding-top: 30px; padding-bottom: 20px; padding-left: 50px; padding-right: 30px; }
#gnavi li ul li { overflow: hidden; height: 0; -moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; padding: 0px; display: none; width: auto; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 1em; }
#gnavi li ul li a:link, #gnavi li ul li a:visited, #gnavi li ul li a:active { text-align: left; margin: 0px; padding: 0px; color: #FFF; }
#gnavi li ul li a:hover { text-decoration: underline; }
#gnavi li:hover > a { }
#gnavi > li:hover > a { }
#gnavi li:hover ul { text-align: left; display: block; }
#gnavi li:hover ul li { overflow: visible; height: auto; width: auto; display: block; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; white-space: nowrap; }
#gnavi li:hover ul li:first-child { border-top: 0; }
#gnavi li:hover ul li:last-child { border-bottom: 0; }
#gnavi li:hover ul li:last-child a { }
#gnavi .news { background-image: url(../images/att.png); background-repeat: no-repeat; background-position: 17px 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315273; margin-bottom: 8px; padding-bottom: 8px; }
#gnavi .user { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315371; margin-bottom: 7px; padding-bottom: 7px; }

/* コンテンツ
----------------------------------------------------------- */
#contents { margin-bottom: 20px; float: left; width: 960px; text-align: left; }
#contents h2 { display: block; font-family: bebas, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 17px; line-height: 27px; letter-spacing: 0.1em; padding-bottom: 15px; }
#contents h2 span { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 32px; font-weight: bold; float: right; }
#contents h3 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.4em; }
#contents h2 img { margin-right: 10px; }
#head_image { font-family: bebas; font-size: 64px; line-height: 1em; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 30px; }
.margin_bottom { margin-bottom: 20px; }

/* フッター
----------------------------------------------------------- */
footer { margin-right: 20px; }
footer .fnavi { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #0E3C4E; margin-bottom: 15px; width: 100%; clear: both; margin-right: 0px; }
footer .fnavi li { float: right; margin-left: 10px; margin-bottom: 15px; }
footer nav { clear: both; }
footer ul { float: left; margin-right: 20px; display: block; }
footer li { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 1.8em; white-space: nowrap; }
footer .tuad { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 12px; line-height: 1.8em; float: left; margin-right: 20px; }
footer .adm { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 12px; line-height: 1.8em; float: left; }

/* トップページ
----------------------------------------------------------- */
#contents .mix { display: none; margin: 0px; padding: 0px; }
#slide { clear: both; }
#slide li { float: left; }

/* トップページ - コンテンツリスト
----------------------------------------------------------- */
#contents_list { clear: both; padding-top: 30px; }
#contents_list h2 { height: 27px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; font-family: bebas, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; line-height: 27px; }
#contents_list .box { float: left; width: 300px; margin-right: 20px; margin-bottom: 20px; }
#contents_list .box li { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.4em; margin-bottom: 7px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #99AABB; }
#contents_list .box .none { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents_list .box dt { float: left; margin-right: 10px; font-family: bebas; font-size: 10px; line-height: 1.8em; letter-spacing: 0.1em; }
#contents_list .box dd { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.4em; float: right; width: 210px; }
#contents_list .user_news div { background-color: #FFFFBF; position: relative; height: 217px; padding-top: 20px; padding-right: 20px; padding-left: 20px; }
#contents_list .user_news .opencampus { position: absolute; top: -63px; right: 0px; border: 4px solid #FFFFBF; }
#contents_list .news div { background-color: #FFF; height: 200px; }
#contents_list .news div li { padding-bottom: 5px; margin-bottom: 5px; }
#contents_list .depertment { width: 942px; }
#contents_list .depertment li { width: 300px; display: block; color: #FFF; height: auto; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; float: left; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; }
#contents_list .depertment li.common { margin-right: 0px; }
#contents_list .depertment li a { color: #FFF; background-color: #315371; background-image: url(../images/arrow_r.png); background-repeat: no-repeat; background-position: 20px center; display: block; padding: 20px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin: 0px; }
#contents_list .depertment dl { display: block; padding-left: 30px; }
#contents_list .depertment dt { font-family: bebas; font-size: 18px; line-height: 1em; letter-spacing: 0.2em; width: auto; display: block; clear: both; float: none; margin-bottom: 7px; }
#contents_list .depertment dd { width: auto; display: block; clear: both; float: none; }
#contents_list .depertment .art a { background-color: #305170; }
#contents_list .ex div { background-color: #FFF; text-align: center; padding-top: 20px; padding-bottom: 20px; display: block; padding-right: 20px; padding-left: 20px; }
#contents_list .panel { clear: both; }
#contents_list .panel li { float: left; width: 220px; margin-bottom: 20px; margin-right: 20px; height: auto; }
#contents_list .panel li img { height: auto; width: 100%; }
#contents_list .panel span { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 1.5em; background-color: #FFF; padding: 10px; display: block; }

/* トップページ - イベント
----------------------------------------------------------- */
.event { clear: both; margin-bottom: 20px; }
.event h2 span { padding-right: 20px; }
.event li { background-color: #FFF; padding: 20px; margin-right: 20px; width: 180px; float: left; margin-bottom: 20px; height: 285px; }
.event dt { margin-bottom: 15px; }
.event .title { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.4em; margin-bottom: 10px; font-weight: bold; }
.event .excerpt { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 12px; line-height: 1.5em; }

/* トップページ - ユーザーナビ
----------------------------------------------------------- */
.user_header li { position: relative; }
.user_header dd { background-color: #FFF; display: inline-block; padding: 15px; position: absolute; left: 0px; top: 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 21px; line-height: 1em; }
.user_navi { display: block; }
.user_navi ul { border: 1px solid #305374; padding-top: 25px; padding-right: 0px; padding-bottom: 10px; padding-left: 25px; margin-bottom: 20px; margin-right: 20px; display: block; }
.user_navi li { float: left; width: 300px; margin-bottom: 15px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1em; }


/* トップページ - 活動
----------------------------------------------------------- */
#action { margin-bottom: 20px; }
#action .mix { float: left; width: 220px; margin-right: 20px; }
#action dt { float: left; margin-right: 10px; }
#action dd { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 1.6em; }
#action ul { border-top-width: 1px; border-top-style: solid; border-top-color: #315474; padding-top: 10px; }
#action li { margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315273; }

/* バナー
----------------------------------------------------------- */
#banner { display: block; }
#banner li { float: left; margin-right: 15px; margin-bottom: 15px; }
#banner li.big img { width: 176px; height: auto; }
#banner li.small img { height: 81px; width: 81px; }
#banner li.small:nth-child(odd) img { height: 81px; width: 80px; }
#s_banner { float: right; width: 220px; margin-right: 20px; }
#s_banner ul li { margin-bottom: 20px; }

/* メイン
----------------------------------------------------------- */
#main { float: left; width: 720px; }
#main .panel { clear: both; }
#main .panel li { float: left; width: 215px; margin-bottom: 20px; margin-right: 20px; height: auto; }
#main .panel li img { height: auto; width: 100%; }
#main .panel .title { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 1.5em; background-color: #FFF; padding: 10px; display: block; }
#main .snap_lead strong { font-family: bebas; font-size: 21px; letter-spacing: 0.2em; display: block; margin-bottom: 15px; }
#main .snap_lead { background-color: #FFF; padding: 20px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.6em; width: 646px; clear: both; margin-bottom: 20px; }
#main #d_art { clear: both; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 21px; line-height: 1em; display: block; }
#main #d_design, #main #d_graduates { clear: both; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 21px; line-height: 1em; display: block; padding-top: 50px; }
#main .user_news_adm div { background-color: #FFC; padding: 20px; margin-right: 35px; margin-bottom: 20px; }
#main .user_news_adm li { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.4em; border-top-width: 1px; border-top-style: solid; border-top-color: #99AABB; padding-top: 7px; margin-top: 7px; }
#main .user_news_adm li:first-child { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px; margin: 0px; }
#main .general_list_entry { background-color: #FFF; padding: 10px; width: 666px; font-size: 13px; line-height: 1.8em; }
#main .general_list_entry img { height: auto; width: 100%; clear: both; }
#main .general_list_entry h3 { font-size: 18px; margin-bottom: 15px; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; display: block; clear: both; padding-top: 20px; line-height: 2em; }
#main .general_list_entry h4 { font-size: 16px; margin-bottom: 15px; font-family: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; display: block; clear: both; padding-top: 20px; line-height: 2em; margin-top: 30px; }
#main .general_list_entry h3,#main .general_list_entry h4 ,#main .general_list_entry p{ margin-right: 15px; margin-bottom: 15px; margin-left: 15px; margin-top: 15px; }

/* 学科
----------------------------------------------------------- */
#department { position: relative; }
#department #v_box { width: 940px; height: 529px; margin-bottom: 50px; padding-top: 50px; position: relative; }
#department #v_box #v { width: 940px; height: 529px; }
#department #v_box #control { background-color: #315371; color: #FFF; font-family: bebas; letter-spacing: 0.3em; font-size: 14px; line-height: 1em; display: inline-block; position: absolute; left: 0px; bottom: 0px; z-index: 999; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; }
#department #v_box #control a { color: #FFF; }
#department h1 { position: absolute; left: 55px; top: 0px; display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 18px; line-height: 1em; font-weight: bold; }
#department h1 span { font-family: bebas; font-size: 64px; line-height: 1.3em; font-weight: normal; display: block; margin-top: 10px; white-space: nowrap; letter-spacing: 0.1em; }
#department .general { padding-left: 60px; padding-top: 120px; padding-bottom: 50px; font-weight: bold; }
#department .general h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 19px; line-height: 1.4em; font-weight: bold; }
#department .juken_news { float: right; }
#department .juken_news div { background-color: #FFFFBF; padding: 20px; position: relative; width: 260px; }
#department .juken_news div .opencampus { position: absolute; top: -63px; right: 0px; border: 4px solid #FFFFBF; }
#department .juken_news li { padding-top: 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.4em; margin-bottom: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #99AABB; }
#department .juken_news .none { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#department .juken_news dt { float: left; margin-right: 10px; }
#department .juken_news dd { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.6em; padding-top: 5px; }
#department .dep_1, #department .dep_2 { margin-bottom: 40px; padding-bottom: 40px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315371; clear: both; margin-right: 40px; margin-left: 40px; }
#department .dep_1 .lead { float: left; width: 550px; }
#department .dep_1 .lead h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 19px; line-height: 1.5em; font-weight: bold; margin-bottom: 15px; }
#department .dep_1 .lead p { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 2em; }
#department .dep_2 h3 { font-family: bebas; font-size: 24px; line-height: 1em; margin-bottom: 20px; letter-spacing: 0.2em; }
#department .dep_2 h3 span { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1em; padding-left: 20px; }
#department .dep_2 .three li { width: 250px; margin-right: 30px; padding-right: 30px; border-right-width: 1px; border-right-style: dashed; border-right-color: #315371; float: left; margin-bottom: 30px; }
#department .dep_2 .three li:nth-child(3n) { margin-right: 0px; padding-right: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#department .dep_2 .three .none { margin-right: 0px; padding-right: 0px; border-right-style: none; }
#department .dep_2 .three dt { height: 188px; width: 250px; overflow: hidden; }
#department .dep_2 .three dt img { height: auto; width: 100%; }
#department .dep_2 #fbFeed.three dt img { max-width: 135%; width: 135%;  height: auto;  }
#department .dep_2 .three .title { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 15px; line-height: 1.5em; font-weight: bold; margin-bottom: 10px; }
#department .dep_2 .three .title2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 15px; line-height: 1.5em; font-weight: bold; margin-bottom: 15px; }
#department .dep_2 .three .ex { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 1.8em; }
#department .dep_2 .three .photo { margin-top: 15px; margin-bottom: 15px; }
#department .dep_2 .teachers dt { margin-right: 15px; float: left; display: block; }
#department .dep_2 .teachers dt img { }
#department .dep_2 .teachers dd { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 1.3em; }
#department .dep_2 .teachers li { float: left; width: 260px; margin-right: 30px; display: block; margin-top: 20px; }
#department .dep_head { position: absolute; left: 0px; top: 0px; }
#department .graduate_lead { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 2em; font-weight: normal; }
#department #recruit .recruit_box { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 2em; }
#department #dep_learn .three li dt img { margin-bottom: 15px; }
#department .three dt { margin-bottom: 15px; }

/* 作品 */
#department .works { clear: both; margin-bottom: 0px; }
#department .works ul { padding-left: 12px; }
#department .works ul li { margin-right: 0px; padding-right: 0px; }
#department .works ul li a { width: 151px; margin-right: 0px; background-color: #FFF; display: block; float: left; margin-bottom: 0px; padding-top: 15px; padding-right: 27px; padding-bottom: 15px; padding-left: 27px; }
#department .works ul .none a { margin-right: 0px; }
#department .works ul li .photo { display: table; margin-bottom: 15px; margin-top: 8px; width: 100%; height: 150px; }
#department .works ul li .sum { text-align: center; display: table-cell; vertical-align: middle; margin-right: auto; margin-left: auto; width: 100%; height: 150px; }
#department .works ul li .sum img { width: 150px; height: 150px; }
#department .works ul li a .title { display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; line-height: 1.5em; font-weight: bold; }
#department .works ul li a .name { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 11px; line-height: 1em; }
#department .works .works_box { background-color: #FFF; padding: 50px; width: 704px; float: left; margin-bottom: 20px; }
#department .works .photo { text-align: center; margin-bottom: 30px; }
#department .works .works_list { margin-bottom: 0px; }

/* 汎用一覧 */
#wrapper #department .teacher { margin-right: 10px; }
#wrapper #department .teacher ul li .photo { float: left; width: 120px; text-align: right; }
#wrapper #department .teacher ul li h3 { float: right; width: 500px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; line-height: 1em; font-weight: bold; margin-bottom: 15px; }
#wrapper #department .teacher ul li .teacer_body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; line-height: 2em; float: right; width: 500px; }
#wrapper #department .teacher ul li { background-color: #FFF; margin-bottom: 20px; padding-top: 50px; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; }

/* サムネイル
----------------------------------------------------------- */
.thum50 { display: block; width: 50px; height: 50px; overflow: hidden; position: relative; z-index: 1; }
.thum50 img { float: left; position: absolute; max-width: 100%; }
.thum65 { display: block; width: 50px; height: 50px; overflow: hidden; position: relative; z-index: 1; }
.thum65 img { float: left; position: absolute; max-width: 100%; }
.thum180 { display: block; width: 180px; height: 130px; overflow: hidden; position: relative; z-index: 1; }
.thum180 img { float: left; position: absolute; max-width: 100%; }
.thum250 { display: block; width: 250px; height: 160px; overflow: hidden; position: relative; z-index: 1; }
.thum250 img { float: left; position: absolute; max-width: 100%; }
.thum250s { display: block; width: 250px; height: 250px; overflow: hidden; position: relative; z-index: 1; }
.thum250s img { float: left; position: absolute; max-width: 100%; }

/* ニュースアーカイブ
----------------------------------------------------------- */
#archive { border-top-width: 1px; border-top-style: solid; border-top-color: #133D4F; padding-top: 20px; width: 700px; }
#archive h2 { margin-bottom: 30px; }
#archive ul { clear: both; border-top-width: 1px; border-top-style: solid; border-top-color: #315273; padding-top: 30px; }
#archive ul .sum { float: left; width: 100px; }
#archive ul li { margin-bottom: 30px; padding-bottom: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315273; }
#archive ul .title { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; display: block; margin-bottom: 5px; float: right; width: 580px; font-weight: bold; font-size: 16px; line-height: 1.4em; }
#archive ul .excerpt { float: right; width: 580px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.6em; }
#archive ul li .sum { float: left; overflow: hidden; height: 100px; width: 100px; }
#archive ul .sum a img { max-height: 180px; max-width: 180px; }

/* ページネーション
----------------------------------------------------------- */
.wp-pagenavi { clear: both; text-align: center; margin-bottom: 20px; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 18px; line-height: 1em; color: #133D4F; background-color: #FFF; text-align: center; padding-top: 10px; padding-bottom: 10px; display: inline-block; margin-right: 5px; margin-left: 5px; min-width: 30px; padding-right: 5px; padding-left: 5px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { color: #FFF; background-color: #133D4F; }
.wp-pagenavi span.current { font-weight: normal; }

/* 記事部分
----------------------------------------------------------- */
#entrybody { background-color: #FFF; width: 637px; float: left; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }
#entrybody h1 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 21px; line-height: 1.5em; color: #315273; margin-bottom: 20px; font-weight: bold; }
#entrybody h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 18px; line-height: 1.5em; color: #133D4F; margin-bottom: 1em; font-weight: bold; }
#entrybody h3 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; line-height: 1.5em; margin-top: 2em; margin-bottom: 1em; color: #133D4F; font-weight: bold; display: block; }
#entrybody h4 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; line-height: 1.5em; margin-top: 2em; margin-bottom: 1em; color: #133D4F; font-weight: bold; display: block; }
#entrybody h5 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 11px; line-height: 1.5em; margin-top: 2em; margin-bottom: 1em; color: #133D4F; font-weight: normal; display: block; }
#entrybody h6 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 10px; line-height: 1.5em; margin-top: 2em; margin-bottom: 1em; color: #133D4F; font-weight: normal; display: block; }
#entrybody p { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 12px; line-height: 2em; color: #000000; }
#entrybody p, #index p { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; line-height: 2em; margin-bottom: 1em; }
#entrybody.contents_parent p { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 13px; line-height: 2em; margin-bottom: 1em; }
#entrybody ul { margin-bottom: 1em; margin-top: 1em; margin-left: 20px; }
#entrybody ul li { list-style-type: disc; list-style-position: outside; line-height: 2em; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; }
#entrybody ol { margin-bottom: 1em; margin-top: 1em; margin-left: 20px; }
#entrybody ol li { list-style-type: decimal; list-style-position: outside; line-height: 2em; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; }
#entrybody table, #department table { border-top-width: 1px; border-top-style: solid; border-top-color: #315273; width: 100%; margin-bottom: 15px; }
#entrybody table tr td, #department table tr td { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315273; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; line-height: 1.5em; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; }
#entrybody table tr th, #department table tr th { text-align: left; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315273; font-weight: bold; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; line-height: 1.5em; }
#entrybody .entry img { height: auto; margin-bottom: 20px; max-width: 100%; }
#entrybody img.centered { display: block; margin-left: auto; margin-right: auto; }
#entrybody img.alignright { padding: 0px; margin: 0 0 20px 20px; display: inline; }
#entrybody img.alignleft { padding: 0px; margin: 0 20px 20px 0; display: inline; }
#entrybody .alignright { float: right; }
#entrybody .alignleft { float: left }


/* カリキュラム */
.curriculum .left { float: left; width: 440px; padding: 0px; margin-bottom: 10px; }
.curriculum .head .year { position: static; left: 0px; top: 0px; text-align: center; display: block; padding: 0px; margin-bottom: 20px; }
.curriculum .head .year .number { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 28px; line-height: 1em; font-weight: normal; margin-right: 5px; }
.curriculum .head { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 13px; line-height: 2em; width: 360px; height: auto; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; margin-right: 0px; }
.curriculum ul li { float: left; width: 160px; margin-right: 20px; margin-bottom: 20px; background-color: #FFF; position: relative; height: 395px; padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }
.curriculum ul li .year { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; line-height: 1em; font-weight: bold; color: #133D4F; padding-right: 15px; padding-bottom: 15px; position: absolute; left: 20px; top: 20px; background-color: #FFF; }
.curriculum ul li .photo { margin-bottom: 15px; }
.curriculum ul li .title { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 16px; line-height: 1em; margin-bottom: 15px; }
.curriculum ul li .lead { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; line-height: 1.7em; }
.curriculum .right .works_photo { width: auto; height: auto; }
.curriculum .right .works_photo .lead a { color: #FFF; text-decoration: underline; margin-bottom: 30px; }
.curriculum .right .works_photo .lead { margin-bottom: 25px; }
.curriculum .works_photo .photo img { height: auto; width: 380px; }
.curriculum .first li, .curriculum .fourth li { color: #133D4F; background-color: #FFF; }
.curriculum .first .year, .curriculum .fourth .year { color: #133D4F; background-color: #FFF; }
.curriculum .second li, .curriculum .third li { color: #FFF; background-color: #133D4F; }
.curriculum .second .year, .curriculum .third .year { color: #FFF; background-color: #133D4F; }

/* facebox
----------------------------------------------------------- */
#facebox .pop_photo { margin-bottom: 20px; display: block; text-align: center; }
#facebox .pop_photo img { max-width: 560px; }
#facebox .so_photo img { max-width: auto; }
#facebox .pop_photo_2 { margin-top: 20px; margin-bottom: 5px; display: block; text-align: center; }
#facebox .pop_photo_2 img { max-width: 560px; }
#facebox .name { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; display: block; margin-bottom: 5px; font-size: 14px; margin-top: 10px; width: 560px; }
#facebox .lead { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 18px; font-weight: bold; margin-bottom: 10px; line-height: 2em; width: 560px; margin-top: 15px; }
#facebox .comment { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; line-height: 2em; width: 560px; margin-bottom: 15px; }
#facebox .profile { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 11px; line-height: 1.8em; width: 560px; }
#facebox .caption { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 11px; line-height: 1.6em; width: 560px; margin-bottom: 10px; }
#facebox .comment .name { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; display: inline; margin-bottom: 5px; font-size: 14px; margin-right: 15px; }
#facebox li { margin-bottom: 30px; }
#facebox .teachers_dl dt { float: left; width: 160px; margin-right: 20px; }
#facebox .teachers_dl span { display: block; padding-top: 10px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.6em; }
#facebox .teachers_dl dd { float: right; width: 470px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 1.6em; }
#facebox .teachers_dl dd img { margin-top: 20px; margin-bottom: 20px; }

/* 下層ページ
----------------------------------------------------------- */
#contents .comic img { height: auto; width: 100%; margin-bottom: 20px; }
#contents .comic { background-color: #FFF; padding: 20px; margin-right: 20px; }
#contents .comic .lead { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 12px; line-height: 2em; margin-bottom: 20px; }
#side .catalog { margin-bottom: 20px; }

/* ニュース
----------------------------------------------------------- */
#contents_list .box .tab { }
#contents_list .box .tab li { margin: 0px; padding: 0px; float: left; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; clear: none; text-align: center; }
#contents_list .box .tab li a:link, #contents_list .box .tab li a:visited, #contents_list .box .tab li a:active { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 11px; line-height: 1em; text-align: center; width: 51px; display: block; padding-top: 8px; padding-bottom: 8px; background-color: #315273; border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; color: #FFF; font-weight: bold; }
#contents_list .box .tab li:first-child a:link, #contents_list .box .tab li:first-child a:visited, #contents_list .box .tab li:first-child a:active { width: 65px; }
#contents_list .box .tab li:nth-last-of-type(1) a:link, #contents_list .box .tab li:nth-last-of-type(1) a:visited, #contents_list .box .tab li:nth-last-of-type(1) a:active { width: 78px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#contents_list .box .tab li a:hover { color: #315273; background-color: #FFF; }
#wrapper #contents #contents_list .box div div { padding-top: 10px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }


/* タブ
----------------------------------------------------------- */
@media projection, screen { .ui-tabs-hide { display: none; } }
@media print { .ui-tabs-nav { display: none; } }
.ui-tabs-nav, .ui-tabs-panel { }
.ui-tabs-nav { list-style: none; }
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }
.ui-tabs-nav li { float: left; }
.ui-tabs-nav a, .ui-tabs-nav a span { display: block; }
.ui-tabs-nav a { padding-left: 0; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ }
#wrapper #contents #contents_list .box.news.mix.juken.students.grads.recruitment .news_tab .tab.ui-tabs-nav .ui-tabs-selected a { position: relative; z-index: 2; margin-top: 0; color: #315371; background-color: #FFFFFF; }
.ui-tabs-nav a span { }
*>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; }
.ui-tabs-nav .ui-tabs-selected a span { }
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { }
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { }
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { }
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }
.ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); }
.ui-tabs-panel { }
.ui-tabs-loading em { }
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; }
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; }
#wrapper #contents #main .panel .title b { font-weight: normal; }
/* job
----------------------------------------------------------- */
#contents #main.job section { background-color: #325372; margin-bottom: 1.2em; margin-right: 5%; line-height: 1.8em; color: #FFF; padding-top: 1.2em; padding-right: 1.8em; padding-bottom: 1.2em; padding-left: 1.8em; }
#contents #main.job .panel { margin-right: 5%; }
#contents #main.job .panel li { background-color: #FFF; padding: 0em; float: left; width: 31.5%; margin-top: 0px; margin-right: 2.75%; margin-bottom: 1em; margin-left: 0px; }
#contents #main.job .panel li:nth-child(3n) { margin-right: 0px; }
#contents #main.job .panel li dl { padding: 1.2em; border: 1px solid #325372; overflow: hidden; margin: 0.4em; }
#contents #main.job .panel li dt { font-size: 0.85em; line-height: 1.5em; font-weight: bold; margin-bottom: 0.4em; }
#contents #main.job .panel li dd { font-size: 0.8em; line-height: 1.6em; }


/* モバイル用
----------------------------------------------------------- */
@media screen and (max-width: 480px) {
	
/* レイアウト
----------------------------------------------------------- */
#wrapper { text-align: left; padding-bottom: 50px; width: 100%; margin-right: auto; margin-left: auto; display: block; padding-right: 0px; }
#contents { margin-bottom: 20px; float: none; width: 100%; text-align: left; display: block; }
img { max-width: 100%; height: auto; }
header { margin-bottom: 20px; margin-right: 10px }

/* トップページ
----------------------------------------------------------- */
.user_header, #contents_list, .event, footer { margin-left: 10px; margin-right: 10px }
.user_navi h2, .event h2, .event ul { padding-left: 10px; padding-right: 10px }
.user_navi ul { margin-right: 10px; margin-left: 10px; padding-right: 25px; }
.user_navi li { width: auto; }
#head_image { font-size: 40px; }
#contents_list div img { width: 100%; heigt: auto; }
#contents_list .box { float: left; width: 100%; margin-right: 0px; position: relative; margin-bottom: 20px; }
#contents_list .box dd { width: 85%; }
#contents_list .panel { clear: both; }
#contents_list .panel li { float: left; width: 48.5%; margin-bottom: 10px; margin-right: 0px; height: auto; }
#contents_list .panel li:nth-child(odd) { margin-right: 3%; }
#contents_list .panel li img { height: auto; width: 100%; }
#contents_list .panel span { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 13px; line-height: 1.5em; background-color: #FFF; padding: 10px; display: block; }
#contents_list .user_news div, #contents_list .news div { height: auto; padding-bottom: 20px; }
#contents_list .depertment { width: 100%; }
#contents_list .depertment li { width: 100%; margin-right: 0px; }
#entrybody { background-color: #FFF; width: auto; float: left; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
#main { float: none; margin-right: 10px; margin-left: 10px; width: auto; }
#main .panel li { float: left; width: 48.5%; margin-bottom: 10px; margin-right: 0px; height: auto; }
#main .panel li:nth-child(odd) { margin-right: 3%; }
#main .panel li img { height: auto; width: 100%; }
.event { clear: both; margin-bottom: 20px; }
.event h2 span { padding-right: 20px; }
.event li { background-color: #FFF; padding: 2%; margin-right: 0px; width: 44.5%; float: left; margin-bottom: 10px; height: 330px; }
.event li:nth-child(odd) { margin-right: 3%; }

/* サムネイル
----------------------------------------------------------- */
.thum50 { display: block; width: 50px; height: 50px; overflow: hidden; position: relative; z-index: 1; }
.thum65 { display: block; width: 50px; height: 50px; overflow: hidden; position: relative; z-index: 1; }
.thum180 { display: block; width: 100%; height: 90px; overflow: hidden; position: relative; z-index: 1; }
.thum250 { display: block; width: 300px; height: 190px; overflow: hidden; position: relative; z-index: 1; }
.thum250s { display: block; width: 250px; height: 250px; overflow: hidden; position: relative; z-index: 1; }

/* フッター
----------------------------------------------------------- */
footer { margin-right: 10px; margin-top: 0px; clear: both; }
footer .fnavi li { float: right; margin-left: 10px; margin-bottom: 15px; }
footer nav { clear: both; }
footer ul { float: left; width:45%; margin-right: 4%; display: block; }
footer ul:last-child { margin-right: 0;  }
footer li { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 11px; line-height: 1.8em; white-space: nowrap; letter-spacing: 0em; }
footer .tuad { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 10px; line-height: 1.8em; float: left; clear: both; padding-top: 0px; }
footer .adm { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 10px; line-height: 1.8em; float: left; padding-top: 0px; white-space: nowrap; }
footer .footer_banner { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 20px; padding-top: 20px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #133D4F; border-bottom-color: #133D4F; margin-top: 20px; }
footer .footer_banner li { float: left; width: 48%; }
footer .footer_banner li:first-child { margin-right: 4%; }
footer .footer_banner li img { width: 100%; }
footer .sns_banner { display: block; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #133D4F; }
footer .sns_banner li { float: left; width: 48%; }
footer .sns_banner li:first-child { margin-right: 4%; }
footer .sns_banner li img { width: 100%; }
footer #dep-nav ul, #common-nav ul { float: left; }
footer #dep-nav .left, #common-nav .left { margin-right: 30px; }
footer #dep-nav .right, #common-nav .right { margin-right: 0px; }
footer .fnavi { border-top-width: 1px; border-top-style: solid; border-top-color: #315273; padding-top: 15px; margin-top: 0px; }
#contents footer .instagram { background-color: #315374; text-align: center; width: 100%; }
#contents footer #instafeed { width: 100%; background-color: #315371; box-sizing: border-box; padding-top: 0px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
#contents footer #instafeed a span{ display: block; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; white-space: normal; color: #FFF; text-align: left; }
#contents footer #instafeed li { display: none; }
#contents footer #instafeed li:first-child { display: block; }
#dep-nav { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315273; padding-bottom: 15px; margin-bottom: 15px; }
#common-nav { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315273; padding-bottom: 15px; margin-bottom: 15px; }

/* パンくず
----------------------------------------------------------- */
#pankuzu { margin-bottom: 20px; margin-right: 10px; }
#pankuzu .home { float: left; }
#pankuzu .home img { width: 40px; height: auto; }
#pankuzu ul { float: right; width: 250px; }
#pankuzu ul li { font-size: 16px; line-height: 1.5em; }

/* 学科
----------------------------------------------------------- */
#department { margin-left: 10px; margin-right: 10px; }
#department #v_box { width: 300px; height: 169px; margin-bottom: 30px; padding-top: 0px; position: relative; }
#department #v_box #v { width: 300px; height: 169px; }
#department #v_box #control { display: none; }
#department .dep_1 .lead { width: 300px; }
#department h1 { left: 20px; top: -25px; }
#department h1 span { font-size: 24px; }
#department .dep_1, #department .dep_2 { margin-right: 0px; margin-left: 0px; margin-bottom: 20px; padding-bottom: 20px; }
#department .dep_2 .three li { width: 300px; margin-right: 0px; padding-right: 0px; border-right-style: none; float: left; margin-bottom: 20px; }
#department #dep_photo .three li { width: 150px; height: auto; }
#department #dep_photo .three li img { width: 300px; height: auto; }
#department .dep_2 h3 span { padding-left: 0px; display: block; clear: both; float: none; letter-spacing: 0.1em; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; }
#department .works { clear: both; margin-bottom: 0px; }
#department .works ul { padding-left: 8px; }
#department .works ul li a { width: 118px; margin-right: 0px; margin-bottom: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
#department .works ul .none a { margin-right: 0px; }
#department .works ul li .photo { display: table; margin-bottom: 15px; margin-top: 8px; width: 100%; height: 150px; }
#department .works ul li .sum { text-align: center; display: table-cell; vertical-align: middle; margin-right: auto; margin-left: auto; width: 100%; height: 150px; }
#department .works ul li a .title { display: block; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px; line-height: 1.5em; font-weight: bold; }
#department .works ul li a .name { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 11px; line-height: 1em; }
#department .works .works_box { padding: 0px; width: auto; float: none; margin-bottom: 20px; }
#department .works .photo { width: auto; }
#department .works .works_list { margin-bottom: 0px; }
.curriculum .left { float: none; width: 300px }
.curriculum .head .year { position: static; left: 0px; top: 0px; text-align: center; display: block; padding: 0px; margin-bottom: 20px; }
.curriculum .head .year .number { font-size: 28px; line-height: 1em; font-weight: normal; margin-right: 5px; }
.curriculum .head { font-size: 13px; line-height: 2em; width: 260px; height: auto; padding-top: 30px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; margin-right: 0px; margin-bottom: 10px; }
.curriculum ul li { width: 125px; margin-right: 0px; margin-bottom: 10px; height: 395px; padding-top: 10px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
.curriculum ul li:nth-child(odd) { margin-right: 10px; }
.curriculum ul li .year { font-size: 16px; line-height: 1em; font-weight: bold; color: #133D4F; padding-right: 15px; padding-bottom: 15px; position: absolute; left: 10px; top: 10px; background-color: #FFF; }
.curriculum ul li .photo { margin-bottom: 15px; }
.curriculum ul li .title { font-size: 16px; line-height: 1em; margin-bottom: 15px; color: #133D4F; }
.curriculum ul li .lead { font-size: 12px; line-height: 1.7em; }
.curriculum .right li .title { color: #FFF; }
.curriculum .right .works_photo { width: 280px; height: auto; }
.curriculum .right .works_photo .lead a { color: #FFF; text-decoration: underline; margin-bottom: 30px; }
.curriculum .right .works_photo .lead { margin-bottom: 25px; }
.curriculum .works_photo .photo img { height: auto; width: 100%; }
.curriculum .head .more a { text-align: center; display: block; padding-top: 10px; padding-bottom: 10px; }
.curriculum .first li, .curriculum .third li, .curriculum .head.first, .curriculum .head.third, .curriculum .head.first .more a, .curriculum .head.third .more a { color: #133D4F; background-color: #FFF; }
.curriculum .first .year, .curriculum .third .year { color: #133D4F; background-color: #FFF; }
.curriculum .second li, .curriculum .fourth li, .curriculum .head.second, .curriculum .head.fourth, .curriculum .head.second .more a, .curriculum .head.fourth .more a { color: #FFF; background-color: #133D4F; }
.curriculum .second .year, .curriculum .fourth .year { color: #FFF; background-color: #133D4F; }
#contents_list .depertment { width: 100%; }
#contents_list .depertment li { width: 100%; float: none; margin-right: 0px; margin-bottom: 10px; }

/* facebox
----------------------------------------------------------- */
#facebox { width: 100%; }
#facebox .popup { width: 100%; }
#facebox .pop_photo { margin-bottom: 20px; display: block; text-align: center; }
#facebox .pop_photo img { max-width: 100%; height: auto; }
#facebox .so_photo img { max-width: auto; height: auto; }
#facebox .pop_photo_2 { margin-top: 20px; margin-bottom: 20px; display: block; text-align: center; }
#facebox .pop_photo_2 img { max-width: 100%; height: auto; }
#facebox .name { display: block; margin-bottom: 5px; font-size: 14px; margin-top: 10px; width: 100%; }
#facebox .lead { font-size: 14px; font-weight: bold; margin-bottom: 10px; line-height: 2em; width: 100%; }
#facebox .comment { font-size: 12px; line-height: 2em; width: 100%; }
#facebox .profile { font-size: 11px; line-height: 2em; width: 100%; }
#facebox .comment .name { font-weight: bold; display: inline; margin-bottom: 5px; font-size: 14px; margin-right: 15px; }
#facebox li { margin-bottom: 30px; }
#facebox .teachers_dl dt { float: none; width: 100%; margin-right: 20px; margin-bottom: 20px; }
#facebox .teachers_dl span { display: block; font-size: 14px; line-height: 1.6em; }
#facebox .teachers_dl dd { float: none; width: 100%; font-size: 13px; line-height: 1.6em; }
#facebox .teachers_dl dd img { margin-top: 20px; margin-bottom: 20px; height: auto; }

#main .user_news_adm div { background-color: #FFC; padding: 20px; margin-right: 0px; margin-bottom: 20px; }
#main .snap_lead { width: 260px; }


/* メニュー
----------------------------------------------------------- */
#build-menu-page { left: 0; position: relative; }
#build-menu { visibility: visible; z-index: 0; opacity: 1; -webkit-transform: none; display: none; width: 250px; padding: 0; position: static; top: 0; height: 100%; overflow-y: auto; left: 0; }
.build-menu-animating #build-menu-page { position: fixed; overflow: hidden; width: 100%; top: 0; bottom: 0; }
.build-menu-animating.build-menu-close #build-menu-page, .build-menu-animating.build-menu-open #build-menu-page { -webkit-transition: -webkit-transform 250ms; }
.build-menu-animating.build-menu-open #build-menu-page { -webkit-transform: translate3d(0, 0, 0); }
.build-menu-animating #build-menu { display: block }
.build-menu-open #build-menu { display: block; -webkit-transition-delay: 0ms, 0ms, 0ms; }
.build-menu-open #build-menu, .build-menu-close #build-menu { -webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms; }
#mobile-bar a { position: absolute; top: 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1em; color: #FFF; left: 0px; height: 60px; width: 60px; }
#build-menu { text-align: left; padding-left: 10px; padding-right: 10px; }
#build-menu ul li { display: block; clear: both; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1em; }
#build-menu ul li a { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; line-height: 1em; color: #315371; display: block; padding: 10px; font-size: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315371; }

/* ウィジェット
----------------------------------------------------------- */
#search_keyword { width: 100px; margin-right: 5px; }
.search_box { width: 100%; display: block; padding: 0px; margin: 0px; }
.search_box li { float: left; margin: 0px; padding: 0px; display: block; }
.search_box li .lang { font-family: bebas; font-size: 10px; line-height: 36px; color: #FFF; background-color: #315371; height: 36px; padding-right: 12px; padding-left: 13px; font-weight: normal; letter-spacing: 0.2em; margin-left: 3px; display: block; margin-right: 0px; }
.widget .time dl { float: left; padding-left: 0px; padding-top: 0px; padding-right: 0px; }
.widget .time dt { float: left; padding-right: 3px; }
.widget .time dd { float: left; font-family: bebas; line-height: 1em; font-size: 16px; letter-spacing: 0.1em; }
.widget .weather dl { float: left; padding-right: 0px; }
.widget .weather dt { font-family: bebas; line-height: 20px; float: left; font-size: 8px; letter-spacing: 0.1em; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; }
.widget .weather dd { float: left; margin: 0px; padding: 0px; }
.widget .weather dd.a { padding-top: 0px; padding-right: 0px; padding-left: 5px; }
.widget .weather dd.b { font-family: bebas; font-size: 18px; line-height: 1em; padding-top: 0px; letter-spacing: 0.1em; padding-left: 3px; }
.widget .weather dd.c { padding-top: 0px; }
.widget { width: 100%; display: block; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }
.widget img { height: 20px; }
.widget .time, .widget .weather { float: left; }

/* ニュースアーカイブ
----------------------------------------------------------- */
#archive { border-top-width: 1px; border-top-style: solid; border-top-color: #133D4F; padding-top: 20px; width: 100%; }
#archive h2 { margin-bottom: 30px; }
#archive ul { clear: both; border-top-width: 1px; border-top-style: solid; border-top-color: #315273; padding-top: 30px; }
#archive ul .sum { float: none; width: 150px; }
#archive ul li { margin-bottom: 30px; padding-bottom: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #315273; }
#archive ul .title { margin-bottom: 5px; float: right; width: 100%; font-weight: bold; font-size: 16px; line-height: 1.4em; }
#archive ul .excerpt { float: none; width: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic"; font-size: 14px; line-height: 1.6em; }
#archive ul li .sum { float: none; overflow: hidden; height: 150px; width: 150px; }
#archive ul .sum a img { max-height: 180px; max-width: 180px; }

/* job
----------------------------------------------------------- */
#contents #main.job .panel { margin-right: 0%; }
#contents #main.job .panel li { width: 45%; margin-right: 5%; }
#contents #main.job .panel li:nth-child(3n) { margin-right: 5%; }
#contents #main.job .panel li:nth-child(2n) { margin-right: 0%; }
}