@charset "UTF-8";
/* CSS Document */



/*--------------------------
----------------------------
----------------------------
トップページ
----------------------------
----------------------------
--------------------------*/


/*--------------------------
----------------------------
メインビジュアル
----------------------------
--------------------------*/

  /*--------------------------
  メインビジュアル
  --------------------------*/

body.index #slidearea {
  position: relative;
  width: 100%;
  min-width: 980px;
  height: 330px;
  margin: 0 auto;
  padding-bottom: 25px;
  overflow: hidden;
  background: url(../img/navi/gnavi_bg.png) repeat center top;
}
body.index #slidearea #mainVidual {
  z-index: 5;
  position: relative;
  width: 100%;
  max-width: 980px;
  height: 330px;
  margin: 0 auto 5px;
  line-height: 0;
}
body.index #slidearea #mainVidual #slideSet {
  width: 100%;
  height: 330px;
  position: relative;
  margin-top: 0px;
  margin-left: 0px;
}
body.index #slidearea #mainVidual #slideSet #slideBox {
  position: relative;
  width: 100%;
  height: 330px;
  margin: 0 0 0 0;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box {
  width: 100%;
  height: 330px;
  overflow: hidden;
  position: absolute;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide {
  position: absolute;
  width: 100%;
  height: 330px;
  background-repeat: no-repeat;
  background-position: 0 0;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  left: 0;
  line-height: 0;
  z-index: 1;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide p {
  position: absolute;
  width: 100%;
  height: 0;
  padding-bottom: 33.67%;
  text-indent: 300%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0 0;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide p a {
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 33.67%;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide:hover {
	background-color: #fff;
	opacity: 0.7;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide.slide1:hover {
	opacity: 1;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide.slide1 {
  background-image: url(../img/header/top_img01.jpg);
  z-index: 5;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide.slide2 {
  background-image: url(../img/header/top_img02.jpg);
  z-index: 1;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide.slide3 {
  background-image: url(../img/header/top_img03.jpg);
  z-index: 1;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide.slide4 {
  background-image: url(../img/header/top_img04.jpg);
  z-index: 1;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide.slide5 {
  background-image: url(../img/header/top_img05.jpg);
  z-index: 1;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide.slide6 {
  background-image: url(../img/header/top_img06.jpg);
  z-index: 1;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide.slide7 {
  background-image: url(../img/header/top_img07.jpg);
  z-index: 1;
}
body.index #slidearea div.rightButton,
body.index #slidearea div.leftButton {
  display: none;
}
body.index #slideNaviSet {
  display: none;
}

/*--------------------------
メインビジュアル　スマホ
--------------------------*/
@media (max-width: 640px) {
#mainVidual{
	margin-bottom: 2px;
	padding-bottom: 0;
}
body.index #slidearea {
	min-width: 320px;
	height: auto;
	padding-bottom: 0;
	background-image: none;
}
body.index #slidearea #mainVidual ,
body.index #slidearea #mainVidual #slideSet ,
body.index #slidearea #mainVidual #slideSet #slideBox ,
body.index #slidearea #mainVidual #slideSet #slideBox div.box {
	height: 0;
	padding-bottom: 33.67%;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide {
	height: 0;
	padding-bottom: 33.67%;
}
#mainVidual .box{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 100%;
	max-width: 640px;
	height: 0;
	padding-bottom: 33.67%;
}
#mainVidual .box .fade{
    height: 0;
    padding-bottom: 33.67%;
}
}

/*--------------------------
メインビジュアル　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
#mainVidual{
	margin-bottom: 0px;
	padding: 3px 0px 18px;
}
body.index #slidearea {
	min-width: 640px;
	height: auto;
}
body.index #slidearea #mainVidual ,
body.index #slidearea #mainVidual #slideSet ,
body.index #slidearea #mainVidual #slideSet #slideBox ,
body.index #slidearea #mainVidual #slideSet #slideBox div.box {
	height: 0;
	padding-bottom: 33.67%;
}
body.index #slidearea #mainVidual #slideSet #slideBox div.box div.slide {
	height: 0;
	padding-bottom: 34.7%;
}
#mainVidual .box{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 100%;
	max-width: 780px;
	height: 0;
	padding: 0px 10px;
	padding-bottom: 33.67%;
}
#mainVidual .box .fade{
    height: 0;
    padding-bottom: 33.67%;
}
}


/*--------------------------
----------------------------
コンテンツ部分
----------------------------
--------------------------*/
.index #contents {
	margin-top: 39px;
}
.index #contents div.contents {
	margin: 0 auto 38px;
}

/*--------------------------
コンテンツ部分　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
.index #contents {
	margin-top: 0px;
}
.index #contents div.contents {
	margin: 0 auto;
	background-color: #ffffff;
}
}

/*--------------------------
コンテンツ部分　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
.index #contents {
	margin-top: 33px;
}
.index #contents div.contents {
	margin: 0 auto 27px;
}
}


/* === バナーエリア === */
.index #contents div.bannerfield {
	display: block;
	float: right;
	width: 270px;
	margin: 0;
}
.index .greeting,
.index .song {
	margin-bottom: 15px;
	padding: 0px 0px 15px;
	background-color: #fff;
	border: 2px solid #e1e1e1;
	text-align: center;
}
.index .greeting h3,
.index .song h3 {
	margin-bottom: 15px;
}
.index .greeting h3 img,
.index .sing h3 img {
	vertical-align: top;
}
.index #column3 {
	padding: 15px 12px;
	background-color: #f8f8f8;
}
.index #column3 .featureSet .bannerSet {
    display: block;
}

/*--------------------------
バナーエリア　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
.index #contents div.bannerfield {
	float: none;
	width: auto;
	max-width: 300px;
	margin: 0px auto;
}
.index .greeting h3 {
	height: 37px;
	background: url(../../img/index/title_greeting_sp.png) no-repeat 0px 0px;
	-webkit-background-size: 298px 37px;
	background-size: 298px 37px;
}
  .index .song h3 {
	height: 37px;
	background: url(../../img/index/title_song_sp.png) no-repeat 0px 0px;
	-webkit-background-size: 298px 37px;
	background-size: 298px 37px;
}
.index .greeting h3 img,
  .index .song h3 img {
	visibility: hidden;
}
.index #column3 {
	padding: 0px;
	background-color: transparent;
}
}

/*--------------------------
バナーエリア　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
.index #contents div.bannerfield {
	float: right;
	width: 260px;
}
.index .greeting h3 {
	background: url(../../img/index/title_greeting_tb.png) no-repeat 0px 0px;
}
.index .song h3 {
	background: url(../../img/index/title_song_tb.png) no-repeat 0px 0px;
}
.index .greeting h3 img,
  .index .song h3 img {
	visibility: hidden;
}
.index .facebook h3 {
	width: 256px;
	height: 33px;
	padding-bottom: 0;
}
.index #column3 {
	padding: 10px 10px 7px;
}
}


/* === コンテンツエリア === */
.index #contents div.contentsfield {
	float: left;
	width: 710px;
    min-height: 1200px;
}
.index #contents div.contentsinner {
	margin: 0px 50px 0px 0px;
}
.index #contents div.news dl.newslist dt,
.obog_list dl.newslist dt {
	clear: none;
	float: none;
	width: 105px;
    height: auto;
	padding: 12px 45px 0px 0px;
}
.index #contents div.news dl.newslist dt span,
.obog_list dl.newslist dt span {
	display: block;
	width: 105px;
}
.index #contents div.news dl.newslist dd,
.obog_list dl.newslist dd {
	padding: 8px 0px 10px 0;
    border-bottom: 0px dotted #dddddd;
	line-height: 1.7;
}
.index #contents div.news dl.newslist dt.info {
	background: url(../img/parts/icon_info.png) no-repeat right 14px;
}
.index #contents div.news dl.newslist dt.event {
	background: url(../img/parts/icon_event.png) no-repeat right 14px;
}
.index #contents div.news dl.newslist dt.test {
	background: url(../img/parts/icon_test.png) no-repeat right 14px;
}
.index #contents div.news dl.newslist dt.friends,
.obog_list dt.friends {
	background: url(../img/parts/icon_friends.png) no-repeat right 14px;
}
.index #contents div.news dl.newslist dt.hakuen {
	background: url(../img/parts/icon_hakuen.png) no-repeat right 14px;
}

/*--------------------------
コンテンツエリア　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
.index #contents div.contentsfield {
	float: none;
	width: auto;
	min-height: inherit;
}
.index #contents div.contentsinner {
	margin: 0;
	padding: 0;
}
.obog_list dl.newslist dt {
	padding: 12px 0px 0px 0px;
}
.obog_list dl.newslist dt.friends {
	height: 50px;
	background: url(../img/parts/icon_friends.png) no-repeat left 40px;
}
}

/*--------------------------
コンテンツエリア　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
.index #contents div.contentsfield {
	float: left;
	width: 100%;
	min-height: 432px;
	margin-right: -260px;
	padding-left: 0;
	background-color: #f8f8f8;
}
.index #contents div.contentsinner {
    min-height: 417px;
    margin: 0 260px 0 0;
	padding-right: 30px;
}
.index #contents div.news dl.newslist dt {
	width: 102px;
}
.index #contents div.news dl.newslist dt span {
	width: 102px;
}
}


/* === リード === */
div.top_lead {
    margin-bottom: 24px;
    padding: 12px 0px 0px;
    line-height: 2.2;
}

