@charset "Shift_JIS";

/* temp *****************/

/* all */
*{margin:0; padding:0;}
img{ border:0;}
body{ text-align:center;background-image:url(http://www.hello.ac/img/bg_main800.jpg); background-position:center; background-repeat:repeat-y;}
#wrap{width:800px;margin:0 auto; text-align:left; }
/* temp_headerer */
#box_h1 { position:absolute; top:0; left:auto; right:auto;}
#box_h1 h1{ width:342px; position:absolute; top:148px; left:0px;}
#header { position:absolute; top:0; left:auto; right:auto;}
#header .top_01{ position:absolute; top:0px; left:0px;}
#header .top_02{ position:absolute; top:81px; left:0px;}
#header .top_04{ position:absolute; top:117px; left:0px;}
#header .top_05{ position:absolute; top:213px; left:0px;}
#header .top_07{ position:absolute; top:226px; left:0px;}
#header .adviser1{position:absolute; top:81px; left:350px; width:174px; height:188px;}
#header .adviser2{position:absolute; top:81px; left:538px; width:169px; height:188px;;}
#header .btn_msg{position: absolute; bottom:0; left: 0;}
#header .logo{ position:absolute; top:81px; left:737px;}
#header .btn_sitemap{ position:absolute; top:168px; left:703px;}
#header .btn_ppolicy{ position:absolute; top:218px; left:703px;}
#header .btn_mailmag1{position:absolute; top:280px; left:0px;}
#header .btn_mailmag2{position:absolute; top:280px; left:111px;} /* Upd 2010.02.11 */
#header .photo_class{position:absolute; top:280px; left:529px;}	/* Change 2010.02.11 */

#header #countdown {	 /* Add 2010.1012 */
	position: absolute;
	top: 280px;
	left: 532px;
	width: 259px;
	height: 114px;
	overflow: hidden;
	background: url('/top_img/bg_countdown_no_repeat.jpg') #f4f5fd no-repeat top left;
}

#header #countdown p {
	line-height: 1.2;
	font-weight: bold;
	font-family: Arial, Helvetica, Clean, sans-serif;
}

#header #countdown p.head {
	width: 247px;
	margin: 5px auto 0;
/*
	padding-left: 14px;
	background: url('/top_img/bg_countdown_head.gif') no-repeat left center;
*/
	font-size: 13px;
}

#header #countdown.today p.head {
	margin: 5px auto 0;
}

#header #countdown p.date {
	text-align: center !important;
	font-size: 16px;
}

#header #countdown p span {
	color: #e50000;
	font-size: 20px;
}


#header ul#topBanner {
	list-style-type: none;
}

#header ul#topBanner li {
	position: absolute;
	top: 280px;
}

#header ul#topBanner li.ban1 {left: 0px;}
#header ul#topBanner li.ban2 {left: 269px;}
#header ul#topBanner li.ban3 {left: 538px;}

#header ul#topBanner li a:hover img {
	filter: alpha(opacity=85);
	opacity: 0.85;
}

