@charset "UTF-8";	/*** @charset（外部スタイルシートの文字コード指定） ***/


/*================== common ==================*/
* { margin: 0; padding: 0; } 

a{
	color:#333;
	text-decoration:none;
}

/*\*/ a { overflow:hidden; }/**/

a:hover{text-decoration:none;}

body{
	font-size: 12px;
	font-family:system-ui, sans-serif;
	color:#333;
	text-align:center;
}

#all{
	width:968px;
	text-align:left;
	margin:auto;
}

/* 以下はページに縦の区切り線を引く	
#main_content{ 
	background:url(../intro/common/bg_img.gif) repeat-y 0 0;
	margin-top:30px;
}
*/

/* 愛大の校章、現代中国学部の文字の画像　*/
#header{
	width: 100%;
	height: 87px;
	background:url(../image/common/h1.jpg) no-repeat 0 5px;	
}

#left p{
	position:relative;
	top:0;
	left:15px;
/*	width:54px;		*/
	width: 100%;
/*	height:17px;	*/		/* これがあるとページの文字が重なる　*/
	
}

#mainImage{
/*	width: 964px;		*/
	width: 98%;
	height: 250px;
	margin:auto;
/*	border:solid 2px #2085B7;	*/
}

#mainImage p{
	padding:110px 0 0 20px;
	font-size:230%;
	font-family:system-ui, sans-serif;
	font-weight:bold;
}

#mainImage p.white{ color:#fff; }
#mainImage p.black{ color:#000; }
#mainImage p.blue{ color:#00f; }


#left{
/*	width:758px;	*/
	width:76%;		
/*	width:23%;		*/
	margin-bottom:20px;
	float:left;
}

#right{
/*	width:210px;	*/
	width:23%;		
/*	width:76%;		*/
	float:right;
}


address{
	text-align:center;
	font-style:normal;
	background-color:#FFFFFF;
	padding:50px 0 20px 0;
}

address span{
	color:#6699CC;
	font-size:0.9em;
}	

hr{ display:none; }

img{
	border:0;
	margin:0;
	padding:0;
}

h1{
	text-indent:-999em;
	font-size:0.1em;	
}

.clear{
	clear:both;
	height:1px;
	overflow: hidden; 	
}

table { 
	font-size:inherit; 
	font:100%;
}

/*================== right ==================*/

/*=== navi ===*/

ul.right_navi{
	margin:15px 6px 12px 7px;
	padding-top:12px;
	background:url(../image/common/dotted.gif) top left repeat-x;
}

ul.right_navi li{
	list-style-type:none;
	padding-left:13px;
	line-height:1.5em;
}	

li.navi_01 , li.navi_01 li{ background:url(../image/common/arrow_01.gif) no-repeat 0 0.5em;}	
li.navi_02 , li.navi_02 li{ background:url(../image/common/arrow_02.gif) no-repeat 0 0.5em;}	
li.navi_03 , li.navi_03 li{ background:url(../image/common/arrow_03.gif) no-repeat 0 0.5em;}	
li.navi_04 , li.navi_04 li{ background:url(../image/common/arrow_04.gif) no-repeat 0 0.5em;}

