@charset "UTF-8";

/* *********************************************************
 *
 * St.thomas college english web site
 *	
 *	This stylesheet provides default styles.
 *	Assumed for PC screens.
 *
 * *********************************************************
 */

/*--------------------------------------------------------------------
cssの初期化
--------------------------------------------------------------------*/


* {
	font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
	font-size: 86%; /* モダンブラウザ向け */
	*font-size: 84%; /* IE 7向け */
	*font: 84%; /* IE 6以下 */
}

html>/**/body {
    font-size: 86%; /* モダンブラウザ向け */
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

br.clear {
	clear: both;
}

/*bodyのスタイル*/

body {
	background:url(/english/images/body_bg.gif) #efeee9 repeat-y center;
	line-height:1.6;
	color:#666;
}

/*containerのスタイル*/
div#container {
	width:770px;
	margin:0 auto;
	padding:0 15px;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin:0 auto -65px;
	background:url(/english/images/container_bg.gif)  top center no-repeat;
}

* html div#container {
	margin:0 auto -64px;
}
.index_negaMgb {
	margin-bottom:-220px!important;
}

/*headerのスタイル*/
div#headerWrap {
	position: relative;
	width: 100%;
	height: 120px;
}

div#headerWrap img#headerBg {
	position: absolute;
	left: 15px;
	top: 0px;
}

div#header {
	width:770px;
	position: absolute;
	left: 0px;
	top: 0px;
}


div#header p#logo{
	width:339px;
	height:48px;
	float:left;
	padding:16px 0 0 35px;
	}
	
div#header p#logo a{
	background:url(/english/images/thomas_logo.gif) top left no-repeat;
	width:339px;
	height:48px;
	text-indent:-9999px;
	display:block;
	margin:0;
	padding:0;
	}
	
div#header div.headerUpper{
	width:320px;
	/*width:313px;*/
	float:right;
	}
	
div#header div.headerUpper ul#headerNav{
	margin:0;
	padding:10px 0 0;
	list-style-type:none;
	}
	
div#header div.headerUpper ul#headerNav li{
	float:left;
	margin:6px 10px 0 9px;
	height:10px;
	padding:0;
	}

div#header div.headerUpper ul#headerNav li.home{ width:32px; margin-left:9px; background:url(/english/images/headernav_home_on.gif) top left no-repeat;}
div#header div.headerUpper ul#headerNav li.sitemap{ width:49px; margin-left:5px; background:url(/english/images/headernav_sitemap_on.gif) top left no-repeat; }
div#header div.headerUpper ul#headerNav li.contact{ width:94px; margin-left:4px; margin-right:0; background:url(/english/images/headernav_contact_on.gif) top left no-repeat;}
div#header div.headerUpper ul#headerNav li.japanese{ width:62px; height:22px; margin:0 0 0 10px; background:url(/english/images/headernav_ja_on.gif) top left no-repeat;}

/*IE用*/
* html body div#header div.headerUpper ul#headerNav li.home{ width:32px; margin-left:4px; background:url(/english/images/headernav_home_on.gif) top left no-repeat;}
* html body div#header div.headerUpper ul#headerNav li.sitemap{ width:49px; margin-left:6px; background:url(/english/images/headernav_sitemap_on.gif) top left no-repeat; }
* html body div#header div.headerUpper ul#headerNav li.contact{ width:94px; margin-left:4px; margin-right:0; background:url(/english/images/headernav_contact_on.gif) top left no-repeat;}
* html body div#header div.headerUpper ul#headerNav li.japanese{ width:62px; height:22px; margin:0 0 0 10px; background:url(/english/images/headernav_ja_on.gif) top left no-repeat;}

	
div#header div.headerUpper ul#headerNav li.home a{ width:32px; background:url(/english/images/headernav_home.gif) top left no-repeat;}
div#header div.headerUpper ul#headerNav li.sitemap a{ width:49px; background:url(/english/images/headernav_sitemap.gif) top left no-repeat;}
div#header div.headerUpper ul#headerNav li.contact a{ width:94px; background:url(/english/images/headernav_contact.gif) top left no-repeat;}
div#header div.headerUpper ul#headerNav li.japanese a{ width:62px; background:url(/english/images/headernav_ja.gif) top left no-repeat;}
	
div#header div.headerUpper ul#headerNav li.home a:hover{background:url(/english/images/headernav_home_on.gif) top left no-repeat;}
div#header div.headerUpper ul#headerNav li.sitemap a:hover{background:url(/english/images/headernav_sitemap_on.gif) top left no-repeat;}
div#header div.headerUpper ul#headerNav li.contact a:hover{background:url(/english/images/headernav_contact_on.gif) top left no-repeat;}
div#header div.headerUpper ul#headerNav li.japanese a:hover{background:url(/english/images/headernav_ja_on.gif) top left no-repeat;}
	
div#header div.headerUpper ul#headerNav li a{ display:block; text-indent:-9999px; }

	
ul#globalNav{
	width:740px;
	clear:both;
	margin:0 15px;
	height:35px;
	padding:10px 0 5px;
	}
	
ul#globalNav li{
	float:left;
	height:35px;
	margin-top:6px;
	list-style-type:none;
	}
	