/* === 新着情報 201605 === */
div#news_slider {
	padding: 20px 0 30px 0;
	border-top: 3px solid #eeeeee;
}
div.sliderinner {
	float: left;
	width: 210px;
	margin-right: 12px;
	margin-bottom: 12px;
	background-color: #f2f2f2;
	border: 1px solid #e2e2e2;
	outline: none;
}
div.sliderinner div.imgarea {
	max-height: 140px;
	overflow: hidden;
}
div.sliderinner div.imgarea img {
	width: 100%;
}
div.sliderinner:nth-child(3n) {
	margin-right: 0;
}
div.sliderinner:nth-child(3n+1) {
	clear: left;
}
html>/**/body div#news_slider div.slider > *:first-child + * + * ,
html>/**/body div#news_slider div.slider > *:first-child + * + * + * + * + * ,
html>/**/body div#news_slider div.slider > *:first-child + * + * + * + * + * + * + * + * ,
html>/**/body div#news_slider div.slider > *:first-child + * + * + * + * + * + * + * + * + * + * + * {
	margin-right: 0;
}
html>/**/body div#news_slider div.slider > *:first-child + * + * + * ,
html>/**/body div#news_slider div.slider > *:first-child + * + * + * + * + * + * ,
html>/**/body div#news_slider div.slider > *:first-child + * + * + * + * + * + * + * + * + * ,
html>/**/body div#news_slider div.slider > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * {
	clear: left;
}
div.sliderinner a {
	text-decoration: none;
}
div.sliderinner:hover {
	opacity: 0.7;
}
div.sliderinner a:hover {
	color: #432c99;
}
div.imgarea img {
	vertical-align: top;
}
.index div.textarea,
.obog_list div.textarea {
	padding: 2px 15px;
}

/* === 新着情報 === */
#contents div.news {
	width: 660px;
	margin: 0;
	padding-top: 1px;
	background-color: #ffffff;
}
/* --- タイトル --- */
#contents div.titlearea {
	position: relative;
	height: 23px;
	padding-bottom: 8px;
	border-bottom: 3px solid #1e2586;
}
h2.title_news {
	width: 169px;
	height: 16px;
	padding-top: 3px;
	background: url(../../img/index/title_news.png) no-repeat 0px 3px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/* --- 右ボタン --- */
#contents div.news p.all a {
	position: absolute;
	top: 0px;
	right: 0;
	width: 68px;
	height: 23px;
	background: url(../img/parts/btn_news.png) no-repeat 0px 0px;
	text-indent: 68px;
	white-space: nowrap;
	overflow: hidden;
}
#contents div.news p.all a:hover {
	background-position: 0px -23px;
}
#contents div.news p.rss a {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 67px;
	height: 23px;
	background: url(../img/parts/btn_news.png) no-repeat -68px 0px;
	text-indent: 67px;
	white-space: nowrap;
	overflow: hidden;
}
#contents div.news p.rss a:hover {
	background-position: -68px -23px;
}
/* --- 一覧部分 --- */
#contents div.news dl.newslist,
.obog_list dl.newslist {
	padding-top: 0;
}
#contents div.news dl.newslist dt {
  clear: left;
  float: left;
  height: 17px;
	line-height: 17px;
  padding: 12px 53px 0px 0px;
}

.obog_list div.line0 dl.newslist dt {
	line-height: 17px;
}

#contents div.news dl.newslist dt span,
.obog_list dl.newslist dt span {
	display: block;
	width: 8.5em;
}
/* --- アイコン --- */
#contents div.news dl.newslist dt.info {
	background: url(../img/parts/icon_info.png) no-repeat right 12px;
}
#contents div.news dl.newslist dt.event {
	background: url(../img/parts/icon_event.png) no-repeat right 12px;
}
#contents div.news dl.newslist dt.test {
	background: url(../img/parts/icon_test.png) no-repeat right 12px;
}
#contents div.news dl.newslist dt.friends {
	background: url(../img/parts/icon_friends.png) no-repeat right 12px;
}
#contents div.news dl.newslist dt.hakuen {
	background: url("../img/parts/icon_hakuen.png") no-repeat right 12px;
}
#contents div.news dl.newslist dd {
	display: block;
    min-height: 15px;
    padding: 11px 0px 10px 13em;
    border-bottom: 1px dotted #dddddd;
    line-height: 1.5;
}
*+html #contents div.news dl.newslist dd {
    min-height: auto;
}
#contents div.news dl.newslist dd.new img.new {
	display: inline;
}
#contents div.news dl.newslist dd a {
	display: inline-block;
	padding-left: 17px;
	text-indent: -17px;
    margin-left: 11px;
    color: #1913a3;
}
#contents div.news dl.newslist dd span {
	text-decoration: underline;
}
.index #contents div.news dl.newslist dd span:before {
	content: "";
    display: inline-block;
    position: relative;
    top: 0px;
    width: 11px;
    height: 11px;
	margin-right: 2px;
	background: url(../img/parts/icon_link1.png) no-repeat 0 0 !important;
}
#contents div.news p.emptyentry {
	padding-top: 15px;
	border-top: 3px solid #eeeeee;
}
	
/*--------------------------
新着情報　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
div.top_lead {
	padding: 0 10px;
}
#contents div.news {
	width: auto;
	margin: 0px 0px 15px;
	padding: 7px 10px 10px;
	overflow: hidden;
}

.obog_list div.textarea {
	height: 190px;
}
.obog_list dl.newslist dd {
}

/* === 新着情報 201605 === */
div#news_detail_all {
	width: 178px;
	margin: 0 auto;
}
div.sliderinner {
	position: relative;
	left: 9px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 178px;
	margin-right: 6px;
	margin-bottom: 0;
}
div.sliderinner a {
	outline: none;
}
div.sliderinner div.imgarea {
	height: 0;
	padding-bottom: 66%;
}
div.sliderinner:nth-child(3n) {
	clear: none;
	float: left;
	margin-right: 6px;
}
div.sliderinner:nth-child(3n+1) {
	clear: none;
}
div.sliderinner:nth-child(2n) {
	float: left;
	margin-right: 6px;
}
div.sliderinner:hover {
	opacity: 1;
}
.index div.textarea {
	padding: 2px 8px;
}
button.slick-prev ,
button.slick-next {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	visibility: hidden;
}

/* === OB・OGインタビュー === */
.obog_list div#news_slider {
    padding: 0px 10px 35px;
}
.obog_list div#news_detail_all {
	width: 100%;
}
.obog_list div.sliderinner {
	position: relative;
	left: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.obog_list div.sliderinner:nth-child(3n) {
	margin-right: 0;
}
.obog_list div.sliderinner:nth-child(3n+1) {
	clear: none;
}
html>/**/body.obog_list div#news_slider div.slider > *:first-child + * + * + * ,
html>/**/body.obog_list div#news_slider div.slider > *:first-child + * + * + * + * + * + * ,
html>/**/body.obog_list div#news_slider div.slider > *:first-child + * + * + * + * + * + * + * + * + * ,
html>/**/body.obog_list div#news_slider div.slider > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * {
	clear: none;
}
.obog_list div.sliderinner:nth-child(2n) {
	float: right;
	margin-right: 0;
}
.obog_list div.sliderinner:nth-child(2n+1) {
	clear: both;
}

/* --- タイトル --- */
#contents div.titlearea {
	height: 25px;
}
h2.title_news {
	float: left;
	width: auto;
	height: auto;
	padding-top: 6px;
	background-image: none;
	font-size: 15px;
    line-height: 1;
	font-weight: normal;
	color: #353535;
	text-indent: 0;
	white-space: inherit;
	overflow: visible;
}
/* --- 右ボタン --- */
#contents div.news p.all a {
	position: absolute;
	top: 0px;
	left: auto;
	right: 0;
	float: right;
	display: block;
	width: 63px;
	height: 25px;
	background: url(../img/parts/btn_all_sp.png) no-repeat 0px 0px;
	background-size: 100% auto;
}
#contents div.news p.rss a {
	position: absolute;
	top: 0px;
	left: auto;
	right: 0px;
	display: block;
	width: 62px;
	height: 25px;
	background: url(../img/parts/btn_rss_sp.png) no-repeat 0px 0px;
	background-size: 100% auto;
}
#contents div.news p.all a:hover,
#contents div.news p.rss a:hover {
	background-position: 0px 0px;
}
#contents div.news p.all a,
#contents div.news p.rss a {
	display: block;
	height: 25px;
}
#contents div.news p.all a img,
#contents div.news p.rss a img {
	visibility: hidden;
}
/* --- 一覧部分 --- */
.index #contents div.news dl.newslist {
	padding-top: 6px;
}
.index #contents div.news dl.newslist dt {
    display: inline-block;
	clear: none;
	float: none;
	width: auto;
	line-height: 17px;
	padding: 9px 45px 0px 0px;
}
.index #contents div.news dl.newslist dd {
	display: block;
	padding: 0px 0px 8px 0px;
	line-height: 1.5;
}
.index #contents div.news dl.newslist dd a {
	margin-left: 0px;
	background-size: 11px 11px;
}
.index #contents div.news dl.newslist dd a:hover {
	background-size: 11px 11px;
}
/* --- 一覧部分 タブレットとスマホでは出さない記事 --- */
.index #contents div.news dl.newslist dt.sp_overflow,
.index #contents div.news dl.newslist dd.sp_overflow {
	display: none;
}
/* --- アイコン --- */
.index #contents div.news dl.newslist dt.info {
	background-position: right 10px;
}
.index #contents div.news dl.newslist dt.event {
	background-position: right 10px;
}
.index #contents div.news dl.newslist dt.test {
	background-position: right 10px;
}
.index #contents div.news dl.newslist dt.friends {
	background-position: right 10px;
}
}

