@charset "shift_jis";
/*------------------------------------------------------------------------------
	URL: http://www.ragnarokonline.jp/
	Date: 2009-0717
	(c) 2007 GungHo Online Entertainment, Inc. All Right Reserved.
------------------------------------------------------------------------------*/

/* Main
------------------------------------------------- */
*{margin:0px; padding:0px;}
a {text-decoration: none;color:#666666; text-decoration:underline;}
img{border:none;outline:none;vertical-align::bottom;}
.t10 {font-size: 10px;color: #0668B4;}
.fl_le {float: left;}
.fl_ri {float: right;}
.clear {clear: both;}
.center {text-align: center;}
.impt {color: #990000;}
.red{color:#FF0000;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.bold{font-weight:bold;}
.ml10{ margin-left:10px;}
.mt10{margin-top:10px;}
.pb30{padding-bottom:30px;}
ul li{list-style:none;}
body {
	font-size: 12px;
	line-height: 1.6em;
	color: #333333;
	background-color: #e3fcff;
}
body#top {
	background-image: url(../img/top/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}
body#sec {
	background-image: url(../img/sec/bg_sec.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}
div#gungho {
background: url("../img/top/header_bg.gif") no-repeat scroll right center #FFFFFF;
height:30px;
text-align:left;
width:100%;
}
#gungho {
height:30px;
}
#container {
	width: 960px;
	margin:482px auto 50px auto;
	padding:10px;
}
#container ul.columns_1{width:380px; float:left; display:block; padding:5px 10px 10px 15px;}
#container ul.columns_1 li{ padding-bottom:10px;}
#container ul.columns_2{width:300px; float:left; display:block; padding:5px 10px 10px 5px;}
#container ul.columns_2 li{ padding-bottom:10px;}
#container .columns_3{width:220px; float:left; display:block;}
#container .columns_side{background:url(../img/top/info_bg_bt.gif) no-repeat !important; background-position: center bottom; padding-bottom:30px; }
#container .columns_side .side_box{ width:220px;margin:0 auto 10px auto;}
#container .columns_side .side_box .side_img{ width:81px; padding:10px; float:left;}
#container .columns_side .side_box .side_text{ width:110px;float:left; padding-top:5px;}
#container .bn{width:698px; margin-left:20px;}
#container .bn .bn_box{ width:698px; background:url(../img/top/bn_bt.gif) no-repeat; background-position:bottom; padding-bottom:10px;}
#container .bn .bn_box{ width:698px; background:url(../img/top/bn_bt.gif) no-repeat; background-position:bottom; padding-bottom:10px;}
#container .bn .bn_box ul li{margin-bottom:10px;}
#container .bn .bn_box ul{ width:355px; padding-left:20px; float:left;}
#container .bn .bn_ri_box{width:294px; float:left;}
#container .bn .bn_ri{ height:70px; width:294px; padding-left:10px; padding-bottom:10px;}
#container .bn .bn_img_l{float:left; width:81px;}
#container .bn .bn_img_r{float:left; width:211px;}
#container .bn .bn_img_r p{ padding-left:10px;}
#footer{height:100px; width:100%; background:url(../img/top/footer_bg.gif) repeat-x;}
#footer .footer_box{ margin:0 auto; background:url(../img/top/fotter.gif) no-repeat;}
#footer .footer_box .cont{ width:960px; margin:0 auto;}
#footer p{ padding:10px;}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

.link{position:relative; width:100%; margin:0 auto 5px auto;}
.link2{position:relative; width:100%;}
#link_01{position:absolute; top:37px; left:22px; width:147px; height: 60px;display:block;}
#link_02{
	position:absolute;
	top:99px;
	left:121px;
	width:147px;
	height: 60px;
	display:block;
}
#link_03{
	position:absolute;
	top:41px;
	left:230px;
	width:147px;
	height: 60px;
	display:block;
}
#link_04{
	position:absolute;
	top:94px;
	left:357px;
	width:147px;
	height: 60px;
	display:block;
}
#link_05{
	position:absolute;
	top:24px;
	left:457px;
	width:147px;
	height: 60px;
	display:block;
}
#link_06{
	position:absolute;
	top:89px;
	left:564px;
	width:147px;
	height: 60px;
	display:block;
}
#link_07{
	position:absolute;
	top:33px;
	left:683px;
	width:147px;
	height: 60px;
	display:block;
}
#link_08{
	position:absolute;
	top:86px;
	left:800px;
	width:147px;
	height: 60px;
	display:block;
}


