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

body {
	-webkit-text-size-adjust: none;
	font:14px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#e4e1d4;
}

/*


header#inner p#head-chname{
	font-size: 14px;line-height: 14px;padding: 4px 0 0 0;
	text-shadow: 0px -1px 0px #000000;color: #fff;text-align: center;
}

header#inner p#head-areaname{
	font-size: 16px;line-height: 20px;font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";
	text-shadow: 0px -1px 0px #000000;color: #fff;text-align: center;
}



*/



header#inner>p {
	font-size: 14px;
	line-height: 32px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";
	text-shadow: 0px 1px 0px #000000;
	color: #fff;
	text-align: left;
	font-weight:bold;
	margin-left:80px;
}

header#inner div#head-back{
	width: 70px;
	font-size: 12px;
	background-color:#396aa6;
	line-height: 32px;
	text-align: left;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6";
	position: absolute;top: 0;left: 0;
	background-size:60px 30px;
	-webkit-background-size:60px 30px;
	-moz-background-size:60px 30px;
	-ms-background-size:60px 30px;
	-o-background-size:60px 30px;
}

header#inner div#head-back a{
	width: 70px;height: 32px;
	margin: 0;
	display: block;
	color: #fff;
	overflow: hidden;
	background-repeat:no-repeat;
	background-image:url(../img/arrow_wht.png);
	background-position:10px 10px;
	background-size:12px 12px;
}

header#inner div#head-back a span{
	margin-left:30px;
}

header#inner div#head-home{
	position: absolute; top: 5px; right: 5px; 
}


header#inner {
	height: 32px;
	background: #2d3451;
}

/*

#class-pop{font-size:12px;line-height:15px;padding:10px 0;
	background:#333;
	background:-webkit-gradient(linear,left top,left bottom,from(#383e45),color-stop(15%,#575d64),color-stop(50%,#5d636a),color-stop(85%,#575d64),to(#383e45));
	background:-webkit-linear-gradient(top,#383e45,#575d64 15%,#5d636a 50%,#575d64 85%,#383e45);
	background:-moz-linear-gradient(top,#383e45,#575d64 15%,#5d636a 50%,#575d64 85%,#383e45);
	background:-ms-linear-gradient(top,#383e45,#575d64 15%,#5d636a 50%,#575d64 85%,#383e45);
	background:-o-linear-gradient(top,#383e45,#575d64 15%,#5d636a 50%,#575d64 85%,#383e45);
}
#class-pop p.welcome{
	padding-left:25px;line-height:20px;position:relative;color:#0a358b;
	background:url(../img/icon_info.png)0 0 no-repeat;background-size:20px 20px;
	-webkit-background-size:20px 20px;
	-moz-background-size:20px 20px;
	-ms-background-size:20px 20px;
	-o-background-size:20px 20px;
}
#class-pop p{
	padding-bottom:5px;
}

*/

figure{
	text-align:center;
}


figure img{
	width:90%;
	height:auto;
	border:1px solid #FFF;

}

.repo_area{
	width:100%;
	height:25px;
	
}
.upper{
	color:#036;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
}
.upper{
	color:#036;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
}
.upper span{
	font-size:12px;
	font-weight:normal;
}
.day_title{
	color:#036;
	line-height:20px;
	font-size:20px;
	font-weight:bold;
	padding:10px 10px 6px 10px;
	background-color:#FFF;
}

.day_title span{
	font-size:10px;
}

.page_title{
	color:#FFF;
	line-height:22px;
	font-size:16px;
	font-weight:bold;
	padding:10px;
	background-color:#036;
	border-bottom:1px solid #FFF;
}
.repo_img img{
	width:100%;
	height:auto;
}
.repo_column{
	margin:10px 10px 20px 10px;
	background-color:#FFF;
  	position: relative;
}
.repo_column:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.repo_column p{
	font-size:14px;
	color:#333;
	line-height:21px;
	border-bottom:1px dotted #ddd;
	padding:16px;
}
.repo_column p:last-child {
	border-bottom:none;
}

.repo_column h3{
	font-size:14px;
	color:#333;
	padding:16px;
	font-weight:bold;
}

.attention{
	margin:5px 20px 0 20px;
	border-top:1px dotted #999;
	padding-top:5px;
}

