@charset "utf-8";

@import 'search.css';

div#lbox div.row1 {
	padding: 35px 0px 20px 0px;
	margin-left: 30px;
	border-bottom: 1px solid #C8C8C8;
}

div#lbox div.row2 {
	padding: 35px 0px 35px 0px;
	margin-left: 30px;
	border-bottom: 1px solid #C8C8C8;
}

div#lbox div.row3 {
	padding: 35px 0px 35px 0px;
	margin-left: 30px;
	border-bottom: 1px solid #C8C8C8;
}

div#lbox div.row4 {
	padding: 35px 0px 5px 0px;
	margin-left: 30px;
}

div#lbox div.row5 {
	padding: 15px 0px 20px 0px;
	border-bottom: 1px solid #C8C8C8;
}

div#lbox h2 a {
	background-color: transparent;
}

div#lbox #search_keyword a{
	background-color: transparent;
}


/*// For Topicon  //
-----------------------------------------------------*/
div#lbox div#icon-area {
	margin-left: 30px;
	padding-top: 10px;
}

div#lbox div#icon-area ul#anchor-area {
	list-style: none;
	margin-bottom: 5px;
	float: left;
}

div#icon-area ul#anchor-area li {
	width: 25px;
	height: 25px;
	float: left;
	margin-right: 10px;
}

div#icon-area ul#anchor-area li a {
	background: url(../../top-img/bt_iconmenu.gif) no-repeat;
	width: 25px;
	height: 25px;
	display: block;
}

div#icon-area ul#anchor-area li span {
	width: 25px;
	height: 25px;
	position: relative;
	z-index: -1;
	overflow: hidden;
	display: block;
}

div#icon-area ul#anchor-area li.icon01 a {
	background-position: 0px 0px;
}
div#icon-area ul#anchor-area li.icon02 a {
	background-position: -25px 0px;
}
div#icon-area ul#anchor-area li.icon03 a {
	background-position: -50px 0px;
}
div#icon-area ul#anchor-area li.icon04 a {
	background-position: -75px 0px;
}
div#icon-area ul#anchor-area li.icon01 a:hover {
	background-position: 0px -25px;
}
div#icon-area ul#anchor-area li.icon02 a:hover {
	background-position: -25px -25px;
}
div#icon-area ul#anchor-area li.icon03 a:hover {
	background-position: -50px -25px;
}
div#icon-area ul#anchor-area li.icon04 a:hover {
	background-position: -75px -25px;
}

div#icon-area .image {
	clear: both;
}


/*// For Event  //
-----------------------------------------------------*/
div#lbox div.row5 div.mainev-box {
	float: left;
	width: 280px;
	padding-left: 30px;
}

div.mainev-box a img  {
	border: 4px solid #E6E6E6;
}
div.mainev-box a:hover img  {
	border: 4px solid #002878;
}
div.mainev-box a {
	background-color: transparent;
}

div.mainev-box p a:hover {
	background-color: #002878;
}


div.mainev-box .rss-menu a:hover {
	background-color: #002878;
}

div.mainev-box p.mainevtitle {
	font-size: 120%;
	font-weight: bold;
	margin: 20px 0px;
}

div.mainev-box p {
	margin-bottom: 5px;
}

div.mainev-box .evcopy,
div.subev-box .evcopy {
	font-size: 80%;
	color: #777777;
	margin-top: 10px;
	text-align:left;
}

ul.rss-menu {
	list-style-type: none;
	font-size: x-small;
	margin-top: 35px;
}

ul.rss-menu li.ichi {
	background: url(../../top-img/icon_ichi.gif) no-repeat 0px 0px;
	padding: 0px 0px 0px 17px;
	margin-bottom: 5px;
}

ul.rss-menu li.rss {
	background: url(../../top-img/icon_rss.gif) no-repeat 0px 0px;
	padding: 0px 0px 0px 17px;
	margin-bottom: 5px;
}

div.row5 div.otherev-box {
	margin-left: 310px;
}

div.otherev-box div.subev-box {
	float: left;
	width: 143px;
	height: 330px;
	padding-left: 30px;
}

div.otherev-box div.subev-box .sub-img {
	width: 143px;
	height: 188px;
	margin-bottom: 10px;
	position: relative;
}