/*--------------------------
新着情報　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 720px) {
/* --- 一覧部分 --- */
.index #contents div.news dl.newslist dt {
	clear: none;
	float: none;
    width: 77%;
	max-width: 108px;
	padding: 8px 36px 0px 0px;
	background-position: right 9px !important;
}
.index #contents div.news dl.newslist dd {
	display: block;
	padding: 3px 0 8px;
	line-height: 1.5;
}
.index #contents div.news dl.newslist dd a {
	display: block;
    margin-left: 0px;
	padding-left: 17px;
	text-indent: -17px;
	text-decoration: underline;
	color: #1913a3;
}
.index #contents div.news dl.newslist dd a:hover {
	color: #700d9c;
}
.obog_list div.textarea {
	height: 130px;
}
}
@media screen and (min-width: 721px) and (max-width: 800px) {
/* --- 一覧部分 --- */
.index #contents div.news dl.newslist dt {
	width: 108px;
	padding-right: 36px;
}
.index #contents div.news dl.newslist dd {
	display: block;
	padding: 11px 0px 12px 0px;
	line-height: 1.5;
}
.index #contents div.news dl.newslist dd a {
	display: block;
    margin-left: 14em;
	padding-left: 17px;
	text-decoration: underline;
	color: #1913a3;
}
.index #contents div.news dl.newslist dd a:hover {
	color: #700d9c;
}
.obog_list div.textarea {
	height: 130px;
}
}
@media screen and (min-width: 641px) and (max-width: 800px) {
/* === 新着情報 201605 === */
div.sliderinner {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 48%;
	max-width: 212px;
	margin-right: 0;
}
div.sliderinner:nth-child(3n) {
	margin-right: 0;
}
div.sliderinner:nth-child(3n+1) {
	clear: none;
}
html>/**/body div#news_slider div.slider > *:first-child + * + * + * ,
html>/**/body div#news_slider div.slider > *:first-child + * + * + * + * + * + * ,
html>/**/body div#news_slider div.slider > *:first-child + * + * + * + * + * + * + * + * + * ,
html>/**/body div#news_slider div.slider > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * {
	clear: none;
}
div.sliderinner:nth-child(2n) {
	float: right;
	margin-right: 0;
}
div.sliderinner:nth-child(2n+1) {
	clear: both;
}
div.sliderinner:hover {
	opacity: 1;
}
div.sliderinner div.imgarea {
	height: 0;
	padding-bottom: 66%;
}

/* === OB・OGインタビュー === */
.obog_list div.sliderinner {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 49%;
	max-width: 49%;
	margin-right: 0;
}

.index div.textarea {
	padding: 2px 7px;
}

#contents div.news {
	position: relative;
	width: auto;
	padding: 0px 0px 7px;
	background-color: #ffffff;
}
/* --- タイトル --- */
h2.title_news {
	width: auto;
	float: left;
	background-image: none;
	font-size: 150%;
    line-height: 1;
	font-weight: normal;
	color: #353535;
	text-indent: 0;
	white-space: inherit;
	overflow: visible;
}
/* --- 右ボタン --- */
#contents div.news p.all {
	position: absolute;
	top: 0px;
	left: auto;
	right: 0px;
}
#contents div.news p.rss {
	top: 16px;
	left: auto;
	right: 10px;
}
#contents div.news dl.newslist dd a {
    background-position: 0 0.2em !important;
}
}








/*--------------------------
校友会からのイベント
--------------------------*/

body.index .almuninews {
  margin-top: 30px;
  border: #1e2586 solid 1px;
}

body.index .almuninews .title {
  background: #1e2586;
  color: #fff;
  padding: 10px 15px;
  position: relative;
}

body.index .almuninews .title p {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5em;
}
body.index .almuninews .title .alminulist {
  position: absolute;
  top: 20px;
  right: 15px;
}

body.index .almuninews .title .alminulist a {
  display: block;
  background: #fff;
  padding: 1px 5px;
  font-size: 13px;
  color:#432c99;
}

body.index .almuninews .title a.link01.link01_w {
		margin-left: 5px;
    color:#fff;
}
body.index .almuninews .title a.link01.link01_w:visited{
		color:#fff;
}
body.index .almuninews .title a.link01.link01_w:before {
  top: -1px;
	margin-right: 3px;
}

body.index .almuninews ul {
  padding: 0 15px;
}

body.index .almuninews dt {
  clear: left;
  float: left;
  height: 17px;
  line-height: 17px;
  padding: 5px 20px 0px 0px;
}

body.index .almuninews dd {
  display: block;
  min-height: 15px;
  padding: 5px 0px 5px 10em;
  line-height: 1.5;
}
body.index .almuninews li {
  border-bottom: 1px dotted #dddddd;
  padding : 10px 0;
}

body.index .almuninews li:last-child {
  border-bottom: none;
}

/*--------------------------
　スマホ
--------------------------*/

@media screen and (max-width: 640px) {
  body.index .almuninews .title {
    padding: 10px 15px 12px;
  }
  body.index .almuninews .title .alminulist {
    position: inherit;
    top: inherit;
    right: inherit;
    width: 100%;
    margin: 7px auto 0;
    text-align: center;
    display: block;
  }
  
  body.index .almuninews .title .alminulist a {
    display: inline-block;
    width: 100px;
    padding: 5px 5px;
    
 }
  body.index .almuninews {
    margin: 0 10px 30px;
  }
}









/* ==========
関西大学東京センターにお越しの方へ
 ========== */
#accesspane {
	width: 100%;
	margin-bottom: 8px;
}
#accesspane div.access_bg {
	width: 100%;
	min-width: 980px;
	margin: 0 auto;
	padding: 20px 0px 19px;
	background: url(../img/contents/about_bg.png) repeat center top;
	position: relative;
}
#accesspane div.access {
	width: 918px;
	padding: 35px 31px 27px;
	margin: 0 auto;
	background-color: #ffffff;
	font-size: 12px;
}
#accesspane div.access div.address {
	float: left;
	width: 269px;
	min-height: 107px;
	padding-right: 30px;
	border-right: 1px dotted #dedede;
	word-break: break-all;
}
#accesspane div.access div.time {
	display: none;
	min-height: 52px;
	padding-left: 85px;
	background: url(../../img/index/icon_open_pc.png) no-repeat 0px 0px;
}
#accesspane div.access div.time p.time_title {
	display: none;
}
#accesspane div.access div.time dl {
	line-height: 1;
}
#accesspane div.access div.time dl dt {
	clear: left;
	float: left;
	width: 7em;
	line-height: 1.3;
}
#accesspane div.access div.time dl dd {
	padding-left: 8em;
	padding-bottom: 8px;
	word-break: break-all;
	line-height: 1.3;
}
#accesspane div.access div.time dl dt~dt ,
#accesspane div.access div.time dl dd~dd {
	margin-top: 3px;
}
#accesspane div.access div.time p {
    padding-top: 6px;
	line-height: 1.5;
}
#accesspane div.access div.step {
	padding-top: 6px;
}
#accesspane div.access div.map {
	float: right;
	width: 580px;
	padding-left: 38px;
	background-color: #ffffff;
}
#accesspane div.access p {
	margin-bottom: 2px;
	line-height: 2;
}
	
