@charset "utf-8";

/* =================================
   レイアウトCSS
================================= */

body {
	background-color: #fff;	
	color: #000;
	font: 75%/1.5 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

a, a:visited {
	color: #000;
}
a:hover,
a:active {
	text-decoration: underline;
}

/*
 *	#mobileMessage
 */
#mobileMessage {
	text-align: center;
	padding: 30px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003917), color-stop(100%, #00200b));
	background: -webkit-linear-gradient(top, #003917, #00200b);
	background: linear-gradient(top, #003917, #00200b);
	color: #fff;
}
#mobileMessage a {
	color: #fff;
	text-decoration: none;
	padding-left: 20px;
	font-size: 3em;
	background: url(/img/bullet/arrow_02.png) no-repeat 0 50%;
}

@media (-webkit-min-device-pixel-ratio: 2) {
	#mobileMessage a {
		padding-left: 40px;
		font-size: 3em;
		background: url(/img/bullet/arrow_02_200x.png) no-repeat 0 50%;
	}
}

/*
 *	#header
 */
#header {
	position: relative;
	width: 996px;
	margin: 0 auto;
	padding-bottom: 27px;
	border-bottom: 1px solid #a7a7a7;
}
body.layout_1col_03 #header {
	width: 700px;
}
#header #logo {
	float: left;
	margin: 26px 0 0 15px;
}
#header #lang {
	position: absolute;
	top: 0;
	right: 0;
}
#header #lang li {
	float: left;
	margin-left: 4px;
}
#header #links {
	float: right;
	margin: 41px 20px 0 0;
}
#header #links li {
	float: left;
	margin-left: 19px;
}
#header #search {
	margin-top: 37px;
	float: right;
	border: 1px solid #666666;
}
#header #search input[type=text] {
	border: none;
	float: left;
	padding: 0 5px 0;
	height: 1.5em;
	line-height: 1.5em;
	width: 139px;
	color: #7f7f7f;
	border: 0;
}
#header #search input[type=submit] {
	background: #666666 url(/img/layout/header_search_icon.png) 56% 50% no-repeat;
	width: 20px;
	height: 1.5em;
	line-height: 1.5em;
	border: 0;
	display: block;
	float: left;
}
#header #search input.placeholder {
	color: #383838;
}
#header #useful {
	margin: 37px 0 0 12px;
	float: right;
}

#header #close {
	float: right;
	margin-top: 46px;
	padding-right: 15px;
}
#header #close a {
	padding-left: 18px;
	background: url(/img/icon/close_01.png) 0 40% no-repeat;
	font-size: 91.7%;
	text-decoration: none;
}
#header #close a:hover {
	text-decoration: underline;
}

#header #back {
	float: right;
	margin-top: 46px;
	padding-right: 15px;
}
#header #back a {
	padding-left: 18px;
	background: url(/img/bullet/arrow_03.png) 0 40% no-repeat;
	font-size: 91.7%;
	text-decoration: none;
}
#header #back a:hover {
	text-decoration: underline;
}

/* add ROCOZ 151113 */
#header #supporter {
	position: absolute;
	top: 69px;
	right: 0;
}

#header #supporter a:focus {
	outline:none;
}

/*
 *	#nav
 */
#nav {
	width: 996px;
	margin: 0 auto;
}
#nav > ul {
	position: relative;
	z-index: 100;
}
#nav > ul > li {
	float: left;
	padding-left: 2px;	
	position: relative;
	background: url(/img/layout/nav_bg_03.png) no-repeat 0 100%;
}
#nav > ul > li:first-child {
	padding-left: 0;
	background: none;
}
#nav > ul > li > a {
	display: block;
	width: 198px;
	height: 31px;
	text-align: center;
	padding-top: 15px;
	border-bottom: 3px solid #959595;
	background: url(/img/layout/nav_bg_01.png) repeat-x 0 100%;
	-webkit-transition: all 0.05s ease-in-out;
	-moz-transition: all 0.05s ease-in-out;
	-ms-transition: all 0.05s ease-in-out;
	transition: all 0.05s ease-in-out;
}
#nav > ul > li:hover > a,
.js #nav > ul > li.navHover > a {
	background: url(/img/layout/nav_bg_02.png) repeat-x 0 100%;
	border-top-width: 3px;
	border-top-style: solid;
	border-bottom: none;
	margin-top: 5px;
	padding-top: 12px;
	height: 29px;
	-webkit-transition: all 0.05s ease-in-out;
	-moz-transition: all 0.05s ease-in-out;
	-ms-transition: all 0.05s ease-in-out;
	transition: all 0.05s ease-in-out;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.js #nav > ul > li > a {
	display: block;
	width: 198px;
	height: 31px;
	text-align: center;
	margin-top: 0;
	padding-top: 15px;
	border-top-width: 0;
	border-bottom: 3px solid #959595;
	background: url(/img/layout/nav_bg_01.png) repeat-x 0 100%;
	-webkit-transition: all 0.05s ease-in-out;
	-moz-transition: all 0.05s ease-in-out;
	-ms-transition: all 0.05s ease-in-out;
	transition: all 0.05s ease-in-out;
}

