@import url("layout.css");
@import url("../common/html/left_banner.css");

/* CSS　Rule	-------------------------------------


	*	disply, float, visibility, position, margin 
	*	width, height, oveflow 
	*	border 
	*	padding 
	*	background 
	*	list-style 
	*	line-height 
	*	text 
	*	white-space 
	*	font 
	*	color 

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


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

/* share style

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

html { background : #F8F7EF url(../common_img/footer/footer_bg.gif) repeat-x left bottom;}
body {
    margin		: 0;
    padding		: 0;
	background	: transparent url(../common_img/body_bg.jpg) repeat-x left top;
	font-style	: normal;
	font-family	: Verdana, sans-serif, "ＭＳ Ｐゴシック";
	font-weight	: normal;
	text-align	: center;
	font-size	: 100%;
	color		: #555;
}

h1,h2,h3,h4,h5,h6,
p,pre,blockquote,
ul,ol,dl,address{
    margin	: 0;
    padding	: 0;
}


div#wrap{
	margin		: 0 auto;
	width		: 820px;
	background	: url(../common_img/bg.gif) repeat-y;
	text-align	: center;
}

img 		{ border : 0;}
img.image	{ border : solid 1px #CCC;}

.flt_r { float : right; margin : 0 15px 10px;}
.flt_l { float : left; margin : 0 15px 10px;}

form input { height : 16px;}
form input#kakunin { height : 21px;}


/* --- ページ最下部 --- */

p.pagetop {
	float			: right;
	margin			: 0  15px 10px 0;
	display			: inline;
	text-indent		: -9999px;
	overflow		: hidden;
}
p.pagetop a{
	display			: block;
	width			: 79px;
	height			: 21px;
	background		: transparent url(../common_img/pagetop.gif) no-repeat;
	text-decoration	: none;
}

	p.pagetop a:hover{ background-position : 0 -21px !important;} 



p.pageback {
	float			: left;
	margin			: 0  15px 10px 262px;
	display			: inline;
	text-indent		: -9999px;
	overflow		: hidden;
}
p.pageback a{
	display			: block;
	width			: 83px;
	height			: 21px;
	background		: transparent url(../common_img/pageback.gif) no-repeat;
	text-decoration	: none;
}

	p.pageback a:hover{ background-position : 0 -21px !important;} 

p.comment_aicon {
	padding-left	: 18px;
	background		: transparent url(../common_img/comment-aicon.gif) no-repeat 3px 3px;
}

p.comment_aicon2 {
	margin			: 0 5px 12px;
	padding-left	: 18px;
	background		: transparent url(../common_img/comment-aicon.gif) no-repeat 3px 3px;
}

p.comment_aicon3{
	margin			: 0 35px 12px !important;
	padding-left	: 18px;
	background		: transparent url(../common_img/comment-aicon.gif) no-repeat 3px 3px;
}

p.comment_aicon4{
	margin			: 0 20px 5px 0 !important;
	padding-left	: 18px;
	background		: transparent url(../common_img/comment-aicon.gif) no-repeat 3px 4px;
	font-size:12px !important;
}

/*
 text
----------------------------------------------------------- */

.txt10 { font-size : 10px !important;}


/*
 link
----------------------------------------------------------- */

