@charset "utf-8";
/* --------------------------------------------------------------------
　common.css
 [全ページ共通CSS]

+ ベースカラー #444444
+ リンクカラー #1d2088
+ 強調カラー #1d2088

-------------------------------------------------------------------- */

/* clearfix
-------------------------------------------------------------------- */
#assistNav ul,
#footerInner,
#contents,
#topicPath,
#globalNav ul,
#userNav ul,
#newsArea ul li a dl,
#columnList li,
#main dl.enum,
#main .floatBox,
#main .floatBox dl.enum,
#topicsPath,
#kandaiNav ul,
#globalNav,
#globalNav ul,
#fontSize,
#footerNav ul li,
.clearfix{
display: inline-block;
}

#assistNav ul,
#footerInner,
#contents,
#topicPath,
#globalNav ul,
#userNav ul,
#newsArea ul li a dl,
#columnList li,
#main .floatBox,
#main .floatBox dl.enum,
#main dl.enum,
#topicsPath,
#kandaiNav ul,
#globalNav,
#globalNav ul,
#fontSize,
#footerNav ul li,
.clearfix{
display: block;
}

#assistNav ul:after,
#footerInner:after,
#contents:after,
#topicPath:after,
#globalNav ul:after,
#userNav ul:after,
#newsArea ul li a dl:after,
#columnList li:after,
#main .floatBox:after,
#main .floatBox dl.enum:after,
#main dl.enum:after,
#topicsPath:after,
#kandaiNav ul:after,
#globalNav:after,
#globalNav ul:after,
#fontSize:after,
#footerNav ul li:after,
.clearfix:after{
content: url(../img/common/pixel.gif);
display: block;
clear: both;
height: 0;
}

/* reset style (html5 set)
-------------------------------------------------------------------- */
article,section,header,footer,nav,menu,aside,figure,figcaption,#newsWrap ul li span{ 
display:block;
padding:0;
margin:0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
font-family: Helvetica, Arial,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",Meiryo,"メイリオ","ＭＳ Ｐゴシック", Verdana, Geneva; 
margin:0;
padding:0;
}

table{
border-collapse:collapse;
border-spacing:0;
}

fieldset,img{ 
border:0;
}

img{
vertical-align:top;
}

address,caption,cite,code,dfn,em,strong,th,var,u {
font-style:normal;
font-weight:normal;
text-decoration:none;
}

a{
outline:0;
vertical-align:baseline;
text-decoration:none;
}

a > *{
cursor:pointer;
}

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 {
border:0;
}

a:link{
color:#444;
}

a:visited {
color:#444;
}

a:hover, a:active {
color:#1d2088;
text-decoration: none;
}

.blankIcon {
vertical-align: 0;
margin: 0 0 0 2px;
}

img.addIcon {
vertical-align:middle;
}

span.anchorIn,
span.anchorIn strong {
text-decoration: underline;
vertical-align: baseline;
}

a:hover span.anchorIn {
text-decoration: none;
}

.columnLink span.anchorIn,
#sub span.anchorIn,
footer span.anchorIn{
text-decoration:none;
}

/* fonts（normal 13px）
-------------------------------------------------------------------- */
body {
font: 13px/1.231 arial, helvetica, clean, sans-serif;
*font-size: small;
*font: x-small;
}

select,
input,
button,
textarea {
font: 99% arial,helvetica,clean,sans-serif;
}

table {
font: 100%;
font-size: inherit;
}

select,
input,
button,
textarea,
body{
font-family:'メイリオ',Meiryo, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"MS P Gothic",Verdana,Helvetica,sans-serif;
color:#444;
}

/*===========
body設定
===========*/
body{
color:#444;
line-height:1.65;
}

/*===========
補助テキスト 
===========*/
.assistiveText{
position:absolute;
text-indent:-9999px;
overflow:hidden;
display:none;
}

/* ヘッダー
-------------------------------------------------------------------- */
header{
width:100%;
}

header #headerInner{
margin:0 auto;
}

/*===========
関大ナビ
===========*/
#headerMenu{
width:100%;
height:25px;
background:url(../img/common/navi_back.gif) repeat-x top left;
}

#headerMenu #kandaiNav{
width: 980px;
text-align: left;
margin:0 auto 24px;
/*clearfix*/
}

#headerMenu #kandaiNav p{
float:left;
display:inline;
}

#headerMenu #kandaiNav ul{
float:right;
width:486px;
display:inline;
padding:7px 0 0;
}

#headerMenu #kandaiNav ul li{
float:left;
margin:0;
}

#headerMenu #kandaiNav ul li a{
text-align:left;
height:11px;
text-align:left;
text-indent:100%;
margin-right:16px;
overflow:hidden;
white-space:nowrap;
display:block;
background-image:url(../img/common/head_nav.gif);
background-repeat:no-repeat;
}

#headerMenu #kandaiNav ul li#knav01 a{
width:84px;
background-position:0px 0;
}

#headerMenu #kandaiNav ul li#knav01 a:hover{
background-position:0px -11px;
}

