@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;}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}
a {color:#1684b4; text-decoration:underline;}
a:hover {color:#1684b4; text-decoration:none;}

img{border:none;outline:none;vertical-align::bottom; margin:0; padding:0;}
.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:#9e3f3f;}ｌ

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.f_13{font-size:13px;}
.bold{font-weight:bold;}
.ml10{ margin-left:10px;}
.mt30{margin-top:30px;}
.p5{ padding:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mt120{margin-top:60px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb20{margin-bottom:20px;}
.pb30{padding-bottom:30px;}
.p15{ padding:15px;}
ul li{list-style:none; margin:0; padding:0;}
ul{list-style:none; margin:0; padding:0;}
.m_t10{margin-top:10px;}
.m_t60{margin-top:60px;_margin-top:80px;}
.m_t80{margin-top:80px;}
.m_l10{margin-left:10px;}
.m_l10{margin-right:10px;}
.m_l20{margin-left:20px;}
.m_b10{margin-bottom:10px;}
.m_b20{margin-bottom:10px;}
.m_b40{margin-bottom:40px;}
.m_tb10{margin:10px 0;}
.m_tb20{margin:20px 0;}
.p_r10{ padding-right:10px;}
.p_l10{ padding-left:10px;}
.p_l45{padding-left:45px;}
.pink{color:#c82c7d;}
img{border:none;}
.t_r{text-align:right}
.mtb40{margin:40px 0;}
p{color:#1f286f;line-height:1.5em; font-size:12px;}

/*--------------------------------------------Main------------------------------------------------- */
.wrapper{}
.container{margin:0 auto; width:960px;}
.container .header{background:url(../img/header_bg.jpg) no-repeat; height:486px; background-position:center top; position:relative;}
.container .header p{text-indent:-9999px;}
.container .header .logo{
	position:absolute;
	width:90px;
	height:47px;
	left: 10px;
	top: 10px;
}


#sec .container .header .sec_bn2{
	position:absolute;
	width:358px;
	height:75px;
	left:302px;
	font-size:12px;
	top: 336px;
}
#sec .container .header .sec_bn3{
	position:absolute;
	width:358px;
	height:75px;
	left:302px;
	font-size:12px;
	top: 332px;
}

.container .header .icon2{background:url(../img/icon_06.gif) no-repeat; background-position:center left; padding-left:30px;}
.container .header .logo a{ width:100px; height:30px;}
.container .header .logo a{ width:50px; height:30px;}
.container .main{width:960px; margin:0 auto 20px auto;}
.container .main p{line-height:1.5; font-size:14px;}
.container .main .main_l .top_tit_01{ text-indent:-9999px; background:url(../img/top_tit_01.gif) no-repeat; width:600px; height:72px; margin-bottom:15px;}
.container .main .main_l{ width:570px; float:left; padding-left: 10px;}
.container .main .main_l .shop_news{ width:545px; background-color:#e8f7ff; font-size:12px; padding:10px 0 15px 10px; margin-left:15px; margin-bottom:10px;}
.container .main .main_l .shop_title{ margin:0 0 15px 15px; font-weight:bold; font-size:13px;}
.container .main .main_l .shop_news .shop_tit{ margin:0; font-weight:bold; font-size:13px;}
.container .main .main_l .shop_news p{font-size:12px; line-height:2;}
.container .main .main_l .shop_news .icon_2{background:url(../img/icon_03.gif) no-repeat; background-position:center left; padding-left:25px;}
.container .main .main_l ul.shop{margin-left:15px; margin-bottom:30px;}
.container .main .main_l ul.shop li{line-height:1.5; font-size:12px;color:#1f286f; float:left;height:40px; width:285px; margin:8px 0;}
.container .main .main_l ul.shop li.shop_img{line-height:1.5; font-size:12px;color:#1f286f; float:left;height:50px; width:180px; margin-bottom:10px; }
.container .main .main_l ul.shop li.line{ width:570px; border-top:1px dotted #dadada; height:1px;}
.container .main .main_l ul.shop li.icon{background:url(../img/icon_01.gif) no-repeat; background-position:top left; padding-left:30px;}
.container .main .main_l .icon_5{background:url(../img/icon_05.gif) no-repeat; background-position:center left; padding-left:25px; border-bottom:1px dotted #dadada; padding-bottom:5px;}

.container .main .main_r{ width:340px; float:right; margin-top:20px; padding-right: 10px;}
.container .main .main_r .bn{margin:0 0 10px 0;}
.container .main .main_r .top_tit_02{ text-indent:-9999px; background:url(../img/title_news.gif) no-repeat; height:15px; padding-bottom:5px; margin-bottom:20px; border-bottom:1px solid #dadada;}
.container .main .main_r dl.news{ font-size:12px; color:#1f286f;}
.container .main .main_r dl.news dt{ width:60px; float:left; margin-bottom:10px; color:#434da0; clear:both;}
.container .main .main_r dl.news dd{ width:230px;float:left;margin-bottom:10px; line-height:1.5;}
.container .main .main_r .news_box{
	border:2px solid #7ad7ff;
	margin-bottom:20px;
	padding:20px;
	display: block;
	width: 294px;
}

.container .link{width:338px; margin:0 auto; margin-top:20px;}
.container .link h4{ font-size:12px; font-weight:bold; color:#1e2677; margin: 0 0 10px;}
.container .link p{ font-size:12px; margin: 0 0 5px;}
.container .link .icon{background:url(../img/icon_01.gif) no-repeat; background-position:center left; padding-left:30px;}
.container .footer{border-top:1px solid #1f286f; text-align:center; font-size:12px;}
.container .footer .copy{margin-top:15px; margin-bottom:40px;color:#1f286f;}

/*--------------------------------------------Main------------------------------------------------- */

/*--------------------------------------------sec------------------------------------------------- */
#sec .container{margin:0 auto; width:960px;}
#sec .container .header{background:url(../img/header_bg.jpg) no-repeat; height:480px; background-position:center top; position:relative;}
#sec .container .header2{background:url(../img/head_sec.jpg) no-repeat; height:500px; background-position:center top; position:relative;}
#sec .container .header p{text-indent:-9999px;}
#sec .container .header .message a:hover{color:#1a2277;}


#sec .container .main{width:960px; margin:20px auto 20px auto;}
#sec .container .main .main_l{ width:580px; float:left;padding-left:15px;}
#sec .container .main .main_l .measures_tit{ text-indent:-9999px; background:url(../img/sec/measures.gif) no-repeat; width:600px; height:48px; margin-bottom:20px;}
#sec .container .main .main_l .message_tit{ text-indent:-9999px; background:url(../img/sec/message.gif) no-repeat; width:600px; height:48px; margin-bottom:20px;}
#sec .container .main .main_l p{
	font-size:12px;
	line-height:2;
	margin-bottom:20px;
}
#sec .container .main .main_l .tit_01{ margin:0 0 30px 0; font-weight:bold; font-size:14px; color:#1f286f;}
#sec .container .main .main_l .text_01{ margin:0 0 15px 0; font-size:12px; color:#1f286f; line-height:2;}
#sec .container .main .main_r{ width:340px; float:right; margin:0;}
#sec .container .main .main_l .power_saving_tit{ text-indent:-9999px; background:url(../img/sec/power_saving.gif) no-repeat; width:600px; height:48px; margin-bottom:20px;}
#sec .container .main .main_l .link_tit{ text-indent:-9999px; background:url(../img/sec/link.gif) no-repeat; width:600px; height:48px; margin-bottom:20px;}
#sec .container .header .top a:hover{color:#1a2277;}
#sec .container .header .top a{color:#1684b4;}
#sec .container .header .top{
	position:absolute;
	width:100px;
	height:30px;
	left: 17px;
	top: 343px;
	font-size:12px;
}
#sec .container .header .icon3{background:url(../img/icon_04.gif) no-repeat; background-position:center left; padding-left:30px;}

#sec .container .main .main_l .right_box{float:left; width:400px;}
#sec .container .main .main_l .left_box{float:left; width:150px;}
#sec .container .main .main_l .border_line{border-bottom:1px solid #d2d4e2; border-top:1px solid #d2d4e2;}
/*--------------------------------------------sec------------------------------------------------- */



/*--------------------------------------------------------------
		20110622 renewal
---------------------------------------------------------------- */


a.arrow {
	background: url(../img/arrow.gif) no-repeat center left;
	padding-left: 20px;
	display: block;
}
a.arrow:hover {
	background: url(../img/arrow_over.gif) no-repeat center left;
	padding-left: 20px;
	display: block;
}
.border {
	border-bottom: 1px dotted #d2d4e2;
	margin: 20px 0;
	height: 20px;
	clear: both;	
}
.border hr {
	 display: none;
}



/*      header
---------------------------------------------------------------- */
.container .header h2,
.container .header h3 {
	text-indent: -9999px;
}


/*      button
---------------------------------------------------------------- */
.container .header .btnArea {
	float: left;
}
.container .header .btnArea .message a:hover{color:#1a2277;}
.container .header .btnArea .message{
	display: block;
}



.container .header .message a:hover{color:#1a2277;}
.container .header .message{
	width:168px;
	height:39px;
	font-size:12px;
/*	margin: 620px 0 0 580px;
*/	position:absolute;
	left: 400px;
	top: 410px;
}
.container .header .kizunaWedding{
	width:168px;
	height:39px;
	font-size:12px;
/*	margin: 620px 0 0 580px;
*/	position:absolute;
	left: 280px;
	top: 410px;
}



#sec .container .header .to_top {
	position:absolute;
	left: 10px;
	top: 425px;
	font-size:12px;
}


/*      TOP
---------------------------------------------------------------- */

.main .main_l h4 {
	float: left;
	margin: 5px 0 20px;;
}
.main .main_l p.linkMore {
	float: right;
	margin-top: 0;
}
.main .main_l p {
	margin: 0 0 20px;
}
.main .main_l ul.photo_gallery li {
	float: left;
	margin: 0 10px 10px 0;
}
.main .main_l ul.photo_gallery li a {
	display: block;
	border: solid 1px #76d6ff;
}
.main .main_l ul.photo_gallery li.thumb_r {
	margin: 0 0 10px 0;
}

.main .main_l .report_box {
	border: 2px solid #7ad7ff;
	display: block;
	margin: 20px;
	padding: 30px 30px 15px;
}
.main .main_l .report_box ul {
	display: block;
	padding: 20px 0 0;
}
.main .main_l .report_box ul li {
	color: #1f286f;
	margin: 0 0 15px;
	clear: both;
}
.main .main_l .report_box ul li strong {
	font-weight: bold;
	float: left;
	width: 120px;
	height: 30px;
}





/*      Couple's message
---------------------------------------------------------------- */