@charset "UTF-8";

/* index　───────────────────────────────────

	1. index style
	
────────────────────────────────────────*/


/* 1. index style
────────────────────────────────────────*/
#one_colum {
	width:750px;
	height:auto;
	margin:0px auto;
	text-align:left;
}
#columL {
	width:570px;
	height:auto;
	margin:0px;
	padding:0px;
}
#columL .box_info h2 {
	width:552px;
	font-size:12px;
	background-color:#eff2f9;
	padding:9px;
	margin:0px;
	border-bottom:1px solid #CCCCCC;
}
#columL .box_info p {
	font-size:16px;
	font-weight:bold;
	margin:0px;
	padding:13px 9px;
	background-image:url(../images/index/img_01.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#columL .box_info {
	float:left;
	width:570px;
	border:1px solid #CCCCCC;
	margin:0px;
	padding:0px;
}
#info01 #ul01 ul {
	margin:15px 0px 15px 17px;
	padding:0px;
	list-style:none;
}
#info01 #ul01 ul li {
	float:left;
	width:260px;
	height:auto;
	background-image:url(../images/index/icon_li.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 15px;
}
#info01 #ul02 ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#info01 #ul01 ul li {
	width:225px;
	_width:260px;
	background-position:left;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px 0px 0px 35px;
}

#index_r {
	float:right;
	width:275px;
	height:auto;
}
#info_kensyo {
	float:left;
	width:273px;
	height:auto;
	border:1px solid #CCCCCC;
	margin:0px 0px 20px 0px;
	padding:0px;
}

.infobox {
	clear:both;
	border:1px solid #CCCCCC;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
}
#box_blog,#box_song,#box_staff {
	padding-bottom:0px;
}
.infobox p {
	margin:5px 12px;
	padding:0px;
}
.infobox p.info_t {
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:8px 0px 8px 15px;
	width:auto;
	color:#4c4c4c;
	border-bottom:1px solid #cccccc;
	background-color:#eff2f9;
}
#index_catch {
	background-image:url(../images/index/catch_img.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

.infobox h2.info_t {
	height:60px;
	font-size:16px;
	font-weight:normal;
	color:#4c4c4c;
	margin:0px 10px 10px 10px;
	padding:0px 0px 0px 0px;
	text-indent:-9990px;
}
.infobox h3 {
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:12px 0px 8px 12px;
	color:#4c4c4c;
	border-bottom:1px solid #cccccc;
	background-color:#eff2f9;
}
.infobox ul {
	margin:0px;
	padding:10px;
	list-style:none;
}
.infobox ul li {
	float:left;
	width:170px;
	display:block;
	background-image:url(../images/index/icon_li2.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}

#news01 {
	clear:both;
	margin:0px 0px 20px 0px;
	padding:0px;
}
#news01 h3 {
	font-size:12px;
	font-weight:bold;
	color:#000066;
	width:169px;
	_width:190px;
	height:auto;
	border:1px solid #CCCCCC;
	border-bottom:none;
	margin:0px;
	padding:8px 0px 10px 20px
}
.rssbtn {
	margin:0px 0px -3px 15px;
}
#news01 dl {
	border:1px solid #CCCCCC;
	border-top:none;
	background-image:url(../images/index/news_line.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin:0px;
	padding:5px 0px 0px 0px;
}
#news01 dl dt {
	font-size:10px;
	color:#4c4c4c;
	margin:0px 0px 0px 15px;
	padding:0px;
}
#news01 dl dd.icon {
	margin:0px 0px 10px 15px;
	background-image:url(../images/index/icon_li2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
}

#news01 dl dd {
	margin:0px 0px 10px 15px;
	padding:0px 0px 0px 10px;
}
#news01 dl dd a {
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
#news01 dl dd p {
	margin:0px 0px 5px 0px;
	padding:0px;
}
#news01 dl dd#topics_t {
	margin:10px 15px 10px 15px;
	padding:5px;
	font-size:14px;
	border-bottom:3px solid #CCCCCC;
}
#news01 dl dd#topics_text p {
	margin:0px 10px 15px 0px;
}
p#listall {
	clear:both;
	text-align:right;
	margin:0px 10px 0px 0px;
	padding:15px 10px;
	background-image:url(../images/index/icon_li2.gif);
	background-position:right;
	background-repeat:no-repeat;
}

.info_ot {
	clear:both;
	border:1px solid #CCCCCC;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
}
.info_ot h4 {
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:10px 0px 10px 50px;
	color:#4c4c4c;
	background-color:#f5e0fb;
	border-bottom:1px solid #cccccc;
	background-position:left;
	background-repeat:no-repeat;
}
.info_ot h4#ot01 {
	background-image:url(../images/index/h_03.gif);
}
.info_ot h4#ot02 {
	background-image:url(../images/index/h_04.gif);
}

