@charset "utf-8";
/* CSS Document */

header {
	width:100%;
	height:33px;
	background-color:#004098;
	padding:12px 0 0;
	}

h1 {
	text-align:center;
	width:100%;
	}

#sp_top {
	background-image:url( "../../img/top/sp_top_bg01.png");
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	padding:15px 5px;
	}

a.detail {
display: block;
margin-top: 7px;
padding-left: 13px;
background: url(/s/res../../img/top/icon/icn_detail_arrow.png) no-repeat 2px 2px;
background-size: auto 9px;
color:#205EAA;
}


/* slider */
section.slider {
position: relative;
overflow:hidden;
}

#prev,
#next {
position: absolute;
bottom: 10px;
width: 25px;
height: 25px;
}

#prev {
left: 0;
}

#next {
right: 0;
}

#prev img,
#next img {
	width: 100%;
	height: auto;
}
/* /slider */

/* tabmenu */
.tabpanel {
	padding:10px 0;
	}

.tabpanel nav {
	text-align:center;
	}

.tabpanel nav li {
	background-color:#FCD22C;
	border:1px solid #FCD22C;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-top-left-radius:8px;
	-moz-border-top-right-radius:8px;
	border-bottom:none;
	float:left;
	text-decoration:none;
	margin-right:10px;
	margin-right:6px;
	}

.tabpanel nav li.active {
	background-color:#3888C0;
	border:1px solid #3888C0;
	border-bottom:none;
	}

.tabpanel nav li:last-child {
	margin-right:0;
	}

.tabpanel nav li a {
	text-decoration:none;
	padding:10px 23px;
	padding:10px 0px;
	color:#205EAA;
	width: 150px;
	}

.tabpanel nav li.active a {
	color:#FFFFFF;
	}

.tabpanel .panel {
	border:1px solid #3888C0;
	background-color:#3888C0;
	border-top-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-bottom-left-radius:8px;
	-moz-border-top-right-radius:8px;
	-moz-border-bottom-right-radius:8px;
	padding:10px 5px 9px;
	color:#FFFFFF;
	}
@media screen and (max-width:320px){
	.tabpanel .panel {
	border-top-right-radius:0;
	-webkit-border-top-right-radius:0;
	-moz-border-top-right-radius:0;
	}
}

#panel1 .log_btn_area {
	margin-bottom:10px;
	position:relative;
	}

#panel1 .log_btn_area span.lof_in_icon {
	position:absolute;
	top:35%;
	left:15px;
	background-image:url(/s/res../../img/top/icon/icon_arrow03.png);
	background-repeat:no-repeat;
	background-size:6px 10px;
	-moz-background-size:6px 10px;
	-webkit-background-size:6px 10px;
	width:6px;
	height:10px;
	}

#panel1 .log_btn a {
	border-style:solid;
	border-width:1px;
	border-color:#ccc #999 #999 #ccc;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	padding:10px;
	background-position:center top;
	background-repeat:no-repeat;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	background:-moz-linear-gradient(top, #fff, #ccc);
	background:linear-gradient(top, #fff, #ccc);
	text-decoration:none;
	color:#004098;
	}

#panel1 .pw_info a {
	display:inline;
	background-image:url(/s/res../../img/top/icon/icon_arrow02.png);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:5px 7px;
	-moz-background-size:5px 7px;
	-webkit-background-size:5px 7px;
	padding-left:8px;
	text-decoration:underline;
	color:#FFFFFF;
	}

.link_area {
	margin:10px auto 0;
	width:243px;
	}

.link_area .sum,#panel1 .link_area ul {
	float:left;
	}

.link_area ul {
	text-align:left;
	}

.link_area li {
	border-right:#FFFFFF 1px solid;
	float:left;
	margin-right:0;
	}

#panel2 .new_btn_area {
	position:relative;
	margin-bottom:15px;
	}

#panel2 .new_btn_area span.new_icon {
	position:absolute;
	top:35%;
	left:15px;
	background-image:url(/s/res../../img/top/icon/icon_arrow01.png);
	background-repeat:no-repeat;
	background-size:6px 10px;
	-moz-background-size:6px 10px;

	-webkit-background-size:6px 10px;
	width:6px;
	height:10px;
	}

#panel2 .new_btn a {
	border-style:solid;
	border-width:1px;
	border-color:#FF9326 #D93701 #D93701 #FF9326;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	padding:10px;
	background-position:center top;
	background-repeat:no-repeat;
	background:-webkit-gradient(linear, left top, left bottom, from(#FF9326), to(#D93701));
	background:-moz-linear-gradient(top, #FF9326, #D93701);
	background:linear-gradient(top, #FF9326, #D93701);
	text-decoration:none;
	color:#FFFFFF;
	}

#panel2 .new_link_list {
	text-align:left;
	padding-left:15px;
	}

#panel2 .new_link_list li {
	padding-bottom:13px;
	}

#panel2 .new_link_list li:last-child {
	padding-bottom:0;
	}