ul.right_navi li a{ color:#333;}	

li.navi_01 a:hover , li.navi_01 li a:hover{ color:#0064BC;}
li.navi_02 a:hover , li.navi_02 li a:hover{ color:#00A51E;}
li.navi_03 a:hover , li.navi_03 li a:hover{ color:#EF0000;}
li.navi_04 a:hover , li.navi_04 li a:hover{ color:#2D0087;}

/*=== banner ===*/

ul.banner{
	text-align:left;
	list-style-type:none;
	margin:20px 6px 20px 7px;
	padding-top:20px;
	background:url(../image/common/dotted.gif) top left repeat-x;	
}

ul.banner li{
	vertical-align:top;
	line-height:0;
	margin-bottom:8px;
}	



/*================== left ==================*/

#contents{
	margin:0 20px;
/*	width: 100%;	*/
	margin:0px 15px 0px 15px;
}	

h2{
	background:url(../image/common/h2_bg.gif) 0 0;
	color: #fff;
	padding:3px 5px;
	font-size:1.5em;
	margin-top:20px;
}

h3{
	background:url(../image/common/h3.gif) no-repeat 0 0;
	padding-left:10px;
	font-size:1.2em;
	margin:25px 0 10px 0;
	color:#333;
}

h4{
	margin:20px 0 2px 0;
	font-size:1.2em;	
}

h5{
	color:#2085B7;
	font-size:1em;
	margin:20px 0 0 0;
}	

p {
	line-height:1.5em;
}

p.paragraph{
	margin-top:15px; 
	line-height:1.3em;
}

p.img_center{
	text-align:center;
}

p.p_margin_01{
	margin:50px 0 0 0;
}	

.img_right{
	margin:0 0 0 5px;
	float:right;
}

.img_left{
	margin:0 5px 0 0;
	float:left;
	
}

#contents ul{
	margin-left:15px; 
	
}


/*=== karikyu ===*/

ol.li_number{
	margin:25px 0 30px 0;
}	

ol.li_number li{
	list-style-type:none;
	padding-left:28px;
	margin-bottom:10px;
	line-height:1.5em;
}

ol.li_number li.li_01{ background:url(../karikyu/images/list_01.gif) no-repeat 0 0.5em;}
ol.li_number li.li_02{ background:url(../karikyu/images/list_02.gif) no-repeat 0 0.5em;}
ol.li_number li.li_03{ background:url(../karikyu/images/list_03.gif) no-repeat 0 0.5em;}
ol.li_number li.li_04{ background:url(../karikyu/images/list_04.gif) no-repeat 0 0.5em;}
ol.li_number li.li_05{ background:url(../karikyu/images/list_05.gif) no-repeat 0 0.5em;}

/*=== internship ===*/

.dl_list dt{
	display:block;
	float:left;
	clear:left;
	width:70px;
	margin:0 10px 0 0;
	padding:2px 0;
	background-color:#ADD2E5;
	text-align:center;
	font-weight:bold;
}

.dl_list dd{
	padding:2px 0;
	margin:0 0 5px 0;	
}	

.sat{
	color:#1C6996;
}

.sun{
	color:#990033;
}		

/*=== info ===*/

.li_text li{
	line-height:1.5em;
	margin:20px 0 0 0;
	border-left:3px solid #ADD2E5;
	list-style-type:none;
	padding-left:7px;
}

/*=== cnina21 ===*/

.china21_top p{	
	padding-top:15px;
	
}

.china21_list li{
	float:left;
	width:120px;
	text-align:center;
	padding-top:20px;
	list-style-type:none;
}	

.china21_list img{ border:solid 1px #D3D3D3;}
.china21_list span{ margin-top:3px; display:block; }

.china21_back{ text-align:right; margin-top:15px;}

.china21_book{ margin-top:25px; }
.china21_book p{ padding-bottom:15px; }
.china21_book .img_right img{ border:solid 1px #D3D3D3;}

.china21_book h3{
	background:none;
	padding:0 0 3px 0;
	font-size:1.2em;
	margin:0 0 15px 0;
	border-bottom:2px solid #BBCFE7;
	width:340px;
}

.china21_book h4{
	margin:0 0 3px 0;
	font-size:1em;
	font-weight:bold;
	background:url(../image/common/h3.gif) no-repeat 0 0;
	padding-left:10px;
}

.china21_book p.china_vol{ padding-bottom:3px; }


/*=== history ===*/

.history dt{
	width:80px;
	float:left;
	padding:7px 0;
}

.history dd{
	margin-left:90px;
	padding:7px 0;
}

.history_photo{ margin-top:10px; }
.history_photo img{ margin-right:5px; }


/*=== houkoku ===*/

.houkoku_book{ margin-top:25px; background:url(../houkoku/images/border_dotted.gif) repeat-x 0 100%; overflow:hidden; padding-bottom:10px; }
.houkoku_book:after { content:""; display:block; clear:both; height:1px; overflow:hidden; }
/*\*/
* html .houkoku_book { height:1em; overflow:visible; }
/**/

.houkoku_book h3{
	background:none;
	padding:0 0 3px 0;
	font-size:1.2em;
	margin:0 0 15px 0;
	border-bottom:2px solid #BBCFE7;
}

.houkoku_book img{ border:solid 1px #D3D3D3;}

.imgBook{ width:315px; float:left; }
.imgBook span{ background:url(../houkoku/images/icon_zoom.gif) no-repeat 0 0; font-size:0.8em; padding-left:15px; }

.memoArea{
	margin-left:315px;
}	

.memoArea span{ font-size:0.8em;}

.memoArea a , .tbl a , .mokuziTitle a{ color:#0064BC; text-decoration:underline;}
.memoArea a:hover , .tbl a:hover , .mokuziTitle a:hover{ color:#1B86E5; text-decoration:none;}

.mokuziTitle{ margin-top:20px; font-weight:bold; background:url(../houkoku/images/border_dotted.gif) repeat-x 0 0; padding-top:15px; }
.mokuziTitle a{ background:url(../houkoku/images/icon_mokuzi.gif) no-repeat 0 0; padding:3px 0 3px 20px;}

            
.tbl {
	margin-top:10px;
}

.tbl td{ padding:5px 5px; }

.tbl .on { background-color: #fff; }
.tbl .off { background-color: #D8E4F5; }      

/*=== photo ===*/

#photo #all{
	width:800px;
	background:none;
}

#photo #header{
	height:116px;
	width:800px;
	background:url(../image/common/h1_photo.jpg) no-repeat 0 0;
}


.galleria{list-style:none;width:190px; }
.galleria li{display:block;width:50px;height:50px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:5em;}
* html .galleria li div span{width:400px;} /* MSIE bug */

.galleria li p{ display:block; }


.demo{position:relative;}
.gallery_demo{float:left; margin-top:30px;}

.gallery_demo li{border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}

#main_image{width:600px;float:right; margin-top:30px; line-height:1.5em;}
#main_image img{margin-bottom:10px;}


/*=== intro ===*/

.course3{
	margin-left:30px;
}	

.program{
	background-color:#F8F8F8;
	border:solid 1px #ccc;
	padding:0px 15px 15px 15px;
	margin-top:20px;
}	

.linkArea{
	margin:0; 
	padding:30px 0px 20px 0px; 
}

.linkArea li{
	width:137px;
	list-style-type:none;
	float:left;
	font-size:12px;
	text-align:center;
	line-height:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.linkArea li a{
	text-decoration:none;
	color:#343434;
	display:block;
	background-color:#F6F6F6;
	border:solid 1px #ccc;
	padding:5px 0;
}	

.linkArea li a:hover{
	text-decoration:none;
	color:#fff;
	display:block;
	background-color:#2085B6;
	border:solid 1px #2085B6;
}	

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B4B8BB;
}

a.c1	{
	padding:3px 10px 3px 32px;
	font-size:14px;
	color:#000000;
	background:url(../image/arrow1.gif) no-repeat 20px 50%;
	text-decoration:none;
	display:block;
}
a:hover.c1 {
	color:#0064BC;
	background:url(../image/arrow1_2.gif) no-repeat 20px 50%;
	text-decoration:none;
}

a.c2	{
	padding:3px 10px 3px 32px;
	font-size:14px;
	color:#000000;
	background:url(../image/arrow2.gif) no-repeat 20px 50%;
	text-decoration:none;
	display:block;
}
a:hover.c2 {
	color:#00A51E;
	background:url(../image/arrow2_2.gif) no-repeat 20px 50%;
	text-decoration:none;
}
a.c22	{
	padding:0px 10px 0px 50px;
	font-size:12px;
	color:#000000;
	background:url(../image/arrow22.gif) no-repeat 40px 50%;
	text-decoration:none;
	display:block;
}
a:hover.c22 {
	color:#00A51E;
	background:url(../image/arrow22_2.gif) no-repeat 40px 50%;
	text-decoration:none;
}

a.c3	{
	padding:3px 10px 3px 32px;
	font-size:14px;
	color:#000000;
	background:url(../image/arrow3.gif) no-repeat 20px 50%;
	text-decoration:none;
	display:block;
}
a:hover.c3 {
	color:#FF9600;
	background:url(../image/arrow3_2.gif) no-repeat 20px 50%;
	text-decoration:none;
}



a.c33	{
	padding:0px 10px 0px 50px;
	font-size:12px;
	color:#000000;
	background:url(../image/arrow3_2.gif) no-repeat 40px 50%;
	text-decoration:none;
	display:block;
}
a:hover.c33 {
	color:#00A51E;
	background:url(../image/arrow3_2.gif) no-repeat 40px 50%;
	text-decoration:none;
}


a.c4	{
	padding:3px 10px 3px 32px;
	font-size:14px;
	color:#000000;
	background:url(../image/arrow4.gif) no-repeat 20px 50%;
	text-decoration:none;
	display:block;
}
a:hover.c4 {
	color:#EF0000;
	background:url(../image/arrow4_2.gif) no-repeat 20px 50%;
	text-decoration:none;
}


a.c5	{
	padding:3px 10px 3px 32px;
	font-size:14px;
	color:#000000;
	background:url(../image/arrow5.gif) no-repeat 20px 50%;
	text-decoration:none;
	display:block;
}
a:hover.c5 {
	color:#9636A3;
	background:url(../image/arrow5_2.gif) no-repeat 20px 50%;
	text-decoration:none;
}

a.c6	{
	padding:3px 10px 3px 32px;
	font-size:14px;
	color:#000000;
	background:url(../image/arrow6.gif) no-repeat 20px 50%;
	text-decoration:none;
	display:block;
}
a:hover.c6 {
	color:#2D0087;
	background:url(../image/arrow6_2.gif) no-repeat 20px 50%;
	text-decoration:none;
}

a.news	{
	padding:5px 10px 5px 0px;
	font-size:12px;
	line-height:16px;
	color:#000000;
	text-decoration:none;
	display:block;
}
a:hover.news {
	color:#0064B9;
	text-decoration:none;
}

a.news22 {
	padding:3px 10px 3px 32px;
	font-size:12px;
	color:#000000;
	background:url(../image/arrow_news.gif) no-repeat 20px 50%;
	text-decoration:none;
	display:block;
}
a:hover.news22 {
	color:#0064B9;
	background:url(../image/arrow_news.gif) no-repeat 20px 50%;
	text-decoration:none;
}