/*  200803 追加 (トップページ）  */


#main_image		{
				width:731px;
				height:282px;
				margin:0 0 5px 0;
				position:relative;
				}


#banner_area	{clear:both;
				position:relative;
				margin:0 0 15px 0;
				padding:0 0 0 0;
				width:731px;
				height:118px;}

.recent_title	{width:470px;
				border-top:solid 1px #999999;
				border-bottom:solid 1px #999999;
				padding:2px 0px 2px 7px;
				}
#inline_area	{width:474px;
				
				}
#topic_inline	{width:470px;
				height:610px;
				}



/* 画像置き換え */
.replace{
      position:relative;
      margin:0px; padding:0px;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}
.replace span{
      display:block;
      position:absolute;
      top:0px;
      left:0px;
      z-index:1; /*for Opera 5 and 6*/
}

/*  メインイメージ  */

#main_image {  
    height:  290px;  
    width:   731px;  
    padding: 0;  
    margin:  0;  
    float:left;
} 

.pics {  
    height:  282px;  
    width:   731px;  
    padding: 0;  
    margin:  0;  
    float:left;
	overflow: hidden;
	z-index:10;
} 
 
.pics img {   
    background-color: #eee;  
    width:  731px; 
    height: 282px; 
    top:  0; 
    left: 0 ;

} 


#image_pad	{width:232px;
			height:273px;
			display:block;
			position:absolute;
			z-index:50;
			top:4px;
			left:497px;}

#top_menu	{width:218px;
			display:block;
			position:absolute;
			z-index:100;
			top:8px;
			left:500px;
			}

#button1 img,#button2 img, #button3 img, #button4 img, #button5 img{
			display:block;
			}

#button1	{
			width:218px;
			height:73px;
			margin:2px 4px 0px 4px;
			padding:0;
			}
#button2	{
			width:218px;
			height:46px;
			margin:1px 4px 0px 4px;
			padding:0;
			}	
#button3	{
			width:218px;
			height:46px;
			margin:1px 4px 0px 4px;
			padding:0;
			}	
#button4	{
			width:218px;
			height:46px;
			margin:1px 4px 0px 4px;
			padding:0;
			}	
#button5	{
			width:218px;
			height:46px;
			margin:1px 4px 0px 4px;
			}	




/* ナビゲーション */

#content_menu{width:732px;
			height:60px;
			margin:0 0 5px 0;
			padding:0;
			text-align:center;
			clear:both;
			}
#content_menu ul li{
			display:block;
			float:left;
			}
/* for MacIE \*//*/
#navi ul li{
   			 overflow:hidden;
			 font-size:1px;
			}
/*for MacIE*/

#btn_nav1, #btn_nav1 span{
      height:30px;
      width:73px;
      background: url("../img/navi.gif") 0px 0px no-repeat;
}
#btn_nav1 a{height:30px;width:73px;display:block;}
#btn_nav1 a:hover span	{background-position:0px -30px;}

#btn_nav2, #btn_nav2 span{
      height:30px;
      width:73px;
      background: url("../img/navi.gif") -73px 0px no-repeat;
}
#btn_nav2 a{height:30px;width:73px;display:block;}
#btn_nav2 a:hover span	{background-position:-73px -30px;}

#btn_nav3, #btn_nav3 span{
      height:30px;
      width:73px;
      background: url("../img/navi.gif") -146px 0px no-repeat;
}
#btn_nav3 a{height:30px;width:73px;display:block;}
#btn_nav3 a:hover span	{background-position:-146px -30px;}

#btn_nav4, #btn_nav4 span{
      height:30px;
      width:73px;
      background: url("../img/navi.gif") -219px 0px no-repeat;
}
#btn_nav4 a{height:30px;width:73px;display:block;}
#btn_nav4 a:hover span	{background-position:-219px -30px;}

#btn_nav5, #btn_nav5 span{
      height:30px;
      width:73px;
      background: url("../img/navi.gif") -292px 0px no-repeat;
}
#btn_nav5 a{height:30px;width:73px;display:block;}
#btn_nav5 a:hover span	{background-position:-292px -30px;}

#btn_nav6, #btn_nav6 span{
      height:30px;
      width:73px;
      background: url("../img/navi.gif") -365px 0px no-repeat;
}
#btn_nav6 a{height:30px;width:73px;display:block;}
#btn_nav6 a:hover span	{background-position:-365px -30px;}

#btn_nav7, #btn_nav7 span{
      height:30px;
      width:73px;
      background: url("../img/navi.gif") -438px 0px no-repeat;
}
#btn_nav7 a{height:30px;width:73px;display:block;}
#btn_nav7 a:hover span	{background-position:-438px -30px;}