ul#globalNav li a{
	display:block;
	text-indent:-9999px;
	height:35px;
	}
	
ul#globalNav li.info{background:url(/english/images/globalnav_info_on.gif) top left no-repeat; width:132px;}
ul#globalNav li.study{background:url(/english/images/globalnav_study_on.gif) top left no-repeat; width:120px;}
ul#globalNav li.studentlife{background:url(/english/images/globalnav_studentlife_on.gif) top left no-repeat; width:84px;}
ul#globalNav li.exchange{background:url(/english/images/globalnav_exchange_on.gif) top left no-repeat; width:145px;}
ul#globalNav li.research{background:url(/english/images/globalnav_research_on.gif) top left no-repeat; width:69px;}
ul#globalNav li.howto{background:url(/english/images/globalnav_howto_on.gif) top left no-repeat; width:190px;}

ul#globalNav li.info a{background:url(/english/images/globalnav_info_off.gif) top left no-repeat; width:132px;}
ul#globalNav li.study a{background:url(/english/images/globalnav_study_off.gif) top left no-repeat; width:120px;}
ul#globalNav li.studentlife a{background:url(/english/images/globalnav_studentlife_off.gif) top left no-repeat; width:84px;}
ul#globalNav li.exchange a{background:url(/english/images/globalnav_exchange_off.gif) top left no-repeat; width:145px;}
ul#globalNav li.research a{background:url(/english/images/globalnav_research_off.gif) top left no-repeat; width:69px;}
ul#globalNav li.howto a{background:url(/english/images/globalnav_howto_off.gif) top left no-repeat; width:190px;}

ul#globalNav li.info a:hover{background:url(/english/images/globalnav_info_on.gif) top left no-repeat; width:132px;}
ul#globalNav li.study a:hover{background:url(/english/images/globalnav_study_on.gif) top left no-repeat; width:120px;}
ul#globalNav li.studentlife a:hover{background:url(/english/images/globalnav_studentlife_on.gif) top left no-repeat; width:84px;}
ul#globalNav li.exchange a:hover{background:url(/english/images/globalnav_exchange_on.gif) top left no-repeat; width:145px;}
ul#globalNav li.research a:hover{background:url(/english/images/globalnav_research_on.gif) top left no-repeat; width:69px;}
ul#globalNav li.howto a:hover{background:url(/english/images/globalnav_howto_on.gif) top left no-repeat; width:190px;}


/*wrapperのスタイル*/

div#wrapper {
	width:770px;
	clear:both;
	padding-bottom:40px;
}

/*mainのスタイル*/

div#main {
	width:570px;
	float:right;
	margin:15px 0 0;
}


/*footerのスタイル*/
div#footer{
	height:65px;
}
/* IE */
* html div#footer{
	height:60px;
}
div#push {
	height:40px;
}


div#footer {
	clear:both;
	width:770px;
	margin:0 auto;
	background:#f6f6f6;
}


div#footer ul.global {
	list-style-type:none;
	height:28px;
	padding-right: 15px;
	background:#999;
}

div#footer ul.global li {
	height:21px;
	float:left;
	background:url(/english/images/footermenu_bar.gif) right 4px no-repeat;
	text-align:center;
	margin:7px 0 0 0;
}

* html div#footer ul.global li {
	height:18px;
	background-position:right 3px;
	margin-top: 5px;
	}

div#footer ul.global li a{
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	padding:0;
	}
	
:root div#footer ul.global li{ margin-top:5px; }
:root div#footer ul.global li a { font-size:12px;}
/* safari only \*/
 html:\66irst-child div#footer ul.global li{ margin-top:7px; }
 /* end */

div#footer ul.global li a:hover{ color:#ddd;}

div#footer ul.global li#pageTop{
float:right;
width:79px;
height:22px;
background:url(/english/images/btn_pagetop.gif) top left no-repeat;
margin:0;
padding:0;
}

div#footer ul.global li#pageTop a{
width:79px;
height:22px;
background:url(/english/images/btn_pagetop.gif) top left no-repeat;
margin:0;
display:block;
text-indent:-9999px;
}

div#footer ul.global li#pageTop a:hover{
	background:url(/english/images/btn_pagetop_on.gif) top left no-repeat;
	}

div#footer ul.banner {
	padding-top: 5px;
}

div#footer address#copyright{
	font-size:x-small;
	text-align:center;
	margin:0 auto;
	padding:10px 0 10px 0;
	background:url(/english/images/dotline1.gif) repeat-x left top;
	}
	
/*サイドメニューのスタイル*/

div#left {
	width:200px;
	float:left;
}

div#left p#divisionTitle{
	padding:15px 0 0;
	}
	
div#left p#divisionTitle a,div#left p#divisionTitle img{
	line-height:1%;
	margin:0;
	padding:0;
	font-size:0.1em;
	}

div#left div#sideMenu p#bottom{
	height:19px;
	background:url(/english/images/leftmenu_bg_bottom.gif) bottom left no-repeat;
	}
	
div#sideMenu dl#localNav{
	background:url(/english/images/sidemenu_body_bg.gif) top left repeat-y;
	padding:0 0 0 20px;
	}
	