.attention p{
	font-size:12px;
	color:#684317;
	line-height:19px;
}



section .clabel {	
	position: relative;
	margin:10px 0 0 0;
	background-color:#cabd9a;
	padding: 0 0 0 13px; 
	color: #675648; 
	font-weight: bold; 
	font-size: 10px; 
	line-height: 20px;
	text-align: left; 
}
section .clabel:first-child {	
	margin:0;
}

.prof,.prof2{
	margin:15px 10px 10px 10px;
}

.prof h3{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px solid #bbb;
}

.prof2 h3{
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:15px;
	border-bottom:1px solid #bbb;
}

.prof2 h3:first-child{
	margin-top:0px;
}

.prof2 h3 span{
	font-size:10px;
	font-weight:normal;
}


.prof .p1,.p2{
	background-size:100px;
	background-repeat:no-repeat;
	padding-left:110px;
	line-height:20px;

}

.prof .p1{
	background-image:url(../img/prof1.jpg);

}

.prof .p2{
	background-image:url(../img/prof2.jpg);

}

.prof,.prof2 p{
	font-size:12px;
}

.prof2 p{
	line-height:20px;
}

/*スケジュールリスト*/

dl#scdl {
    width:100%;
    margin:auto;
	background-color:#4d74bb;
}

dl#scdl dt,dd {
	padding: 6px;
	font-size:12px;
}

dl#scdl dt {
	color:#FFF;
	font-weight:bold;
	border-top: 1px solid #fff;
	clear: left;
	float: left;
	width: 80px;
}

dl#scdl dt span{
	font-size:9px;

}

dl#scdl dd {
	background-color:#e4e1d4;
	border-top: 1px solid #fff;
	margin-left: 90px;
}