/*--------------------------
関西大学東京センターにお越しの方へ　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
#accesspane {
	min-height: inherit;
	margin-bottom: 51px;
}
#accesspane div.access {
	position: inherit;
	top: 0px;
	left: 0px;
    width: auto;
	max-width: 640px;
	padding: 20px 10px 12px;
	text-align: center;
}
#accesspane div.access_bg {
	width: 100%;
	min-width: 320px;
	margin: 0 auto 0px;
	padding: 0;
	background-image: none;
	position: relative;
}
#accesspane div.access div.address {
	float: none;
	width: 100%;
	min-height: inherit;
	padding-right: 0px;
	padding-bottom: 8px;
	border-right: 0px none transparent;
	border-bottom: 1px dotted #dedede;
}
#accesspane div.access div.map {
	float: none;
	width: auto;
	padding-left: 0px;
	text-align: left;
}
#accesspane div.access div.time {
	float: none;
	width: 100%;
	padding-left: 0px;
	background: none no-repeat 0px 0px;
	text-align: left;
}
#accesspane div.access div.time p.time_title {
	display: block;
	width: 100%;
	margin: 15px 0px 13px;
	padding: 3px 0px;
	background-color: #ff9900;
	text-align: center;
	color: #ffffff;
}
#accesspane div.access p {
	margin-bottom: 3px;
	line-height: 1.6;
}
}

/*--------------------------
関西大学東京センターにお越しの方へ　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
#accesspane {
	margin-bottom: 71px;
}
#accesspane div.access {
	position: inherit;
	top: 0px;
	left: 0px;
	width: auto;
	max-width: 800px;
	margin: 0px 10px;
	padding: 27px 20px 21px;
}
#accesspane div.access_bg {
	width: 100%;
	min-width: 641px;
	min-height: inherit;
	margin: 0 auto;
	position: relative;
}
#accesspane div.access div.address {
	float: left;
	width: 36.9%;
	padding-right: 2%;
	border-right: 0px none transparent;
}
#accesspane div.access div.address p.zipcode {
	line-height: 1;
	margin-bottom: 0.5em;
}
#accesspane div.access div.map {
	float: right;
	width: 56.3%;
	padding-left: 4.6%;
	background-color: #ffffff;
	border-left: 1px dotted #dedede;
}
#accesspane div.access div.time {
	min-height: 62px;
	padding-left: 88px;
	background: url(../../img/index/icon_open_tb.png) no-repeat 0px 0px;
}
#accesspane div.access div.time dl {
	line-height: 1.3;
}
#accesspane div.access div.step {
	padding-top: 12px;
}
#accesspane div.access div.time p.time_title {
	display: none;
}
}


/*--------------------------
----------------------------
----------------------------
ページトップに戻る
----------------------------
----------------------------
--------------------------*/
 
.index div#pageBottom ,
.staff div#pageBottom ,
.student div#pageBottom ,
.graduate div#pageBottom ,
.visitor div#pageBottom ,
.map div#pageBottom ,
.about div#pageBottom ,
.mascot div#pageBottom{
	width: 980px;
}


/*--------------------------
----------------------------
----------------------------
各ページ
----------------------------
----------------------------
--------------------------*/


/* === 在学生の方へ === */

body.student #contents div.contents {
	margin: 0 auto 38px;
}
body.student #contents div.contentsinner ,
body.student #contents div.cmn-oneColumnArticle {
	margin-bottom: 0;
	padding-bottom: 0;
}
body.student th.cell1 {
	width: 150px;
}
body.student th.cell2 {
	width: 67px;
}
body.student th.cell3 {
	width: 147px;
}
body.student th.cell4 {
	width: 274px;
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
body.student #contents div.contents {
	margin: 0 auto;
	background-color: #ffffff;
}
body.student div#titleimage h2 span {
	background-color: #00a7eb;
    border-bottom: 1px solid #00a7eb;
}
body.student div#titleimage h2 {
	background-image: none;
}
body.student th.cell1,
body.student th.cell2,
body.student th.cell3,
body.student th.cell4 {
	width: auto;
}
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
body.student #contents div.contents {
	margin: 0 auto 27px;
}
body.student div#titleimage h2 span {
	background-color: #00a7eb;
    border-bottom: 1px solid #00a7eb;
}
body.student th.cell1,
body.student th.cell2,
body.student th.cell3,
body.student th.cell4 {
	width: auto;
}
}


/* === 教職員の方へ === */

body.staff #contents div.contents {
	margin: 0 auto 38px;
}
body.staff #contents div.contentsinner ,
body.staff #contents div.cmn-oneColumnArticle {
	margin-bottom: 0;
	padding-bottom: 0;
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
body.staff #contents div.contents {
	margin: 0 auto;
	background-color: #ffffff;
}
body.staff div#titleimage h2 {
	background-image: none;
}
body.staff div#titleimage h2 span {
	background-color: #1ea286;
    border-bottom: 1px solid #1ea286;
}
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
body.staff #contents div.contents {
	margin: 0 auto 27px;
}
body.staff div#titleimage h2 span {
	background-color: #1ea286;
    border-bottom: 1px solid #1ea286;
}
}


/* === 卒業生の方へ === */

body.graduate #contents div.contents {
	margin: 0 auto 38px;
}
body.graduate #contents div.contentsinner ,
body.graduate #contents div.cmn-oneColumnArticle {
	margin-bottom: 0;
	padding-bottom: 0;
}
body.graduate th.cell1 {
	width: 130px;
}
body.graduate th.cell2 {
	width: 67px;
}
body.graduate th.cell3 {
	width: 167px;
}
body.graduate th.cell4 {
	width: 274px;
}
body.graduate p.caption a.link03,
body.graduate div.cmn-related p a.link03 {
	margin-left: 0.5em;
}
body.visitor #contents div.contentsinner ,
body.visitor #contents div.cmn-oneColumnArticle {
	margin-bottom: 0;
	padding-bottom: 0;
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
body.graduate #contents div.contents {
	margin: 0 auto;
	background-color: #ffffff;
}
body.graduate div#titleimage h2 {
	background-image: none;
}
body.graduate div#titleimage h2 span {
	background-color: #f08ba7;
    border-bottom: 1px solid #f08ba7;
}
body.graduate th.cell1,
body.graduate th.cell2,
body.graduate th.cell3,
body.graduate th.cell4 {
	width: auto;
}
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
body.graduate #contents div.contents {
	margin: 0 auto 27px;
}
body.graduate div#titleimage h2 span {
	background-color: #f08ba7;
    border-bottom: 1px solid #f08ba7;
}
body.graduate th.cell1,
body.graduate th.cell2,
body.graduate th.cell3,
body.graduate th.cell4 {
	width: auto;
}
}


/* === ご利用方法 === */

body.use div.cmn-oneColumnArticle {
	padding-top: 5px;
}
body.use #contents div.contentsfield {
	min-height: 500px;
}
body.use div#titleimage h2 {
	background: url(../../img/use/title_pc.jpg) no-repeat 0px 0px;
}
body.use div.detail {
	margin-bottom: 22px;
}

body.use h4.title {
	padding-top: 4px;
}
body.use h5.title {
	margin-top: 12px;
	margin-bottom: 7px;
	font-weight: bold;
}
body.use h5 span {
	padding-right: 3px;
	color: #0069b3;
}

body.use div.procedure {
	clear: both;
	margin-top: 2px;
}
body.use div.procedure img {
	float: left;
	padding-top: 5px;
}
body.use div.procedure p {
	float: right;
	width: 340px;
	margin-bottom: 16px;
	padding-left: 30px;
	padding-bottom: 25px;
	background: url(../../img/use/arrow_down.png) no-repeat 188px bottom;
    text-align: left;
}
body.use div.procedure p.finish {
	margin-bottom: 16px;
	padding-bottom: 0px;
	background-image: none;
}

body.use p.floor {
	padding-top: 6px;
}
body.use div.utilization {
	margin-bottom: 5px;
}
body.use div.utilization div.cell {
	float: left;
	width: 315px;
	margin-bottom: 16px;
}
body.use div.utilization div.cell.odd {
	padding-right: 20px;
}
body.use div.utilization div.cell img {
	float: left;
	width: 163px;
	padding-top: 4px;
}
body.use div.utilization div.cell div.textarea {
	float: right;
	width: 139px;
	padding-left: 13px;
}

body.use p.remark {
	padding-bottom: 14px;
}

body.use div.cmn-related {
	height: 100%;
	margin-bottom: 15px;
	padding: 0;
}
body.use div.cmn-related div.reservearea {
	float: left;
	width: 100%;
	height: 100%;
	background-color: #eff0f7;
}
body.use div.cmn-related p {
    min-height: inherit;
	padding: 15px 17px 18px 13px;
}
body.use div.cmn-related div.listarea {
	float: right;
	width: 55%;
	padding: 15px 0px 18px;
	background-color: #ffffff;
}
body.use div.cmn-related ul {
}
body.use div.cmn-related ul.list1 {
	float: left;
	width: 40%;
}
body.use div.cmn-related ul.list2 {
	float: right;
	width: 60%;
}
body.use div.cmn-related ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-bottom: 0px;
	margin-left: 27px;
}
body.use table.cmn-format th {
}
body.use table.cmn-format td {
	text-align: center;
}
body.use table.cmn-format p.price {
	width: 32px;
}
body.use table.cmn-format span.math {
	width: 36px;
}
body.use table.cmn-format th span.title {
	width: 103px;
}
body.use table.cmn-format td ul.list1 {
	width: auto;
	margin-left: 15px;
}
body.use table.cmn-format td ul.list2 {
	width: auto;
	margin-left: 15px;
}
*+html body.use table.cmn-format td ul.list1,
*+html body.use table.cmn-format td ul.list2 {
	margin-left: 5px;
}
body.use table.cmn-format td ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 3px;
}
*+html body.use table.cmn-format td ul li {
	margin-left: 11px;
}
body.use table.cmn-format th span.network {
	width: 3em;
	margin: 0 auto;
}


