/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {
	padding:0;
	font:12px/18px "arial", sans-serif;
}
h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {
	margin:10px 0;
}
/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */
.orange {
	color:#F15A24;
}
.green {
	color: #5B7A21;
}
hr.orangeLine {
	width:90%;
	border-color:#F15A24;
	clear:both;
	margin:15px auto 10px;
	background-color: #F15A24;
}
.borderOrangeBox{
	border:#F15A24 2px solid;
	width:90%;
	margin:5px auto;
	padding:8px 5px 5px 5px;
}
ul.naturalList{
	width:90%;
	float:right;
	text-align:left;
	margin-bottom:20px;
}
ul.naturalList li{
	display: inline-block;
	margin-right:20px;
}

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

#main {
	width:995px;
	padding:0px;
	margin:10px auto;
	overflow:hidden;
	border:#666666 1px solid;
}
#sub {
	width:995px;
	padding:0px;
	margin:10px auto;
	overflow:hidden;
	border:#666666 1px solid;
}
#header {
	position:relative;
	height:122px;
	padding:0;
	overflow:hidden;
}
#slogan {
	width:508px;
	height:91px;
	margin:15px 450px 15px 30px;
	background:url(../images/logo.jpg) 0 0 no-repeat;
}
#slogan a{
	text-indent:-20000px;
	text-decoration:none;
	display:block;
	width:508px;
	height:91px;
}
#nav {
	position:relative;
	padding:0;
	height:37px;
	width:995px;
	margin:0;
	background: url(../images/menu.jpg) top center no-repeat;
}
#nav ul {
	margin:0;
	list-style:none;
}
#nav ul li {
	display:inline;
	width:124px;
	height:37px;
	margin:0;
	float:left;
}
#nav ul li a {
	display:block;
	width:124px;
	height:37px;
	text-decoration:none;
	text-indent:-20000px;
}
#cols {
	width:995px;
	margin:0;
	background-color: #333333;
	padding:15px 0 0 0;
}
#cols-in {
	min-height:430px;
	padding: 0;
}
#content {
	float:left;
	width:690px;
}
#aside {
	float:right;
	width:280px;
}
#content .in {
	padding:0 0 0 15px;
}
#aside .in {
	padding:0 15px 0 0;
	text-align:left;
}
#footer {
	padding:10px 15px;
	margin:0;
	background-color: #333333;
}
#footer p {
	text-align:right;
	margin:0;
	color:#FFFFFF;
}
/* ----------------------------------------------------------------------------------------------------------
4) Bread Crumbs
---------------------------------------------------------------------------------------------------------- */

#breadcrumbs {
	margin:0 30px;
	font-size:90%;
}
#breadcrumbs a:hover {
	text-decoration:none;
}
#breadcrumbs span {
	margin:0 3px;
}


/* ----------------------------------------------------------------------------------------------------------
4) Main Cont
---------------------------------------------------------------------------------------------------------- */
#content h1{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding:4px 4px 4px 27px;
	margin:0;
}
#content h2{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding:4px 4px 4px 27px;
	margin:0;
}
.colBody{
	padding:10px 0;
	float:left;
	margin:0;
	background-color: #F9F9F9;
}
#main .colBody h2, #sub .colBody h2{
	font-size:18px;
	font-weight:bold;
	color: #F15A24;
	padding:10px 10px 0;
	line-height:30px;
}
#main .colBody h3, #sub .colBody h3{
	font-size:14px;
	font-weight:bold;
	color: #F15A24;
	padding:10px 10px 0;
}
#main .colBody h4, #sub .colBody h4{
	font-size:12px;
	font-weight:bold;
	padding:10px 10px 0;
}
.colBody h5{
	font-size:12px;
	font-weight:bold;
	color: #666666;
	padding:5px 10px;
	margin:0;
}
.colBody p{
	margin:0 20px 10px;
	padding:0;
}
.colsL {
	clear:both;
	margin-bottom:20px;
}
.colsL .col{
	width:675px;
	padding:0;
	margin:0;
}
.colsL .col .colBody{
	width:675px;
	min-height:200px;
}
.colsS {
	clear:both;
	margin-bottom:20px;
}
.colsS .col{
	width:325px;
	padding:0;
	margin:0;
	float:left;
}
.colsS .col .colBody{
	width:325px;
}

