@charset "UTF-8";

/* ローカル固有CSS(PC) */
@import 'common.css';

#content {
	width: 950px;
	margin: 0px auto;
	position: relative;
	min-height: 100%;
	padding: 0px;
	text-align: left;
}

#contents .sp {
	display: none;
}

#content.col1 #outline article {
	width: 450px;
}
#content.col1 #outline article.left {
	float: left;
}
#content.col1 #outline article.right {
	float: right;
}

#outline h2 {
	padding-bottom: 15px;
	font-size: 26px;
	line-height: 32px;
	color: #005BAC;
	font-weight: bold;
}
#contents #outline p {
	font-size: 14px;
	line-height: 25px;
}

#basic1,
#basic2 {
	margin-bottom: 35px;
}
#basic1 .detail,
#basic2 .detail {
	padding: 70px 40px 17px 41px;
}
#basic1 h3,
#basic2 h3 {
	padding-bottom: 28px;
	font-size: 35px;
	line-height: 40px;
	text-align: center;
}

#schedule {
	padding: 20px 35px 19px 31px;
}
#schedule table.pc {
	width: 794px;
	border-collapse: collapse;
}
* html #schedule table.pc {position: relative;}
#schedule table.pc th {
	width: 139px;
	position: relative;
}
#schedule table.pc tr.subj th {
	width: 197px;
	height: 30px;
	padding: 8px 16px 0 8px;
	font-size: 18px;
	line-height: 19px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
#schedule table.pc tr.subj th.eng {
	background: url(../img/bg02.gif) no-repeat left top;
}
#schedule table.pc tr.subj th.mat {
	background: url(../img/bg04.gif) no-repeat left top;
}
#schedule table.pc tr.subj th.jpn {
	padding: 8px 8px 0;
	background: url(../img/bg03.gif) no-repeat left top;
}
#schedule table.pc th img {
	position: absolute;
	left: 0;
}
#schedule table.pc tr.prepare th img {
	top: 0;
}
#schedule table.pc tr.week2 th img {
	top: 9px;
}
#schedule table.pc tr.week1 th img {
	top: 12px;
}
#schedule table.pc tr.day3 th img {
	top: 15px;
}
#schedule table.pc td {
	width: 197px;
	height: 69px;
	padding: 8px 16px 0 8px;
}
#schedule table.pc tr.prepare td {
	width: 655px;
	height: 56px;
	padding: 0;
}
#schedule table.pc td.eng {
	background: url(../img/bg05.gif) no-repeat left top;
}
#schedule table.pc td.mat {
	background: url(../img/bg07.gif) no-repeat left top;
}
#schedule table.pc td.jpn {
	padding: 8px 8px 0;
	background: url(../img/bg06.gif) no-repeat left top;
}
#schedule table.pc tr.day3 td {
	width: 639px;
	height: 53px;
	padding: 18px 8px 0 8px;
	background: url(../img/bg08.gif) no-repeat left top;
}
#schedule table.pc tr.day3 td h5 {
	width: 176px;
	padding-top: 8px;
	font-size: 18px;
	line-height: 19px;
	text-align: right;
	float: left;
}
#schedule table.pc tr.day3 td ul {
	width: 435px;
	float: right;
}

#basic1 .point,
#basic2 .point {
	padding: 20px 40px 30px;
}
#contents #basic1 .point p,
#contents #basic2 .point p {
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 25px;
}
#basic1 .point ul,
#basic2 .point ul {
	padding-bottom: 15px;
}
#basic1 .point li,
#basic2 .point li {
	width: 274px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #C9C9C9;
	float: left;
}
#basic1 .point li:first-child,
#basic2 .point li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left:  none;
}

#review {
	padding: 20px 0 25px 15px;
}
#review h5 {
	padding-bottom: 10px;
}

#maru {
	width: 340px;
	padding-left: 34px;
	float: left;
}
#contents #maru p {
	padding-bottom: 0;
	font-size: 17px;
	line-height: 32px;
	font-weight: bold;
}
#contents #maru p i {
	font-size: 21px;
	line-height: 34px;
	color: #F18781;
}

#batsu {
	width: 386px;
	padding: 0 0 0 43px;
	border-left: 1px solid #3AC37B;
	float: right;
}
#batsu ul {
	width: 340px;
}

