@charset "shift_jis";

/* base.css
**************************************************************************************

1.デフォルト設定
2.基本リンク設定
3.基本フォント設定
4.基本レイアウト設定
5.フロートクリア設定
6.希望追加設定
7.文字サイズ変更設定

**************************************************************************************/ 



/* デフォルト設定
=============================================================================*/

* {
	margin:0;
	padding:0;
}

hr {
	display:none;
}

img {
	border:none;
}

ul {
	list-style: none;
}


/* 基本リンク設定
=============================================================================*/

a:link {
	color:#3153C8;
}

a:visited {
	color:#9A44B0;
}

a:hover {
	color:#FF6600;
}

a:active {
	color:#FF6600;
}



/* 基本フォント設定
=============================================================================*/

h1,h2,h3,h4,h5,h6,p,li,dt,dd,address {
	color:#505050;
	font-size:80%;
	line-height:150%;
}

table.summary th ,
table.summary td ,
table.summary02 th ,
table.summary02 td{
	color:#505050;
	font-size:80%;
	line-height:150%;
}



/* 基本レイアウト設定
=============================================================================*/

body {
	background:url("../../image/bg.gif") repeat-x 0 0;
}
body.home {
	background:url("../../image/bg02.gif") repeat-x 0 109px;
}


body#virtualcampus {
	background:none;
	background-color:#ded2b9;
}

div#container {
	width:715px;
	margin:0 auto;
	padding:15px 30px;
	border-right:#B5B5B6 1px solid;
	border-left:#B5B5B6 1px solid;
	border-bottom:#B5B5B6 1px solid;
	background-color:#FFFFFF;
}
body.home div#container{
	width:966px;
	margin:0 auto;
	padding:15px 0 15px 0;
	border:none;
	background-color: transparent;
}


div#container_popup {
	width:712px;
	margin:0 auto;
	padding:15px 30px;
	border-right:#B5B5B6 1px solid;
	border-left:#B5B5B6 1px solid;
	border-bottom:#B5B5B6 1px solid;
	background-color:#FFFFFF;
}


div.mirl {
	clear:both;
	background-color:#ECEDEE;
	height:25px;
	padding-left:157px;
	font-size:1px;
	line-height:100px;
}
body.home div.mirl {
	clear:both;
	background-color:#ECEDEE;
	height:25px;
	padding-left:210px;
	font-size:1px;
	line-height:100px;
}
div.mirl02 {
	background-color:#ECEDEE;
	height:25px;
}

div.mirl02 p.mir06 {
	width:123px;
	height:25px;
	text-indent:-9999px;
	float:right;
}

div.mirl02 p.mir06 a {
	display:block;
	width:123px;
	height:25px;
	background:url("../../image/mirl.gif") no-repeat -350px 0;
}

div.mirl02 p.mir06 a:hover {
	background:url("../../image/mirl.gif") no-repeat -350px -25px;
}

div.mirl ul li {
	width:35px;
	height:25px;
	text-indent:-9999px;
	float:left;
}

div.mirl ul li a {
	display:block;
	width:35px;
	height:25px;
	background:url("../../image/mirl.gif") no-repeat 0 0;
}

div.mirl ul li.mir01 a:hover ,
div.mirl ul li.mir01 ,
div.mirl ul li.mir01 a.current {
	width:35px;
	background:url("../../image/mirl.gif") no-repeat 0 -25px;
}

div.mirl ul li.mir02 a {
	width:81px;
	background:url("../../image/mirl.gif") no-repeat -35px 0;
}

div.mirl ul li.mir02 a:hover ,
div.mirl ul li.mir02 ,
div.mirl ul li.mir02 a.current{
	width:81px;
	background:url("../../image/mirl.gif") no-repeat -35px -25px;
}

div.mirl ul li.mir03 a {
	width:74px;
	background:url("../../image/mirl.gif") no-repeat -116px 0;
}

div.mirl ul li.mir03 a:hover ,
div.mirl ul li.mir03 ,
div.mirl ul li.mir03 a.current{
	width:74px;
	background:url("../../image/mirl.gif") no-repeat -116px -25px;
}

div.mirl ul li.mir04 a {
	width:49px;
	background:url("../../image/mirl.gif") no-repeat -190px 0;
}

div.mirl ul li.mir04 a:hover ,
div.mirl ul li.mir04 ,
div.mirl ul li.mir04 a.current{
	width:49px;
	background:url("../../image/mirl.gif") no-repeat -190px -25px;
}

div.mirl ul li.mir05 a {
	width:111px;
	background:url("../../image/mirl.gif") no-repeat -239px 0;
}

div.mirl ul li.mir05 a:hover ,
div.mirl ul li.mir05 ,
div.mirl ul li.mir05 a.current{
	width:111px;
	background:url("../../image/mirl.gif") no-repeat -239px -25px;
}

div.mirl ul li.mir06 a {
	width:124px;
	background:url("../../image/mirl.gif") no-repeat -350px 0;
}

div.mirl ul li.mir06 a:hover ,
div.mirl ul li.mir06 ,
div.mirl ul li.mir06 a.current{
	width:124px;
	background:url("../../image/mirl.gif") no-repeat -350px -25px;
}


div.mirl ul li.mir07 a {
	width:79px;
	background:url("../../image/mirl.gif") no-repeat -474px 0;
}

div.mirl ul li.mir07 a:hover ,
div.mirl ul li.mir07 ,
div.mirl ul li.mir07 a.current{
	width:79px;
	background:url("../../image/mirl.gif") no-repeat -474px -25px;
}

div.bottomnavi {
	clear:both;
	padding:40px 0 13px 0;
	height:1%;
}