/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
body.use #contents div.contentsfield {
	min-height: inherit;
}
body.use div#titleimage {
	background: url(../../img/use/title_sp.jpg) no-repeat 0px 100%;
	background-size: contain;
}
body.use div#titleimage h2 {
	background-image: none;
}
body.use div.procedure {
	width: 100%;
	background-position: center bottom;
	text-align: center;
}
body.use div.procedure img {
	float: none;
	width: 200px;
}
body.use div.procedure div.textarea {
	float: none;
	width: 100%;
	margin-left: 0px;
	padding-left: 0px;
}
body.use div.procedure p {
	width: auto;
	margin-left: 0px;
	padding-left: 0px;
	background-position: center bottom;
}
body.use p.floor {
    padding-top: 5px;
}
body.use div.utilization div.cell {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
body.use div.utilization div.cell.odd {
	padding-right: 0px;
}
body.use div.utilization div.cell img {
	float: left;
	width: 163px;
}
body.use div.utilization div.cell div.textarea {
	float: right;
	width: 100%;
	margin-left: -180px;
}
body.use div.utilization div.cell div.textarea h6,
body.use div.utilization div.cell div.textarea p {
	margin-left: 180px;
}
body.use div.cmn-related ul.list1,
body.use div.cmn-related ul.list2 {
	float: none;
	width: 100%;
}
body.use div.cmn-related ul li {
	margin-left: 15%;
}
body.use div.cmn-related p {
    min-height: inherit;
}
body.use table.cmn-format p.price,
body.use table.cmn-format span.math,
body.use table.cmn-format th span.title,
body.use table.cmn-format td ul.list1,
body.use table.cmn-format td ul.list2 {
	width: auto;
}
body.use table.cmn-format td ul.list1,
body.use table.cmn-format td ul.list2 {
	margin-left: 18px;
}
body.use table.cmn-format th span.network {
	width: auto;
}
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
body.use #contents div.contentsfield {
	min-height: inherit;
}
body.use div#titleimage h2 {
	background: url(../../img/use/title_tb.jpg) no-repeat 0px 0px;
	background-size: cover;
}
body.use div.procedure {
	width: 100%;
}
body.use div.procedure img {
	float: left;
	width: 200px;
}
body.use div.procedure div.textarea {
	float: right;
	width: 100%;
	margin-left: -213px;
	padding-left: 0px;
}
body.use div.procedure p {
	width: auto;
	margin-left: 213px;
	padding-left: 0px;
	background-position: center bottom;
}
body.use div.utilization div.cell {
	width: 50%;
	margin-bottom: 20px;
}
body.use div.utilization div.cell.odd {
	clear: left;
	width: 47%;
	padding-right: 3%;
}
body.use div.utilization div.cell div.textarea {
	float: none;
	width: 50%;
	padding-left: 3px;
}
body.use div.cmn-related ul li {
    margin-left: 20px;
    padding-right: 15px;
}
body.use table.cmn-format p.price,
body.use table.cmn-format span.math,
body.use table.cmn-format th span.title,
body.use table.cmn-format td ul.list1,
body.use table.cmn-format td ul.list2 {
	width: auto;
}
body.use table.cmn-format th span.network {
	width: 3em;
}
}


/* === 教室兼会議室使用案内 === */

body.conference h5.title {
	margin-top: 13px;
	margin-bottom: 5px;
	font-weight: bold;
}
body.conference table.cmn-format {
	margin-top: 14px;
	margin-bottom: 18px;
}
body.conference table.cmn-format th {
	width: 50%;
	padding: 6px 0px;
	text-align: center;
}
body.conference table.cmn-format td {
	width: 50%;
	padding: 5px 0px;
	text-align: center;
}
body.conference dl.cmn-format {
	margin-top: 11px;
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
}


/* === 公開講座・セミナー === */

body.course #contents div.contentsinner {
    margin: 0 0 0 50px;
}
body.course div.cmn-oneColumnArticle {
    padding: 0 0 6px;
}
body.course div#titleimage h2 {
	background: url(../../img/course/title_pc.jpg) no-repeat 0px 0px;
}
body.course p.lecture {
	margin-bottom: 20px;
}
body.course h4.title {
	margin-bottom: 18px;
}
body.course h5.title {
	margin-top: 13px;
}
body.course div.current {
	padding-bottom: 20px;
}
body.course div.past {
	padding-bottom: 0px;
}
body.course div.detail {
	margin-bottom: 13px;
	padding-top: 0px;
	border-top: 0px none #ffffff;
}
body.course table.cmn-format th {
	width: 120px;
}
body.course table.cmn-format th.title {
	width: auto;
	padding: 7px 9px 4px;
	background-color: #1e2586;
	text-align: left;
}
body.course div.past table.cmn-format th.title {
	background-color: #a8a8a8;
}
body.course table.cmn-format th.title h4 {
	font-size: 116.6%;
}
body.course table.cmn-format td.lecture {
	width: auto;
	padding: 13px 10px 5px;
}
body.course div.lecture {
	 padding-bottom: 9px;
}
body.course div.lectureimg {
	float: left;
	width: 81px;
}
body.course div.lectureimg img {
	width: auto;
}
body.course div.lectureimg p.emptyimage {
	width: 81px;
	height: 87px;
	padding: 0;
	background-color: #f1f1f1;
}
body.course div.explain {
	padding-left: 96px;
}
body.course h5.lecturename {
	margin-bottom: 6px;
	font-size: 116.6%;
}
body.course div.explain p {
	padding: 0px;
}
body.course p.summary {
	padding: 0px;
	line-height: 1.7;
	word-break: break-all;
}
body.course p.leaflets {
	padding: 6px 7px;
}
body.course p.leaflets,
body.course p.url,
body.course p.reporturl {
	padding: 6px 7px;
	word-break: break-all;
}
body.course div#pageBottom p {
    padding-top: 3px;
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
body.course #contents div.contentsinner {
    margin: 0px;
}
body.course #contents div.contents {
    margin: 0 0 51px;
}
body.course div.cmn-oneColumnArticle {
    padding: 0 10px 6px;
}
body.course div#titleimage {
	background: url(../../img/course/title_sp.jpg) no-repeat 0px 100%;
	background-size: contain;
}
body.course div#titleimage h2 {
	background-image: none;
}
body.course p.lecture {
	margin: 0px 10px 20px;
}
body.course div.detail {
	padding: 0px;
}
body.course table.cmn-format th {
	width: 18%;
}
body.course table.cmn-format th.celltitle {
	width: 6em;
}
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
body.course #contents div.contentsinner {
    margin: 0 0 51px;
	padding-bottom: 0px;
}
body.course div#titleimage h2 {
	background: url(../../img/course/title_tb.jpg) no-repeat 0px 0px;
	background-size: cover;
}
body.course p.lecture {
	margin-bottom: 20px;
}
body.course table.cmn-format th {
	width: 18%;
}
}


/* === アクセス === */

body.map #contents div.contents {
	margin: 0 auto 38px;
}
body.map #contents div.contentsinner ,
body.map #contents div.cmn-oneColumnArticle {
	margin-bottom: 0;
	padding-bottom: 0;
}
body.map div.detail {
    padding-top: 13px;
}
body.map div.detail p img {
	vertical-align: top;
}
body.map h4 {
	padding-top: 11px;
}
body.map h5.title {
	margin-top: 23px;
	margin-bottom: 7px;
	padding: 3px 9px;
	border: 1px solid #3e3e9e;
	line-height: 1.5;
	font-size: 125%;
	color: #313198;
}
body.map ol.impress li {
	zoom: 100%;
}
body.map ol.impress li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
body.map ol.impress li~li {
	margin-top: 4px;
}
body.map ol.impress li div.imgarea {
	float: left;
	width: 210px;
	padding-top: 6px;
}
body.map ol.impress li div.textarea {
	float: right;
	width: 419px;
}
body.map ol.impress~h4.title {
	margin-bottom: 4px;
	padding-top: 17px;
}
body.map #map {
    width: 650px;
    height: 296px;
    margin: 0;
    padding: 0;
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
body.map #contents div.contents {
	margin: 0 auto;
	background-color: #ffffff;
}
body.map div#titleimage h2 {
	background-image: none;
}
body.map div#titleimage h2 span {
	background-color: #ffa75b;
    border-bottom: 1px solid #ffa75b;
}
body.map h4 {
	padding-top: 11px;
}
body.map h5.title {
	margin-top: 23px;
	margin-bottom: 7px;
	padding: 3px 9px;
	border: 1px solid #3e3e9e;
	line-height: 1.5;
	font-size: 125%;
	color: #313198;
}
body.map ol.impress li:after {
	display: none;
}
body.map ol.impress li~li {
	margin-top: 20px;
}
body.map ol.impress li div.imgarea {
	float: none;
	width: 100%;
	margin-bottom: 5px;
	padding-top: 0;
	text-align: center;
}
body.map ol.impress li div.textarea {
	float: none;
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
}
body.map ol.impress~h4.title {
	margin-bottom: 4px;
	padding-top: 17px;
}
body.map #map {
	width: auto;
	position: relative;
	padding-bottom: 46%;
	height: 0;
	overflow: hidden;
}
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
body.map #contents div.contents {
	margin: 0 auto 27px;
}
body.map div#titleimage h2 span {
	background-color: #ffa75b;
    border-bottom: 1px solid #ffa75b;
}
body.map h5.title {
	margin-top: 23px;
	margin-bottom: 7px;
}
body.map ol.impress li div.imgarea {
	width: 32.3%;
}
body.map ol.impress li div.textarea {
	width: 64.5%;
}
body.map ol.impress~h4.title {
	margin-bottom: 4px;
	padding-top: 17px;
}
body.map #map {
	width: auto;
	position: relative;
	padding-bottom: 46%;
	height: 0;
	overflow: hidden;
}
}