#panel2 .new_link_list li a {
	display:inline;
	background-image:url(/s/res../../img/top/icon/icon_arrow02.png);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:5px 7px;
	-moz-background-size:5px 7px;
	-webkit-background-size:5px 7px;
	padding-left:15px;
	text-decoration:none;
	color:#FFFFFF;
	}

#panel2 .new_link_list li:first-child a {
	background-image:url(/s/res../../img/top/icon/icon_beginner.png);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:10px 15px;
	-moz-background-size:10px 15px;
	-webkit-background-size:10px 15px;
	}


/* .point_info_inner
---------------------------------------- */
#panel2 .point_info_inner {
	margin-top:29px;
	background-color:#FFFFFF;
	width:auto;
	padding:8px 5px;
	color:#205EAA;
	text-align:left;
	position:relative;
	}

#panel2 .point_info_inner h2,
#panel2 .point_info_inner strong {
	font-weight:normal;
	font-size:17px;
	}

#panel2 .point_info_inner p {
	margin-top:5px;
	line-height:1.5;
	}

#panel2 .point_info_inner span {
	color:#CC3300;
	}

/* .point_info
---------------------------------------- */
#panel2 .point_info {
	border-top:3px solid #FFFFFF;
	margin-top:15px;
	}

#panel2 .point_list {
	margin-top:10px;
	}

#panel2 .point_info_inner span.point_card {
	position:absolute;
	/*top:11%;*/
	top: 28px;
	right:0;
	background-image:url(/s/res../../img/top/sp_top_point_card.png);
	background-repeat:no-repeat;
	background-position:0 center;
	background-size:92px 75px;
	-moz-background-size:92px 75px;
	-webkit-background-size:92px 75px;
	width:92px;
	height:75px;
	}

#panel2 .point_list dl {
	margin:0 0 5px;
	display:table;
	width:100%;
	}

#panel2 .point_list dl:last-child {
	margin-bottom:0;
	}

#panel2 .point_list dt {
	background-color:#FBCC0F;
	display:table-cell;
	width:30%;
	vertical-align:middle;
	text-align:center;
	}

#panel2 .point_list dd {
	background-color:#FDE999;
	margin-left:0;
	display:table-cell;
	width:70%;
	padding:10px 0 10px 10px;
	vertical-align:middle;
	text-align:left;
	}

/* .point_present
---------------------------------------- */
#panel2 .point_present {
/*margin-top:15px;*/
}

/* .privilege_list
---------------------------------------- */
#panel2 .privilege_list {
margin-top:10px;
background: #FFF;
padding: 0px 5px;
}

#panel2 .privilege_list ul {
}

#panel2 .privilege_list li {
border-bottom: 2px solid #1F5EAA;
text-align: left;
padding: 15px 12px 15px 25px;
color: #205EAA;
background-image:url(/s/res../../img/top/icon/icon_arrow05.png);
background-repeat:no-repeat;
background-position:5px 18px;
background-size:13px 12px;
-moz-background-size:13px 12px;
-webkit-background-size:13px 12px;
line-height: 1.5;
}
#panel2 .privilege_list li:last-child {
border-bottom: none;
}
/* /tabmenu */


/* .info_link
---------------------------------------- */
.info_link {
margin-top: 5px;
}

.info_link .sttl{
background: #FBC900;
text-align: left;
color: #004098;
padding: 10px 10px 20px;
}

.info_link .sttl h2 {
display: inline-block;
font-weight: normal;
font-size: 16px;
/*float: left;
width: 5em;*/
}

.info_link .sttl p {/*add131113*/
float: right;
/*width: 22em;*/
background-size:6px auto;
-moz-background-size:6px auto;
-webkit-background-size:6px auto;
text-align: right;
}

.info_link .sttl p span {/*add131113*/
background: url(/s/res../../img/top/icon/icon_arrow03.png) no-repeat 0 center;
background-size:6px auto;
-moz-background-size:6px auto;
-webkit-background-size:6px auto;
margin-left: 20px;
padding-left: 12px;
float: left;
}
.info_link .sttl p span a {/*add131113*/
color:#004098;
}