#header .img_adviser{margin-bottom: 5px;}
#header dl{font-size:9pt; line-height: 125%;}
#header dt{margin-bottom: 4px;}
#header dt a{color:#333333; font-weight:bold; background-color:#80c4ca; padding: 3px;}
/* temp_global_navi */
#global_navi{ margin-top:398px; padding:10px 0 15px;} /* Upd 2010.02.11 */
#global_navi ul{ list-style:none; /* padding-left:12px; */padding: 0;}	/* Upd 2010.0917 */
#global_navi li{ display:inline;}
#global_navi img{ /* margin-right:5px; */ margin: 0;}	/* Upd 2010.0917 */
/* topicPath */
#topicPath {margin:0 0 20px 0; padding:0 10px;}
#topicPath li {display:inline; font-size:9pt;line-height:100%; font-weight:bold;list-style-type:none;}
#topicPath li a {padding-right:15px;background:url(http://www.hello.ac/img_temp/topicpath.gif) no-repeat right center;}
/* contain */
#contain{padding-bottom:40px;}
#side_contents{ width:200px; float:left;}
#contents{ width:600px; float:right;}
#contents .contents_wrap { padding:0 15px 0 15px;}
/* side_banner_top */
.side_banner_top { text-align:center; margin-bottom:8px;}
.side_banner_top img{ margin-bottom:7px;}
/* side_navi */
.side_navi{ width:182px;margin:0 auto 20px auto;}
.side_navi img.side_navi_title{ margin-bottom:3px;}
.side_navi ul{ margin:0 0 8px 0; padding:0; list-style:none;}
.side_navi li{ margin:0; padding:0; list-style:none; display:inline;}
/* side_banner_bottom */
.side_banner_bottom { text-align:center;}
.side_banner_bottom img{ margin-bottom:7px;}
#mobilesite { margin:0 auto; padding:10px 0; width:165px;text-align:center;font-size:10pt; line-height:120%;}
#mobilesite .qr_i{border:1px solid #aaaaaa;  padding:4px 1px 5px 28px; margin-bottom:10px;background:url(http://www.hello.ac/img_temp/bg_icon_imode.gif) no-repeat left top;background-color:#FFFFCC;}
#mobilesite .qr_ez{border:1px solid #aaaaaa; padding:4px 1px 5px 28px; margin-bottom:10px;background:url(http://www.hello.ac/img_temp/bg_icon_ez.gif) no-repeat left top;background-color:#ffe4da;}
#mobilesite .qr_ya{border:1px solid #aaaaaa; padding:4px 1px 5px 28px; margin-bottom:10px;background:url(http://www.hello.ac/img_temp/bg_icon_softbank.gif) no-repeat left top;background-color:#e8e8e8;}
#mobilesite img{margin-bottom:0; margin-top:4px;}
.side_banner_bottom p{ padding:0 10px;margin-bottom:5px;font-size:9pt; line-height:120%; color:#333333;}
/* footer_navi */
#footer_navi{margin:0 0 15px 0; text-align:center; clear:both;}
#footer_navi ul{ list-style:none; margin-bottom:5px;}
#footer_navi li {list-style:none;display:inline; font-size:9pt;line-height:120%; font-weight:bold;list-style-type:none;}
#footer_navi li a {padding-right:14px;background:url(http://www.hello.ac/img_temp/footer_navi.gif) no-repeat right center;}
#footer_navi a.right{ background:none; padding:0;}
/* temp_footer */
.home{text-align:right;margin:0 10px 20px auto; clear:both;}
#footer {width:800px;min-height:92px;height:auto !important;height:92px;background:url(http://www.hello.ac/img_temp/bg_footer.gif) no-repeat top;}
#footer .footer_address{ text-decoration:none; font-style:normal; padding-left:370px;padding-top:10px; }
#footer dl {padding-bottom:5px;}
#footer dt {width:100px;float:left;padding:3px 0 0 0; clear:both; white-space:nowrap;font-size:9pt;line-height:12pt;}  
#footer dd {padding:3px 0 0 3px;color:#ffffff; white-space:nowrap;font-size:9pt;line-height:12pt;}
#footer dt.footer_mail {color:#99CCCC;font-weight:bold;}
#footer dt.footer_tel {color:#CCCC33;font-weight:bold;}
#footer dd.dis{ padding:0;}
#footer .yellow{ color:#ffff00;}
#copyright {font-size:9pt;line-height:120%;color:#ffffff;margin-bottom:15px;}
/* contents */
h2{ margin-bottom:10px;}
h3{margin-bottom:8px;}
#hellonews {padding:10px 0; margin-bottom:10px; border-bottom:1px solid #3366ff;}
#hellonews ul{margin:0;padding:0 0 0 20px;font-size:11pt; line-height:12pt;}
#hellonews li{margin:0; padding:2px 0; color:#0000CC;}
#hellonews li.red{ color:#ff3300;}
#blog_rss{ padding-top:10px;}
#blog_rss .rss_iframe{ width:570px;height:215px;overflow:scroll;border-top:1px solid #999999;}
#blog_rss .rss_iframe_in{border-left:1px solid #999999;}
#blog_rss h4{ font-size:10pt; text-align:left; font-weight:normal; background-color:#ccccff; padding:3px 7px;}
#blog_rss h5{ font-size:10pt; text-align:left; font-weight:normal; padding:7px;}
#blog_rss p{ font-size:10pt; text-align:left; padding:0 7px 5px 7px; margin-bottom:10px;}
#blog_rss p#dot {
	background: url('/top_img/dot.gif') no-repeat left center;
	margin: 0;
	padding: 0 0 0 15px;
}

/* common */
div.gototop{text-align:right; padding:20px 10px 20px 0;background:url(img/k_bottom.jpg) top no-repeat;}
a {text-decoration:none;}
a:hover {color:#FF0000}
p{margin-bottom:5px;font-size:11pt; line-height:120%; color:#333333;}
li, td, th, dt, dd{ color:#333333;}
.red{ color:#ff3300;}
a.red :hover{color:#ff3300;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px; /*\*//*/height: auto;overflow: hidden;/**/}