#headerMenu #kandaiNav ul li#knav02 a{
width:76px;
background-position:-102px 0px;
}

#headerMenu #kandaiNav ul li#knav02 a:hover{
background-position:-102px -11px;
}

#headerMenu #kandaiNav ul li#knav03 a{
width:94px;
background-position:-196px 0px;
}

#headerMenu #kandaiNav ul li#knav03 a:hover{
background-position:-196px -11px;
}

#headerMenu #kandaiNav ul li#knav04 a{
width:72px;
background-position:-308px 0px;
}

#headerMenu #kandaiNav ul li#knav04 a:hover{
background-position:-308px -11px;
}

#headerMenu #kandaiNav ul li#knav05 a{
width:95px;
margin:0;
background-position:-392px 0px;
}

#headerMenu #kandaiNav ul li#knav05 a:hover{
background-position:-392px -11px;
}

/*===========
グローバルナビ
===========*/
#globalNav{
background:url(../img/common/bg_gnav.gif) left top repeat-x;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
height:45px;
}

#globalNav #gnav{ /* clearfix*/
width:980px;
margin:0 auto;
}

#globalNav #gnav ul li{float:left;}
#globalNav #gnav ul li a{
text-align:left;
height:45px;
text-align:left;
text-indent:100%;
overflow:hidden;
white-space:nowrap;
display:block;
background-image:url(../img/common/gnav.gif);
background-size:980px;
background-repeat:no-repeat;
}

#globalNav #gnav ul li#gnav01 a{
width:190px;
background-position:0px 0;
}

#index #globalNav #gnav ul li#gnav01 a,
#globalNav #gnav ul li#gnav01 a:hover{
background-position:0px -45px !important;
}

#globalNav #gnav ul li#gnav02 a{
width:191px;
background-position:-190px 0px;
}

#about ul li#gnav02 a,
#globalNav #gnav ul li#gnav02 a:hover{
background-position:-190px -45px !important;
}

#globalNav #gnav ul li#gnav03 a{
width:201px;
background-position:-381px 0px;
}

#kingaku ul li#gnav03 a,
#globalNav #gnav ul li#gnav03 a:hover{
background-position:-381px -45px !important;
}

#globalNav #gnav ul li#gnav04 a{
width:201px;
background-position:-582px 0px;
}

#procedure #globalNav #gnav ul li#gnav04 a,
#globalNav #gnav ul li#gnav04 a:hover{
background-position:-582px -45px !important;
}

#globalNav #gnav ul li#gnav05 a{
width:197px;
background-position:-783px 0px;
}

#question #globalNav #gnav ul li#gnav05 a,
#globalNav #gnav ul li#gnav05 a:hover{
background-position:-783px -45px !important;
}

/*===========
アシストナビ
===========*/
header #headerInner #assistArea{
width:980px;
margin: 0px auto;
padding: 20px 0 22px;
position:relative;
}

header #headerInner #assistArea p#infoLink{
position:absolute;
top:15px;
right:0;
display:block;
}

header #headerInner #assistArea p#infoLink a{
background:url(../img/common/arrow.png) left 2px no-repeat;
text-decoration:underline;
padding:0 0 0 18px;
}

header #headerInner #assistArea p#infoLink a:hover{
text-decoration:none;
}


/* カスタム検索
--------------------------------------------------------------------- */
#search{
width:180px;
float:right;
display:inline;
padding:9px 0 0 0;
position:absolute;
right:10px;
top:45px;
}

#search .gsc-control-cse{
background:none;
border:none;
}

#search {
width: 180px;
height: 24px;
margin: 0;
padding:0;
}

#search table.gsc-search-box{
width: 185px;
height: 25px;
display:block;
position:relative;
padding:0 2px 0 0;
margin:0;
background:url(../img/common/bg_search.gif) left top no-repeat;
}

#search form.gsc-search-box td.gsc-search-button{
position:absolute;
right:0;
top:0;
width: 40px;
height: 25px;
background:url(../img/common/btn_search.gif) center top no-repeat;
padding:0;
margin:0;
}

#search form.gsc-search-box td.gsc-search-button:hover{
background:url(../img/common/btn_search.gif) center top no-repeat;
background-position:0px -25px;}

.gsc-search-box .gsc-input>input:hover,
.gsc-input-box-hover {
border:none;
-moz-box-shadow:0;
-webkit-box-shadow:0;
box-shadow:0;
outline: none;
}

.gsc-search-box .gsc-input>input:focus,
.gsc-input-box-focus {
border:none;
-moz-box-shadow:0;
-webkit-box-shadow:0;
box-shadow:0;
outline: none;
}

#search form.gsc-search-box .gsc-input-box{
border:1px solid #ccc;
background:none;
}

#search form.gsc-search-box .gsc-input-box #gs_id50{
width:139px !important;
}

#search form.gsc-search-box .gsc-input-box:hover{
border:1px solid #ccc;
}

table.gsc-search-box td{
padding:0;
}

