@charset "Shift_JIS";

/**********************************************************/
/* common */
/**********************************************************/
* {
	margin: 0;
	padding: 0;
}

body {
	background: url(http://www.hello.ac/img/bg_main800.jpg) repeat-y center;
	text-align: center;
	font-family: Arial, Helvetica, Clean, sans-serif;
	font-size: 14px;
}

p, li, td, th, dt, dd {
	color: #1a1a1a;
}

p,li {
	line-height: 1.4;
	margin-bottom: 0.75em;
}
a {
	text-decoration: none;
}

a:hover {
	color: #e50000;
}

a:hover img.opacity {
	filter: alpha(opacity=85);
	opacity: 0.85;
}

img {
	border: 0;
}

em {
	font-weight: bold;
	font-style: normal;
}

.red {
	color: #e50000;
}

.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px; /*\*//*/height: auto;overflow: hidden;/**/}

/************************************************/
.section2 {
	margin: 0 0 30px;
	padding: 0;
}

h2 {
	margin: 0 0 7px;
	padding: 4px 10px;
	border: 1px solid #d9d9d9;
	border-left: 5px solid #262699;
	background: url('img/bg_heading_g.jpg') repeat-x bottom;
	color: #0d131a;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.1em;
}

/************************************************/

/*
#notice {
	margin: 15px 120px 30px;
	padding: 15px 15px;
	border: 1px #4d9a9a solid;
	background-color: #f2ffff;
}

#notice h2 {
	margin: 0 -5px 0.25em;
	font-weight: bold;
	font-size: 16px;
}

#notice p {
	line-heigt: 1.2;
	margin: 0;
	font-size: 13px;
	text-align: justify;
}

#notice p#signature {
	text-align: right;
}
*/

#notice {
	padding: 15px 15px;
	border: 1px #4d9a9a solid;
	background-color: #f2ffff;
}

#notice h2 {
	margin: 0 0 0.25em;
	padding: 0;
	border: none;
	background: none;
	color: #1a1a1a;
	font-weight: bold;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
}

#notice p {
	line-heigt: 1.2;
	margin: 0;
	font-size: 13px;
	text-align: justify;
}

#notice p#signature {
	text-align: right;
}
/************************************************/

ul.banner_3column {
	list-style-type: none;
	position: relative;
	height: 81px;
}

ul.banner_3column li {
	position: absolute;
	top: 0px;
}

ul.banner_3column li.ban1 {left: 0px;}
ul.banner_3column li.ban2 {left: 192px;}
ul.banner_3column li.ban3 {left: 384px;}

ul.banner_3column li a:hover img {
	filter: alpha(opacity=85);
	opacity: 0.85;
}

/**********************************************************/
/* Box Model */
/**********************************************************/
#wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
	height: 190px;
	margin: 0 0 10px;
	border-bottom: 2px #4c5799 solid;
}

#header_tiny {
	position: relative;
}


#contain {
	padding-bottom: 45px;
}

#side_contents {
	width: 200px;
	float: left;
}

#contents {
	width: 600px;
	float: right;
}

#contents .contents_wrap {
	padding: 0 15px;
}


/**********************************************************/
/* header */
/**********************************************************/

#header #headerTop {
	position: absolute;
	top: 0px;
	left: 0px;
}

#header #headerCopy {
	position: absolute;
	top: 75px;
	left: 5px;
}

#header #box_h1 {
	position: absolute;
	top: 128px;
	left: 5px;
}

#header .adviser {
	position: absolute;
	top: 75px;
	width: 270px;
	height: 97px;
}

#header .adviser#adviserT {left: 350px;}
#header .adviser#adviserB {left: 575px;}


#header .adviser dd.photo {
	position: absolute;
	top: 2px;
	left: 0px;
}

#header .adviser dt {
	margin-bottom: 5px;
	padding-left: 95px;
	font-weight: bold;
	font-size: 12px;
}

#header .adviser dt a {
	padding: 3px;
	background-color: #80c4ca;
	color: #333333;
}

#header .adviser dd.name {
	line-height: 1.2;
	padding-left: 95px;
	font-size: 14px;
}

#header .adviser dd.name strong {
	font-size: 12px;
}

#header .adviser dd.message {
	position: absolute;
	right: 5px;
	bottom: 0px;
	font-size: 11px;
}

/**********************************************************/
/* hellopedia */
/**********************************************************/

#hellopedia #intro {
	height: 81px;
}

#hellopedia #intro img {
	float: left;
}

#hellopedia #intro p {
	line-height: 1.6;
	padding: 5px 10px 0 125px;
}

/**********************************************************/
/* SNS */
/**********************************************************/
#sns ul {
	margin-left: 30px;
}

#sns ul li {
	font-size: 13px;
}

#sns ul li a {
	font-size: 14px;
}
/**********************************************************/
/* side_contents */
/**********************************************************/
/* 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 30px;
}

#side_navi img.side_navi_title {
	margin-bottom: 3px;
}

#side_navi ul {
	list-style-type: none;
	margin: 0 0 8px;
	padding: 0;
}

#side_navi li {
	line-height: 1.8;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

#side_navi li a {
	display: block;
	padding: 0 5px;
}

#side_navi li a:hover {
	background-color: #29a3cc;
	color: #ffffff;
}

/* side_banner_bottom */
#side_banner_bottom {
}

#info {
	margin: 0 0.5em;
}
#info p {
	line-height: 1.2;
	margin-bottom: 0.5em;
	font-size: 13px;
}

#info p#head {
	background-color: #e5ecff;
	text-align: center;
}

#info p#mail {
	text-align: center;
}
/**********************************************************/
/* footer */
#footer {
	clear: both;
	width: 800px;
	background-color: #0000e5;
}

p#copyright {
	line-height: 2.0;
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	text-align: center;
}
/**********************************************************/
/* mobilesite */
/**********************************************************/
/*
#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;}
*/
/**********************************************************/
/* 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;}
*/

/**********************************************************/
/* footer */
/**********************************************************/
/*
#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;}
*/

/**********************************************************/
/* hellonews */
/**********************************************************/
/*
#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;}
*/