#nav > ul > li > ul {
	padding: 9px 0 20px;
	position: absolute;
	top: 49px;
	left: 0;
	display: none;
	background: #f5f5f5;
}
#nav > ul > li:hover > ul {
	display: block;
}
.js #nav > ul > li:hover > ul {
	display: none;
}
#nav > ul > li > ul:before {
	content: "";
	height: 3px;
	position: absolute;
	display: block;
	bottom: -3px;
	left: 0;
	background: transparent url(/img/layout/nav_bg_05.png) no-repeat 100% 0;
}
#nav > ul > li > ul:after {
	content: "";
	height: 3px;
	width: 4px;
	position: absolute;
	display: block;
	bottom: -3px;
	right: 0;
	background: transparent url(/img/layout/nav_bg_05.png) no-repeat 100% 0;
}
#nav > ul > li > ul > li {
	margin-top: 15px;
}
#nav > ul > li > ul > li > img {
	margin-left: 12px;
	display: block;
}
#nav > ul > li > ul > li > ul {
	width: 199px;
	margin-top: 6px;
	float: left;
}
#nav > ul > li > ul > li ul {
	margin: 9px 0 0 0;
}
#nav > ul > li > ul > li > ul > li {
	float: none;
	width: auto;
	margin-right: 0;
}
#nav > ul > li > ul li > a {
	background-position: 12px 0.8em;
	background-repeat: no-repeat;
	text-decoration: none;
	padding: 6px 12px 6px 28px;
	display: block;
	zoom: 1;
}
#nav > ul > li > ul li > a:hover {
	background: url(/img/bullet/arrow_02.png) no-repeat 12px 0.8em;
	color: #fff;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.3s;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-o-transition-property: background-color, color;
	-o-transition-duration: 0.3s;
	-ms-transition-property: background-color, color;
	-ms-transition-duration: 0.3s;
	transition-property: background-color, color;
	transition-duration: 0.3s;
}
#nav > ul > li > ul li > a.headLink {
	background-position: 12px 0.2em;
	background-repeat: no-repeat;
	padding: 0 0 0 28px;
}
#nav > ul > li > ul li > a.headLink:hover {
	background-color: transparent !important;
}

body.category_outline #nav > ul > li#nav_outline> a,
body.category_faculty #nav > ul > li#nav_faculty > a,
body.category_research #nav > ul > li#nav_research > a,
body.category_admission #nav > ul > li#nav_admission > a,
body.category_life #nav > ul > li#nav_life > a {
	background: url(/img/layout/nav_bg_04.png) repeat-x 0 0;
}
body.category_outline #nav > ul > li#nav_outline:hover > a,
body.category_faculty #nav > ul > li#nav_faculty:hover > a,
body.category_research #nav > ul > li#nav_research:hover > a,
body.category_admission #nav > ul > li#nav_admission:hover > a,
body.category_life #nav > ul > li#nav_life:hover > a {
	background: url(/img/layout/nav_bg_02.png) repeat-x 0 100%;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	transition: none;
}

/* #nav_outline */
body.category_outline #nav > ul > li#nav_outline > a {
	border-bottom-color: #003917;
}
#nav > ul > li#nav_outline:hover > a {
	border-top-color: #003917;
}
#nav > ul > li#nav_outline > a {
	width: 197px;
}
#nav > ul > li#nav_outline > ul,
#nav > ul > li#nav_outline > ul:before {
	width: 597px;
}
#nav > ul > li#nav_outline > ul li > a {
	background-image: url(/img/bullet/arrow_outline_01.png);
}
#nav > ul > li#nav_outline > ul li > a:hover {
	background-color: #003917;
}