#contents section#camp {
	margin-bottom: 30px;
}
#camp .inner {
	padding: 20px 46px 0 43px;
}
#contents #camp p {
	padding-bottom: 30px;
	font-size: 14px;
	line-height: 30px;
}
#camp h2 {
	padding-bottom: 12px;
	font-size: 35px;
	line-height: 42px;
}
#camp h2 small {
	font-size: 29px;
}
#camp h3 {
	padding: 23px 0 10px 128px;
	font-size: 20px;
	line-height: 21px;
}
#camp h3 img {
	top: -53px;
	left: 29px;
}
#camp h4 {
	font-size: 21px;
	line-height: 28px;
}
#camp h2,
#camp h4,
#contents #camp p {
	text-align: center;
}
#contents #camp article {
	width: 634px;
	margin: 0 auto;
}
#camp dd {
	margin-left: 20%;
}
#contents #camp a.btnA {
	max-width: 420px;
}
#contents #camp a.btnA span{
	padding: 20px 35px;
	text-align: center;
}

/* clearfix */
#content.col1 #outline:after,
#schedule table.pc tr.day3 td:after,
#basic1 .point ul:after,
#basic2 .point ul:after,
#review:after,
#batsu ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content.col1 #outline,
#schedule table.pc tr.day3 td,
#basic1 .point ul,
#basic2 .point ul,
#review,
#batsu ul {zoom:100%;}

@charset "utf-8";

/* スーパーバナー */
#superBannerArea {
	background: url(../../../op/superbanner/img/bgi-superbanner.jpg) no-repeat;
	padding: 6px;
	width: 218px;
	height: 180px;
	margin-bottom: 10px;
	overflow: hidden;
}

/* 右エリア登録パネル */

aside.right div.pad {
	position: relative;
}

div#idpanel {
	left: -60px;
	position: absolute;
	top: 185px;
	z-index: 1000;
}

ul#popupId {
	background: url(/_sharedZ/img/bgi-popupIdUl_001.gif) no-repeat 0 top;
	height:93px;
	width:278px;
}

ul li.popupId,
ul li.popupIdStop {
}

ul li.popupId a,
ul li.popupIdStop a {
	display:block;
}

ul li.popupId img {
	position: absolute;
	top:57px;
	left:145px;
}

ul li.popupIdStop img {
	position: absolute;
	top:57px;
	left:45px;
}

/* local css for Wide
--------------------------------------------------------------*/

/* for top.html */

#mainArea{
	width:510px;height:162px;
	margin-bottom:15px;
	background:url(../../../resources/img/main_area_bg.jpg) no-repeat;
	position:relative;
}
#mainArea h2{
	text-indent:100%;white-space:nowrap;overflow:hidden;
	/zoom:1;
}
#mainArea ul{
	position:absolute;top:8px;left:234px;
	width:271px;
}
#mainArea ul li{
	width:271px;
}
#mainArea ul li a{
	display:block;/zoom:1;
	text-indent:100%;white-space:nowrap;overflow:hidden;
}
#mainArea ul li.k1 a{
	width:271px;height:49px;
	background:url(../../../resources/img/main_area_k1.gif) no-repeat 0 0;
}
#mainArea ul li.k1 a:hover{
	background-position:0 -50px;
}
#mainArea ul li.k2 a{
	width:271px;height:49px;
	background:url(../../../resources/img/main_area_k2.gif) no-repeat 0 0;
}
#mainArea ul li.k2 a:hover{
	background-position:0 -50px;
}
#mainArea ul li.k3 a{
	width:271px;height:51px;
	background:url(../../../resources/img/main_area_k3.gif) no-repeat 0 0;
}
#mainArea ul li.k3 a:hover{
	background-position:0 -51px;
}

/* img56L */
.img56L .img{
	width:56px;margin-right:20px;
	float:left;
}
.img56L:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.img56L{
	display:inline-table;
	min-height:1%;
}
/* \*/
html .img56L{
	* height:1%;
}
.img56L{
	display:block;
}
/* */

.noHref{
	color:#333333;
	text-decoration:none;
	cursor:default;
}
.noHref:hover{
	color:#333333;
	text-decoration:none;
	cursor:default;
}

.asideBox input#key01,
.asideBox input#key02{
	width:36px;
	padding:3px 0 !important;
}

.asideBox input#key03,
.asideBox input#key04{
	width:30px;
	padding:3px 0 !important;
}

.asideBox .topAccessBtn{
	text-align:right;
}