div.otherev-box div.subev-box .sub-img a img {
	border: 4px solid #E6E6E6;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
div.otherev-box div.subev-box .sub-img a:hover img {
	border: 4px solid #002878;
}

div.otherev-box div.subev-box p {
	margin-bottom: 5px;
}

/*// For News  //
-----------------------------------------------------*/
div.row1 div.st-area,
div.row2 div.st-area,
div.row3 div.st-area,
div.row4 div.st-area {
	float: left;
	width: 170px;
}

div.row1 div.top-box,
div.row2 div.top-box,
div.row3 div.top-box,
div.row4 div.top-box {
	margin-left: 170px;
	padding-right: 30px;
	min-width:400px;
}

div.top-box dl.news-list dt {
	font-size: x-small;
	float: left;
	width: 245px;
}

div.top-box dl.news-list dd {
	margin: 0px 0px 15px 260px;
}

/*// For Art  //
-----------------------------------------------------*/
div.st-area p.bt-artcl {
	margin-top: 40px;
}

div.st-area p.bt-artcl a {
	background: url(../../top-img/bt_artcl.gif) no-repeat;
	display: block;
	height: 50px;
	width: 135px;
}

div.st-area p.bt-artcl a:hover {
	background-position:0px -50px;
}

div.st-area p.bt-artcl span {
	height: 50px;
	width: 135px;
	position: relative;
	z-index: -1;
	overflow: hidden;
	display: block;
}

div.top-box .bt-kensaku {
	padding-left:5px;
	background-color:#FFFFFF;
}


#id-search-box {
	margin-top:10px;
}

#id-search {
	width:50px;
}


/*// For Magazine  //
-----------------------------------------------------*/
div.st-area p.bt-voice a {
	background: url(../../top-img/bt_voice.gif) no-repeat;
	height: 30px;
	width: 135px;
	display: block;
	margin-top: 5px;
}

div.st-area p.bt-about a {
	background: url(../../top-img/bt_about.gif) no-repeat;
	height: 30px;
	width: 135px;
	display: block;
	margin-top: 25px;
}

div.st-area p.bt-entry a {
	background: url(../../top-img/bt_entry.gif) no-repeat;
	height: 30px;
	width: 135px;
	display: block;
	margin-top: 5px;
}

div.st-area p.bt-about span,
div.st-area p.bt-entry span,
div.st-area p.bt-voice span {
	height: 30px;
	width: 135px;
	position: relative;
	z-index: -1;
	overflow: hidden;
	display: block;
}

div.st-area p.bt-voice a:hover {
	background-position: 0px -30px;
}
div.st-area p.bt-about a:hover {
	background-position: 0px -30px;
}
div.st-area p.bt-entry a:hover {
	background-position: 0px -30px;
}

div.top-box .m-month {
	float: left;
	width: 140px;
	padding-bottom: 20px;
	border-right: 1px solid #C8C8C8;
}

div.top-box .m-month h3 {
	font-size: 110%;
	color: #00AAE6;
	margin-bottom: 40px;
}
div.top-box .m-month h3 span.t-large {
	font-size: 280%;
}

div .top-box .m-contents {
	margin: 0px 0px 0px 150px;
	padding: 0px 0px 25px 30px;
}

div .top-box .m-contents2 {
	margin: 0px 0px 0px 150px;
	padding: 0px 0px 0px 30px;
}

div.top-box .m-contents img,
div.top-box .m-contents2 img {
	float: left;
}

div.top-box div.m-contents div.m-txt,
div.top-box div.m-contents2 div.m-txt {
	margin-left: 130px;
	width: auto;
}

div.m-contents div.m-txt h4,
div.m-contents2 div.m-txt h4  {
	padding-bottom: 10px;
}

div.m-contents .m-txt p,
div.m-contents2 .m-txt p {
	padding-bottom: 5px;
}


/*// For Present  //
-----------------------------------------------------*/
div.top-box div.pres-box  {
	margin-bottom: 30px;
}

div.top-box .pres-box div.pres-img {
	font-size: 75%;
	width: 105px;
	float: left;
	text-align:left;
}

div.top-box .pres-box div.pres-img p {
	padding-top:5px;
}

div.top-box div.pres-box div.pre-txt {
	margin-left: 140px;
}

div.top-box div.pres-box div.pre-txt p {
	margin-bottom: 15px;
}

div.top-box div.pres-box div.pre-txt dl {
	font-size: x-small;
}

div.top-box div.pres-box div.pre-txt dl dt {
	float: left;
	width: 55px;
	padding-bottom: 5px;
	height: 100%;
}

div.top-box div.pres-box div.pre-txt dl dd {
	margin-left: 55px;
	padding-bottom: 5px;
}

div.top-box p.no-txt {
	margin-top:5px;
}

div.top-box .txtspace {
	color: #004B8C!important;
	text-decoration: none!important;
}