div#sideMenu dl#localNav dt{
	padding:10px 5px 6px;
	font-weight:bold;
	color:#3366ff;
	margin:0;
	}
	
div#sideMenu dl#localNav dd ul li{
	list-style-type:none;
	background:url(/english/images/sidemenu_btn_bg.gif) left top no-repeat;
	background-color:#fff;
	width:170px;
	height:40px;
	}
	
div#sideMenu dl#localNav dd ul li a{
	text-decoration:none;
	padding:12px 0 3px 20px;
	display:block;
	width:150px;
	height:25px;
	color:#333;
	}
	
div#sideMenu dl#localNav dd ul li a:hover{
	color:#3366ff;
	text-decoration:underline;
	}
	
div#sideMenu dl#localNav dd ul{
	background:url(/english/images/dotline1.gif) bottom repeat-x;
	padding:0 0 1px;
	margin:0;
	width:170px;
	}
	
div#sideMenu dl#localNav dd.menuEnd{
	padding-bottom:15px;
	}
	
div#sideMenu dl#localNav dd ul.cate{
	padding-bottom:10px;
	background:none;
	margin-top:10px;
	}
	


div#sideMenu dl#localNav dd ul.cate li.big{
	border:1px solid #ddd;
	background:url(/english/images/icon_big_cate.gif) 4px 16px no-repeat;
	}
	
div#sideMenu dl#localNav dd ul.cate li.small{
	border:1px solid #ddd;
	background:url(/english/images/icon_small_cate.gif) 20px 8px no-repeat;
	height:25px;
	margin:0;
	padding:0;
	border-top:none;
	}

div#sideMenu dl#localNav dd ul.cate li.small a{
	text-decoration:none;
	padding:5px 0 0 30px;
	display:block;
	width:140px;
	height:20px;
	font-size:85%;
	color:#333;
	}
	
div#sideMenu dl#localNav dd ul.cate li.small a:hover{
	color:#3366ff;
	text-decoration:underline;
	}

div#sideMenu dl#localNav dd ul.cate li.smallOn{
	font-size:90%;
	}
	
div#container div#sideMenu dl#localNav dd ul li.act{
	background-color:#f6f6f6;
	}
	

	
/*
サイドメニュー　ul仕様
-------------------------------------------------------------------------*/
div#sideMenu #localNav2{
	background:url(/english/images/sidemenu_body_bg.gif) top left repeat-y;
	padding:10px 0 0 20px;
	}

#localNav2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
}

div#sideMenu #localNav2 ul{
	padding:10px 5px;
	font-weight:bold;
	color:#3366ff;
	margin:0;
	}
	
div#sideMenu #localNav2 ul li a{
	text-decoration:none;
	padding:10px 0 3px 20px;
	display:block;
	width:150px;
	/*height:25px;*/
	color:#333;
	}
	
div#sideMenu #localNav2 ul li a:hover{
	color:#3366ff;
	text-decoration:underline;
	}
	
div#sideMenu #localNav2 ul{
	/*background:url(/images/dotline1.gif) bottom repeat-x;*/
	padding:0 0 1px;
	margin:0;
	width:170px;
	}
	
div#sideMenu #localNav2 dd.menuEnd{
	padding-bottom:15px;
	}
	
/*枠あり*/	
div#sideMenu #localNav2 ul.cate2{
	padding-bottom:10px;
	background:none;
	list-style-type:none;
	}

div#sideMenu #localNav2 ul.cate2 li.bigOff{
	list-style-type:none;
	padding-bottom:8px;
	/**/border:1px solid #ddd;
	background:#fff url(/english/images/icon_big_cate.gif) 4px 16px no-repeat;
	font-weight:bold;
	}

div#sideMenu #localNav2 ul.cate2 li.bigOff2{
	list-style-type:none;
	padding-bottom:8px;
	/**/border-right:1px solid #ddd;
	/**/border-bottom:1px solid #ddd;
	/**/border-left:1px solid #ddd;
	background:#fff url(/english/images/icon_big_cate.gif) 4px 16px no-repeat;
	font-weight:bold;
	}
	
div#sideMenu #localNav2 ul.cate2 li.small{
	border:1px solid #ddd;
	background:#fff url(/english/images/icon_small_cate.gif) 20px 10px no-repeat;
	margin:0;
	padding-top:0;
	padding-bottom:7px;
	border-top:none;
	}


div#sideMenu #localNav2 ul.cate2 li.small a,div#sideMenu #localNav2 ul.cate2 li.smallOn a{
	text-decoration:none;
	padding:5px 5px 0 40px;
	display:block;
	width:125px;
	color:#666;
	font-size:85%;
	color:#333;
	}

*html div#sideMenu #localNav2 ul.cate2 li.small a,
*html div#sideMenu #localNav2 ul.cate2 li.smallOn a {
	padding-left: 30px;
	width: 135px;
}

html>body div#sideMenu #localNav2 ul.cate2 li.small a:first-letter,
html>body div#sideMenu #localNav2 ul.cate2 li.smallOn a:first-letter {
	margin-left: -10px;
}
	
div#sideMenu #localNav2 ul.cate2 li.small a:hover,
div#sideMenu #localNav2 ul.cate2 li.smallOn a:hover {
	color:#3366ff;
	text-decoration: underline;
	}