a:link,
a:visited	{ text-decoration : underline; color : #3567FE; }
a:hover		{ text-decoration : none;}



/*
 ol,ul,li
----------------------------------------------------------- */

.list-style ,
.list-style li { margin : 0; padding : 0; list-style : none;}

.list-style { margin : 0 15px 8px; padding-top : 0px;}
.list-style li {
	display			: inline;
	margin-right	: 5px;
	background		: transparent url(../common_img/list_aicon02.gif) no-repeat left center;
	padding-left	: 14px;
	font-size		: 75%;
	line-height		: 20px;
}

.list-style2 ,
.list-style2 li { margin : 0; padding : 0; list-style : none;}

.list-style2 { margin : 0 15px 8px; padding-top : 0px;}
.list-style2 li {
	display			: inline;
	margin-right	: 5px;
	background		: transparent url(../common_img/list_aicon02.gif) no-repeat left center;
	padding-left	: 14px;
	font-size		: 75%;
	line-height		: 20px;
}

.list-style3 ,
.list-style3 li { margin : 0; padding : 0;}

.list-style3 { margin : 0 10px 10px 35px; padding-top : 0px;}
.list-style3 li {
	margin-right	: 5px;
	padding-left	: 0;
	font-size		: 75%;
	line-height		: 20px;
}

ol.ol_list-style,
ol.ol_list-style li { margin : 0; padding : 0;}
ol.ol_list-style	{ margin : 0 20px 15px 45px; padding-top : 0px;}
ol.ol_list-style li { 
	margin-right	: 5px;
	font-size		: 75%;
	line-height		: 20px;
}

ol.ol_list-style2,
ol.ol_list-style2 li { margin : 0; padding : 0;}
ol.ol_list-style2	{ margin : 0 0 15px 20px; padding-top : 0px;}
ol.ol_list-style2 li { 
	margin-right	: 5px;
	font-size		: 12px;
	line-height		: 20px;
}


/*
 other
----------------------------------------------------------- */

.mgn0	{ margin : 0 !important;}
.mgnb_0 { margin-bottom : 0 !important;}
.mgnb_5 { margin-bottom : 5px !important;}
.mgnr_5 { margin-right : 5px;}
.mgnl_5 { margin-left : 5px;}


/*
 other
----------------------------------------------------------- */

.tbl_center	{ margin:0 auto;}
.tbl_style	{
	margin			: 0 auto 15px;
	border			: 1px solid #CCC;
	border-collapse	: collapse;
	border-spacing	: 0;
	empty-cells		: show;

}

	.tbl_style th{
		border		: 1px solid #CCC;
		background	: #F2F2F2;
		padding		: 6px 8px;
		text-align	: center;
		font-size	: 75%;
	}

	.tbl_style td{
		border		: 1px solid #CCC;
		padding		: 6px 8px;
		line-height	: 1.4;
		font-size	: 75%;
	}
	
	td.td_col01 { background-color : #F9F9F9;}


.tbl_style2	{
	margin			: 0 auto 15px;
	border			: 1px solid #CCC;
	border-collapse	: collapse;
	border-spacing	: 0;
	empty-cells		: show;

}

	.tbl_style2 th{
		border		: 1px solid #CCC;
		background	: #F2F2F2;
		padding		: 6px 8px;
		text-align	: center;
		font-size	: 65%;
	}

	.tbl_style2 td{
		border		: 1px solid #CCC;
		padding		: 6px 8px;
		line-height	: 1.4;
		font-size	: 65%;
	}
	


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

/* top page

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

ul#top_banner		{ height : 172px; margin :0 0 20px;}/*1行ならheightを50、2行なら111、3行なら172にして下さい*/
ul#top_banner li	{ float : left; display : inline; margin:0; padding : 0; list-style : none;}
ul#top_banner li a	{
	margin			: 11px 5px 0;
	display			: block;
	width			: 260px;
	height			: 50px;
	text-indent	 	: -9999px;
	overflow 		: hidden;
	text-decoration	: none;
}
	
	#top_banner li#top_banner01 a{ background : transparent url(../img/top_banner-06.jpg) no-repeat;}
	#top_banner li#top_banner02 a{ background : transparent url(../img/top_banner-02.jpg) no-repeat;}
	#top_banner li#top_banner03 a{ background : transparent url(../img/top_banner-07.jpg) no-repeat; margin-top : 0;}
	#top_banner li#top_banner04 a{ background : transparent url(../img/top_banner-08.jpg) no-repeat;}
	#top_banner li#top_banner05 a{ background : transparent url(../img/top_banner-09.jpg) no-repeat;}
	#top_banner li#top_banner06 a{ background : transparent url(../img/top_banner-10.jpg) no-repeat;}
	#top_banner li#top_banner07 a{ background : transparent url(../img/top_banner-01.jpg) no-repeat; margin-top : 0;}
	#top_banner li#top_banner08 a{ background : transparent url(../img/top_banner-15.jpg) no-repeat;}
	#top_banner li#top_banner09 a{ background : transparent url(../img/top_banner-16.jpg) no-repeat; margin-top : 0;}
	#top_banner li#top_banner10 a{ background : transparent url(../img/top_banner-11.gif) no-repeat;}
	#top_banner li#top_banner11 a{ background : transparent url(../img/top_banner-robot.jpg) no-repeat; margin-top : 0;}
	#top_banner li#top_banner12 a{ background : transparent url(../img/top_banner-it.jpg) no-repeat;}
	#top_banner li#top_banner13 a{ background : transparent url(../img/gameblog_banner.gif) no-repeat; margin-top : 0;}
	#top_banner li#top_banner14 a{ background : transparent url(../img/computerblog_banner.gif) no-repeat; margin-top : 0;}
	#top_banner li#top_banner15 a{ background : transparent url(../img/top_banner-04.jpg) no-repeat;}
	#top_banner li#top_banner16 a{ background : transparent url(../img/top_banner-17.jpg) no-repeat;}
	#top_banner li#top_banner17 a{ background : transparent url(../img/top_banner-03.jpg) no-repeat;}
	#top_banner li#top_banner18 a{ background : transparent url(../img/top_banner-macro.jpg) no-repeat;}
	#top_banner li#top_banner19 a{ background : transparent url(../img/top_banner-05.jpg) no-repeat;}
	#top_banner li#top_banner20 a{ background : transparent url(../img/top_banner-18.gif) no-repeat;}
	#top_banner li#top_banner21 a{ background : transparent url(../img/top_banner-19.jpg) no-repeat;}
	#top_banner li#top_banner22 a{ background : transparent url(../img/top_banner-senten.gif) no-repeat;}
	#top_banner li#top_banner23 a{ background : transparent url(../img/top_banner-wbt.gif) no-repeat; margin-top : 0;}
	#top_banner li#top_banner24 a{ background : transparent url(../img/top_banner-workbook.jpg) no-repeat;}
	#top_banner li#top_banner25 a{ background : transparent url(../img/top_banner-denpa60.jpg) no-repeat; margin-top : 0;}
	#top_banner li#top_banner26 a{ background : transparent url(../img/top_banner-university.jpg) no-repeat;}

	.section h3#h3_topics	{ background : transparent url(../img/top_h3-topics.gif) no-repeat;}
	.section h3#h3_news		{ background : transparent url(../img/top_h3-news.gif) no-repeat;}
	.section h3#h3_taiken	{ background : transparent url(../entrance/img/h3-taiken.gif) no-repeat;}


	.section h3 a{
		overflow		: hidden;
		position		: absolute;
		top				: 1px;
		right			: 1px;
		display			: block;
		width			: 53px;
		height			: 21px;
		background		: transparent url(../img/top_h3-more.gif) no-repeat center top !important;
		text-decoration	: none;
	}

	.section h3 a:hover{ background-image : url(../img/top_h3-more_over.gif)!important;}



dl.dl_style,
dl.dl_style dt,
dl.dl_style dd { margin : 0; padding : 0;}


dl.dl_style	{ margin : 0 auto; width : 520px; font-size : 75%;}
dl.dl_style dt {
	float			: left;
	clear			: left;
	width			: 120px;
	margin-bottom	: 8px;
	padding			: 4px 0 0;
	text-align		: right;
}

	dl.dl_style dt.it		{ background : transparent url(../img/dt-it.jpg) no-repeat center left;}
	dl.dl_style dt.game		{ background : transparent url(../img/dt-game.jpg) no-repeat center left;}
	dl.dl_style dt.broad	{ background : transparent url(../img/dt-broadcasting.jpg) no-repeat center left;}
	dl.dl_style dt.electric	{ background : transparent url(../img/dt-electric.jpg) no-repeat center left;}
	dl.dl_style dt.digital	{ background : transparent url(../img/dt-digital.jpg) no-repeat center left;}
	dl.dl_style dt.robo		{ background : transparent url(../img/dt-robot.jpg) no-repeat center left;}


dl.dl_style dd {
	float		: left;
	width		: 375px;
	margin		: 0 0 6px 25px;
	padding		: 2px 0;
	text-align	: left;
	line-height	: 1.4;
}



dl.dl_style2,
dl.dl_style2 dt,
dl.dl_style2 dd { margin : 0; padding : 0;}


dl.dl_style2	{ margin : 0 auto; width : 520px; font-size : 75%;}
dl.dl_style2 dt {
	float			: left;
	clear			: left;
	width			: 75px;
	margin-bottom	: 8px;
	padding			: 4px 0 0;
	text-align		: left;
}

dl.dl_style2 dd {
	float		: left;
	width		: 420px;
	margin		: 0 0 6px 25px;
	padding		: 2px 0;
	text-align	: left;
	line-height	: 1.4;
}

dl.dl_style3,
dl.dl_style3 dt,
dl.dl_style3 dd { margin : 0; padding : 0;}

dl.dl_style3 { margin : 0 25px 18px;}

dl.dl_style3 dt {
	font-size	: 75%;
	line-height	: 1.8;
}

dl.dl_style3 dd  {
	font-size	: 75%;
	line-height	: 1.5;
}


ul#top_btn { width : 540px;}
ul#top_btn li {
	float		: left;
	margin		: 0;
	padding		: 0;
	list-style	: none;
}