/* #nav_faculty */
body.category_faculty #nav > ul > li#nav_faculty > a {
	border-bottom-color: #273c88;
}
#nav > ul > li#nav_faculty:hover > a {
	border-top-color: #273c88;
}
#nav > ul > li#nav_faculty > ul {
	left: -198px;
	width: 597px;
}
#nav > ul > li#nav_faculty > ul:before {
	width: 597px;
}
#nav > ul > li#nav_faculty > ul li > a {
	background-image: url(/img/bullet/arrow_faculty_01.png);
}
#nav > ul > li#nav_faculty > ul li > a:hover {
	background-color: #273c88;
}
#nav > ul > li#nav_faculty > ul li > a.headLink {
	background-image: url(/img/bullet/arrow_faculty_03.png);
}

/* #nav_research */
body.category_research #nav > ul > li#nav_research > a {
	border-bottom-color: #8a0c3c;
}
#nav > ul > li#nav_research:hover > a {
	border-top-color: #8a0c3c;
}
#nav > ul > li#nav_research > ul {
	left: -198px;
	width: 597px;
	padding-top: 32px;
}
#nav > ul > li#nav_research > ul:before {
	width: 597px;
}
#nav > ul > li#nav_research > ul > li {
	float: left;
	width: 199px;
}
#nav > ul > li#nav_research > ul > li:first-child {
	margin-left: 0;
}
#nav > ul > li#nav_research > ul li > a {
	background-image: url(/img/bullet/arrow_research_01.png);
}
#nav > ul > li#nav_research > ul li > a:hover {
	background-color: #8a0c3c;
}

/* #nav_admission */
body.category_admission #nav > ul > li#nav_admission > a {
	border-bottom-color: #017078;
}
#nav > ul > li#nav_admission:hover > a {
	border-top-color: #017078;
}
#nav > ul > li#nav_admission > ul {
	left: -198px;
	width: 597px;
}
#nav > ul > li#nav_admission > ul:before {
	width: 597px;
}
#nav > ul > li#nav_admission > ul li > a {
	background-image: url(/img/bullet/arrow_admission_01.png);
}
#nav > ul > li#nav_admission > ul li > a:hover {
	background-color: #017078;
}
#nav > ul > li#nav_admission > ul li > a.headLink {
	background-image: url(/img/bullet/arrow_admission_03.png);
}

/* #nav_life */
body.category_life #nav > ul > li#nav_life > a {
	border-bottom-color: #b64d00;
}
#nav > ul > li#nav_life:hover > a {
	border-top-color: #b64d00;
}
#nav > ul > li#nav_life > a {
	width: 197px;
}
#nav > ul > li#nav_life > ul {
	left: -398px;
	width: 597px;	
}
#nav > ul > li#nav_life > ul:before {
	width: 597px;	
}
#nav > ul > li#nav_life > ul li > a {
	background-image: url(/img/bullet/arrow_life_01.png);
}
#nav > ul > li#nav_life > ul li > a:hover {
	background-color: #b64d00;
}
#nav > ul > li#nav_life > ul li > a.headLink {
	background-image: url(/img/bullet/arrow_life_03.png);
}


/*
 *	#breadcrumbs
 */
#breadcrumbs {
	width: 986px;
	margin: 18px auto 0;
	padding-left: 10px;
}
#breadcrumbs span {
	margin: 0 15px;
	color: #003917;
}


/*
 *	#content
 */
#content {
	width: 996px;
	margin: 0 auto;
}
body.layout_2col_01 #content,
body.layout_1col_04 #content {
	margin: 25px auto 0;
}
body.layout_1col_01 #content,
body.layout_1col_03 #content {
	width: 700px;
	margin: 0 auto;
}
body.layout_1col_02 #content {
	width: 490px;
	margin: 85px auto 0;
}
body.layout_1col_04 #content {
	margin: 50px auto 0;
}


/*
 *	#main
 */
body.layout_2col_01 #main {
	float: right;
	width: 700px;
}


/*
 *	#side
 */
body.layout_2col_01 #side {
	float: left;
	width: 240px;
}


/*
 *	#sidenav
 */