a#knowLoseLink {
	background: url(../../../resources/img/btn-lose.png) no-repeat 0 0;
	width:  249px;
	height: 55px;
	text-indent: -9999px;
	font-size: 0;
	display: block;
}
a#knowLoseLink:hover {
	background: url(../../../resources/img/btn-lose.png) no-repeat 0 -56px;
	width:  249px;
	height: 55px;
	text-indent: -9999px;
	font-size: 0;
	display: block;
}

#contents article .columns .btnA span {
	font-size: 12px;
	vertical-align: middle;
}
#contents article .columns .btnA span strong {
	font-size: 18px;
	margin-right: 5px;
	vertical-align: middle;
}

.w100per{
	width:100%;
}

.pmark{
	margin-top: 20px;
}
.pmark .image{
	float: left;
	margin-right: 10px;
}
.pmark .text{
	float: left;
	padding-top: 25px;
}

.bdImg{
	border:1px solid #cccccc;
}

img.iconL.pcHide{
	display:none !important;
}

.topics{
	border:1px solid #cdcdcd;
	display:table;
	width:100%;
}
.topics dt{
	display:table-cell;
	vertical-align:middle;
	padding:8px 5px;
	line-height:100%;
	width:121px;
	text-align:center;
}
.topics dt.red{
	background-color:#ff575f;
}
.topics dt.green{
	background-color:#41a655;
}
.topics dt.blue{
	background-color:#825adb;
}
.topics dt.aqua{
	background-color:#0ea1e6;
}
/* ↓201305追記
.topics dt.arrow{
	background-color:#F1443A;
}
 */

.topics dd{
	display:table-cell;
	padding:8px 5px;
	line-height:100%;
}

/*　2013年11月特集ページ用告知枠
.topics dt.arrow{
	background-color:#F1443A;
}
　*/

/*　2013年12月特集ページ用告知枠　*/
.topics dt.arrow{
	background-color:#825ADB;
}


/* //for top.html */


/* for kokuchi.html */

/* H1 */
h1.hTxtRed{
	margin-bottom:15px;
	border:solid 1px #cdcdcd;
	border-radius:3px;
	color:#ff4E4E;
	padding:9px 0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
h1.hTxtRed span{
	font-size:150%;
	display:block;/zoom:1;
	border-left:solid 5px #FF7373;
	padding:2px 14px;
}

/* H2 */
h2.hTxtRed{
	background-color:#FF4E4E;
	color:#fff;
	padding:5px 8px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	margin-bottom:15px;
}
h2.hTxtRed span{
	font-size:133%;
	display:block;/zoom:1;
	border-left:solid 5px #FF7373;
	padding:2px 7px;
}
h2.hTxtRed span a{
	color:#fff;
}
h2.hTxtRed span a:active,
h2.hTxtRed span a:hover{
	color:#e1f1fd;
}

.w705{
	width:705px;
	margin:0 auto;
}


#content .present_bnr {
	text-align: center;
	margin-bottom: 35px;
}

#content .present_bnr2 {
	text-align: center;
	margin-bottom: 60px;
}

#top_basic {
	background: url(../img/bg_slush.gif) repeat;
	margin-bottom: 25px;
	padding: 20px;
}

.basic_item {
	border: 3px solid #ee781f;
	border-radius: 7px;
	width: 290px;
	margin-right: 11px;
	float: left;
}

#outline .basic_item h3 {
	background: #eee url(../img/line_basic.gif) no-repeat left bottom;
	line-height: 1;
	text-align: center;
	padding: 15px 0;
}

.basic_item h4 {
	margin-bottom: 10px;
}

#content #outline .basic_item p {
	position: static;
}

.basic_item .basic_body {
	background: #fff;
	padding: 15px;
}

.basic_item .bgw {
	background: #fff;
}

.basic_item .basic_body.bgl {
	background: #fff url(../img/line_basic.gif) no-repeat left bottom;
}

.basic_item .basic_body2 {
	background: #bfbfbf;
	vertical-align: middle;
	text-align: center;
	padding: 170px 0;
}

.basic_item.last {
	margin-right: 0;
}

#present {
	background: #009ae1;
	margin-bottom: 50px;
	padding-bottom: 1px;
}

#present .present_body {
	background: #fff;
	border-radius: 7px;
	margin: 0 10px 9px;
	padding: 27px 18px 37px;
}

#present h3 {
	text-align: center;
	margin-bottom: 25px;
}

#present h4 {
	text-align: center;
	margin: 31px 0 17px;
}

#present p {
	text-align: center;
}

#contents .footer-page_top p {
	padding-bottom: 0;
}

/* //for kokuchi.html */