p.dot_line {
	width:170px;
	margin:0 0 0 13px;
	}

	
/*
サイドメニューここまで
----------------------------------------------------------------------------------*/
	
div#leftBanners{
	padding:10px 4px 10px 15px;
	text-align:center;
	}
	
div#leftBanners a{
	}
	
div#leftBanners img{
	margin-bottom:10px;
	}
	
p.btnLink{
	clear:both;
	background:url(/english/images/btn_blue_alignright.gif) top left repeat-x #efefef;
	height:18px;
	display:inline-table;
	padding:5px 9px 3px!important;
	padding-top:9px;
	border:1px solid #ddd;
	margin:10px 0 10px 0;
	float:right;
	line-height:100%;
	}


p.btnLink2{
	clear:both;
	background:url(/english/images/btn_blue_alignright.gif) top left repeat-x #efefef;
	height:18px;
	display:inline-table;
	padding:5px 9px 3px!important;
	padding-top:9px;
	border:1px solid #ddd;
	margin:10px 0 10px 0;
	line-height:100%;
	float:left;
	}
	
p.btnLink3{
	text-align:center;
	margin:0 auto 20px;
	}

p.btnLink3 a{
	display:inline-block;
	background:url(/english/images/btn_blue_icon_center.gif) no-repeat left bottom;
	border:1px solid #ddd;
	text-decoration:none;
	padding:7px 9px 6px 25px!important;
	margin:0 auto;
	line-height:120%;
	text-decoration:none;
	color:black;
	}

/* safari only \*/
 html:\66irst-child p.btnLink{ padding:5px 9px 0!important; }
 html:\66irst-child p.btnLink2{ padding:5px 9px 0!important; }
 /* end */

p.btnLink:after,
p.btnLink2:after{
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
	line-height:0.1em;
	float:none;
	}
	
p.btnLink a,
p.btnLink2 a{
	white-space:nowrap;
	background:url(/english/images/btn_blue_icon.gif) left center no-repeat;
	padding:0 0 0 15px;
	color:black;
	margin:0;
	line-height:120%;
	text-decoration:none;
	}
	
p.btnLink a:hover,
p.btnLink2 a:hover,
p.btnLink3 a:hover{
	color:#3366ff;
	text-decoration:underline;
	}

html[xmlns] body div#container div#wrapper div#main div.mainMargin p.btnmgb30{
	margin-bottom:30px !important;
	}


/*共通クラス*/

a{
	outline:none;
	color:#0033cc;
	text-decoration:underline;
	}
	
a:hover{
	color:#3366ff;
	text-decoration:underline;
	}
	
p.paragraph{
	padding-bottom:1em;
	clear:both;
	}
	
	
/*共通見出しタイプ
---------------------------------------------------------------------
*/


h1 img{
	margin-bottom:12px;
	}

.yellowIcon{
	background:url(/english/images/title_yellowbar.gif) left bottom no-repeat;
}

.yellowIcon_L{
	background:url(/english/images/title_yellowbar_l.gif) left bottom no-repeat;
}

.yellowIcon_high{
	background:url(/english/images/title_yellowbar_high.gif) left bottom no-repeat;
}

.yellowIcon, .yellowIcon_L, .yellowIcon_high{
	padding:0 10px 6px 15px;
	font-weight:bold;
	color:#333;
	margin:20px 0 10px;
	font-size:120%;
	clear:both;
	}
	
.bar_blue{
	background:url(/english/images/titlebar_blue.gif) top left no-repeat;
	height:27px;
	color:#FFFFFF;
	padding:3px 17px 5px;
	clear:both;
	margin-top:30px;
	font-weight:bold;
	font-size:120%;
	}

	
.bar_orange{
	background:url(/english/images/titlebar_orange.gif) top left no-repeat;
	height:27px;
	color:#FFFFFF;
	padding:3px 17px 5px;
	clear:both;
	margin-top:30px;
	font-weight:bold;
	font-size:120%;
	}
	
.bar_parple{
	background:url(/english/images/titlebar_parple.gif) top left no-repeat;
	height:27px;
	color:#FFFFFF;
	padding:3px 17px 5px;
	clear:both;
	margin-top:30px;
	font-weight:bold;
	font-size:120%;
	}
	
.bar_cyan{
	background:url(/english/images/titlebar_cyan.gif) top left no-repeat;
	height:27px;
	color:#FFFFFF;
	padding:3px 17px 5px;
	clear:both;
	margin-top:30px;
	font-weight:bold;
	font-size:120%;
	}

.bar_green{
	background:url(/english/images/titlebar_green.gif) top left no-repeat;
	height:27px;
	color:#FFFFFF;
	padding:3px 17px 5px;
	clear:both;
	margin-top:30px;
	font-weight:bold;
	font-size:120%;
	}
	
.bar_cherry{
	background:url(/english/images/campuslife/titlebar_cherry.gif) top left no-repeat;
	padding:5px 17px 3px;
	margin-top:0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
	}
	
.bar_gray{
	background:url(/english/images/campuslife/titlebar_gray.gif) top left no-repeat;
	padding:5px 17px 3px;
	margin-top:0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:120%;
	}
	