#sidenav {
	background-position: 0 0;
	background-repeat: repeat-x;
	padding-top: 56px;
}
#sidenav > p.title {
	text-align: center;
}
#sidenav > ul {
	margin-top: 50px;
}
#sidenav > ul ul {
	display: none;
}
#sidenav > ul li a {
	display: block;
	padding: 10px 6px 8px 27px;
	text-decoration: none;
}
#sidenav > ul li a:hover,
#sidenav > ul > li.open > a,
#sidenav > ul li.cur > a {
	background-color: #003917;
	color: #fff !important;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.3s;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-o-transition-property: background-color, color;
	-o-transition-duration: 0.3s;
	-ms-transition-property: background-color, color;
	-ms-transition-duration: 0.3s;
	transition-property: background-color, color;
	transition-duration: 0.3s;
}
#sidenav > ul li.open > ul {
	display: block;
}
/*first level*/
#sidenav > ul > li > a {
	color: #fff;
	text-decoration: none;
	background: #5c5c5c url(/img/layout/sidenav_icn_01.png) no-repeat 12px 1.1em;
	margin-top: 4px;
	font-size: 1.083em;
}
#sidenav > ul > li:first-child > a {
	margin-top: 0;
}
#sidenav > ul > li.open > a {
	background-image: url(/img/layout/sidenav_icn_02.png);
}
#sidenav > ul > li.direct > a {
	background-image: url(/img/bullet/arrow_01.png);
}

/*second level*/
#sidenav > ul > li > ul {
	margin-top: 1px;
}
#sidenav > ul > li > ul > li {
	border-bottom: 1px solid #cbcbcb;
}
/* second / third / fourth / fifth level - shared */
#sidenav > ul > li > ul > li a {
	background-position: 12px 1.1em;
	background-repeat: no-repeat;
	color: #000;
}
#sidenav > ul > li > ul li.open > a {
	background-color: #f5f5f5;
}
#sidenav > ul > li > ul li.cur.open > a,
#sidenav > ul > li > ul li.open > a:hover {
	color: #ffffff;
}
/*third / fourth / fifth level - shared */
#sidenav > ul > li > ul > li ul {
	padding-left: 21px;
	margin-bottom: 3px;
	background: url(/img/layout/sidenav_ul_bg.png) repeat-y 16px 0;	
}
#sidenav > ul > li > ul > li ul li {
	border-top: 1px solid #cbcbcb;
}
#sidenav > ul > li > ul > li ul li a {
	background-position: 7px 0.75em;
	padding: 6px 6px 5px 21px;
}
/*fourth level*/
#sidenav > ul > li > ul > li > ul > li > ul {
	padding-left: 15px;
	margin-bottom: 3px;
	background-position: 10px 0;	
}
/*fifth level*/
#sidenav > ul > li > ul > li > ul > li > ul > li > ul {
	margin-bottom: 0;
	background: none;
}
#sidenav > ul > li > ul > li > ul > li > ul > li > ul > li {
	margin: 5px 0;
	border-top: none;
}
#sidenav > ul > li > ul > li > ul > li > ul > li > ul > li > a {
	background-position: 7px 0.4em;
	padding: 1px 6px 1px 21px;
}

/* default + category_outline */
#sidenav,
body.category_outline #sidenav {
	background-image: url(/img/layout/sidenav_outline_bg.png);
}
#sidenav > ul li a:hover,
body.category_outline #sidenav > ul li a:hover,
#sidenav > ul > li.open > a,
body.category_outline #sidenav > ul > li.open > a,
#sidenav > ul li.cur > a,
body.category_outline #sidenav > ul li.cur > a,
#sidenav > ul > li > ul li.cur.open > a,
body.category_outline #sidenav > ul > li > ul li.cur.open > a,
#sidenav > ul > li > ul li.open > a:hover,
body.category_outline #sidenav > ul > li > ul li.open > a:hover {
	background-color: #003917;
}
#sidenav > ul > li > ul > li a,
body.category_outline #sidenav > ul > li > ul > li a {
	background-image: url(/img/bullet/arrow_outline_01.png);
}
#sidenav > ul > li > ul li.open > a,
body.category_outline #sidenav > ul > li > ul li.open > a {
	background-image: url(/img/bullet/arrow_outline_02.png);
	color: #003917;
}