/* === News&Topics === */

body.news #contents div.contentsinner {
	margin-bottom: 3px;
}
body.news div.contentsfield div.contentsinner {
    min-height: 770px;
}
body.news div.cmn-oneColumnArticle {
	padding-bottom: 0px;
}
body.news div#titleimage h2,
body.obog_list div#titleimage h2 {
	background: url(../../img/news/title_pc.jpg) no-repeat 0px 0px;
}

body.alumnievent div#titleimage h2 {
	background: url(../../img/news/title_alumnievent_pc.jpg) no-repeat 0px 0px;
}

body.news #contents div.news {
	width: 650px;
	margin-bottom: 21px;
	padding-top: 0px;
}
body.news #contents dl.newslist {
	padding-top: 0px;
	border-top: 0px none #ffffff;
}
body.news.article h3#pageTitle {
	margin-bottom: 37px;
}

/* ----- 記事詳細 ----- */
body.news.article div.articlepane {
	margin-bottom: 21px;
}
body.news.article div.articlepane h4.title {
	margin-bottom: 5px;
}
body.news.article div.articlepane h4.title span {
	padding-bottom: 7px;
	line-height: 1.6;
}
body.news.article div.articlepane p.entrydate {
	float: right;
}
body.news.article div.articlepane div.entrybody {
	clear: right;
	padding-top: 23px;
}
/* アイコン制御 */
/* デフォルト=内部リンク */
body.news.article div.articlepane div.entrybody a {
	display: inline;
	position: relative;
	min-height: 13px;
	margin: 0 5px;
	line-height: 1.5;
}
body.news.article div.articlepane div.entrybody a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	left: 0;
	width: 11px;
	height: 11px;
	min-height: 1em;
	margin-right: 6px;
	background-image:url(../img/parts/icon_link1.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	vertical-align: middle;
}
body.news.article div.articlepane div.entrybody a:hover {
  	background-position: right center !important;
}
/* 絶対リンクなら */
body.news.article div.articlepane div.entrybody a[href^="http://"]:before,
body.news.article div.articlepane div.entrybody a[href^="https://"]:before {
	background-image:url(../img/parts/icon_link4.png);
}
/* 関大内リンクなら */
body.news.article div.articlepane div.entrybody a[href^="http://www.kansai-u.ac.jp"]:before,
body.news.article div.articlepane div.entrybody a[href^="https://www.kansai-u.ac.jp"]:before {
	background-image:url(../img/parts/icon_link3.png);
}
/* 東京センター内リンクなら */
body.news.article div.articlepane div.entrybody a[href^="http://www.kansai-u.ac.jp/tokyo"]:before,
body.news.article div.articlepane div.entrybody a[href^="https://www.kansai-u.ac.jp/tokyo"]:before {
	background-image:url(../img/parts/icon_link1.png);
}
/* 画像リンク=アイコンなし */
body.news.article div.articlepane div.entrybody a[href$="jpg"]:before,
body.news.article div.articlepane div.entrybody a[href$="JPG"]:before,
body.news.article div.articlepane div.entrybody a[href$="gif"]:before,
body.news.article div.articlepane div.entrybody a[href$="GIF"]:before,
body.news.article div.articlepane div.entrybody a[href$="png"]:before,
body.news.article div.articlepane div.entrybody a[href$="PNG"]:before,
body.news.article div.articlepane div.entrybody a[href$="jpg"]:hove:beforer,
body.news.article div.articlepane div.entrybody a[href$="JPG"]:hover:before,
body.news.article div.articlepane div.entrybody a[href$="gif"]:hover:before,
body.news.article div.articlepane div.entrybody a[href$="GIF"]:hover:before,
body.news.article div.articlepane div.entrybody a[href$="png"]:hover:before,
body.news.article div.articlepane div.entrybody a[href$="PNG"]:hover:before {
	display: none;
}
/* メールアドレス=アイコンなし */
body.news.article div.articlepane div.entrybody a[href^="mailto:"]:before,
body.news.article div.articlepane div.entrybody a[href^="mailto:"]:hover:before {
	display: none;
}
/* ファイル=ダウンロード */
body.news.article div.articlepane div.entrybody a[href$="pdf"]:before,
body.news.article div.articlepane div.entrybody a[href$="PDF"]:before,
body.news.article div.articlepane div.entrybody a[href$="doc"]:before,
body.news.article div.articlepane div.entrybody a[href$="DOC"]:before,
body.news.article div.articlepane div.entrybody a[href$="docx"]:before,
body.news.article div.articlepane div.entrybody a[href$="DOCX"]:before,
body.news.article div.articlepane div.entrybody a[href$="xls"]:before,
body.news.article div.articlepane div.entrybody a[href$="XLS"]:before,
body.news.article div.articlepane div.entrybody a[href$="xlsx"]:before,
body.news.article div.articlepane div.entrybody a[href$="XLSX"]:before {
	background-image:url(../img/parts/icon_link5.png);
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
body.news #contents div.contentsinner {
	margin-bottom: 0px;
}
body.news div.contentsfield div.contentsinner {
    min-height: 0;
}
body.news div#titleimage {
	background: url(../../img/news/title_sp.jpg) no-repeat 0px 100%;
	background-size: contain;
}
body.news div#titleimage h2 {
	background-image: none;
}
body.news #contents div.news {
	width: auto;
	margin-bottom: 0px;
	padding: 7px 0px 10px;
}
/* ----- 記事詳細 ----- */
body.news.article div.articlepane {
	margin: 0px;
}
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 720px) {
/* --- 一覧部分 --- */
body.news #contents div.news dl.newslist dt {
	clear: none;
	float: none;
    width: 77%;
	max-width: 108px;
	padding: 8px 36px 0px 0px;
	background-position: right 9px !important;
}
body.news #contents div.news dl.newslist dd {
	display: block;
	padding: 3px 0 8px;
	line-height: 1.5;
}
body.news #contents div.news dl.newslist dd a {
	display: block;
    margin-left: 0px;
	padding-left: 17px;
	text-indent: -17px;
	text-decoration: underline;
	color: #1913a3;
}
body.news #contents div.news dl.newslist dd a:hover {
	color: #700d9c;
}
}
@media screen and (min-width: 641px) and (max-width: 800px) {
body.news #contents div.contentsinner {
	margin-bottom: 31px;
}
body.news div.contentsfield div.contentsinner {
    min-height: 0;
}
body.news div#titleimage h2 {
	background: url(../../img/news/title_tb.jpg) no-repeat 0px 0px;
	background-size: cover;
}
body.news #contents div.news {
	width: auto;
	margin: 0px 0px 15px;
	padding: 7px 0px 10px;
}
}


/* === 東京センター通信 === */

body.newsletter div#titleimage h2 {
	background: url(../../img/newsletter/title_pc.jpg) no-repeat 0px 0px;
}
body.newsletter div.contentsfield div.contentsinner {
    min-height: 770px;
}
body.newsletter #contents div.letters {
	width: 650px;
	margin-bottom: 21px;
	padding-top: 0px;
}
body.newsletter #contents dl.letterslist {
	padding-top: 0px;
	border-top: 0px none #ffffff;
}
body.newsletter.article h3#pageTitle {
    margin-bottom: 37px;
}
	

/* --- 一覧部分 --- */
body.newsletter #contents div.letters dl.letterslist {
	padding-top: 0px;
}
body.newsletter #contents div.letters dl.letterslist dt {
	clear: left;
	float: left;
	line-height: 17px;
	padding: 12px 6px 0px 0px;
}
body.newsletter #contents div.letters dl.letterslist dt span {
	display: block;
	width: 105px;
}
body.newsletter #contents div.letters dl.letterslist dd {
	display: block;
    min-height: 15px;
	padding: 11px 0px 10px 9em;
	border-bottom: 1px dotted #dddddd;
	line-height: 1.5;
}
*+html body.newsletter #contents div.letters dl.letterslist dd {
    min-height: auto;
}
body.newsletter #contents div.letters dl.letterslist dd a {
	margin-left: 11px;
	color: #1913a3;
}
body.newsletter #contents div.letters dl.letterslist dd a:hover {
	color: #1913a3;
}