#top_btn li a {
	margin			: 11px 5px 0;
	display			: block;
	width			: 260px;
	height			: 50px;
	text-indent		: -9999px;
	overflow		: hidden;
	text-decoration	: none;
}

	#top_btn li#top_btn01 a { background : transparent url(../img/top_banner-03.jpg) no-repeat;}
	#top_btn li#top_btn02 a { background : transparent url(../img/top_banner-04.jpg) no-repeat;}
	#top_btn li#top_btn03 a { background : transparent url(../img/top_banner-05.jpg) no-repeat;}
	#top_btn li#top_btn04 a { background : transparent url(../img/top_banner-it.jpg) no-repeat;}
	#top_btn li#top_btn05 a { background : transparent url(../img/gameblog_banner.gif) no-repeat;}
	#top_btn li#top_btn06 a { background : transparent url(../img/computerblog_banner.gif) no-repeat;}
	#top_btn li#top_btn07 a { background : transparent url(../img/top_banner-01.jpg) no-repeat;}
	#top_btn li#top_btn08 a { background : transparent url(../img/top_banner-wbt.gif) no-repeat;}
	#top_btn li#top_btn09 a { background : transparent url(../img/broadcastingblog_banner.gif) no-repeat;}
div#opencampus{
	margin-left	: 5px;
	border		: 5px solid #608a02;
	width		: 500px;
	padding		: 8px 10px 6px;
}

dl.dl_style4	{ margin : 0 0 5px; width : 480px; font-size : 75%;}
dl.dl_style4 dt {
	float			: left;
	clear			: left;
	width			: 75px;
	margin-bottom	: 0px;
	padding			: 4px 0 0;
	text-align		: left;
	line-height		: 1.4;
}

dl.dl_style4 dd {
	float		: left;
	width		: 370px;
	margin		: 0 0 0px 25px;
	padding		: 4px 0 0;
	text-align	: left;
	line-height	: 1.4;
}