.txt_b {
	font-weight:bold;
}


	
/*共通アイコンタイプ
---------------------------------------------------------------------
*/
	
.icon1{
	background:url(/english/images/icon_small_cate.gif) left center no-repeat;
	padding:0 0 0 8px;
	}

.icon2{
	background:url(/english/images/icon_gray_dot.gif) left center no-repeat;
	padding:0 0 0 8px;
	}

.icon3{
	background:url(/english/images/icon_blue_dot.gif) left center no-repeat;
	padding:0 0 0 8px;
	}
	
.noIcon{
	background:none!important;
	}

/*共通フォントサイズタイプ
---------------------------------------------------------------------
*/

.size16 {
	font-size: 150%;
	color: #333;
	}

.justify {
	text-align: justify;
	text-justify: inter-ideograph;
}
	

/* clearfix
---------------------------------------
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
  }

.clearfix {
  display: inline-table;
  min-height: 1%;
  }
		
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}

div#keyvisual{
	margin-bottom:30px;
	}
	
div.mainMargin{
	padding:0 15px;
	}
	


ul.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
  }

ul.clearfix {
  display: inline-table;
  min-height: 1%;
  }


/*共通マージンタイプ
---------------------------------------------------------------------
*/

body div#container div#wrapper .mgb0{margin-bottom:0 !important;}
body div#container div#wrapper .mgb5{margin-bottom:5px;}
body div#container div#wrapper .mgb10{margin-bottom:10px;}
body div#container div#wrapper .mgb15{margin-bottom:15px;}
body div#container div#wrapper .mgb20{margin-bottom:20px;}
body div#container div#wrapper .mgb30{margin-bottom:30px;}

body div#container div#wrapper .mgt0{margin-top:0 !important;}
body div#container div#wrapper .mgt5{margin-top:5px;}
body div#container div#wrapper .mgt10{margin-top:10px;}
body div#container div#wrapper .mgt15{margin-top:15px;}
body div#container div#wrapper .mgt20{margin-top:20px;}
body div#container div#wrapper .mgt30{margin-top:30px;}

body div#container div#wrapper .mgl0{margin-left:0 !important;}
body div#container div#wrapper .mgl5{margin-left:5px;}
body div#container div#wrapper .mgl10{margin-left:10px;}
body div#container div#wrapper .mgl15{margin-left:15px;}
body div#container div#wrapper .mgl20{margin-left:20px;}
body div#container div#wrapper .mgl30{margin-left:30px;}

body div#container div#wrapper .mgr0{margin-right:0 !important;}
body div#container div#wrapper .mgr5{margin-right:5px;}
body div#container div#wrapper .mgr10{margin-right:10px;}
body div#container div#wrapper .mgr15{margin-right:15px;}
body div#container div#wrapper .mgr20{margin-right:20px;}
body div#container div#wrapper .mgr30{margin-right:30px;}

body div#container div#wrapper .mgn0{margin:0;}

body div#container div#wrapper .pdt0{padding-top:0;}
body div#container div#wrapper .pdt5{padding-top:5px;}
body div#container div#wrapper .pdt10{padding-top:10px;}
body div#container div#wrapper .pdt15{padding-top:15px;}
body div#container div#wrapper .pdt20{padding-top:20px;}
body div#container div#wrapper .pdt30{padding-top:30px;}

body div#container div#wrapper .pdb0{padding-bottom:0 !important;}
body div#container div#wrapper .pdb5{padding-bottom:5px;}
body div#container div#wrapper .pdb10{padding-bottom:10px;}
body div#container div#wrapper .pdb15{padding-bottom:15px;}
body div#container div#wrapper .pdb20{padding-bottom:20px;}
body div#container div#wrapper .pdb30{padding-bottom:30px;}

body div#container div#wrapper .pdl0{padding-left:0;}
body div#container div#wrapper .pdl5{padding-left:5px;}
body div#container div#wrapper .pdl10{padding-left:10px;}
body div#container div#wrapper .pdl15{padding-left:15px;}
body div#container div#wrapper .pdl20{padding-left:20px;}
body div#container div#wrapper .pdl30{padding-left:30px;}

body div#container div#wrapper .pdr0{padding-right:0;}
body div#container div#wrapper .pdr5{padding-right:5px;}
body div#container div#wrapper .pdr10{padding-right:10px;}
body div#container div#wrapper .pdr15{padding-right:15px;}
body div#container div#wrapper .pdr20{padding-right:20px;}
body div#container div#wrapper .pdr30{padding-right:30px;}

body div#container div#wrapper .pad0{padding:0;}


/*共通フロート、クリアタイプ
---------------------------------------------------------------------
*/

body div#container div#wrapper .clearBoth{clear:both;}
body div#container div#wrapper .floatLeft{float:left;}
body div#container div#wrapper .floatRight{float:right;}
body div#container div#wrapper .alignLeft{text-align:left;}
body div#container div#wrapper .alignRight{text-align:right;}


/*共通ブロックタイプ
---------------------------------------------------------------------
*/

.block001{
	clear:both;
	margin-top:5px;
	}

