@charset "UTF-8";

/*---------------------
CSS Information

Site URL: http://www.ceresgakuin.jp/
File name:base.css
Summery:セレス学院
Created:2011.9.19
Author:Juri Sinclair
Copyright:Juri Sinclair

Order of description

__Universal selecta

----------------------*/

/* Universal selecta */
*{
margin:0;
padding:0;
}

img {
border: none;
vertical-align: bottom;
}

.floatclear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.floatclear {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .floatclear {height: 1%;}
*+html .floatclear {min-height: 1%;}
.floatclear {display: block;}
/* End hide from IE-mac */

html {
	font-size: 14px;
	letter-spacing: 0em;
	line-height: 1.4em;
	color: #333;
}
h1,h2,h3,h4,h5 {
	font-size: 1em;
	font-weight: normal;
}
a {color: #cc33ff; text-decoration: none;}
a:link {color: #cc33ff;}
a:hover {color: #FF6C00}
a:visited {color: #cc33ff;}
a:active {color: #cc33ff;}

/* common */
#wrapper {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#header {
	border-bottom: 8px solid #fba583;
	font-size: 0.9em;
}
#header_inner {
	width: 950px;
	margin: 0 auto;
}
#top_left {
	width: 450px;
	float: left;
}
#top_right {
	width: 500px;
	float: right;
	text-align: right;
}
#catch {
	font-family: "ＭＳ 明朝",serif;
	padding-top: 5px;
	padding-bottom: 10px;
}
#logo {
	padding-left: 5px;
}
#tel {
	padding-top: 5px;
	padding-bottom: 8px;
}
#tabmenu {
	list-style: none;
}
#tabmenu li {
	width: 150px;
	float: right;
	margin-left: 10px;
}
#navi {
	width: 950px;
	margin: 10px auto;
	list-style: none;
}
#navi li {
	float: left;
}
#content {
	width: 950px;
	margin: 0 auto 30px;
}
#footer {
	width: 920px;
	margin: 0 auto;
	background: #ffe5cc;
	padding: 10px 15px;
	font-size: 0.8em;
}
#footer_addr {
	width: 520px;
	float: left;
}
.footer_map {
	width: 152px;
	border: 4px solid #fcd4ad;
	float: left;
}
.footer_addr_txt {
	width: 320px;
	float: left;
	padding: 0 20px;
	line-height: 1.4em;
}
.footer_addr_txt p{
	padding-bottom: 10px;
}
p.footer_addr_midashi {
	font-size: 1.1em;
	color: #b53706;
}
#footer_menu {
	width: 179px;
	height: 154px;
	padding: 0 10px;
	float: left;
	border-left: 1px dotted #b53706;
}
#footer_menu ul {
	list-style: none;
}
#footer_menu ul li a{color: #333333;}
#footer_menu ul li a:link{color: #333333;}
#footer_link {
	width: 179px;
	height: 154px;
	padding: 0 10px;
	float: left;
	border-left: 1px dotted #b53706;
}
#footer_link ul {
	list-style: none;
	padding-top: 5px;
}
#footer_link ul li{
	background: url(/images/icon_link.gif) no-repeat;
	padding-left: 10px;
	line-height: 18px;
}
.copyright {
	text-align: center;
	font-size: 0.8em;
	color: #666666;
}

/* side */
#page_side {
	width: 275px;
	float: left;
}
.sidebox {
	margin-bottom: 10px;
}
.side_menu_gaku ul{
	border: double #f4bf73;
	list-style: none;
	padding: 10px 15px 5px;
	list-style: none;
}
.side_menu_gaku ul li{
	background: url(/images/sun_orange.gif) no-repeat;
	padding-left: 24px;
	line-height: 20px;
	padding-bottom: 8px;
	font-weight: bold;
}
.side_menu_gaku ul li a{color: #666666;}
.side_menu_gaku ul li a:link{color: #666666;}
.side_menu_gaku ul li a:hover {color: #cc33ff}
.side_menu_shin ul{
	border: double #73aaf4;
	list-style: none;
	padding: 10px 15px 5px;
	list-style: none;
}
.side_menu_shin ul li{
	background: url(/images/sun_blue.gif) no-repeat;
	padding-left: 24px;
	line-height: 20px;
	padding-bottom: 8px;
	font-weight: bold;
}
.side_menu_shin ul li a{color: #666666;}
.side_menu_shin ul li a:link{color: #666666;}
.side_menu_shin ul li a:hover {color: #cc33ff}

.qrbox {
	border: 1px solid #cccccc;
	padding: 5px;
}
.qr_txt {
	width: 185px;
	padding-left: 5px;
	padding-top: 5px;
	float:left;
	font-size: 0.8em;
}
.qr_pic {
	width: 70px;
	float:right;
}
.qr_midashi {
	padding-top: 5px;
	color: #592a47;
	line-height: 1.2em;
	font-size: 1.2em;
}
.banner {
	text-align: center;
	padding-bottom: 10px;
}

#page_content {
	width: 660px;
	float: right;
}

/* pop */
#wrapper_pop {
	width: 900px;
	margin: 0 auto;
}
#content_pop {
	width: 900px;
}
.pop_page {
	padding: 0px 20px;
}
#footer_pop {
	background: #ffcccc;
}

.mgB30 {
	margin-bottom: 30px;
}
.mgB20 {
	margin-bottom: 20px;
}
.mgB10 {
	margin-bottom: 10px;
}
.red {
	color: red;
}
.orange {
	color: #f5a737;
}
.small {
	font-size: 0.8em;
}