.info_link li {
background: #FFF;
border-top: 1px solid #004098;
text-align: left;
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#C6D4E8));
background:-moz-linear-gradient(top, #fff, #C6D4E8);
background:linear-gradient(top, #fff, #C6D4E8);
}
.info_link li a {/*add131113*/
padding: 15px 6% 15px 12px;
background: url(/s/res../../img/top/icon/icon_arrow03.png) no-repeat 96% center;
background-size: 6px auto;
text-decoration: none;
color: #0066CC;
line-height: 1.5;
font-weight: bold;
}
.info_link li p {/*add131113*/
padding: 15px 6% 15px 12px;
text-decoration: none;
color: #0066CC;
line-height: 1.5;
font-weight: bold;
}
.info_link li a span {
text-decoration: none;/*add131113*/
font-size: 71.4%;
font-weight: normal;
border-radius: 3px;
vertical-align: bottom;
display: inline-block;
width: 7.6em;/*6.2em*/
text-align: center;
margin: 0 0 3px 0;
padding: 2px 6px;
}
.info_link li a span.info {/*add131113*/
background-color: #FBC900;
background:-webkit-gradient(linear, left top, left bottom, from(#FCD538), to(#d9b00c));
background:-moz-linear-gradient(top, #FCD538, #d9b00c);
background:linear-gradient(top, #FCD538 #d9b00c);
color: #36F;
}
.info_link li a span.event {/*add131113*/
background-color: #E64D00;
background:-webkit-gradient(linear, left top, left bottom, from(#ff7720), to(#D53B00));
background:-moz-linear-gradient(top, #ff7720, #D53B00);
background:linear-gradient(top, #ff7720 #D53B00);
color: #FFF;
}
.info_link li a span.tokuten {/*add131113*/
background-color: #E64D00;
background:-webkit-gradient(linear, left top, left bottom, from(#ff7720), to(#D53B00));
background:-moz-linear-gradient(top, #ff7720, #D53B00);
background:linear-gradient(top, #ff7720 #D53B00);
color: #FFF;
}
.info_link li a span.pre {/*add131113*/
background-color: #E64D00;
background:-webkit-gradient(linear, left top, left bottom, from(#ff7720), to(#D53B00));
background:-moz-linear-gradient(top, #ff7720, #D53B00);
background:linear-gradient(top, #ff7720 #D53B00);
color: #FFF;
}
.info_link li a span.yutai {/*add131113*/
background-color: #E64D00;
background:-webkit-gradient(linear, left top, left bottom, from(#ff7720), to(#D53B00));
background:-moz-linear-gradient(top, #ff7720, #D53B00);
background:linear-gradient(top, #ff7720 #D53B00);
color: #FFF;
}
.info_link li a em {/*add131113*/
font-size: 85.7%;
font-style: normal;
font-weight: normal;
}

.info_link .no_link {
padding-right: 12px;
background-image: none;
text-decoration: none;
cursor: default;
-webkit-tap-highlight-color: rgba(0,0,0,0); 
}

.info_link .no_link span {
text-decoration: none;
}

/* .group_card
---------------------------------------- */
.group_card {
margin-top: 15px;
background: #FFF;
color:#1F5EAA;
text-align: left;
border: 3px solid #80A0CC;
}

.group_card_inner{
padding: 5px 5px;
}

.group_card p {
line-height: 1.5;
margin-bottom: 0.5em;
}
.group_card p span{
font-size: 12px;
}

.group_card p em {
color: #CC3300;
}

.group_card ul.card_img li{
float: left;
margin-right:4px;
}
.group_card ul.card_img li:last-child {
margin-right:0;
}


#link_pr {
margin-bottom: 0;
}

#link_pr a {
display: block;
padding: 7px 0;
background: -moz-linear-gradient(top,  #fccf00 0%, #f3b100 20%, #d9a300 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fccf00), color-stop(20%,#f3b100), color-stop(100%,#d9a300));
background: -webkit-linear-gradient(top,  #fccf00 0%,#f3b100 20%,#d9a300 100%);
background: -o-linear-gradient(top,  #fccf00 0%,#f3b100 20%,#d9a300 100%);
background: linear-gradient(to bottom,  #fccf00 0%,#f3b100 20%,#d9a300 100%);
border-right: 1px solid #556B88;
border-bottom: 1px solid #556B88;
text-align: center;
letter-spacing: 0.2em;
color: #FFF;
font-size: 15px;
font-weight: bold;
}

#link_pr a span {
display: block;
margin-right: 6px;
background: url(/s/res../../img/top/icon/icon_arrow01.png) no-repeat right center;
background-size: 6px 10px;
}

/* .nyukai_inner
---------------------------------------- */
.group_card .nyukai_inner {
background: #FFF;
width:auto;
padding:8px 5px;
color: #205EAA;
text-align: left;
}

.group_card .nyukai_inner h2 {
margin-bottom: 5px;
font-weight: normal;
font-size: 17px;
}

.group_card .nyukai_inner p {
margin-bottom: 5px;
line-height: 1.5;
font-size: 12px;
}

.group_card .nyukai_inner p span {
color: #CC3300;
}

.group_card .nyukai_inner .notes li {
margin-bottom: 5px;
color: #666;
font-size: 10px;
}

.group_card .nyukai_inner .notes li:last-child {
margin-bottom: 10px;
}

.group_card .nyukai_inner .box {
padding: 10px;
background: #FDE999;
color: #1F5EAA;
}

/* .banner_area
---------------------------------------- */
.banner_area{
margin: 23px 2px 0;
}

.banner_area li{
float: left;
margin-right:5px;
}
.banner_area li:last-child {
margin-right:0;
}


/* #commonNavBlock
---------------------------------------- */
#commonNavBlock {
/*margin-top: 17px;*/
}

#commonNavBlock .image {
position: relative;
overflow: hidden;
height: 200px;
background: #004098;
background: -moz-linear-gradient(top,  #004098 0%, #0099cc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004098), color-stop(100%,#0099cc));
background: -webkit-linear-gradient(top,  #004098 0%,#0099cc 100%);
background: -o-linear-gradient(top,  #004098 0%,#0099cc 100%);
background: linear-gradient(to bottom,  #004098 0%,#0099cc 100%);
}

#commonNavBlock .image img {
position: absolute;
left: 0;
bottom: 0;
max-width: 100%;
}

#commonNavBlock ul {
}

#commonNavBlock li {
background: #EEE;
border-bottom: 1px solid #004098;
text-align: left;
}

#commonNavBlock li a {
padding: 15px 12px;
background: url(/s/res../../img/top/icon/icon_arrow03.png) no-repeat 96% center;
background-size: 6px auto;
text-decoration: none;
color: #333;
font-size: 14px;
}
#sp_top .info_link ul li a .new {
	color: #FF0000;
	font-weight: bold;
}
/* .oshirase
---------------------------------------- */
.oshirase {
margin-top: 15px;
background: #FFF;
color:#000000;
text-align: left;
border: 3px solid #80A0CC;
}

.oshirase_inner{
padding: 5px 5px;
}

.oshirase p {
line-height: 1.5;
margin-bottom: 0.5em;
}
.oshirase p span{
font-size: 11px;
}

/*.oshirase p em {
color: #ff3300;
}*/

.oshirase ul.card_img li{
float: left;
margin-right:4px;
}
.oshirase ul.card_img li:last-child {
margin-right:0;
}


/*#link_pr {
margin-bottom: 0;
}

#link_pr a {
display: block;
padding: 7px 0;
background: -moz-linear-gradient(top,  #fccf00 0%, #f3b100 20%, #d9a300 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fccf00), color-stop(20%,#f3b100), color-stop(100%,#d9a300));
background: -webkit-linear-gradient(top,  #fccf00 0%,#f3b100 20%,#d9a300 100%);
background: -o-linear-gradient(top,  #fccf00 0%,#f3b100 20%,#d9a300 100%);
background: linear-gradient(to bottom,  #fccf00 0%,#f3b100 20%,#d9a300 100%);
border-right: 1px solid #556B88;
border-bottom: 1px solid #556B88;
text-align: center;
letter-spacing: 0.2em;
color: #FFF;
font-size: 15px;
font-weight: bold;
}

#link_pr a span {
display: block;
margin-right: 6px;
background: url(/s/res../../img/top/icon/icon_arrow01.png) no-repeat right center;
background-size: 6px 10px;
}*/

/* .oshirase_inner
---------------------------------------- */
.oshirase .oshirase_inner {
background: #FFF;
width:auto;
padding:8px 5px;
color: #000000;
text-align: left;
}

.oshirase .oshirase_inner h2 {
margin-bottom: 5px;
font-weight: normal;
font-size: 17px;
}

.oshirase .oshirase_inner p {
margin-bottom: 5px;
line-height: 1.5;
font-size: 12px;
}

.group_card .oshirase_inner p span {
color: #CC3300;
}

.oshirase .oshirase_inner .notes li {
margin-bottom: 5px;
color: #666;
font-size: 10px;
}

.oshirase .oshirase_inner .notes li:last-child {
margin-bottom: 10px;
}

.oshirase .oshirase_inner .box {
padding: 10px;
background: #FDE999;
color: #1F5EAA;
}