﻿@charset "utf-8";

/*=================================================================
	
	デジハリ・オンラインスクールサイト / トップページ用CSS
	・Customize: 2012.1.23

=================================================================*/
#header {
	width:980px;
	text-align:left;
	margin:0 auto;
	padding-top:10px;
}
#left-box {
	width:700px;
	margin-left:30px;
	float:left;
	text-align:left;
}
#right-box {
	width:220px;
	margin-right:25px;
	float:right;
	padding-top:40px;
}
#main {
	background:url(../../img/main_bg01.jpg) 0 0 no-repeat;
	width:980px;
	height:436px;
	text-align:left;
}
#main h2 {
	padding:50px 0 0 40px;
}
* html #main h2 {
	padding:40px 0 0 40px;
}
*:first-child+html #main h2 {
	padding:40px 0 0 40px;
}

#main #link-box01 {
	background:url(../../img/circle_bg01.png) 0 0 no-repeat;
	width:220px;
	height:222px;
	padding-top:25px;
	margin:30px 0 0 20px;
	float:left;
}
#main #link-box02 {
	background:url(../../img/circle_bg02.png) 0 0 no-repeat;
	width:220px;
	height:233px;
	padding-top:25px;
	margin:30px 0 0 15px;
	float:left;
}
#main #link-box03 {
	background:url(../../img/circle_bg03.png) 0 0 no-repeat;
	width:220px;
	height:219px;
	padding-top:25px;
	margin:30px 0 0 15px;
	float:left;
}
#main #link-box01 h3,
#main #link-box02 h3,
#main #link-box03 h3 {
	width:114px;
	margin:0 auto;
}
#main #link-box01 ul li,
#main #link-box02 ul li,
#main #link-box03 ul li {
	text-align:left;
}
#menu {
	margin-top:25px;
}
#menu li {
	float:left;
}

.ranking-box {
	width:210px;
	float:left;
}
.h2-box {
	width:660px;
	height:23px;
}
.h2-box h2 {
	width:565px;
	float:left;
}
* html .h2-box h2 {
	width:565px;
	float:left;
	margin-top:-13px;
}
*:first-child+html .h2-box h2 {
	width:565px;
	float:left;
	margin-top:-13px;
}
.h2-box .btn_more {
	width:86px;
	float:left;
}

.event-box {
	width:314px;
	float:left;
}
.event-txt {
	width:220px;
	float:right;
}
.event-txt .icon-list li {
	float:left;
}
.event-txt .icon-list li {
	float:left;
}
.event-txt .icon-list li img {
	margin-bottom:5px;
}
.event-box dl dt {
	font-size:90%;
}


/*pickup用*/
.event-box02 {
	width:300px;
	float:left;
}
.event-txt02 {
	width:210px;
	float:right;
}
.event-txt02 .icon-list li {
	float:left;
}
.event-txt02 .icon-list li {
	float:left;
}
.event-txt02 .icon-list li img {
	margin-bottom:5px;
}
.event-box02 dl dt {
	font-size:90%;
}

.event-box02 .pickup-ttl {
	background:#FF6600;
	padding:0 0 0 0;
}

.event-box02 .pickup-ttl img {
	margin:0 0 0 0;
}



#event-bnr-box li {
	float:left;
}

.news-list dt {
	font-size:90%;
	width:85px;
	float:left;
	margin-top:5px;
}
.news-list dd {
	width:565px;
	float:left;
	margin-top:5px;
}

.sp-box {
	width:314px;
	float:left;
}
.sp-txt {
	width:220px;
	float:right;
}
.sp-txt dt {
	font-weight:bold;
	color:#ff7000;
	font-size:120%;
}

#srchBox02 {
	width:220px !important;
	color:#000000;
	text-align:left;
	margin-right:95px;
}
#srchBox02 #srch02 #srchForm02 {
	white-space:nowrap;
}
#srchBox02 #srchInput02 {
	width:180px;
	height:24px;
	float:left;
	margin:0px 5px 0 0;
	border:none;
	background: #fff url(../../img/search_bg02.gif) center center no-repeat;
	padding:0 5px;	
}
#btn_search02 {
	float:left;
}
#cv-box {
	padding:10px;
	background-color:#fff3e9;
}
#cv-box ul li {
	margin-bottom:8px;
}


.cv-box02 {
	padding:10px;
	background-color:#fff3e9;
	text-align:left;
}
.cv-box02 ul li {
	background: url(../../img/icon_arrow.gif) 0 8px no-repeat;
	padding-left:10px;  
}


.cv-box02 ul li a:link,
.cv-box02 ul li a:visited {
	font-size:12px;
	color:#333333;
}


/*pickup*/

.pickup {
	 background-color: #FFF3E9;
    padding:5px;
	/*width:270px;*/
	}


/*-----------------------------------------------------------------
		pagetop
-----------------------------------------------------------------*/
#pagetop {
	float:right;
	margin-right:21px;
}





/*重要なお知らせ*/
.important_news{
width:630px;
margin:15px 0 15px 0;
padding:15px;
text-align:left;
color:#FF0000;
border:3px solid #FF0000;
}

.important_news dt {
width: 130px;
float: left;
/*padding-top:1.5em;*/
clear:both;
font-weight:bold;
line-height:150%;
color:#333;
}

.important_news dd {
width: 470px;
float: left;
padding-left:15px;
line-height:150%;
border-left:1px solid #FF0000;
}

.important_news dd strong{
}