div.bottomnavi ul {
	height:1%;
}

div.bottomnavi ul li {
	border-right:#444444 1px solid;
	font-size:11px;
	line-height:110%;
	text-align:center;
	float:left;
	padding:0;
	width:72px;
}

div.bottomnavi li.bnavi01 {
	width:72px;
}

div.bottomnavi li.bnavi02 {
	width:85px;
}

div.bottomnavi li.bnavi03 {
	width:89px;
}

div.bottomnavi li.bnavi04 {
	width:108px;
}

div.bottomnavi li.bnavi05 {
	width:74px;
}

div.bottomnavi li.bnavi06 {
	width:85px;
}

div.bottomnavi li.bnavi07 {
	width:85px;
}

div.bottomnavi li.bnavi08 {
	width:106px;
	border-right:none;
}

div.bottomlink {
	clear:both;
	padding-top:100px;
	border-bottom:#826A71 1px solid;
	position:relative;
	height:1%;
}

div.bottomlink li.tohome {
	width:112px;
	height:21px;
	text-indent:-9999px;
	float:left;
	font-size:8px;
}

div.bottomlink li.tohome a {
	display:block;
	width:112px;
	height:21px;
	background:url("../../image/bottomlink.gif") no-repeat 0 0;
}

div.bottomlink li.tohome a:hover {
	background:url("../../image/bottomlink.gif") no-repeat 0 -21px;
}

div.bottomlink li.totop {
	width:111px;
	height:21px;
	text-indent:-9999px;
	float:right;
	font-size:8px;
}

div.bottomlink li.totop a {
	display:block;
	width:111px;
	height:21px;
	background:url("../../image/bottomlink.gif") no-repeat -113px 0;
}

div.bottomlink li.totop a:hover {
	background:url("../../image/bottomlink.gif") no-repeat -113px -21px;
}

div#contents {
	clear:left;
	background:url("../../image/de_bg.gif") no-repeat 0 0;
}

div#main {
	width:513px;
	float:right;
}


div#lnavi {
	width:180px;
	float:left;
}


p.plist {
	padding:12px 0;
	font-size:70%;
}

div#main h1 {
	width:513px;
	height:90px;
	text-indent:-9999px;
}

div.wrap {
	margin:10px 0;
}


/* 別ウインドウ　閉じる
=============================================================================*/

p.close{
text-align:center;
padding: 0 0 10px 0;
}

p.close img{
vertical-align: middle;
margin: 0 1px 0 0;
}


/* 装飾
=============================================================================*/

span.red {
	color:#FF0000;
}

span.red02 {
	color:#862744;
}

span.orange{
	color:#F90;
}

.space_bottom {
	padding-bottom:1em;
}

.space_bottom02 {
	padding-bottom:2em;
}

.space_bottom03 {
	margin-bottom:1em;
}

.kome {
	padding-left:15px;
	background:url("../../image/kome.gif") no-repeat 0 4px;
}

.kome_red {
	padding-left:30px;
	background:url("../../image/kome_red.gif") no-repeat 0 4px;
}

.large{
	font-size:136%;
}

.middle{
	font-size:107%;
}

.small{
	font-size:80%;
}

.bold {
	color:#666666;
	font-weight:bold;
}

.bold2 {
	font-weight:bold !important;
}

.tx-center{
	text-align:center !important;
}

.tx-right{
	display: block;
	text-align:right !important;
}

td.blue{
	background-color:#eaedf9;
}

td.red{
	background-color:#fff0f5;
}


/* 希望追加設定
=============================================================================*/

div.about_de {
	margin:20px 0;
}

div.about_de p.about_de_txt {
	padding:0 10px;
}

div.about_de p.about_de_txt02 {
	padding:10px;
}

div.about_de p.about_de_txt02 img {
	position:relative;
	top:3px;
	left:0;
}

body.p12 ul.tocourse02 ,
body.p65 ul.tocourse02 {
	width:153px;
	overflow:hidden;
	padding-left:360px;
	margin-top:10px;
}

body.p12 ul.tocourse02 li ,
body.p65 ul.tocourse02 li {
	white-space:nowrap;
	font-size:80%;
	border-left:1px dotted #64182f;
	padding:0 0 4px 10px;
}

body.p12 ul.tocourse02 li a ,
body.p65 ul.tocourse02 li a {
	display:block;
	font-weight:bold;
	padding:0 0 0 18px;
	background:url("../../image/arrow03.gif") no-repeat 0 4px;
}

body.p12 ul.tocourse02 li a:hover ,
body.p65 ul.tocourse02 li a:hover {
	background:url("../../image/arrow03_m.gif") no-repeat 0 4px;
}


p.totop02 {
	width:111px;
	height:15px;
	text-indent:-9999px;
	float:right;
	font-size:8px;
	margin-bottom:10px;
}

p.totop02 a {
	display:block;
	width:111px;
	height:13px;
	background:url("../../image/bottomlink.gif") no-repeat -113px 0;
}

p.totop02 a:hover {
	background:url("../../image/bottomlink.gif") no-repeat -113px -21px;
}

p.totop_en {
	width:78px;
	height:11px;
	text-indent:-9999px;
	float:right;
	font-size:6px;
	margin-bottom:10px;
	line-hegiht:100%;
}

p.totop_en a {
	display:block;
	width:78px;
	height:11px;
	background:url("../../image/to_top_en.gif") no-repeat 0 0;
}

p.totop_en a:hover {
	background:url("../../image/to_top_en.gif") no-repeat 0 -11px;
}


/* フロートクリア設定
=============================================================================*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix  {
	display:inline-table;
}

.clearall {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