#btn_nav8, #btn_nav8 span{
      height:30px;
      width:73px;
      background: url("../img/navi.gif") -511px 0px no-repeat;
}
#btn_nav8 a{height:30px;width:73px;display:block;}
#btn_nav8 a:hover span	{background-position:-511px -30px;}

#btn_nav9, #btn_nav9 span{
      height:30px;
      width:73px;
      background: url("../img/navi.gif") -584px 0px no-repeat;
}
#btn_nav9 a{height:30px;width:73px;display:block;}
#btn_nav9 a:hover span	{background-position:-584px -30px;}

#btn_nav10, #btn_nav10 span{
      height:30px;
      width:73px;
      background: url("../img/navi.gif") -657px 0px no-repeat;
}
#btn_nav10 a{height:30px;width:73px;display:block;}
#btn_nav10 a:hover span	{background-position:-657px -30px;}


#navi2		{width:731px;
			height:29px;
			margin:0;
			padding:0;
			/*background:url("../img/navi2.gif") left top no-repeat;*/
			clear:both;
			}
#navi2 li	{padding-left:8px;
			margin:10px 4px 0px 3px;
			background:url("../img/navi2_mark.gif") 0% 50% no-repeat;
  			  /*for MacIE\*//*/
   			 width:5em;/*for MacIE*/
			}

hr.clear		{
				display:none;
				clear:both;
				}


/*  バナーエリア  */

#banner_area		{text-align:center;}
#banner_area ul li	{
				display:block;
				float:left;}
/*for MacIE\*//*/
#banner_area ul li{
   			 overflow:hidden;
			 font-size:1px;
			}
/*for MacIE*/
#c_banner1, #c_banner1 span{
      height:119px;
      width:184px;
      background: url("../img/contents_banner1.jpg") 0px 0px no-repeat;
}
#c_banner1 a			{height:119px;width:184px;display:block;}
#c_banner1 a:hover span	{background-position:0px -119px;}

#c_banner2, #c_banner2 span{
      height:60px;
      width:181px;
      background: url("../img/contents_banner2.jpg") 0px 0px no-repeat;
}
#c_banner2 a			{height:60px;width:181px;display:block;}
#c_banner2 a:hover span	{background-position:0px -60px;}

#c_banner3, #c_banner3 span{
      height:60px;
      width:183px;
      background: url("../img/contents_banner3.jpg") 0px 0px no-repeat;
}
#c_banner3 a			{height:60px;width:183px;display:block;}
#c_banner3 a:hover span	{background-position:0px -60px;}

#c_banner4, #c_banner4 span{
      height:60px;
      width:183px;
      background: url("../img/contents_banner4.jpg") 0px 0px no-repeat;
}
#c_banner4 a			{height:60px;width:183px;display:block;}
#c_banner4 a:hover span	{background-position:0px -60px;}

#c_banner5, #c_banner5 span{
      height:59px;
      width:181px;
      background: url("../img/contents_banner5.jpg") 0px 0px no-repeat;
}
#c_banner5 a			{height:59px;width:181px;display:block;}
#c_banner5 a:hover span	{background-position:0px -59px;}

#c_banner6, #c_banner6 span{
      height:59px;
      width:183px;
      background: url("../img/contents_banner6.jpg") 0px 0px no-repeat;
}
#c_banner6 a			{height:59px;width:183px;display:block;}
#c_banner6 a:hover span	{background-position:0px -59px;}

#c_banner7, #c_banner7 span{
      height:59px;
      width:183px;
      background: url("../img/contents_banner7.jpg") 0px 0px no-repeat;
}
#c_banner7 a			{height:59px;width:183px;display:block;}
#c_banner7 a:hover span	{background-position:0px -59px;}



/*  サイドバナー  */

#side_banner_area ul	{
				list-style:none;
				margin:15px 0 5px 0;
				}
#side_banner_area ul li	{
				list-style:none;
				margin:5px 0 5px 0;
				}


/*  200803 追加 (MT用）  */

#content_main	{
				width:730px;
				margin-top:5px;
				}
#content_main_inner	{
				width:730px;
				
				}
#main_area		{
				width:520px;
				float:left;
				border:2px #333;
				padding-bottom:30px;
				}
#main_area	p	{
				margin-bottom:1em;
				}
#main_area_open{
				width:720px;
				margin-bottom:30px;
				}

#side_area		{
				width:200px;
				float:left;
				border:#E97117 1px solid;
				margin-top:10px;
				padding-bottom:5px;
				}

#content_footer	{clear:both;}
				


.page_sub_title{
				background:#E97117;
				color:#ffffff;
				font-size:18px;
				font-weight:bold;
				float:left;
				display:inline;
				padding:5px 5px;
				margin:10px 0 10px 0;
				}

