/* CSS Document */

/*-- subject --*/

#content .subject_topimg {
	height:260px;
	background:url(../subject/images/index_main_ttl_001.jpg) no-repeat;
	position:relative;
}
#content .subject_topimg h2 {
	clear:both;
	padding:0;
	margin-left:292px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
#content .subject_topimg div.description {
	position:absolute;
	margin:0;
	padding:0;
	top:134px;
	left:298px;
	width: 442px;
}
#content .subject_topimg p {
 clear:none;
 line-height:1.2em;
 margin:5px 0;
}

#content .subject_block {
 padding:0;
 margin:5px 2px 0 0;
 width:241px;
 height:214px;
 float:left;
 color:#666;
}
#content .subject_block.s_cre {
 background:url(../subject/images/cre_back.gif) bottom no-repeat;
}
#content .subject_block.s_mus {
 background:url(../subject/images/mus_back.gif) bottom no-repeat;
}
#content .subject_block.s_it {
 background:url(../subject/images/it_back.gif) bottom no-repeat;
}
#content .subject_block.s_tec {
 background:url(../subject/images/tec_back.gif) bottom no-repeat;
}
#content .subject_block.s_med {
 background:url(../subject/images/med_back.gif) bottom no-repeat;
}
#content .subject_block.s_spo {
 background:url(../subject/images/spo_back.gif) bottom no-repeat;
}

#content .subject_block.s_tec {
}
#content .subject_block h3 {
 margin:0;
 padding:0;
}
#content .subject_block h3 img {
 margin:0;
 padding:0;
}
#content .subject_block p {
 clear:both;
 font-size:12px;
 margin:2px 4px 2px 90px;
}

#content .subject_block p.subject_click_here {
 margin:0;
 padding:0;
 position:absolute;
}
/*-- Mac IE hack -- \*/
* html #content .subject_block p.subject_click_here {
 margin:0 0 0 -90px ;
}
/*-- --*/
#content .subject_block p.subject_click_here a {
 position:absolute;
 left:150px;
 top:165px;
}

#content .subject_block strong {
 font-size:12px;
 font-weight:bold;
}
#content .subject_block.s_cre strong {
 color:#3a9404;
}
#content .subject_block.s_mus strong {
 color:#eb2d34;
}
#content .subject_block.s_it strong {
 color:#ff7f00;
}
#content .subject_block.s_tec strong {
 color:#af5caa;
}
#content .subject_block.s_med strong {
 color:#3698c5;
}
#content .subject_block.s_spo strong {
 color:#5d75b5;
}

.hidden {
 visibility:hidden;
}

/* ------------------------------------------- */
/* To be in Manga and Animation industry!
/* (/subject/animation.html)
/* ------------------------------------------- */
/* Nihon Kougakuin College has been producing
/* a lot of first class animation creators.
/* ------------------------------------------- */

#subject_sp #content hr {
	clear:both;
}
#subject_sp #content p.img_box_right {
 margin:0 0 5px 5px;
 clear:right;
 float:right;
}
#subject_sp #content p.img_box_left {
 margin:0 5px 5px 0;
 clear:left;
 float:left;
}

#subject_sp #content div.making_box {
	margin:0 0 25px 0;
}
#subject_sp #content div.making_box .clear {
	height:1px;
	float:none;
	clear:both;
}
#subject_sp #content #makingofanimation {
	position:relative;
	width:735px;
	height:457px;
	background:url(../subject/images/anime_flow.jpg);
}
#subject_sp #content #makingofanimation .para01 {
	position:absolute;
	top:74px;
	left:14px;
	width:707px;
}
#subject_sp #content #makingofanimation .para02 {
	position:absolute;
	top:323px;
	left:388px;
	width:264px;
	height: 103px;
}

#subject_sp #content p {
 margin:10px 0 ;
 text-align:justify;
}
#subject_sp #content ol,
#subject_sp #content dl {
 background:#FFF;
 margin:5px;
 padding:0 20px;
}
#subject_sp #content ul dt.
#subject_sp #content ul dd {
/* text-indent:-1em;*/
 list-style:none;
 margin:5px 0 5px 15px;
 padding:0;
}
#subject_sp #content dl dt .list-item-circle {
 color:#FF9900;
}
#subject_sp #content h3,
#subject_sp #content h4 {
 margin:0 0 10px 0;
}
#subject_sp #content h4 {
 clear:right;
 margin-top:0;
 color:#009900;
 font-size:16px;
}
#subject_sp #content .number {
 font-size:18px;
 color:#ff9900;
}

/* ------------------------------------------- */
/* Students from abroad studying Manga/Anime 
/* at Nihon Kogakuin College
/* ------------------------------------------- */

#subject_sp #content .interview {
}
#subject_sp #content .interview h3 {
}
#subject_sp #content .interview h4 {
	clear:left;
	padding:4px 5px;
	margin:0 0 5px 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#subject_sp #content .interview h4 strong {
	font-weight:bold;
}
#subject_sp #content .interview .image {
	float:left;
	margin:0 10px 10px 0;
	padding:2px;
	border:1px solid #666;
	overflow:hidden;
}
#subject_sp #content .interview .right_box {
	float:right;
	margin:0 15px 0 0;
	width:576px;
}
#subject_sp #content .interview .profile {
	border:1px solid #666;
	padding:2px;
	margin-bottom:5px;
}
#subject_sp #content .interview .profile p {
	margin:0;
	padding:5px 8px;
	background:#DDD;
}
#subject_sp #content .interview .comment {
	border-left:4px solid #339933;
	padding:5px;
	margin-bottom:5px;
}
#subject_sp #content .interview .comment p {
	margin:0;
}


/* ------------------------------------------- */
/* Event information
/* ------------------------------------------- */