.block001 div.innerBlock{
	width:245px;
	float:left;
	margin-right:20px;
	padding:0 0 0 15px;
	}
	
.block001 .rightBox{
	margin:0;
	width:245px;
	float:right;
	padding:0 0 0 15px;
	}

.block001 h3{
	background:url(/english/images/title_yellowbar.gif) left bottom no-repeat;
	padding:0 10px 6px 15px;
	font-weight:bold;
	color:#333;
	margin:0 0 11px -15px;
	font-size:120%;
	}
	
.block001 div.innerBlock, .block001 div.rightBox{
	}	

.block001 div.innerBlock p, .block001 div.rightBox p{
	padding-bottom:10px;
	}
	
.block001 div.innerBlock p strong, .block001 div.rightBox p strong{
	font-size:80%;
	font-weight:bold;
	padding:0 0 15px;
	color:#333;
	}
	
.block001 div.innerBlock ul, .block001 div.rightBox ul{
	margin:0;
	padding:0 0 20px 1px;
	}
	
.block001 div.innerBlock ul li, .block001 div.rightBox ul li{
	margin:0 0 5px;
	padding:0 0 0 7px;
	background:url(/english/images/icon_small_cate.gif) left center no-repeat;
	list-style-type:none;
	}
	
dl.block002{
	clear:both;
	border:1px solid #ddd;
  min-height: 1%;
	width:538px;
	}
		
dl.block002 dt{
	background:#ffffe5;
	padding:5px 15px;
	border-bottom:1px solid #ddd;
	font-weight:bold;
	color:#333;
	font-size:120%;
	}
	
dl.block002 dd{
	padding:8px 0 7px 15px;
	}
	
dl.block002 dd ul{
	padding:0;
	}

dl.block002 dd ul li{
	background:url(/english/images/icon_small_cate.gif) left center no-repeat;
	padding:0 0 0 7px;
	list-style-type:none;
	float:left;
	margin:0 15px 5px 0;
	}
	
dl.block002 dd ul li a,
dl.block002 dd ul li span{
	white-space:nowrap;
	}
	
dl.block002 ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
	}

* html dl.block002 ul {height: 1%;}	
*+html dl.block002 ul {height: 1%;}	
	
.block003{
	background:url(/english/images/icon_blue_dot.gif) left center no-repeat;
	padding:0 0 0 15px;
	color:#333;
	margin:0 0 10px;
	}
	
ul.block004{
	padding:0 0 0 20px;
	}	
	
ul.block004 li{
	display:inline;
	float:left;
	background:url(/english/images/icon_gray_dot.gif) left center no-repeat;
	margin-right:20px;
	padding:0 0 0 8px;
	list-style-type:none;
	white-space:nowrap;
	}
	
ul.block004:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
	}

* html ul.block004 {height: 1%;}	
*+html ul.block004 {height: 1%;}	
	

p.block005{
	margin:10px 0 0;
	clear:both;
	padding:0 0 30px 20px;
	}

dl.block006{
	clear:both;
	padding:10px 0 0;
	}
	
	
dl.block006:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
	}

* html dl.block006 {height: 1%;}	
*+html dl.block006 {height: 1%;}	
	

dl.block006 dt{
	width:200px;
	float:left;
	}
	
dl.block006 dd{
	width:320px;
	float:right;
	}

div.block007{
	clear:both;
	padding:0 0 0;
	}
	
div.block007 dl:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
	}

* html div.block007 dl {height: 1%;}	
*+html div.block007 dl {height: 1%;}	
		
div.block007 dt{
	float:left;
	width:120px;
	text-align:left;
	}

div.block007 dd p{
	padding-bottom:1em;
	}
	
div.block007 dd{
	float:right;
	width:390px;
	}
	
p.block008{
	clear:both;
	width:250px;
	margin:10px 0 0;
	background:url(/english/images/btn_text_w250.gif) top left no-repeat;
	}	
	
p.block008 a{
	width:210px;
	background:url(/english/images/btn_text_w250.gif) top left no-repeat;
	padding:13px 8px 7px 32px;
	height:24px;
	display:block;
	color:black;
	text-decoration:none;
	}
	
p.block008 a:hover{
	color:#3366ff;
	text-decoration:underline;
	}
	
ul.block009{
	clear:both;
	padding:0 0 15px 15px;
	}	

ul.block009:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
	}

* html ul.block009 {height: 1%;}	
*+html ul.block009 {height: 1%;}	
	
ul.block009 li{
	background:url(/english/images/icon_small_cate.gif) left center no-repeat;
	padding:0 0 0 7px;
	list-style-type:none;
	float:left;
	margin:0 15px 5px 0;
	}
	
ul.block009 li a{
	white-space:nowrap;
	}

ul.block009 li a.focus{
	color: #666666;
	text-decoration: none;
}

ul.block009 li a.focus:hover{
	color:#3366ff;
	text-decoration:underline;
}
	
table.block010{
	border-collapse:collapse;
	border:1px solid #ddd;
	width:100%;
	margin:10px 0;
	clear:both;
	}
	
* html table.block010{
	width:99%;
	}

table.block010 tr td{
	padding:14px;
	border:1px solid #ddd;
	}
	