/* category_faculty */
body.category_faculty #sidenav {
	background-image: url(/img/layout/sidenav_faculty_bg.png);
}
body.category_faculty #sidenav > ul li a:hover,
body.category_faculty #sidenav > ul > li.open > a,
body.category_faculty #sidenav > ul li.cur > a,
body.category_faculty #sidenav > ul > li > ul li.cur.open > a,
body.category_faculty #sidenav > ul > li > ul li.open > a:hover {
	background-color: #273c88;
}
body.category_faculty #sidenav > ul > li > ul > li a {
	background-image: url(/img/bullet/arrow_faculty_01.png);
}
body.category_faculty #sidenav > ul > li > ul li.open > a {
	background-image: url(/img/bullet/arrow_faculty_02.png);
	color: #273c88;
}

/* category_research */
body.category_research #sidenav {
	background-image: url(/img/layout/sidenav_research_bg.png);
}
body.category_research #sidenav > ul li a:hover,
body.category_research #sidenav > ul > li.open > a,
body.category_research #sidenav > ul li.cur > a,
body.category_research #sidenav > ul > li > ul li.cur.open > a,
body.category_research #sidenav > ul > li > ul li.open > a:hover {
	background-color: #8a0c3c;
}
body.category_research #sidenav > ul > li > ul > li a {
	background-image: url(/img/bullet/arrow_research_01.png);
}
body.category_research #sidenav > ul > li > ul li.open > a {
	background-image: url(/img/bullet/arrow_research_02.png);
	color: #8a0c3c;
}

/* category_admission */
body.category_admission #sidenav {
	background-image: url(/img/layout/sidenav_admission_bg.png);
}
body.category_admission #sidenav > ul li a:hover,
body.category_admission #sidenav > ul > li.open > a,
body.category_admission #sidenav > ul li.cur > a,
body.category_admission #sidenav > ul > li > ul li.cur.open > a,
body.category_admission #sidenav > ul > li > ul li.open > a:hover {
	background-color: #017078;
}
body.category_admission #sidenav > ul > li > ul > li a {
	background-image: url(/img/bullet/arrow_admission_01.png);
}
body.category_admission #sidenav > ul > li > ul li.open > a {
	background-image: url(/img/bullet/arrow_admission_02.png);
	color: #017078;
}

/* category_life */
body.category_life #sidenav {
	background-image: url(/img/layout/sidenav_life_bg.png);
}
body.category_life #sidenav > ul li a:hover,
body.category_life #sidenav > ul > li.open > a,
body.category_life #sidenav > ul li.cur > a,
body.category_life #sidenav > ul > li > ul li.cur.open > a,
body.category_life #sidenav > ul > li > ul li.open > a:hover {
	background-color: #b64d00;
}
body.category_life #sidenav > ul > li > ul > li a {
	background-image: url(/img/bullet/arrow_life_01.png);
}
body.category_life #sidenav > ul > li > ul li.open > a {
	background-image: url(/img/bullet/arrow_life_02.png);
	color: #b64d00;
}

/*
 *	#footer
 */
#footer {
	margin-top: 40px;
}
#footer #footer_nav {
	width: 996px;
	margin: 0 auto;
	position: relative;
	background: url(/img/layout/footer_nav_bg.png) 0 26px no-repeat;
}
#footer #footer_nav .pagetop {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 10;
}
#footer #footer_nav .pagetop > a {
	background: url(/img/bullet/arrow_04.png) no-repeat 0 0.2em;
	padding-left: 15px;
	display: inline-block;
	text-decoration: none;
	font-size: 0.917em;
}
#footer #footer_nav .pagetop > a:hover {
	text-decoration: underline;
}