.title{
				background:#E97117;
				color:#ffffff;
				font-size:18px;
				font-weight:bold;
				float:left;
				display:inline;
				padding:5px 5px;
				margin:10px 0 10px 0;
				}

.archive-title	{font-size:14px;}

.opencollege_box{
				padding-top:30px;
				}


/*ブログ概要*/ 
.entry-title 	{border-top:solid 2px #E97117;
                border-bottom:solid 2px #E97117;
				color:#E97117;
				font-size:18px;
				font-weight:bold; 
				padding:5px 5px;
				margin:3px 10px 20px 0;
				
				}
.entry-content	{
				padding-bottom:50px;
				}

.asset-body		{ 
				margin: 10px 25px 50px 25px ; 
				font-size:12px;
				line-height:140%;
				}
.asset-body table td{
				vertical-align:top;
				margin-top:0px;
				padding:5px;
				}
.published		{
				color:#666666;
				}

/*サイドバー概要*/ 

.widget			{
				
				}
.widget-header	{color:#ffffff;
				background-color:#E97117;
				font-weight:bold; 
				margin-bottom:5px;
				list-style-type: square;
				padding:5px;
				}
.widget-list	{margin-left:25px;
				line-height:130%;
				}
.widget-list-item{
				padding-bottom:5px;
				}

.archive_contents{margin-left:5px;
				padding-top:50px;

				}


/*自動スタイル画像*/ 
.mt-image-left { 
				margin-right: 15px !important; 
				margin-bottom: 15px !important; 
				}

.mt-image-right{ 
				margin-left: 15px !important; 
				margin-bottom: 15px !important; 
				}



/* intro ページ用

#intro			{padding-left:18px;
				line-height:150%;
				background:url("../intro/img/orange_square.gif") 0px 2px no-repeat;
				}


#anchor			{margin:5px 0 10px 20px;
				list-style:none;
				line-height:180%;
				}

#anchor a		{
				text-decoration:underline;
				color:#0022FF;
				font-size:110%;
				}
h2 img			{margin:3px 0 15px 0;
				}
.to_top			{width:100%;
				text-align:right;
				clear:both;
				padding:10px 0 25px 0;
				}
.to_top a		{
				width:8em;
				padding-left:1.4em;	
				text-decoration:underline;
				color:#0022FF;
				font-size:90%;
				background:url("../intro/img/to_top_icon.gif") left center no-repeat;
				}

#box1,#box2,#box3,#box4,#box5,#box6{
				width:730px;
				color:110%;
				line-height:160%;}

#box1 p			{width:315px;
				float:left;
				}
#box1 img.photo	{
				display:block;
				float:left;
				margin:0 0 20px 18px;
				}

#box2 div.lead	{font-weight:bold;
				margin:5px 0 15px 0;
				}
#box2 div.text	{float:right;
				width:470px;
				}
	
#box2 h4.anime	{font-weight:bold;
				color:#0069b3;
				}
#box2 h4.comic	{font-weight:bold;
				color:#7dc622;
				}
#box2 h4.voice	{font-weight:bold;
				color:#f189a3;
				}
#box2 p			{
				margin-bottom:15px;
				}
#box2 p.last	{
				margin-bottom:40px;
				}
#box2 span.label{
				color:#ffffff;
				background:#f189a3;
				padding:1px 4px 1px 4px;
				margin:4px 0 6px 0;
				}

#box3 p			{width:313px;
				float:left;
				}
#box3 img.photo	{
				display:block;
				float:left;
				margin:0 0 20px 18px;
				}

#box4 p			{width:100%;
				}
#box4 img.photo	{
				display:block;
				float:left;
				margin:15px 0 20px 4px;
				}
#box5 h3		{clear:both;
				margin-bottom:15px;}
#box5 div.text	{float:left;
				width:340px;
				}
#box5 p			{margin-bottom:1em;
				}
#box5 p.note	{font-size:75%;
				clear:both;
				margin-top:20px;
				margin-bottom:40px;
				}

#box5 img.photo	{
				display:block;
				float:left;
				margin:0 0 7px 10px;
				}


ol#support		{display:inline;
				width:730px;
				margin:0;
				padding:0;
				list-style:none;
				font-size:95%;
				}
#support li		{display:block;
				width:296px;
				height:90px;
				margin:0px;
				padding-left:64px;
				float:left;
				}
#support li	img	{
				padding-bottom:4px;
				}
li#support1		{background:url("../intro/img/point1.gif") left top no-repeat;
				padding-right:10px;}
li#support2		{background:url("../intro/img/point2.gif") left top no-repeat;
				}
li#support3		{background:url("../intro/img/point3.gif") left top no-repeat;
				padding-right:10px;}
li#support4		{background:url("../intro/img/point4.gif") left top no-repeat;
				}
li#support5		{background:url("../intro/img/point5.gif") left top no-repeat;
				padding-right:10px;}
li#support6		{background:url("../intro/img/point6.gif") left top no-repeat;
				}
li#support7		{background:url("../intro/img/point7.gif") left top no-repeat;
				padding-right:10px;}

#gss{
				width:698px;
				background:url("../intro/img/gss_logo.gif") 500px 20px no-repeat;
				border:solid 1px #666666;
				margin-top:20px;
				padding:15px;
				clear:both;
				}
#gss p{
				font-weight:bold;
				margin:5px 0 25px 0;
				width:450px;
				}
#gss ol{
				display:inline;
				width:698px;
				margin:0;
				padding:0;
				list-style:none;
				font-size:95%;
				}
#gss ol li{
				display:block;
				width:280px;
				height:90px;
				margin:0px;
				padding-left:64px;
				float:left;
				}
#gss ol li	img	{
				padding-bottom:4px;
				}
li#f_support1		{background:url("../intro/img/point1.gif") left top no-repeat;
				padding-right:10px;}
li#f_support2		{background:url("../intro/img/point2.gif") left top no-repeat;
				}
li#f_support3		{background:url("../intro/img/point3.gif") left top no-repeat;
				padding-right:10px;}
li#f_support4		{background:url("../intro/img/point4.gif") left top no-repeat;
				}
li#f_support5		{background:url("../intro/img/point5.gif") left top no-repeat;
				padding-right:10px;}

#box6 ul.people li		{
				list-style:none;
				margin:10px 0 25px 0;
				line-height:160%;
				}
#box6 ul.people li	p.photo	{
        float: left;
        width: 140px;
}
#box6 span.name	{
				color:#E97117;
				font-weight:bold;
				font-size:120%;
				line-height:160%;
				}
#box6 span.subject	{
				font-size:90%;
				line-height:100%;
				}
#box6 span.orange	{
				color:#E97117;
				font-size:90%;
				}
#box6 p			{
				padding:5px 0 4px 0;
				overflow: hidden;
				}
* html #box6 p { zoom: 1; }
*+html #box6 p { zoom: 1; }
#box6 strong	{
				font-weight:bold;
				font-size:125%;
				}


#box7 h3		{
				border-bottom:solid 1px #000000;
				padding-bottom:5px;
				margin-bottom:5px;
				margin-top:20px;
				}
#box7 p.intro	{font-weight:bold;
				margin-bottom:15px;
				}
#box7 h4.anime	{font-weight:bold;
				color:#00ccdb;
				}
#box7 h4.comic	{font-weight:bold;
				color:#317700;
				}
#box7 h4.voice	{font-weight:bold;
				color:#eb63c6;
				}
#box7 h4.general{font-weight:bold;
				color:#000000;
				}

#box7 p.list	{font-size:80%;
				margin-top:6px;
				margin-bottom:20px;
				}
#box7 p.list2	{font-size:80%;
				margin-top:6px;
				margin-bottom:6px;
				}
*/