.info_ot ul {
	margin:0px;
	padding:10px;
	list-style:none;
}
.info_ot ul li {
	float:left;
	width:250px;
	display:block;
	background-image:url(../images/index/icon_li2.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}
.info_ot ul li a {
	background-image:url(../images/index/icon_site.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:0px 15px 0px 0px;
}
p.bn_link {
	text-align:right;
	margin:5px;
}
p.bn_link a.site {
	margin:0px;
	padding:0px 15px 0px 0px;
	background-image:url(../images/index/icon_site.gif);
	background-position:right;
	background-repeat:no-repeat;
}




.info_ot2 {
	clear:both;
	border:1px solid #CCCCCC;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
}
.info_ot2 h4 {
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:10px 0px 10px 50px;
	color:#4c4c4c;
	background-color:#f5e0fb;
	border-bottom:1px solid #cccccc;
	background-position:left;
	background-repeat:no-repeat;
}
.info_ot2 h4#ot01 {
	background-image:url(../images/index/h_03.gif);
}
.info_ot2 h4#ot02 {
	background-image:url(../images/index/h_04.gif);
}
.info_ot2 p {
	padding:5px 10px;
	margin:0px;
}
.info_ot2 ul {
	margin:0px;
	padding:10px;
	list-style:none;
}
.info_ot2 ul li {
	width:auto;
	display:block;
	background-image:url(../images/index/icon_li2.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
}
.info_ot2 ul li a {
	background-image:url(../images/index/icon_site.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:0px 15px 0px 0px;
}
.info_ot2 ul li.li_in {
	width:auto;
	display:block;
	background-image:url(../images/index/icon_li3.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	margin:0px 10px 10px 15px;
	padding:0px 0px 0px 10px;
}

ul#s_top {
	margin:0px;
	padding:5px 0px 15px 10px;
	height:40px;
	border-bottom:1px solid #CCCCCC;
}
ul#s_top li {
	width:250px;
	_width:265px;
	height:14px;
	background-image:url(../images/index/icon_li.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 16px;
	margin:0px 0px 7px 0px;
}
ul#s_top li a {
	color:#4c4c4c;
}
ul#s_top li a:hover {
	color:#0066cc;
}

ul#s_menu {
	margin:0px;
	padding:17px 0px 10px 17px;
	height:150px;
}
ul#s_menu li {
	width:225px;
	_width:250px;
	height:26px;
	background-image:none;
	margin:0px 0px 5px 0px;
	padding:0px;
}
ul#s_menu li a {
	width:auto;
	color:#0000cc;
	display:block;
	background-position:left;
	background-repeat:no-repeat;
	padding:10px 0px 10px 30px;
	margin:0px 0px 3px 0px
}
ul#s_menu li#s01,ul#s_menu li#s03,ul#s_menu li#s05,ul#s_menu li#s07,ul#s_menu li#s09 {width:285px;}
ul#s_menu li#s01 a { background-image:url(../images/index/icon_01.gif);}
ul#s_menu li#s02 a { background-image:url(../images/index/icon_02.gif);}
ul#s_menu li#s03 a { background-image:url(../images/index/icon_03.gif);}
ul#s_menu li#s04 a { background-image:url(../images/index/icon_04.gif);}
ul#s_menu li#s05 a { background-image:url(../images/index/icon_05.gif);}
ul#s_menu li#s06 a { background-image:url(../images/index/icon_06.gif);}
ul#s_menu li#s07 a { background-image:url(../images/index/icon_07.gif);}
ul#s_menu li#s08 a { background-image:url(../images/index/icon_08.gif);}
ul#s_menu li#s09 a { background-image:url(../images/index/icon_09.gif);}
ul#s_menu li#s10 a { background-image:url(../images/index/icon_10.gif);}

ul#webschool {
	margin:0px;
	padding:0px;
	height:90px;
}
ul#webschool li {
	text-indent:-9990px;
}
ul#webschool li a {
	width:284px;
	height:88px;
	display:block;
}
ul#webschool li#web01 {
	width:284px;
	height:88px;
	margin:0px;
	padding:0px;
	background-image:url(../images/index/bn_01.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
ul#webschool li#web02 {
	width:284px;
	height:88px;
	margin:0px;
	padding:0px;
	background-image:url(../images/index/bn_02.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.infobox h3#h_blog {
	background-image:url(../images/index/h_01.gif);
	background-position:4px 3px;
	background-repeat:no-repeat;
	padding-left:27px;
}
.infobox h3#h_song {
	background-image:url(../images/index/h_02.gif);
	background-position:4px 3px;
	background-repeat:no-repeat;
	padding-left:27px;
}
.y_box {
	border:1px solid #a98bda;
	margin:0px 0px 20px 0px;
}
.y_box h4 {
	color:#FFFFFF;
	font-weight:normal;
	background-color:#a98bda;
	padding:5px 10px;
	margin:0px;
}
.y_box ul {
	padding:5px 5px 5px 0px;
	margin:0px 0px 0px 0px;
}
.y_box li {
	margin:0px 0px 0px 20px;
	padding:0px;
}


#news02 {
	clear:both;
	margin:0px 0px 20px 0px;
	padding:0px;
}
#news02 h3 {
	font-size:12px;
	font-weight:bold;
	color:#000066;
	width:169px;
	_width:190px;
	height:auto;
	border:1px solid #CCCCCC;
	border-bottom:none;
	margin:0px;
	padding:8px 0px 10px 20px
}
.rssbtn {
	margin:0px 0px -3px 15px;
}
#news02block {
	border:1px solid #CCCCCC;
	border-top:none;
	background-image:url(../images/index/news_line.gif);
	background-position:top;
	background-repeat:no-repeat;
	min-height:100px;
}
#news02 dl {
	float:left;
	width:280px;
	margin:0px;
	padding:10px 0px 0px 0px;
}
#news02 dl dt {
	font-size:10px;
	color:#4c4c4c;
	margin:0px 0px 0px 15px;
	padding:0px;
}
#news02 dl dd.icon {
	margin:0px 0px 10px 15px;
	background-image:url(../images/index/icon_li2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
}

#news02 dl dd {
	margin:0px 0px 10px 15px;
	padding:0px 0px 0px 0px;
}
#news02 dl dd a {
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
#news02 dl dd p {
	margin:0px 0px 5px 0px;
	padding:0px;
}
#news02 dl dd#topics_t {
	margin:10px 15px 10px 15px;
	padding:5px;
	font-size:14px;
	border-bottom:3px solid #CCCCCC;
}
#news02 dl dd#topics_text p {
	margin:0px 10px 15px 0px;
}