@charset "utf-8";

/*
===== CONTENTS =====

	Title:expenses.css
	Last-updated: 2010/04/13
	Auther:colletomo
	Outline:ページデザイン
====================
*/

#expenses #kvArea{
	margin-bottom:20px;
}

/* ----------------------------------------------------
 各ページデザイン
----------------------------------------------------*/
body#expenses .word {
	clear:both;
	overflow:hidden;
	margin:0 0 10px 0;
}

#Inv table{
	margin:0;
	padding:0;
	border:2px solid #c8c8c8;
	background:#c8c8c8;
}

#Inv td{
	background:#fafafa;
}

body#expenses table{

}

#Inv h5{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:6px;
}

#Inv .beforeTxt{
	margin-bottom:6px;
}


body#expenses table#exp{
	line-height:1.3em;
	margin:0 0 12px 0;
	padding:0;
	border:2px solid #c8c8c8;
	background:#c8c8c8;
	width:100%;
}

body#expenses th{
	padding:5px;
}

body#expenses td{
	background-color:#fff;
	padding:5px;
}

body#expenses .color1{
	background:#f0f0f0;
	color:#3C6288;
}

body#expenses .color2{
	background:#E7EFEC;
	color:#3C6288;
}

body#expenses .color3{
	background:#F70006;
	color:#fff;
}


body#expenses .red{
	color:#F00;
}

body#expenses .blue{
	background:#F1FAFC;
	color:#066386;
}

body#expenses .purple{
	background:#EDEDF9;
	color:#231C66;
}

body#expenses .green{
	background:#EEF4E3;
	color:#5C8A0F;
}

body#expenses .orange{
	background:#FFF5EE;
	color:#DF5B0D;
}

body#expenses .brown{
	background:#EADAD5;
	color:#3F271F;
}

body#expenses .r_purple{
	background:#F1DFFF;
	color:#922E8D;
}


body#expenses th{
	background:#ebebeb;
	color:#3C6288;
}
body#expenses .mb {
	margin-bottom:30px;
}


/* ----------------------------------------------------
 学生指定寮
----------------------------------------------------*/
body#expenses .apartBox{
	margin:0 auto 16px;
	padding-bottom:16px;
	border-bottom:1px solid #ccc;
	text-align:center;
}

body#expenses .apartBoxlast{
	margin:0 auto 16px auto;
	text-align:center;
}

body#expenses .apartBox img,
body#expenses .apartBoxlast img{
	margin:auto;
	display:block;
	border:#CCC solid 3px;
}

body#expenses #supply560{
	border: 1px solid #c5cfd8;
	padding:5px;
	text-align:left;
	margin-bottom:30px;
}

body#expenses #supply{
	border: 1px solid #c5cfd8;
	padding:5px;
}


body#expenses #supply560{
	border: 1px solid #c5cfd8;
	padding:5px;
	text-align:left;
}

body#expenses #Insupply{
	background:#f0f0f0;
}


body#expenses .pad5 {
	padding:0 5px 0 5px;
}

body#expenses .tl{
	background:url(../imgs/tl.gif) left top no-repeat;
}

body#expenses .bl{
	background:url(../imgs/bl.gif) left bottom no-repeat;
}

body#expenses .tr{
	background:url(../imgs/tr.gif) right top no-repeat;
}

body#expenses .br{
	background:url(../imgs/br.gif) right bottom no-repeat;
}



/*関連エリア*/
#expenses #relArea01{ margin-bottom: 20px; }
#expenses #relArea01 .relLeft {
	float: left;
	width: 329px;
	padding-right: 20px;
	border-right: 1px dotted #Ad9A5A;
	border-bottom: 1px dotted #Ad9A5A;
	padding-top: 10px;
	height: 100px;
}

#expenses #relArea01 .relLeftEnd {
	width: 329px;
	padding-top: 10px;
	padding-right: 20px;
	float: left;
	border-right: 1px dotted #AD9A5A;
	height: 100px;
}

#expenses #relArea01 .relRight {
	width: 329px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	border-bottom: 1px dotted #AD9A5A;
	height: 100px;
}

