/* 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;
	margin:0;
	padding:0;
	margin-left:292px;
}
#content .subject_topimg div.description {
	position:absolute;
	margin:0;
	padding:0;
	top:134px;
	left:298px;
}
#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;
}

#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 #makingofanimation {
	position:relative;
	width:735px;
	height:457px;
	background:url(../subject/images/anime_flow.jpg);
}
#subject_sp #content #makingofanimation .para01 {
	position:absolute;
	top:81px;
	left:13px;
	width:707px;
}
#subject_sp #content #makingofanimation .para02 {
	position:absolute;
	top:329px;
	left:387px;
	width:264px;
	height: 103px;
}

#subject_sp #content p {
 margin:10px 0 ;
}
#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;
}

/*-- 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;
 height:19px;
 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:350px;
 list-style:none;
 list-style-position:inside;
 margin:7px 0;
 padding:0 0 0 16px;
 background:url(../images/list-style.gif) no-repeat;
 float:left;
}
#subject_med #content .subject_box ul.small li,
#subject_spo #content .subject_box ul li {
 width:230px;
 list-style: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;
}