table.block010 tr th{
	padding:15px;
	border:1px solid #ddd;
	background:#f6f6f6;
	width:15%;
	}
	
table.block010 ul li{
	list-style-type:none;
	}

table.block010 ul li a{
	background:url(/english/images/icon_small_cate.gif) left center no-repeat;
	margin-right:20px;
	padding:0 0 0 8px;
	}

div#topMainUpper ul.clearfix{
	background:url(/english/images/department/box3_bg.gif) bottom left no-repeat;
	clear:both;
	margin-bottom:20px;
	}
	
div#topMainlawer ul.clearfix{
	background:url(/english/images/department/box2_bg.gif) bottom left no-repeat;
	clear:both;
	margin:0;
	}
	
div#topMainUpper ul.clearfix li,
div#topMainlawer ul.clearfix li{
	width:210px;
	float:left;
	margin-right:10px;
	border-top:1px solid #ddd;
	text-align:center;
	padding:15px;
	list-style-type:none;
	}
	
div#topMainUpper ul.clearfix li ul,
div#topMainLower ul.clearfix li ul{
	margin:0;
	background:none;
	padding-top:10px;
	}
	
div#topMainUpper ul.clearfix li ul li,
div#topMainLower ul.clearfix li ul li{
	width:auto;
	float:none;
	clear:both;
	border:none;
	text-align:left;
	padding:0 0 0 8px;
	background:url(/english/images/icon_small_cate_top.gif) left top no-repeat;
	}
	
/*グローバルトップページ
---------------------------------------------------------------------
*/

div.grandtop {
	background-image: none !important;
}

div#container div#mainVisualArea{
	position: relative;
	width: 100%;
	height: 349px;
	overflow: hidden;
}

div#container div#mainVisualArea img.mainVisual{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

div#container div#mainVisualArea img#headerBg {
	position: absolute;
	left: 15px;
	top: 0px;
	z-index: 110;
}

div#container div#mainVisualArea div#header{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 111;
}

div#toppage h1 img{
	margin-bottom:25px;
	}

div#toppage ul#topContents{
	margin:0;
	padding:0 0 20px;
	}
	
div#toppage ul#topContents li{
	margin:0 5px 5px 0;
	padding:0;
	float:left;
	list-style-type:none;
	width:243px;
	line-height:100%;
	}
	
div#toppage ul#topCampus{
	background:url(/english/images/top/top_image_campuslife.jpg) top left no-repeat;
	width:440px;
	height:145px;
	margin:0 0 25px;
	padding:25px 0 10px 300px;
	clear:both;
	}

div#toppage ul#topCampus li{
	list-style-type:none;
	background:url(/english/images/icon_top_gray_white.gif) left center no-repeat;
	padding:0 0 0 20px;
	margin:0 0 5px;
	font-size:120%;
	}

div#topTopics{
	clear:both;
	}
	
div#topTopics dl{
	width:370px;
	float:left;
	margin:0;
	padding:0;
	}
	
div#topTopics dl dt{
	padding-bottom:15px;
	}

div#topTopics dd ul{
	padding-right:0;
	}

div#topTopics dd{
	margin: 0;
	padding: 0;
	padding-bottom:15px;
	}

div#topTopics dd ul li{
	width:360px;
	list-style-type:none;
	padding-bottom:7px;
	text-align: justify;
	text-justify: inter-ideograph;
	clear:both;
	}

div#topTopics dd ul li span.date{
	font-size:85%;
	width:57px;
	float:left;
	display:block;
	padding-top:1px;
	font-family:"ＭＳ Ｐゴシック",sans-serif; 
	letter-spacing: 1px;
	}
	
div#topTopics dd ul li a{
	font-size:100%;
	color:#666;
	width:300px;
	background:url(/english/images/icon_small_cate.gif) 2px 7px no-repeat;
	margin-left: 56px;
	padding:0 0 0 10px;
	display:block;
	text-decoration:none;
	}
*html div#topTopics dd ul li a{
	width:290px;
 }
*+html div#topTopics dd ul li a{
	width:290px;
}

div#topTopics dd ul li a.new {
	width:255px;
	background:url(/english/images/toptopics_new.gif) 2px 3px no-repeat;
	padding-left: 45px;
}
	
div#topTopics dd ul li a span{
	color: #666666;
	font-size:85%;
	padding-left:1em;
	font-family:"ＭＳ Ｐゴシック",sans-serif; 
	letter-spacing:-1px; 
	}

div#topTopics dd ul li a:hover{
	color:#3366ff;
	text-decoration:underline;
	}

div#topTopics dd ul li a:hover span{
	color:#3366ff;
}

div#topTopics p.btnLink2{
	clear:both;
	margin-top:0;
	}

* html div#topTopics p.btnLink2{
	margin-top:15px;
	}
	
*+html div#topTopics p.btnLink2{
	margin-top:15px;
	}


/*404エラーページ
---------------------------------------------------------------------
*/
div.notfoundArea {
	color: #333333;
	margin: 0 40px 50px 40px;
}

div.notfoundArea p.message {
	font-size: 120%;
	font-weight: bold;
}

div.notfoundArea p.exp {
	margin-top: 15px;
}