/* ----- 記事詳細 ----- */
body.newsletter.article div.articlepane {
	margin-bottom: 21px;
}
body.newsletter.article div.articlepane h4.title {
	margin-bottom: 5px;
}
body.newsletter.article div.articlepane h4.title span {
	padding-bottom: 7px;
	line-height: 1.6;
}
body.newsletter.article div.articlepane p.entrydate {
    float: right;
}
body.newsletter.article div.articlepane div.entrybody {
	clear: right;
	padding-top: 23px;
}
/* アイコン制御 */
/* デフォルト=内部リンク */
body.newsletter.article div.articlepane div.entrybody a {
	display: inline;
	position: relative;
	min-height: 13px;
	margin: 0 5px;
	line-height: 1.5;
}
body.newsletter.article div.articlepane div.entrybody a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -2px;
	left: 0;
	width: 11px;
	height: 11px;
	min-height: 1em;
	margin-right: 6px;
	background-image:url(../img/parts/icon_link1.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	vertical-align: middle;
}
body.newsletter.article div.articlepane div.entrybody a:hover:before{
  	background-position: right center !important;
}
/* 絶対リンクなら */
body.newsletter.article div.articlepane div.entrybody a[href^="http://"]:before,
body.newsletter.article div.articlepane div.entrybody a[href^="https://"]:before {
	background-image:url(../img/parts/icon_link4.png);
}
/* 関大内リンクなら */
body.newsletter.article div.articlepane div.entrybody a[href^="http://www.kansai-u.ac.jp"]:before,
body.newsletter.article div.articlepane div.entrybody a[href^="https://www.kansai-u.ac.jp"]:before {
	background-image:url(../img/parts/icon_link3.png);
}
/* 東京センター内リンクなら */
body.newsletter.article div.articlepane div.entrybody a[href^="http://www.kansai-u.ac.jp/tokyo"]:before,
body.newsletter.article div.articlepane div.entrybody a[href^="https://www.kansai-u.ac.jp/tokyo"]:before {
	background-image:url(../img/parts/icon_link1.png);
}
/* 画像リンク=アイコンなし */
body.newsletter.article div.articlepane div.entrybody a[href$="jpg"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="JPG"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="gif"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="GIF"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="png"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="PNG"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="jpg"]:hover:before,
body.newsletter.article div.articlepane div.entrybody a[href$="JPG"]:hover:before,
body.newsletter.article div.articlepane div.entrybody a[href$="gif"]:hover:before,
body.newsletter.article div.articlepane div.entrybody a[href$="GIF"]:hover:before,
body.newsletter.article div.articlepane div.entrybody a[href$="png"]:hove:beforer,
body.newsletter.article div.articlepane div.entrybody a[href$="PNG"]:hover:before {
	display: none;
}
/* メールアドレス=アイコンなし */
body.newsletter.article div.articlepane div.entrybody a[href^="mailto:"]:before,
body.newsletter.article div.articlepane div.entrybody a[href^="mailto:"]:hover:before {
	display: none;
}
/* ファイル=ダウンロード */
body.newsletter.article div.articlepane div.entrybody a[href$="pdf"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="PDF"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="doc"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="DOC"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="docx"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="DOCX"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="xls"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="XLS"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="xlsx"]:before,
body.newsletter.article div.articlepane div.entrybody a[href$="XLSX"]:before {
	background-image:url(../img/parts/icon_link5.png);
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
body.newsletter div#titleimage,
body.obog_list div#titleimage {
	background: url(../../img/newsletter/title_sp.jpg) no-repeat 0px 100%;
	background-size: contain;
}
body.newsletter div#titleimage h2 {
	background-image: none;
}
body.newsletter div.contentsfield div.contentsinner {
    min-height: 0;
}
body.newsletter #contents div.letters {
	width: auto;
	margin: 0px 0px 15px;
	padding: 7px 0px 10px;
}

/* --- 一覧部分 --- */
body.newsletter #contents div.letters dl.letterslist {
	padding-top: 6px;
}
body.newsletter #contents div.letters dl.letterslist dt {
    display: inline-block;
	clear: none;
	float: none;
	width: auto;
	line-height: 17px;
	padding: 9px 45px 0px 0px;
}
body.newsletter #contents div.letters dl.letterslist dd {
	display: block;
	padding: 0px 0px 8px 0px;
	line-height: 1.5;
}
body.newsletter #contents div.letters dl.letterslist dd a {
	margin-left: 0px;
	background-size: 11px 11px;
}
body.newsletter #contents div.letters dl.letterslist dd a:hover {
	background-size: 11px 11px;
}

/* ----- 記事詳細 ----- */
body.newsletter.article div.articlepane {
	margin: 0px 0px 21px;
}
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
body.newsletter div#titleimage h2 {
	background: url(../../img/newsletter/title_tb.jpg) no-repeat 0px 0px;
	background-size: cover;
}
body.newsletter div.contentsfield div.contentsinner {
    min-height: 0;
}
body.newsletter #contents div.letters {
	width: auto;
	margin: 0px 0px 15px;
	padding: 7px 0px 10px;
}
}

@media screen and (min-width: 641px) and (max-width: 720px) {
/* --- 一覧部分 --- */
body.newsletter #contents div.letters dl.letterslist dt {
	clear: none;
	float: none;
    width: 9em;
	padding: 8px 43px 0px 0px;
	background-position: right 9px !important;
}
body.newsletter #contents div.letters dl.letterslist dd {
	display: block;
	padding: 3px 0 8px;
	border-bottom: 1px dotted #dddddd;
	line-height: 1.5;
}
body.newsletter #contents div.letters dl.letterslist dd a {
    margin-left: 0px;
	padding-left: 0;
	text-decoration: underline;
	color: #1913a3;
}
body.newsletter #contents div.letters dl.letterslist dd a:hover {
	color: #700d9c;
}
body.newsletter #contents div.letters dl.letterslist dd:nth-of-type(5) {
	border-bottom: 0px none transparent;
}
}
@media screen and (min-width: 721px) and (max-width: 800px) {
/* --- 一覧部分 --- */
body.newsletter #contents div.letters dl.letterslist dt {
	padding-right: 0px;
}
body.newsletter #contents div.letters dl.letterslist dd {
	display: block;
	padding: 11px 0px 12px 0px;
	border-bottom: 1px dotted #dddddd;
	line-height: 1.5;
}
body.newsletter #contents div.letters dl.letterslist dd a {
	padding-left: 17px;
	text-decoration: underline;
	color: #1913a3;
}
body.newsletter #contents div.letters dl.letterslist dd a:hover {
	color: #700d9c;
}
body.newsletter #contents div.letters dl.letterslist dd:nth-of-type(5) {
	border-bottom: 0px none transparent;
}
}


/* === 一般／企業の方へ === */

body.visitor #contents div.contents {
	margin: 0 auto 38px;
}
body.visitor #contents div.contentsinner ,
body.visitor #contents div.cmn-oneColumnArticle {
	margin-bottom: 0;
	padding-bottom: 0;
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
body.visitor #contents div.contents {
	margin: 0 auto;
	background-color: #ffffff;
}
body.visitor div#titleimage {
	background-size: contain;
}
body.visitor div#titleimage h2 span {
	background-color: #a79a8d;
    border-bottom: 1px solid #a79a8d;
}
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
body.visitor #contents div.contents {
	margin: 0 auto 27px;
}
body.visitor div#titleimage h2 span {
	background-color: #a79a8d;
    border-bottom: 1px solid #a79a8d;
}
}


/* === 東京センターについて === */

body.about div#titleimage h2 {
	background: url(../../img/about/title_pc.jpg) no-repeat 0px 0px;
}
body.about #contents div.contents {
    margin: 0 auto 38px;
}
body.about #contents div.concept {
    text-align: center;
}
body.about #contents .cmn-twoColumn2_2 {
    padding: 0 0 20px 0;
}
body.about #contents .cmn-twoColumn2_2 .leftColumn {
    float: left;
    width: 300px;
}
body.about #contents .cmn-twoColumn2_2 .rightColumn {
    float: right;
    width: 300px;
}

body.about #contents .cmn-twoColumn2_2 .leftColumn .kutfig {
  position: absolute;
  top: 730px;
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
  body.about div#titleimage {
  	background: url(../../img/about/title_sp.jpg) no-repeat 0px 100%;
  	background-size: contain;
  }
  body.about #contents div.contents {
      margin: 0 auto;
  }
  body.about #contents .cmn-oneColumn {
  	padding: 0px 10px;
  }
  body.about #contents .cmn-twoColumn2_2 {
  	padding: 0 3px 35px 3px;
  }
  body.about #contents .cmn-twoColumn2_2 {
  	padding: 0 0 18px 0;
  }
  body.about #contents .cmn-twoColumn2_2 .leftColumn ,
  body.about #contents .cmn-twoColumn2_2 .rightColumn {
  	float: none;
  	width: 100%;
  	margin-bottom: 5px;
  	padding-top: 0;
  	text-align: center;
  }
  body.about #contents .cmn-twoColumn2_2 .leftColumn p,
  body.about #contents .cmn-twoColumn2_2 .rightColumn p {
  	text-align: left;
  }
  body.about #contents .cmn-twoColumn2_2 .leftColumn .kutfig {
  position:inherit;
  top:inherit;
  }
}


/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
  body.about div#titleimage h2,
  body.obog_list div#titleimage h2{
  	background: url(../../img/about/title_tb.jpg) no-repeat 0px 0px;
  	background-size: cover;
  }
  body.about #contents .cmn-twoColumn2_2 .leftColumn {
  	float: left;
  	width: 48%;
  }
  body.about #contents .cmn-twoColumn2_2 .rightColumn {
  	float: right;
  	width: 48%;
  }
  body.about #contents .cmn-twoColumn2_2 .leftColumn p.t_center img ,
  body.about #contents .cmn-twoColumn2_2 .rightColumn p.t_center img {
  	width: 90%;
  }
  body.about #contents .cmn-twoColumn2_2 .leftColumn .kutfig {
  position:inherit;
  top:inherit;
  }
}



