・ｿ/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}







/* General
***********************/
body {
	font-size: 14px;
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", "MS PGothic", sans-serif;
	height: auto;
}
a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #9F0;
	text-decoration: none;
}




h1 {
	margin:0;
	padding:16px 0 13px 15px;
	color: #fff;
	text-shadow: 0 1px 0 #693;
	background-color: #9C3;
	font-size:28px;
	font-weight:bold;
	border-bottom:#666 dotted 1px;
}
p {
	font-size: 14px;
	line-height:1.8em;
}

ol, ul {list-style: none;}




/* Layout
***********************/
#container {
padding:0;
margin:0;
}

#header {
padding:0;
margin:0;
height:65px;
text-align:left;
border-bottom:#000 1px solid;
background-color:#FFF;
}


#main {
margin:0;
overflow: hidden;
height:500px;
background:url("../images/main_bg.png") no-repeat #FFF;
}


.main_inner {
	margin:166px 0 20px 30px;
	width:500px;
	padding:0;
}



.main_inner ul {
	width:500px;
	overflow:hidden;
}


.main_inner li {
	width:500px;
	margin:0;
	padding:0;
	display: inline;

}


.main_inner li a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	width:500px;
	height:25px;
	background-image:url("../images/title_case.png");
	background-repeat:no-repeat;
}


#case1 a {
	background-position: 0 0; 
} 


#case2 a {
	background-position: 0 -25px; 
} 

#case3 a {
	background-position: 0 -50px; 
} 

#case4 a {
	background-position: 0 -75px; 
} 

#case5 a {
	background-position: 0 -100px; 
} 

#case6 a {
	background-position: 0 -125px; 
} 

#case7 a {
	background-position: 0 -150px; 
} 

#case8 a {
	background-position: 0 -175px; 
} 

#case9 a {
	background-position: 0 -200px; 
} 

#case10 a {
	background-position: 0 -225px; 
} 

#case11 a {
	background-position: 0 -250px; 
} 

#case12 a {
	background-position: 0 -275px; 
} 



.main_inner li a:hover {
	text-decoration: none;
	background-image:url("../images/title_case.png");
	background-repeat:no-repeat;
}



#case1 a:hover {
	background-position: -499px 0; 
} 


#case2 a:hover {
	background-position: -499px -25px; 
} 

#case3 a:hover {
	background-position: -499px -50px; 
} 

#case4 a:hover {
	background-position: -499px -75px; 
} 

#case5 a:hover {
	background-position: -499px -100px; 
} 

#case6 a:hover {
	background-position: -499px -125px; 
} 

#case7 a:hover {
	background-position: -499px -150px; 
} 

#case8 a:hover {
	background-position: -499px -175px; 
} 

#case9 a:hover {
	background-position: -499px -200px; 
} 

#case10 a:hover {
	background-position: -499px -225px; 
} 

#case11 a:hover {
	background-position: -499px -250px; 
} 

#case12 a:hover {
	background-position: -499px -275px; 
} 


/* slide
***********************/



#slid {	
padding:20px 0;
margin:0;
background:#EEE;
text-align:left;
}


#slid img {
margin:0 1px;	
max-height:160px;
max-width:160px;
border:1px solid #999;
}





/* toc
***********************/



#toc {
	margin:0;
	padding:10px 0;
	background-color:#EEE;
	border-top:1px dotted #666;
	height:155px;
}


#toc_inner {
	width:800px;
	margin:0 auto;
}

.toc_box {
	float:left;
	height:140px;
	width:400px;
	margin:0;
	padding:0;
}



#toc ul {
	margin:10px 0;
	padding:0;
}


#toc li {
	margin:0; 
	padding:2px 0 2px 15px;
	line-height:1.5em;
	list-style-image:none;
	background-image:url("../images/list.png");
	background-repeat:no-repeat;
	background-position:0 4px;
	font-size:11px;
}


#toc p {
	font-size:14px;
	padding:10px 0;

}




/* toppage_link
***********************/

#toppage_link {
height:25px;
padding-top:3px;
border-top:1px dotted #000;
background-color:#AAA;
}


#toppage_link a{
color:#FFF;
font-weight:bold;
}

#toppage_link a:hover{
color:#9F0;
font-weight:bold;
}



#toppage_link_inner  {
	width:800px;
	margin:0 auto;
	background-image:url('https://spirit.rikkyo.ac.jp/sns/images/list_02.png');
	background-repeat:no-repeat;
	background-position:12px 4px;
	padding-left:28px;
}





/* footer
***********************/


#footer {
height:50px;
padding-top:10px;
border-top:1px solid #000;
clear:both;
}

#footer p {
text-align:center;
font-size:12px;
}



/* contents
***********************/


#content {
	margin:0;
	padding:0;
}


#act {
	width:806px;
	height:806px;
	margin:0 auto;
	padding:30px 0 0 0;
	overflow:hidden;
}


#act img {
	border:3px solid #9FA0A0;
}


#conclusion {
	width:806px;
	height:806px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#conclusion img {
	border:3px solid #9FA0A0;
}




/* comment
***********************/

#comment {
	width:806px;
	height:500px;
	margin:0 auto;
	padding:0 0 30px 0;
	border:3px solid #9FA0A0;
	background-color:#EFFFD7;
}


#comment h2 {
	font-size:28px;
	padding:31px 20px 20px 30px;
	font-weight:bold;
	color:#FFF;
	border-bottom:1px dotted #666;
	background-color:#9C3;
	text-shadow: 0 1px 0 #693;
}


#comment p {
	margin:30px 30px 10px 35px;
	font-size:24px;
}



.contents_link {
	width:130px;
	height:65px;
	margin:0 auto;
	padding:0;
	text-align:center;
}



#comment ul {
margin:0;
padding:20px 0 20px 36px;
font-size:16px;
}



#comment li {
padding:3px 5px 4px 53px;
background-image:url('../images/comment_list.png');
background-repeat:no-repeat;
} 

#comment a {
	text-decoration:underline;
}


/***********************/





/*next_back*
***********************/


#next_back {
	width:800px;
	margin:0 auto;
	padding:10px 0 25px 0;
	clear:both;
}


.next_back_left {
	float:left;
	height:25px;
	width:100px;
}

.next_back_right {
	float:right;
	height:25px;
	width:100px;
	text-align:right;
}





/*pagetop*
***********************/


#pagetop {
	text-align:right;
	width:950px;
	margin:0 auto;
	padding:20px 0 0 0;
	height:90px;
}


.to_top {
text-align:right;
width:800px;
height:250px;
padding:10px 0 0 0;
margin:0 auto;
	
}