.leftImg200 {
	margin:0 10px 10px 0;
	padding:0 0 0 20px;
	width:200px;
	float:left;
}
.rightText200 {
	margin:0 10px 10px 215px;
	padding:0;
}
#main .bookContentBox{
	width:615px;
	margin:5px auto;
	border:#999999 1px solid;
	padding:10px;
}
#sub .bookContentBox{
	width:575px;
	margin:5px auto;
	border:#999999 1px solid;
	padding:10px;
}
.bookContentBox ul{
	padding:5px 5px 5px 30px;
}
.bookContentBox ul li{
	list-style:none;
}

#sub .colsL .col h1{
	width:40px;
	height:184px;
	float:left;
	margin:0;
	padding:0;
	text-indent:-20000px;
	display:block;
}
#sub .colsL .col h1#aboutBar{
	background:url(../images/about_bar.jpg) 0 -1px no-repeat;
}
#sub .colsL .col h1#gakugakuBar{
	background:url(../images/gakugaku_bar.jpg) 0 -1px no-repeat;
}
#sub .colsL .col h1#frontBar{
	background:url(../images/front_bar.jpg) 0 -1px no-repeat;
}
#sub .colsL .col h1#specialBar{
	background:url(../images/special_bar.jpg) 0 -1px no-repeat;
}
#sub .colsL .col h1#numberBar{
	background:url(../images/number_bar.jpg) 0 -1px no-repeat;
}
#sub .colsL .col h1#getBar{
	background:url(../images/get_bar.jpg) 0 -1px no-repeat;
}
#sub .colsL .col h1#contactBar{
	background:url(../images/contact_bar.jpg) 0 -1px no-repeat;
}
#sub .colsL .col h1#activeBar{
	background:url(../images/active_bar.jpg) 0 -1px no-repeat;
}
#sub .colsL .col h1#campaignBar{
	background:url(../images/campaign_bar.jpg) 0 -1px no-repeat;
}
#sub .colsL .col .colBody{
	width:635px;
	float:left;
}

/* ----------------------------------------------------------------------------------------------------------
5) Aside
---------------------------------------------------------------------------------------------------------- */
#aside h4 {
	font-size:14px;
	font-weight: bold;
	padding:0 10px;
	color: #DEEEC1;
	height:24px;
	margin:0;
}
#aside .in .col{
	width:265px;
	margin-bottom:20px;
	padding-bottom:20px;
}
#aside .in .col p{
	margin:0 0 10px 0;
	padding:0;
}
#aside .in .col .colBody{
	width:265px;
	margin-bottom:10px;
	background-color:#DEEEC1;
}
#aside .in .col .colBody p{
	padding:15px;
	margin:0;
}

/* ----------------------------------------------------------------------------------------------------------
6) Others
---------------------------------------------------------------------------------------------------------- */
.more {
	padding-right:14px;
	float:right;
}
a:hover.more {
	text-decoration:none;
}
.small{
	font-size:10px;
}

dl.news {
	margin:0;
	float:left;
}
dl.news dt {
	margin:0 0 8px 0;
	clear:both;
	width:100px;
	float:left;
	padding:0 0 0 20px;
}
dl.news dd {
	margin:0 0 8px 0;
	padding:0 20px 0 0;
	float:left;
	width:180px;
}
dl.news a:hover {
	text-decoration:none;
}
dl.info {
	margin:0;
}
dl.info dt {
	margin:0 0 8px 0;
	clear:both;
	width:100px;
	float:left;
	padding:0 0 0 20px;
	font-weight:bold;
}
dl.info dd {
	margin:0 0 8px 0;
	padding:0 20px 0 0;
	float:left;
	width:480px;
}
dl.info a:hover {
	text-decoration:none;
}

#icons li{
	float:left;
	width:160px;
	height:108px;
	text-indent:-9999em;
	list-style:none;
}
#icons li a{
	display:block;
	width:160px;
	height:108px;
}
#icons li a#first{background:url(../images/icons.jpg) no-repeat 0 0 ;}
#icons li a#second{background:url(../images/icons.jpg) no-repeat -160px 0 ;}
#icons li a#third{background:url(../images/icons.jpg) no-repeat -320px 0 ;}