/*---------------------------------------sec--------------------------------------------------------*/
#container2 {
	width: 960px;
	margin:183px auto 50px auto;
	background-color:#FFFFFF;
	background:url(../img/sec/main_bg.gif) repeat-y;
}

#container2 .main_top{background:url(../img/sec/main_top.jpg) no-repeat; width:960px; height:90px;}
#container2 .main_top ul{ padding:10px 20px 10px 20px ; text-align:center;}
#container2 .main_top ul li{float:left; width:121px; display:block; margin:0 5px;}
#container2 .menu2_bg{ background:url(../img/sec/menu2_bg.jpg) no-repeat; width:960px; height:72px;}
#container2 .menu2_bg ul{ padding:10px 40px 10px 40px ; text-align:center;}
#container2 .menu2_bg ul li{float:left; width:164px; display:block; margin:0 5px;}
#container2 .main{width:902px; margin:0 auto;}
#container2 .main .tit{ margin-bottom:10px;}
#container2 .main .tit2{ margin-bottom:20px;}
#container2 .main .tits{ margin:20px auto; text-align:center;}
#container2 .main .text{ margin-left:30px; width:400px;}
#container2 .main .text_ind{ margin-left:30px; width:400px; text-indent:-10px;}
#container2 .main .text2{ margin-left:30px; width:200px; float:left;}
#container2 .main .text3{ margin-left:30px; width:391px; float:left;}
#container2 .main .text4{ margin-left:30px;}
#container2 .main .text5{ width:391px; float:left;}
#container2 .main .text6{ margin-left:30px; width:420px; float:left;}
#container2 .main .text7{ margin-left:30px; width:500px;}
#container2 .main .text8{ margin-left:30px;}
#container2 .main .text9{ margin-left:30px; width:300px; float:left;}

#container2 .main .fl_le2{float:left; width:450px;}
#container2 .main .fl_le3{float:left; width:350px;}
#container2 .main .image1{ float:left; padding-left:50px; width:300px;}
#container2 .main .image2{ float:right; padding-left:50px; width:500px;}
#container2 .main .image3{ float:right; padding-left:50px; width:353px;}
#container2 .main .image4{ float:right; padding-left:20px; width:356px;}
#container2 .main .image5{ float:left; padding-left:20px; width:400px;}
#container2 .main .image6{float:left; width:179px; padding:0 10px;}
#container2 .main .image7{float:left; width:400px; padding:20px 0;}
#container2 .main .image7 .item{float:left; width:82px;}
#container2 .main .image7 .ta{float:left; width:300px; text-align:center;}
#container2 .main .w800{width:800px; margin:0 auto;}
#container2 .main .chara_box{width:270px; float:left; border:1px solid #CCCCCC; margin:10px; height:260px;}
#container2 .main .chara_box h4{ padding-bottom:10px; padding-left:10px;}
#container2 .main .chara_box .img{float:left; width:77px;}
#container2 .main .chara_box .text{float: left; width:155px;}

#container2 .vm{vertical-align:middle;}
#container2 .school_box{width:882px; padding:10px;}
#container2 .page_top{float:right; width:104px; margin-bottom:30px;}
#container2 .mb20{ margin-bottom:20px;}
th{background:#1944aa; color:#FFFFFF; font-weight:100;}
#container2 .school_box ul.school_map{ margin:30px 30px 30px 30px; text-align:center; width:882px;}
#container2 .school_box ul.school_map li{ width:197px; float:left; display:block; padding:5px;}
#container2 .school_link{background:url(../img/sec/school_link.gif) no-repeat; width:358px; height:47px; margin:0 auto; text-align:center; padding-top:15px;}
.blue{color:#4e83be;}
.ml30{margin-left:30px;}
.ta_box1{background:#7aa1b4; font-size:14px; font-weight:bold; color:#FFFFFF; padding:0 5px;}
.ta_box2{ padding:5px; }
.ta_box3{ border:1px solid #226484; border-top:none; padding:5px; }
.ao{color:#7aa1b4;}
.ta th{padding:5px;}
.ta td{padding:5px;}
.ta_bebe td{ border-bottom:1px solid #226484; border-right:1px solid #226484; padding:5px;}
.ta_bebe{ border-top:1px solid #226484;border-left:1px solid #226484;}