#footer #footer_nav .nav_tabs {
	border-top: 1px solid #367c89;
	width: 612px;
}
#footer #footer_nav .nav_tabs li {
	width: 102px;
	float: left;
	background: url(/img/layout/footer_nav_tabs_bg.png) 0 50% no-repeat;
}
#footer #footer_nav .nav_tabs li:first-child {
	background: none;
}
#footer #footer_nav .nav_tabs li a {
	display: block;
	text-align: center;
	padding: 17px 0 18px;
}
#footer #footer_nav .nav_tabs li.cur a {
	background: url(/img/layout/footer_nav_tabs_cur.png) 50% 10px no-repeat;
	cursor: default;
}
#footer #footer_nav .nav_contents {
	margin-top: 1px;
	padding-top: 24px;
	background: url(/img/etc/dotted_02.png) 0 0 repeat-x;	
}
#footer #footer_nav .nav_contents .topics {
	width: 612px;
	float: left;
}
#footer #footer_nav .nav_contents .topics dt {
	padding-left: 12px;
	margin-bottom: 6px;
}
#footer #footer_nav .nav_contents .topics dt img {
	display: block;
}
#footer #footer_nav .nav_contents .topics dd ul li {
	padding: 9px 0 10px 12px;
	background: #FFF url(/img/etc/dotted_03.png) 0 100% repeat-x;
}
#footer #footer_nav .nav_contents .recentPages {
	width: 340px;
	float: right;
}
#footer #footer_nav .nav_contents .recentPages dt img {
	display: block;
}
#footer #footer_nav .nav_contents .recentPages dd ul li {
	margin-top: 10px;
}
#footer #footer_nav .nav_contents .links {
	padding-top: 9px;
	width: 996px;
	float: left;
}
#footer #footer_nav .nav_contents .links ul {
	width: 20%;
	float: left;
}
#footer #footer_nav .nav_contents .links ul > li {
	margin-top: 12px;
	padding-left: 12px;
}
#footer #footer_nav .nav_contents .links ul > li > a {
	background: url(/img/bullet/arrow_06.png) no-repeat 0 0.3em;
	padding-left: 16px;
	display: inline-block;
	text-decoration: none;
}
#footer #footer_nav .nav_contents .links ul > li > a:hover {
	text-decoration: underline;
}
#footer #footer_nav .nav_contents .banners {
	float: left;
	width: 996px;
	margin: 45px auto;
	position: relative;
}
.js #footer #footer_nav .nav_contents .banners {
	height: 77px;
	margin: 45px auto 0;
	background: url(/img/layout/footer_banners_bg_02.png) no-repeat 0 100%;		
}
#footer #footer_nav .nav_contents .banners .paddle_btn {
	width: 14px;
	height: 17px;
	position: absolute;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#footer #footer_nav .nav_contents .banners .paddle_btn.prev {
	top: 21px;
	left: 14px;
	background-image: url(/img/layout/footer_banners_prev.png);
}
#footer #footer_nav .nav_contents .banners .paddle_btn.next {
	top: 21px;
	right: 14px;
	background-image: url(/img/layout/footer_banners_next.png);
}
.js #footer #footer_nav .nav_contents .banners .paddle_canvas {
	width: 898px;
	height: 77px;
	position: absolute;
	top: 0;
	left: 49px;
	overflow: hidden;
	zoom: 1;
}
.js #footer #footer_nav .nav_contents .banners .paddle_canvas ul {
	width: 10000px;
}
#footer #footer_nav .nav_contents .banners .paddle_canvas ul li {
	float: left;
	width: 152px;
	height: 47px;
	padding: 5px 9px 5px 5px;
	background: url(/img/layout/footer_banners_bg_01.png) no-repeat 0 0;
	zoom: 1;
}
.js #footer #footer_nav .nav_contents .banners .paddle_canvas ul li {
	padding: 5px 27px 25px 5px;
}
.js #footer #footer_nav .nav_contents .banners .paddle_canvas ul li,
.js #footer #footer_nav .nav_contents .banners .paddle_canvas ul li a {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#footer #footer_nav .nav_contents .banners .paddle_canvas ul li:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}
#footer #footer_util {
	width: 996px;
	margin: 24px auto 0;
	background: url(/img/layout/footer_util_bg.png) repeat-y 0 0;
}
body.layout_1col_01 #footer #footer_util,
body.layout_1col_02 #footer #footer_util {
	margin-top: 0;
}
body.layout_1col_01 #footer #footer_util:before,
body.layout_1col_02 #footer #footer_util:before {
	border-top: 1px solid #cbcbcb;
	height: 18px;
	background-color: #fff;
	content: '';
}
#footer #footer_util > div,
#footer #footer_util > dl {
	float: left;
	margin-left: 1px;
}
#footer #footer_util > div:first-child {
	margin-left: 0;
}
#footer #footer_util > div.logo {
	padding: 18px 52px 23px 35px;
}
#footer #footer_util > dl.campus {
	padding: 10px 6px 0 12px;
	width: 150px;
}
#footer #footer_util > dl.campus {
	padding: 10px 10px 0 12px;
	width: 146px;
}
#footer #footer_util > dl.campus dt a,
#footer #footer_util > dl.mobile dt a {
	background: url(/img/bullet/arrow_06.png) no-repeat 0 0.3em;
	padding-left: 16px;
	display: inline-block;
	text-decoration: none;
}
#footer #footer_util > dl.campus dt a:hover,
#footer #footer_util > dl.mobile dt a:hover {
	text-decoration: underline;
}