/* -------------------------------------------------------------------------------------
  FORM
------------------------------------------------------------------------------------- */
.wni-form {margin:10px;position:relative;}
.wni-form p.sub-txt{font-size:12px;color:#333;line-height:13px;margin:5px 0;}
/*INPUT TEXT*/
input[type="text"],input[type="password"]{width:100%;height: 104px; font-size: 14px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a;}
/*INPUT EMAIL*/
input[type="email"]{width:100%;height: 26px; font-size: 14px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a;}
/*INPUT RADIO*/
input[type="radio"]{margin:3px 5px;}
/*TEXTAREA*/
textarea{width:100%;height:120px;font-size: 14px;resize:none;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a;}
/*SELECT*/
.wni-form .slct{position:relative;}.wni-form .slct:after,.wni-form .slct-h1:after,.wni-form .slct-h2:after {content: ""; width: 0; height: 0; position: absolute; top: 13px; right: 6px;border-top:solid 7px #000;border-bottom:solid 5px transparent;border-left:solid 4px transparent;border-right:solid 4px transparent;}
select {
	width: 100%;font-size: 15px;line-height: 28px;height: 31px;
	background: #b6b6b6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(50%, #e6e6e6), color-stop(50%, #d4d4d4), to(#b6b6b6));
	background: -webkit-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -moz-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -ms-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: -o-linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	background: linear-gradient(top, #f5f5f5, #e6e6e6 50%, #d4d4d4 50%, #b6b6b6);
	-webkit-border-radius: 4px;　-moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a;
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.wni-form .slct-h1 {width: 49%;float:left;position:relative;}
.wni-form .slct-h2 {width: 49%;float:right;position:relative;}
.wni-form.slct-txt .slct-h1 {width:34%;float:left;position:relative;}
.wni-form.slct-txt .slct-h2 {width:34%;float:left;position:relative;}
.wni-form .slct-h-txt {width:15%;float:left;line-height:30px;text-align:center;}

/*SET*/
.wni-form .set-first{ width:70%;float:left;}.wni-form .set-second{ width:28%;float:right;}
.wni-form .set-first input {width: 100%; margin-top: 3px; height: 26px; font-size: 14px;-webkit-border-radius: 4px;　-moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;　border-radius: 4px; border: solid 1px #8a8a8a; }





/*追加130502*/

.comme_column{
	margin:10px 10px 20px 10px;
	background-color:#FFF;
  	position: relative;
}
.comme_column:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
.comme_column p{
	font-size:14px;
	color:#333;
	line-height:21px;
	border-bottom:1px dotted #ddd;
	padding:4px 16px 16px 16px;
}
.comme_column p:last-child {
	border-bottom:none;
}

.comme_column h3{
	font-size:14px;
	color:#036;
	font-weight:bold;
	padding:16px 16px 0 16px;
}

.comme_column h3 span{
	font-size:10px;
	color:#333;
}

.urltxt{
	font-size:18px;
	font-weight:bold;
	color:#036;
}

.pxt{
	margin:10px auto; 
	width:95%;
}

.pxt img{
	float:left;
	display:block;
}
.pxt p{
	margin-left:10px; 
	width:60%;
	line-height:20px;
	float:left;
}

.pxt_fl{
	margin:10px 0; 
	width:100%;
}

.pxt_fl img{
	float:left;
	display:block;
}
.pxt_fl p{
	margin-left:20px; 
	width:50%;
	float:left;
}




@media all and (orientation: portrait) {
#swp{
	background-image:url(../img/me13swp.png);
	background-repeat:no-repeat;
	-webkit-background-size:100%;
    -moz-background-size:100%;
	background-size:100%;
	-webkit-text-size-adjust: none;
	background-color:#e4e1d4;
}

}


@media all and (orientation: landscape) { 
#swp{
	background-image:url(../img/me13swp.png);
	background-repeat:no-repeat;
	-webkit-background-size:100%;
    -moz-background-size:100%;
	background-size:100%;
	-webkit-text-size-adjust: none;
	background-color:#e4e1d4;
}
}

#swp header img{
	width:100%;
	height:auto;
}

.swpblock{
	width:95%;
	margin:15px auto;
}




.swpblock li img{
	width:80px;
	height:auto;
	
}

.swpblock li a{
	display:block;
	width:80px;
	height:80px;
	margin-left:14px;
	margin-bottom:14px;
	border:2px solid #FFF;
	float:left;
	overflow:hidden;
	background-color:#999;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.3); 
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.3); 
	-o-box-shadow: 2px 2px 6px rgba(0,0,0,0.3); 
	-ms-box-shadow: 2px 2px 6px rgba(0,0,0,0.3); 
}

.swpbtnA {
	color: #36C;
	background: -moz-linear-gradient(top,  rgba(239,239,239,0.3) 0%, rgba(255,255,255,0.58) 49%, rgba(234,234,234,0.6) 52%, rgba(234,234,234,0.6) 53%, rgba(219,219,219,0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,0.3)), color-stop(49%,rgba(255,255,255,0.58)), color-stop(52%,rgba(234,234,234,0.6)), color-stop(53%,rgba(234,234,234,0.6)), color-stop(100%,rgba(219,219,219,0.9)));
	background: -webkit-linear-gradient(top,  rgba(239,239,239,0.3) 0%,rgba(255,255,255,0.58) 49%,rgba(234,234,234,0.6) 52%,rgba(234,234,234,0.6) 53%,rgba(219,219,219,0.9) 100%); 
	background: -o-linear-gradient(top,  rgba(239,239,239,0.3) 0%,rgba(255,255,255,0.58) 49%,rgba(234,234,234,0.6) 52%,rgba(234,234,234,0.6) 53%,rgba(219,219,219,0.9) 100%); 
	background: -ms-linear-gradient(top,  rgba(239,239,239,0.3) 0%,rgba(255,255,255,0.58) 49%,rgba(234,234,234,0.6) 52%,rgba(234,234,234,0.6) 53%,rgba(219,219,219,0.9) 100%); 
	background: linear-gradient(to bottom,  rgba(239,239,239,0.3) 0%,rgba(255,255,255,0.58) 49%,rgba(234,234,234,0.6) 52%,rgba(234,234,234,0.6) 53%,rgba(219,219,219,0.9) 100%); 
	width:150px;
	font-size:12px;
	margin-right:18px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	text-shadow: 1px 2px #FFF;
	-webkit-border-radius: 4px;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3); 
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); 
	-o-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); 
	-ms-box-shadow: 1px 1px 4px rgba(0,0,0,0.3); 
	border-radius: 4px;
	font-weight:bold;
	float:right;
	border:1px solid #FFF;
}

.yaz{
	width:38px;
	height:47px;
	text-align:center;
	margin-top:8px;
}