/* 080619追加　トップ更新情報上 */

#main_block{
			position:relative;
			width:730px;
			}


#big_banner_area{
				width:474px;
				height:125px;
				margin:0 2px 20px 0;
				padding:0;
				display:block;
				text-align:right;
				}

/* 081006追加　トップ更新情報上 */
			
#netalive_banner{
      height:80px;
      width:234px;
      background: url("../img/net_alive_baner01.jpg") 0px 0px no-repeat;
}
#netalive_banner a				{height:80px;width:234px;display:block;}
#netalive_banner a:hover span	{background-position:-80px 0px;}

/* オープンカレッジ　アンカーリンク */

.open_anchor_area{
			float:left;
			width:730px;
			}
.open_anchor_area div{
			float:left;
			margin-bottom:10px;
			}

.open_anchor_area ul li{
			width:120px;
			list-style:none;
			display:inline;
			margin:0 20px 10px 0;
			}
.open_anchor_area .area1{
			width:550px;
			}
.open_anchor_area .area2{
			width:730px;
			}
.open_anchor_area .area3{
			width:200px;
			}
.open_anchor_area ul li a{
			color:blue;
			text-decoration:underline;
			}
.open_anchor_area ul li a:visited{
			color:blue;
			text-decoration:underline;
			}

.opencollege_box{
			clear:both;
			}

			

/* 言語選択メニュー */

ul#language{
			padding-top:3px;
			}
ul#language li a, ul#language li a:visited{
			color:#0000ff;
			}
ul#language li a:hover{
			color:#0000ff;
			text-decoration:underline;
			}



/* clearfix */
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height: 0px;
    font-size: 0.1em;
    line-height: 0;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
    /*\*/height:1%;/*for WinIE*/
    display:inline-table;/*for MacIE*/
}