#footer #footer_util > dl.campus dd {
	color: #000;
	margin-top: 12px;
}
#footer #footer_util > dl.mobile {
	padding: 10px 10px 0 12px;
	width: 230px;
}
#footer #footer_util > dl.mobile dd {
	margin-top: 10px;
}
#footer #footer_util > dl.mobile dd ul.mobile_list{	/*←追加*/
	list-style-type:none;
    width:100%;
    margin:0;
    padding:0;
}
#footer #footer_util > dl.mobile dd ul.mobile_list li {
	background-repeat: no-repeat;
	/*background-position: 0 0.25em;*/
	/*padding: 2px 0 2px 21px;*/
    background-position: 0 0.4em;
    width:50%;
    display: inline-block;
    float:left;
    line-height: 2em;
}
#footer #footer_util > dl.mobile dd ul.mobile_list li.facebook {
	background-image: url(/img/icon/facebook_01.png);
}
#footer #footer_util > dl.mobile dd ul.mobile_list li.instagram {
	background-image: url(/img/icon/instagram_01.png);
}
#footer #footer_util > dl.mobile dd ul.mobile_list li.youtube {
	background-image: url(/img/icon/youtube_01.png);
}
#footer #footer_util > dl.mobile dd ul.mobile_list li.twitter {
	background-image: url(/img/icon/twitter_01.png);
}
#footer #footer_util > dl.mobile dd ul.mobile_list li.rss {
	background-image: url(/img/icon/rss_01.png);
}
#footer #footer_util > dl.mobile dd ul.mobile_list li a {
	text-decoration: none;
    padding-left:20px;/*←追加*/
}
#footer #footer_util > dl.mobile dd ul.mobile_list li a:hover {
	text-decoration: underline;
}
#footer #footer_util > div.theory {
	padding: 21px 0 22px 22px;
}

#footer #footer_sub {
	background-color: #003917;
	margin-top: 24px;
}
body.layout_1col_03 #footer #footer_sub {
	width: 700px;
	margin: 0 auto;
}
body.layout_1col_04 #footer #footer_sub {
	margin-top: 0;
}
#footer #footer_sub .sub_inner {
	width: 996px;
	margin: 0 auto;
	color: #fff;
	padding: 10px 0 10px;
}
body.layout_1col_03 #footer #footer_sub .sub_inner {
	width: 650px;
	padding: 10px 25px 10px;
}
#footer #footer_sub .sub_inner ul li {
	float: left;
	margin-right: 24px;
}
#footer #footer_sub .sub_inner ul li a {
	color: #fff;
	padding-left: 14px;
	display: inline-block;
	background: url(/img/layout/footer_sub_icon.png) no-repeat 0 0.2em;
	text-decoration: none;
	font-size: 0.917em;
}
#footer #footer_sub .sub_inner .copyright {
	float: right; 
}



/*
 *	topics
 */
body.layout_1col_03 div#content table td{
	text-align:left;
}



/*
 *	background_none
 */
.bgnone{
	background:none !important;
}



/*
 *	img_bdr
 */
.img_bdr{
	border:1px solid #cccccc;
}



/* Print Styles */
@media print {

	#header #lang,
	#header #links,
	#header #search,
	#header #supporter,
	#header #useful,
	#header #close,
	#header #back,
	#nav,
	#breadcrumbs,
	#side,
	#footer_nav,
	#footer_util,
	#footer_sub ul {
		display: none !important;
	}

	#header,
	#content,
	#main,
	#footer {
		width: 100% !important;
		float: none !important;
	}

	#header #logo {
		float: none !important;
		margin: 0;
	}

	#footer_sub {
		background-color: #fff !important;
		border-top: 1px solid #000 !important;
	}
	#footer_sub .sub_inner {
		width: 100% !important;
	}
	#footer_sub .copyright {
		float: none !important;
		color: #000 !important;
		text-align: right;
	}

}