#expenses #relArea01 h3 { margin-bottom: 5px !important; }

#expenses #relArea01 h3 a,
#expenses #relArea01 h3 a:link,
#expenses #relArea01 h3 a:visited {
	background: url(../imgs/admission/index/rel_arrow.gif) no-repeat left top;
	display: block;
	height: 20px;
	padding-left: 25px;
}
#expenses #relArea01 h3 a:hover,
#expenses #relArea01 h3 a:active { background: url(../imgs/admission/index/rel_arrow.gif) no-repeat left bottom; }

#expenses #relArea01 .photo {
	float: left;
	margin-right: 10px;
}

#expenses .photo a,
#expenses .photo a:link,
#expenses .photo a:visited {
	background: #D6CBC0 url(../imgs/admission/index/btn_bg_off.gif);
	padding: 3px;
	display: block;
	height: 57px;
	width: 117px;
}

#expenses .photo a:hover,
#expenses .photo a:active {	background: #FF6600 url(../imgs/admission/index/btn_bg_on.gif);}



#expenses #ContBlock1{
	margin-top:12px;
	padding-bottom:12px;
}

#expenses #ContBlock1 #container{	padding-bottom:6px;}

#expenses #ContBlock1 h2{	margin-bottom:12px;}

#expenses #ContBlock1 h3{	margin-bottom:6px;}

#expenses #ContBlock1 .right{
	float:right;
	width:180px;
	margin-left:20px;
}

#expenses #ContBlock1 .left{
	float:left;
	width:380px;
	margin:0;
}
#expenses .word_navi { margin-bottom: 15px; }


#expenses .activity{	margin-top:10px;}


#expenses .spacerBlock {
	clear:both;
	padding-bottom:10px;
	display:block;
}

#expenses #supply{
	border: 1px solid #c5cfd8;
	padding:5px;
}

#expenses #Insupply{
	background:#f0f0f0;
}

#expenses .pad5 {
	line-height:1.3em;
	color:#333;
	padding:0 5px 0 5px;
}

#expenses .tl{	background:url(../imgs/tl.gif) left top no-repeat;}

#expenses .bl{	background:url(../imgs/bl.gif) left bottom no-repeat;}

#expenses .tr{	background:url(../imgs/tr.gif) right top no-repeat;}

#expenses .br{	background:url(../imgs/br.gif) right bottom no-repeat;}

#expenses .pr10{
	text-decoration:none;
	padding:0 10px 0 0;
	vertical-align:bottom;
}


/* コンテンツBlock2 */
#expenses #ContBlock2{
	margin-top:12px;
	padding-bottom:12px;
}

#expenses #ContBlock2 h2{	margin-bottom:12px;}

#expenses #ContBlock2 h3{	margin-bottom:6px;}


/* コンテンツBlock3  */
#expenses #ContBlock3{	margin-top:12px;}

#expenses #ContBlock3 h2{	margin-bottom:12px;}

#expenses #ContBlock3 h3{	margin-bottom:6px;}


#expenses #ContBlock3 .name{
	margin-top:6px;
	padding-bottom:12px;
}

#expenses #ContBlock3 .left{
	float:left;
	width:180px;
	margin-right: 20px;
	padding: 0;
}

#expenses #ContBlock3 .right{
	float:right;
	margin:0;
	width:380px;
}


/*留学生の方へ*/
#expenses #abroad div.line{
	height:1px;
	overflow:hidden;
	background:#999;
	display:block;
	margin:6px 0 6px 0;
}

#expenses #abroad ol{
	margin-top:0;
	padding-top:0;
}

#expenses #abroad ol ul{
	list-style-type:none;
	line-height:1.5em;
	margin-top:6px;
	margin-bottom:6px;
	padding-left:8px;
	border-left:4px solid #12929C;
}

#expenses #abroad h4{
	font-size:0.9em;
	line-height:1.5em;
	color:#12929C;
	margin-bottom:6px;
}

#expenses #abroad .red{	color:#CC0202;}

#expenses #ad_voice .interviewWrap{	width:580px;}

#expenses #ab_voice .col-left180{
	width:180px;
	float:left;
	margin-right:20px;
}