#subject_sp #content .event_info {
}
#subject_sp #content .image {
	float:left;
	clear:left;
	margin:0 5px 0 0;
}
#subject_sp #content .block {
	padding:5px;
}
#subject_sp #content .japanese_block {
	background:#FFDDBB;
	padding:5px;
}
#subject_sp #content .japanese_block h4 {
	color:#333333;
	font-size:13px;
	border-bottom:1px solid #999;
	margin:0 0 0.5em 0;
	padding:0.5em;
}
#subject_sp #content .japanese_block p {
	margin:0;
	padding:0;
	line-height:1.5em;
}

#subject_sp #content .request_block {
	text-align:center;
}
#subject_sp #content .request_block p.request {
	padding:1.0em;
	background:#FFC;
	text-align:center;
}
#subject_sp #content .request_block .request_contact {
	width:360px;
	height:80px;
	margin:0 auto;
}
#subject_sp #content .request_block h4 {
	float:left;
	width:90px;
	text-align:right;
	margin:0;
	padding:0;
}
#subject_sp #content .address_box {
	float:right;
	border:1px solid #999;
	padding:8px;
	width:250px;
}
#subject_sp #content .address_box p {
	margin:0;
	text-align:justify;
}
#subject_sp #content p.arrow {
	background:url(../subject/images/arrow.gif) left center no-repeat;
	padding:3px 25px;
}

/*-- Creative college --*/

#subject_cre #content .subject_box,
#subject_it  #content .subject_box,
#subject_tec #content .subject_box {
 margin:0 0 20px 0;
 position:static;
}
#subject_cre #content .subject_box *,
#subject_it  #content .subject_box *,
#subject_tec #content .subject_box * {
 margin:0;
 padding:0;
}
#subject_cre #content .subject_box h2,
#subject_it  #content .subject_box h2,
#subject_tec #content .subject_box h2 {
}
#subject_cre #content .subject_box h3,
#subject_it  #content .subject_box h3,
#subject_tec #content .subject_box h3 {
 margin:5px 0;
}
#subject_cre #content .subject_box p,
#subject_it  #content .subject_box p,
#subject_tec #content .subject_box p {
 margin:5px;
}
#subject_cre #content .subject_box .img_box,
#subject_it  #content .subject_box .img_box,
#subject_tec #content .subject_box .img_box {
 margin:5px 0;
 left:10px;
 position:absolute;
}
#subject_cre #content .subject_box .yoko_box,
#subject_it  #content .subject_box .yoko_box,
#subject_tec #content .subject_box .yoko_box {
 margin:0 0 0 205px;
 height:175px;
}
#subject_cre #content .subject_box ul,
#subject_it  #content .subject_box ul,
#subject_tec #content .subject_box ul {
 margin:0;
 padding:0;
}
#subject_cre #content .subject_box ul li,
#subject_it  #content .subject_box ul li,
#subject_tec #content .subject_box ul li {
 width:350px;
 list-style:none;
 margin:5px 0;
 padding:0 0 0 16px;
 background:url(../images/list-style.gif) no-repeat;
 float:left;
}
#subject_cre #content .subject_box .clear_box,
#subject_it  #content .subject_box .clear_box,
#subject_tec #content .subject_box .clear_box {
	clear:both;
	margin:0;
}

/*------------------------------------------------------------*/

#subject_mus #content .subject_box,
#subject_med  #content .subject_box,
#subject_spo #content .subject_box {
 margin:0 0 20px 0;
 position:static;
}
#subject_mus #content .subject_box *,
#subject_med  #content .subject_box *,
#subject_spo #content .subject_box * {
 float:none;
 margin:0;
 padding:0;
}
#subject_mus #content .subject_box h2,
#subject_med  #content .subject_box h2,
#subject_spo #content .subject_box h2 {
}
#subject_mus #content .subject_box h3,
#subject_med  #content .subject_box h3,
#subject_spo #content .subject_box h3 {
 margin:5px 0;
}
#subject_mus #content .subject_box p,
#subject_med #content .subject_box p,
#subject_spo #content .subject_box p {
 margin:5px 0;
}
#subject_mus #content .subject_box .img_box,
#subject_med  #content .subject_box .img_box,
#subject_spo #content .subject_box .img_box {
 margin:5px 0;
 left:10px;
 position:absolute;
}
#subject_mus #content .subject_box .yoko_box,
#subject_med #content .subject_box .yoko_box,
#subject_spo #content .subject_box .yoko_box {
 margin:0 0 0 205px;
 height:175px;
}
#subject_mus #content .subject_box ul,
#subject_spo #content .subject_box ul {
 margin:5px 0;
}
* html #subject_mus #content .subject_box ul,
* html #subject_spo #content .subject_box ul {
 width:500px;
}
#subject_mus #content .subject_box ul li {
	width:auto;
	list-style:none;
	list-style-position:outsite;
	margin:7px 0;
	padding:0 0 0 16px;
	background:url(../images/list-style.gif) no-repeat;
}
#subject_spo #content .subject_box ul li {
	width:230px;
	list-style-image:none;
	list-style-position:inside;
	margin:7px 0;
	padding:0 0 0 16px;
	background:url(../images/list-style.gif) no-repeat;
	float:left;
}
#subject_mus #content .subject_box .clear_box,
#subject_spo #content .subject_box .clear_box {
 margin:0;
}

#subject_med  #content .subject_box ul {
 margin:5px 0;
 padding:0;
}
* html #subject_med #content .subject_box ul {
 width:500px;
}
#subject_med  #content .subject_box ul li {
 list-style:none;
 margin:7px 0;
 padding:0 0 0 16px;
 background:url(../images/list-style.gif) no-repeat;
}