#search .cse input.gsc-search-button,
#search input.gsc-search-button {
width: 40px;
height: 23px;
text-indent: -9999px;
border: none;
overflow: hidden;
cursor: pointer;
padding: 0;
margin: 0;
display:block;
opacity:0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
}

#search form.gsc-search-box td.gsc-input {
position:absolute;
left:0;
top:0;
padding:0;
width:140px;
height:25px;
line-height:15px;
overflow:hidden;
}

#search form.gsc-search-box input.gsc-input {
height: 20px !important;
line-height: 15px;
border: none !important;
margin: 3px !important;
/margin:0 !important;
padding: 0;
font-size:12px;
width:130px !important;
}

#search form.gsc-search-box input.gsc-search-button.hover {
background-position: center bottom;
}

#searcg .gsc-input-box-focus #gs_tti50 input{
background:none;
}

#search form.gsc-search-box input.gsc-search-button:active {
background-position: center bottom;
}

#search form.gsc-search-box input.gsc-search-button.active {
background-position: center bottom;
}

#search form.gsc-search-box td.gsc-clear-button,
#search form.gsc-search-box table.gsc-branding,
#search #gs_cb50{
display: none;
}



.cse .gsc-control-cse, .gsc-control-cse{
padding:0 !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page{
background:#fff !important;
border-color:#fff !important;
color:#cf1171 !important;
text-shadow:none !important;
}
/* フォントサイズ変更
------------------------------------------------------------------- */
header #assistArea #fontSize{
position:absolute;
width:150px;
left:625px;
top:45px;
padding:0;
height: 27px;
}

header #assistArea #fontSize dt {
float: left;
width:70px;
margin:3px 0 0;
}

header #assistArea #fontSize dd{
float:left;
width:80px;
}

header #assistArea #fontSize ul {/*clearfix*/
width:80px;
float: left;
display: inline;
margin:0;
padding:0;
}

header #assistArea #fontSize ul li {
float: left;
display: inline;
padding: 0;
text-indent: -9999px;
height: 25px;
overflow: hidden;
cursor: pointer;
margin:0;
}

header #assistArea #fontSize ul li#switchFontSizeSmall {
background: url(../img/common/font_small.gif) left top no-repeat;
width:26px;
margin:0;
}

header #assistArea #fontSize ul li#switchFontSizeMedium {
background: url(../img/common/font_medium.gif) left top no-repeat;
width:27px;
}

header #assistArea #fontSize ul li#switchFontSizeBig {
background: url(../img/common/font_big.gif) left top no-repeat;
width:26px;
margin:0;
}

header #assistArea #fontSize ul li:hover,
header #assistArea #fontSize ul li.active {
background-position: left bottom !important;
}

/* topicsPath
-------------------------------------------------------------------- */
#topicsPath {
margin: 0 0 15px;
}
#topicsPath li {
font-size:93%;
float: left;
display:inline;
}

#topicsPath li a{
display:block;
background:url(../img/common/arrow_topicPath.gif) right center no-repeat;
padding: 0 15px 0 0;
margin: 0 10px 0 0;
color:#1b2088;
text-decoration:underline;
}

#topicsPath li a:hover{
text-decoration:none;
}


/* コンテンツ
-------------------------------------------------------------------- */
#contents{
margin:0 auto;
width:980px;
}

#index #contents #mainV{
margin:20px 0 40px;
}

#contents #mainV{
margin:20px 0 20px;
}

#main{
width:700px;
float:left;
margin:0 45px 60px 0;
}

/* サブコンテンツ
-------------------------------------------------------------------- */
#sub{
width:235px;
float:right;
margin:0 0 60px ;
}

#sub ul{
margin:0;
padding:0;
}

#sub ul li{
margin:0 0 10px 0;
padding:0;
}

/* ページトップ
------------------------------------------------------------------- */
#pageTop {
bottom: 10px;
display: block;
height: 45px;
left: 0;
position: fixed;
text-align: center;
width: 100%;
}

#pageTop p{
margin: 0 auto;
position: relative;
width: 980px;
}

#pageTop p a{
display: block;
height: 45px;
left: 990px;
outline: 0 none;
overflow: hidden;
position: absolute;
top: 0;
width: 45px;
z-index: 1;
}

/* フッター
------------------------------------------------------------------- */
footer{
margin:10px 0 40px;
}

#footerNav{
padding:6px 0;
background:#1d2088;
display:block;
}

#footerNav ul{
width:980px;
margin:0 auto;
display:table;
font-size:93%;
}

#footerNav ul li{
float:left;
margin:0 20px 0 0;
color:#fff;
padding:0;
}

#footerNav ul li a{
background:url(../img/common/arrow_link.png) left center no-repeat;
width:11px;
height:11px;
padding:0 0 0 20px;
margin:0;
color:#fff;
display:inline;
text-decoration:underline;
}

#footerNav ul li a:hover{
text-decoration:none;
}

footer #address{
width:980px;
margin:15px auto 110px;
}

footer #address #footerLogo{
float:left;
display:block;
}

footer #address #copyright{
float:right;
display:inline;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
}