#expenses #ab_voice .col-left380{
	width:380px;
	float:left;
	margin-right:20px;
}

#expenses #ab_voice .col-right380{
	width:380px;
	float:right;
}

#expenses #ab_voice .col-right180{
	width:180px;
	float:right;
}

#expenses #ab_voice .bg{	background:#F2F4F4;}

#expenses #ab_voice .vm{	vertical-align:middle;}

#expenses #ab_voice .catch{
	font-size:0.815em;
	line-height:1.3em;
	color:#666;
}

#expenses #ab_voice .pl10catch{	padding-left:10px;}

#expenses #ab_voice .p5text{
	margin:0;
	padding:5px;
	font-size:0.815em;
	line-height:1.3em;
	color:#333;
}

.expenses-btn{
	text-align:center;
	margin:0 auto 30px 0;
}

.expenses-btn a {
	background:url(../imgs/expenses/expence03/link_btn.jpg) no-repeat top left;
	height:62px;
	width:450px;
	margin:auto;
	text-align:center;
	text-indent:-9999px;
	display:block;
}

.expenses-btn a:hover {
	background:url(../imgs/expenses/expence03/link_btnon.jpg) no-repeat top left;
}


.expenses-btn02{
	text-align:center;
	margin:0 auto 30px 0;
}

.expenses-btn02 a {
	background:url(../imgs/expenses/expence03/link_btn02.jpg) no-repeat top left;
	height:62px;
	width:450px;
	margin:auto;
	text-align:center;
	text-indent:-9999px;
	display:block;
}

.expenses-btn02 a:hover {
	background:url(../imgs/expenses/expence03/link_btn02on.jpg) no-repeat top left;
}



/*Orico*/
.expenses-btn-orico{
	text-align:center;
	margin:0 auto 30px 0;
}

.expenses-btn-orico a {
	background:url(../imgs/expenses/expence03/link_btn_orico.jpg) no-repeat top left;
	height:62px;
	width:450px;
	margin:auto;
	text-align:center;
	text-indent:-9999px;
	display:block;
}

.expenses-btn-orico a:hover {
	background:url(../imgs/expenses/expence03/link_btn_orico_on.jpg) no-repeat top left;
}



/*JACCS*/
.expenses-btn-jaccs{
	background:url(../imgs/expenses/expence03/link_btn_jaccs.jpg) no-repeat top left;
	height:62px;
	width:450px;
	text-align:center;
	text-indent:-9999px;
	display:block;
	margin:20px auto 30px;
}

.expenses-btn-jaccs:hover {
	background:url(../imgs/expenses/expence03/link_btn_jaccs_on.jpg) no-repeat top left;
}



/*特待生の声　110113追加*/

#voice #Inv{
	width:700px;
}

#voice p{
	margin:0 0 30px 0;
}

#voice .voice_box p{
	margin:0;
}

#voice .voice_box{
	margin:0 0 25px 0;
}

#voice h4{
	margin:0 0 10px 0;
}

#voice .name_l{
	width:150px;
	float:left;
}

#voice .name_r{
	width:150px;
	float:right;
	
}

#voice .comment_l{
	width:548px;
	float:left;
	background:url(../imgs/expenses/voice/bg03.gif) no-repeat top left;
}

#voice .comment_l p{
	padding:10px 25px 0 15px;
	line-height:1.5em;
}

#voice .voice_box .comment_l p.name{
	margin:0 25px 0 0;
	padding:0;
	text-align:right;
	font-weight:bold;
}

#voice .comment_r{
	width:548px;
	float:right;
	background:url(../imgs/expenses/voice/bg01.gif) no-repeat top left;
}

#voice .comment_r p{
	padding:10px 15px 0 25px;
	line-height:1.5em;
}

#voice .voice_box .comment_r p.name{
	margin:0 15px 0 25px;
	padding:0;
	text-align:right;
	font-weight:bold;
}

#voice .medal{
	position:absolute;
	top:-9px;
	left:0;
}

#voice h4{
	position:relative;
	padding-left:40px;
	margin-bottom:16px;
}