/* ===========
公式マスコット
=========== */
body.mascot div#titleimage h2 {
	background: url(../../img/about/title_pc.jpg) no-repeat 0px 0px;
}
body.mascot #contents div.contents {
    margin: 0 auto 38px;
}
body.mascot #contents div.concept {
    text-align: center;
}
body.mascot #contents .cmn-twoColumn2_2 {
    padding: 0 0 40px 0;
}
body.mascot #contents .cmn-twoColumn2_2 .leftColumn {
    float: left;
    width: 300px;
}
body.mascot #contents .cmn-twoColumn2_2 .rightColumn {
    float: right;
    width: 300px;
}
body.mascot #contents div.line_stamp {
	line-height: 2;
	font-size: 141.666%;
	font-weight: bold;
}
body.mascot #contents p.mascot_name {
	line-height: 2;
	font-size: 141.666%;
	font-weight: bold;
}
body.mascot #contents .cmn-twoColumn2_2 .okan_text {
	padding: 10% 0 0 0;
}

/*--------------------------
公式マスコット　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
body.mascot div#titleimage {
	background: url(../../img/about/title_sp.jpg) no-repeat 0px 100%;
	background-size: contain;
}
body.mascot #contents div.contents {
    margin: 0 auto;
}
body.mascot #contents .cmn-oneColumn {
	padding: 0px 10px;
}
body.mascot #contents .cmn-twoColumn2_2 {
	padding: 0 3px 35px 3px;
}
body.mascot #contents .cmn-twoColumn2_2 {
	padding: 0 0 18px 0;
}
body.mascot #contents .cmn-twoColumn2_2 .leftColumn ,
body.mascot #contents .cmn-twoColumn2_2 .rightColumn {
	float: none;
	width: 100%;
	margin-bottom: 5px;
	padding-top: 0;
	text-align: center;
}
body.mascot div.contentsinner p.mascot_name {
	margin: 0px 0px;
	line-height: 1.7;
	font-size: 133.3%;
}
body.mascot #contents .cmn-twoColumn2_2 .leftColumn p,
body.mascot #contents .cmn-twoColumn2_2 .rightColumn p {
	text-align: left;
}
}

/*--------------------------
公式マスコット　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
body.mascot div#titleimage h2 {
	background: url(../../img/about/title_tb.jpg) no-repeat 0px 0px;
	background-size: cover;
}
body.mascot #contents .cmn-twoColumn2_2 .leftColumn {
	float: left;
	width: 48%;
}
body.mascot #contents .cmn-twoColumn2_2 .rightColumn {
	float: right;
	width: 48%;
}
body.mascot #contents .cmn-twoColumn2_2 .leftColumn p.t_center img ,
body.mascot #contents .cmn-twoColumn2_2 .rightColumn p.t_center img {
	width: 90%;
}
body.mascot div.contentsinner p.mascot_name {
	line-height: 1.7;
	font-size: 133.3%;
}
}



/* === サイトマップ === */

body.sitemap div#titleimage h2 {
	background: url(../../img/sitemap/title_pc.jpg) no-repeat 0px 0px;
}
body.sitemap div.contentsfield div.contentsinner {
    min-height: 770px;
}
body.sitemap ul.sitemap_list li {
    padding-top: 5px;
    padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	line-height: 1.5;
}
body.sitemap ul.sitemap_list li~li {
	margin-top: 6px;
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
body.sitemap div#titleimage {
	background: url(../../img/sitemap/title_sp.jpg) no-repeat 0px 100%;
	background-size: contain;
}
body.sitemap div#titleimage h2 {
	background-image: none;
}
body.sitemap div.contentsfield div.contentsinner {
    min-height: 0;
}
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
body.sitemap div#titleimage h2 {
	background: url(../../img/sitemap/title_tb.jpg) no-repeat 0px 0px;
	background-size: cover;
}
body.sitemap div.contentsfield div.contentsinner {
    min-height: 0;
}
}



@media only print {
#accesspane div.access div.map {
    float: left;
	width: 570px;
}
}

.g_calender {
}





/*校友会リスト*/
body.alumni_list div#titleimage h2 {
	background: url("../../img/alumni/title_alumni_pc.jpg") no-repeat 0px 0px;
}

body.alumni_list table.almuni_list {
  border-collapse: collapse;
  width: 100%;
}

body.alumni_list .almuni_list th,
body.alumni_list .almuni_list td {
  padding: 5px 10px;
  line-height: 1.7;
  border: 1px solid #aaa;
}


body.alumni_list .almuni_list th {
  text-align: center;
}

body.alumni_list table .w70 {
  width: 70px;
}

body.alumni_list table .w100 {
  width: 100px;
}

body.alumni_list table th {
  background: #012a94;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
}

body.alumni_list table td {
  background: #d9e9f4;
}
body.alumni_list table td:last-child {
  background: #fff;
}

/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
  
  body.alumni_list #contents div.contentsinner {
    padding: 0 0px 0px;
  }

  body.alumni_list div#titleimage h2 {
	  background: url(../../img/course/title_tb.jpg) no-repeat 0px 0px;
	  background-size: cover;
  }
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
  body.alumni_list #contents .cmn-oneColumn {
    padding: 0px 10px; 
  }
  body.alumni_list #contents div.contents {
    margin: 0 auto;
  }
  body.alumni_list div#titleimage {
  	background: url(../../img/news/title_sp.jpg) no-repeat 0px 100%;
  	background-size: contain;
  }
}



/*--------------------------
   東京泊園塾
--------------------------*/
body.hakuen div#titleimage h2 {
    background: url(../../img/hakuen/title_hakuen_pc.jpg) no-repeat 0px 0px;
}

body.hakuen h3 span.hakuen {
  display: inline-block;
  font-size: 14px;
  color: #000;
}

div.hakuen p.lead {
    padding: 10px 0px 27px;
    line-height: 2;
    font-size: 141.666%;
    font-weight: bold;
}

body.hakuen .ancher_link {
   text-align: right;
   font-size: 15px;
   font-weight: 700;
   background: #FF9FA0;
   margin-bottom: 27px;
   padding:  5px 10px;
}

body.hakuen .about p {
   margin-top: 13px;
}

body.hakuen table.kouza {
  border-collapse: collapse;
  width: 100%;
}
body.hakuen .kouza th,
body.hakuen .kouza td {
  padding: 5px 10px;
  line-height: 1.7;
  border: 1px solid #aaa;
}
body.hakuen table.kouza th {
   background: #012a94;
   color: #fff;
   font-weight: 700;
   font-size: 15px;
}
body.hakuen table.kouza tr:nth-child(2) {
  background: #d9e9f4;
   text-align: center;
}
body.hakuen table.kouza td:nth-child(1), 
body.hakuen table.kouza td:nth-child(2) {
   text-align: center;
}
body.hakuen table.kouza td:nth-child(4) {
   width: 12em;
}

body.hakuen table.kouza td:nth-of-type(2) 　{
   text-align: center;
}
body.hakuen table.kouza td:nth-of-type(3)　{
   width: 100px;
}

body.hakuen table.kouza p {
   width: 100%;
}
body.hakuen table.kouza p span {
   position: relative;
   float: right;
   font-size: 12px;
   font-weight: 300;
   display: inline-block;
   text-align: right;
   top: 3px;
}


body.hakuen table.bosyu {
   border-collapse: collapse;
   width: 100%;
   margin-top: 13px;
}
body.hakuen .bosyu th,
body.hakuen .bosyu td {
  padding: 5px 10px;
  line-height: 1.7;
  border: 1px solid #aaa;
}
body.hakuen table.bosyu th {
   background: #d9e9f4;
   font-weight: 500;
   width: 60px;
}
body.hakuen table.bosyu span {
   display: inline-block;
   padding-right: 1em;
}

body.hakuen table.bosyu ul li,
body.hakuen .todan ul li {
   padding-left: 1em;
   text-indent: -1em;
}

body.hakuen .todan ul {
   margin-top: 13px;
}

body.hakuen a.leaf img {
   border: #1d2088 3px solid;
}

body.hakuen a.hakuen_btn {
   display: block;
    width: 300px;
    border: 2px solid #1d2088;
    text-align: center;
    margin: 20px auto;
    font-size: 15px;
    font-weight: 700;
    padding: 10px;
}
/*--------------------------
　タブレット
--------------------------*/
@media screen and (min-width: 641px) and (max-width: 800px) {
  
  body.hakuen #contents div.contentsinner {
    padding: 0 0px 0px;
  }

  body.hakuen div#titleimage h2 {
	  background: url(../../img/hakuen/title_tb.jpg) no-repeat 0px 0px;
	  background-size: cover;
  }
}

/*--------------------------
　スマホ
--------------------------*/
@media screen and (max-width: 640px) {
   
   body.hakuen div#titleimage {
      background: url(../../img/hakuen/title_sp.jpg) no-repeat 0px 100%;
  	   background-size: contain;
   }
   
   body.hakuen #contents .cmn-oneColumn {
       padding: 0px 10px;
   }
   
   body.hakuen #contents div.contents {
    margin: 0 auto;
  }
   body.hakuen a.hakuen_btn {
    width: 80%;
}
}