div.notfoundArea ul {
	margin: 26px 0;
	padding: 10px;
	border: 1px solid #DDDDDD;
}

div.notfoundArea ul li {
	margin-left: 20px;
	line-height: 1.8;
}


@media print {
/*bodyのスタイル*/

body {
	font-size:9pt;
	line-height:1.6;
	color:#666;
	height:auto;
}

/*containerのスタイル*/

div#container {
	margin:0;
	padding:0;
	height:auto;
	background:none;
	}

div#push{
	display:none;
	}
	
div#footer{
	margin:0;
	}

dl.block002{
	width:auto;
	}
	
div#header p#logo a{
	text-indent:0;
	}
	
ul#globalNav li a{
	text-indent:0;
	}
	
div#header div.headerUpper ul#headerNav li a{ text-indent:0; }

div#topTopics dl{
	width:350px;
	float:left;
	margin:0;
	padding:0;
	}


div#headerWrap div#header,
div#container div#mainVisualArea div#header{
		display: none;
	}

}

/*自由作成ページ
---------------------------------------------------------------------
*/
div#freestyle div#keyvisual {
	position: relative;
	width: 770px;
	height: 130px;
	overflow: hidden;
}

div#freestyle h1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 260%;
	position: absolute;
	left: 30px;
	top: 30px;
}
*html div#freestyle h1 {
	font-size: 270%;
}
*+html div#freestyle h1 {
	font-size: 270%;
}

div#freestyle div#bodywrap {
	padding: 0 15px;
	font-size: 1em;
}

div#freestyle div#bodywrap h2 {
	background:url(/english/images/titlebar_blue_l.gif) top left no-repeat;
	height:27px;
	color:#FFFFFF;
	margin:0 0 10px;
	padding:3px 17px 5px;
	clear:both;
	font-weight:bold;
	font-size:120%;
}

div#freestyle div#bodywrap h3 {
	background:url(/english/images/title_yellowbar_l.gif) left bottom no-repeat;
	padding:0 10px 6px 15px;
	font-weight:bold;
	color:#333;
	margin:0 0 10px;
	font-size:120%;
}

div#freestyle div#bodywrap h4 {
	margin: 0;
	padding: 0 10px 10px 20px;
	color: #666666;
	font-weight: bold;
	font-size: 110%;
}

div#freestyle div#bodywrap p {
	margin-left: 20px;
	margin-bottom: 20px;
}

div#freestyle div#bodywrap p.strong {
	font-weight: bold;
	font-size: 120%;
}

div#freestyle div#bodywrap a.bullet {
	background: url(/english/images/icon_small_cate.gif) no-repeat left 50%;
	padding-left: 8px;
}

div#freestyle div#bodywrap ul {
	margin: 0 0 10px;
	padding: 0;
}

div#freestyle div#bodywrap ul li {
	margin: 0 0 0 40px;
	list-style: disc outside;
}

div#freestyle div#bodywrap .ruledline{
	margin: 0;
	padding: 10px 0;
	background: url(/images/ruledline.gif) top left no-repeat;
}

p.pageTop01 {
	width: 72px;
	height: 21px;
	background: url(/images/btn_pagetop01.gif) top left no-repeat;
	margin: 10px 0 0 668px;
	clear: both;
}

p.pageTop01 a {
	text-indent: -9999px;
	display:block;
	width:72px;
	height:21px;
}

div.rightFloat{
	float: right;
	clear: both;
}

/*pagetop-----------------------------------------------------------*/
p.pageTop01 {
	width: 72px;
	height: 21px;
	background: url(/english/images/btn_pagetop01.gif) top left no-repeat;
	margin: 20px 0 0 468px;
	}
	
p.pageTop01 a {
	text-indent: -9999px;
	display:block;
	width:72px;
	height:21px;
	}



div.mainMargin table {
	border-collapse:collapse;
	border:1px solid #ddd;
	width:100%;
	margin:10px 0 0 0;
	clear:both;
	}
	
div.mainMargin table th {
	padding:14px;
	border:1px solid #ddd;
	background:#f6f6f6;
	text-align:left;
}

div.mainMargin table td{
	padding:14px;
	border:1px solid #ddd;
}

div.mainMargin table td.bg_gray {
	background:#f6f6f6;
}
	
div.mainMargin table th.span2 {
	width:70%;
}

/*photoimage-----------------------------------------------------------*/

.photo_column01 {
	width:370px;
	float:left;
}

.photo_column02 {
	width:170px;
	float:left;
	text-align:right;
}

.photo_column02 img {
	margin:0px 0px 1px 0px;
}
.photo_right	{
	float:right;
	margin-left:5px;
}

.photo_left	{
	float:left;
	margin-right:5px;
}

.photo_center	{
	text-align:center;
}

table.tableWrap {
	margin: 0 20px 20px 20px;
	border: #dddddd 1px solid;
	border-collapse: collapse;
}

table.tableWrap tr td{
	padding: 15px;
	border: #dddddd 1px solid;
}

div.btnLinkCenter{
	margin: 0;
}

div.btnLinkLeft{
	margin: 0;
}

*html div.btnLinkLeft{
	margin: 0 0 0 -20px;
}


div.btnLinkRight{
	margin: 0;
}