@charset "UTF-8";

/*--------------------------------------------------------*/
/* Webフォントの呼び出し
/*--------------------------------------------------------*/

@font-face {
    font-family: 'WebSymbolsgfeditRegular';
    src: url('/sp/font/websymbols_gf-edit-webfont.eot');
    src: url('/sp/font/websymbols_gf-edit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/sp/font/websymbols_gf-edit-webfont.woff') format('woff'),
         url('/sp/font/websymbols_gf-edit-webfont.ttf') format('truetype'),
         url('/sp/font/websymbols_gf-edit-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------------*/
/* ギャラリー関連の共通スタイル（.gallery）
/*--------------------------------------------------------*/

header{
	margin-bottom:1px;
}
h2.title{
	margin-bottom:10px;
	padding:10px 10px 10px 110px !important;
	text-align: left;
	background-color: #224A6F !important;
	color:#FFFFFF;
	font-size:123.1%;
	font-weight:bold;
}

h2.title a.backLink{
	display:block;
	width:80px;
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-12px;
	padding:5px 5px 5px 10px;
	background-color: #eee;
	border-radius: 5px;
	color: #666 !important;
	font-size: 69%;
	font-weight: normal;
	text-decoration: none;
}
h2.title a.backLink:before{
	content:"(";
	font-family: 'WebSymbolsgfeditRegular';
	font-weight:normal;
	margin-right:3px;
	margin-top:-6px;
}


/*--------------------------------------------------------*/
/* フォトギャラリー詳細のスタイル（.detail）
/*--------------------------------------------------------*/

.gallery.detail .title{
	margin-bottom:10px !important;
}
.gallery.detail .title h2{
	min-height:35px;
	padding:10px 10px 10px 75px;
	text-align:left;
	font-size:108%;
	color:#0086CD;
}
.gallery.detail .upload2{
	padding:0 5px;
}
.gallery.detail .upload2 p.lead{
	float:left;
	width:74%;
	font-size:93%;
}
.gallery.detail .upload2 p.btn a{
	display:block;
	float:right;
	width:25%;
	margin:0 auto;
	padding:10px 0;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	background-color:#0086CD;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
}
.gallery.detail .upload2 p.btn a:before{
	font-family: WebSymbolsgfeditRegular;
	content: '!';
	color: #FFFFFF;
	text-decoration:none;
	font-size:85%;
	vertical-align:top;
	line-height:150%;
	padding-right:3px;
}
.gallery.detail ul.post{
	padding-left:5px;
}
.gallery.detail ul.post li a{
	float:left;
	width:30%;
	margin-right:3px;
	padding:7px 2px 4px;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border:1px solid #CCCCCC;
	border-bottom:none;
	font-size:93%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.gallery.detail ul.post li strong{
	float:left;
	width:30%;
	margin-right:3px;
	padding:7px 2px 4px;
	background-color:#0B99E5;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-bottom:1px solid #0B99E5;
	font-size:93%;
	text-align:center;
	color:#FFFFFF;
}
.gallery.detail ul.post li span{
	font-size:83%;
	font-weight:normal;
}

.gallery.detail ul.type{
	margin-bottom:10px;
	padding:5px;
	background-color:#0B99E5;
}
.gallery.detail ul.type li a{
	display:block;
	float:left;
	width:20%;
	margin-right:7px;
	padding:5px 2px;
	background-color:#FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size:93%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.gallery.detail ul.type li a.select{
	background-color:#ffff99;
	color:#0086CD;
}
.gallery.detail ul.type li span{
	font-size:83%;
	font-weight:normal;
}

/* ユーティリティ部分 -------------------------------------*/

.gallery.detail .photo{
	padding:0 5px;
}
.gallery.detail .utility p.back a{
	display:block;
	float:left;
	padding:5px 2px;
	background-color:#F0F0F0;
	border:2px solid #CCCCCC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}
.gallery.detail .utility p.back a:before{
	font-family: WebSymbolsgfeditRegular;
	content: '_';
	color: #666666;
	text-decoration:none;
	font-size:85%;
	float:left;
	vertical-align:top;
	padding:1px 3px 0;
}
.gallery.detail .utility p.report a{
	display:block;
	float:right;
	padding:5px 2px;
	background-color:#fff3f3;
	border:2px solid #DD0000;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-weight:bold;
	color:#DD0000;
	text-decoration:none;
}
.gallery.detail .utility p.report a:before{
	font-family: WebSymbolsgfeditRegular;
	content: 'W';
	color: #DD0000;
	text-decoration:none;
	font-size:85%;
	float:left;
	vertical-align:top;
	padding:1px 3px 0;
}
.gallery.detail .utility p.delete a{
	display:block;
	float:right;
	padding:5px 2px;
	background-color:#fff3f3;
	border:2px solid #DD0000;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-weight:bold;
	color:#DD0000;
	text-decoration:none;
}
.gallery.detail .utility p.delete a:before{
	font-family: WebSymbolsgfeditRegular;
	content: '"';
	color: #DD0000;
	text-decoration:none;
	font-size:85%;
	float:left;
	padding:1px 3px 0;
}

/* 投稿者のコメント ---------------------------------------*/

.gallery.detail .comment p.name{
	float:left;
	font-size:108%;
	font-weight:bold;
}
.gallery.detail .comment p.date{
	float:right;
	font-size:85%;
	color:#666666;
}
.gallery.detail .comment p.text{
	margin-bottom:5px;
	padding-top:5px;
	clear:both;
}
.gallery.detail .comment p.more{
	text-align:right;
}


/* その他の写真リスト -------------------------------------*/

.gallery.detail .other ul{
	padding:0 5px;
}
.gallery.detail .other li{
	float:left;
	width:15%;
	margin-right:2%;
	text-align:center;
}

.gallery.detail .other li.prev{
	width:7%;
	padding-top:15px;
}
.gallery.detail .other li.prev a{
	display:block;
	width:16px;
	height:16px;
	border-radius:15px;
	border:2px solid #0086CD;
	text-align:center;
}
.gallery.detail .other li.prev a:after{
	font-family: WebSymbolsgfeditRegular;
	content: '_';
	color: #0086CD;
	text-decoration:none;
	font-size:108%;
	float:left;
	vertical-align:top;
	line-height:1.0;
	padding-left:3px;
}
.gallery.detail .other li.next{
	width:5%;
	margin-right:0 !important;
	padding-top:15px;
}
.gallery.detail .other li.next a{
	display:block;
	width:16px;
	height:16px;
	border-radius:15px;
	border:2px solid #0086CD;
	text-align:center;
}
.gallery.detail .other li.next a:after{
	font-family: WebSymbolsgfeditRegular;
	content: ']';
	color: #0086CD;
	text-decoration:none;
	font-size:108%;
	float:left;
	vertical-align:top;
	line-height:1.0;
	padding-left:4px;
}

.gallery.detail p.back_courseguide a{
	display:block;
	width:80%;
	margin:0 auto 20px;
	padding:10px 0;
	background-color:#0086CD;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}
.gallery.detail p.back_courseguide a:before{
	font-family: WebSymbolsgfeditRegular;
	content: 'h';
	color: #FFFFFF;
	text-decoration:none;
	font-size:85%;
	vertical-align:middle;
	padding:1px 3px 0;
}



/*--------------------------------------------------------*/
/* フォトギャラリー一覧のスタイル（.list）
/*--------------------------------------------------------*/

.gallery.list .title h2{
	min-height:35px;
	padding:10px 10px 10px 75px;
	text-align:left;
	font-size:108%;
	color:#0086CD;
}
.gallery.list .upload2{
	padding:0 5px;
}
.gallery.list .upload2 p.lead{
	float:left;
	width:74%;
	font-size:93%;
}
.gallery.list .upload2 p.btn a{
	display:block;
	float:right;
	width:25%;
	margin:0 auto;
	padding:10px 0;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	background-color:#0086CD;
	color:#FFFFFF;
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
}
.gallery.list .upload2 p.btn a:before{
	font-family: WebSymbolsgfeditRegular;
	content: '!';
	color: #FFFFFF;
	text-decoration:none;
	font-size:85%;
	vertical-align:top;
	line-height:150%;
	padding-right:3px;
}
.gallery.list ul.post{
	padding-left:5px;
}
.gallery.list ul.post li a{
	float:left;
	width:22%;
	height:3.3em;
	margin-right:3px;
	padding:7px 2px 4px;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border:1px solid #CCCCCC;
	border-bottom:none;
	font-size:85%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.gallery.list ul.post li strong{
	float:left;
	width:23%;
	height:3.3em;
	margin-right:3px;
	padding:7px 2px 4px;
	background-color:#0B99E5;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-bottom:1px solid #0B99E5;
	font-size:85%;
	text-align:center;
	color:#FFFFFF;
}
.gallery.list ul.post li span{
	font-size:80%;
	font-weight:normal;
}

.gallery.list ul.type{
	margin-bottom:10px;
	padding:5px;
	background-color:#0B99E5;
}
.gallery.list ul.type li a{
	display:block;
	float:left;
	width:20%;
	margin-right:7px;
	padding:5px 2px;
	background-color:#FFFFFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	font-size:93%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.gallery.list ul.type li a.select{
	background-color:#ffff99;
	color:#0086CD;
}
.gallery.list ul.type li span{
	font-size:83%;
	font-weight:normal;
}

.gallery.list #photoList{
	padding-left:10px;
}
.gallery.list #photoList li{
	width:30%;
	margin:0 5px 10px 0;
	float:left;
	font-size:70%;
}
.gallery.list #photoList li p.img{
 	max-width: 100% !important;
	height: auto !important;
	margin-bottom:2px;
}
.gallery.list .photo_list p.more a{
	display:block;
	width:60%;
	margin:0 auto;
	padding:7px 0;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border:2px solid #0086CD;
	text-align:center;
	color:#0086CD;
	font-weight:bold;
	text-decoration:none;
}
.gallery.list .photo_list p.more a:before{
	font-family: WebSymbolsgfeditRegular;
	content: 'V';
	color: #0086CD;
	text-decoration:none;
	font-size:108%;
	vertical-align:top;
	line-height:1.0;
	padding-right:3px;
}
.gallery.list .photo_list p.number{
	margin-top:5px;
	text-align:center;
	font-size:85%;
	color:#666666;
}





.plan_box .slider_wrapper {
	width: 89%;
	position: relative;
	overflow: hidden;
	margin: 0 5% 0 6%;
}

.plan_box .slider_wrapper ul {
	display: block;
	width: 300%;
	margin: 0 !important;
	padding: 0;
}

.plan_box .slider_wrapper ul li {
	float: left;
	list-style-type: none ;
	width: 6% !important;
	margin: 0 0.33% !important;
}