@charset "utf-8";
/* CSS Document */
.maypage h1{
    color: #061E47;
    font-family: Verdana,Geneva,sans-serif;
	font-size:200%;
	padding-bottom:35px;
    font-weight: bold;
    padding-top: 15px;
}

#profile li {
	float:left;
}

#profile li.photo {
	width: 110px;
}

#profile li.photo img{
	margin-right: 10px;
}

p#myname{
	font-size:200%;
	padding-bottom:5px;
	margin-top: -5px;
}

.Status{
	overflow:hidden;
	padding-bottom:12px;
}

.w600{
	width: 600px;
}

.Status li{
	float:left;
	padding:2px 7px 2px 0;
	height:15px;
	font-size:82%;
	color:#193159;
}
.Status li strong{
	padding-left:5px;
	color:#000C1F;
}
.sex{
	padding-left:15px !important;
	background:url(../img/sprite_review.png) no-repeat -910px -182px;
}
.age{
	padding-left:17px !important;
	background:url(../img/sprite_review.png) no-repeat -910px -205px;
}

.home{
	padding-left:17px !important;
	background:url(../img/sprite_review.png) no-repeat -910px -222px;
}
.job{
	padding-left:17px !important;
	background:url(../img/sprite_review.png) no-repeat -910px -244px;
}
.style{
	padding-left:21px !important;
	background:url(../img/sprite_review.png) no-repeat -907px -266px;
}
.level{
	padding-left:17px !important;
	background:url(../img/sprite_review.png) no-repeat -912px -290px;
}

#profilebox{
	overflow:hidden;
	width:700px;
	position:relative;
}

.photoflame{
	float:left;
	overflow:hidden;
	width:357px;
	background:url(../img/bg/profile_bg02.jpg) repeat-y 0 0;
}

.photoflame span{
	overflow:hidden;
	display:block;
	width:357px;
	background:url(../img/bg/profile_bg01.jpg) no-repeat 0 0;
}
.photoflame span img{
	padding:6px 15px 21px 9px;
	width:333px;
	max-height:500px;
	background:url(../img/bg/profile_bg03.jpg) no-repeat 0 100%;
}

.photoflame span.edit{
	overflow:hidden;
	display:block;
	width:357px;
	text-align: center;
	background-image: none;
	background: #FFF;
}

#profilebox div.introduction{
	overflow: auto;
}

#profilebox div.introduction div{
	max-height: 340px;
}
#profilebox .text{
	overflow:hidden;
	display:inline;
	width:343px;
	padding-top:10px;
	line-height:2.0;
}

#profilebox .btn{
	position:absolute;
	bottom:0;
	right:0;
}
#profilebox .btn a{
	display: block;
	padding-left:20px !important;
	background:url(../img/sprite_review.png) no-repeat -908px -68px;
	font-size:125%;
	font-weight:bold;
	height: 20px;
}

#profilebox .editlink{
	
}

.maypage #reviewArticle .databox{
	padding-bottom:10px;

}



/*---------------
header
---------------*/
#header{
	background:url(../img/bg/header_bg.png) repeat-x 0 22px;
}
#head_container{
	overflow:hidden;
	width:950px;
	margin:0 auto;
}
#head_container div.right{
	padding-top:12px;
	margin-top:0 !important;
}
#head_container .sitenavi {
	padding-bottom:0;
}
#head_container .sitenavi .no-border{
	padding-right:0;
}
#logo{
	float:left;
	width:400px;
	font-size: 94.79%;
	padding-top:11px;
	font-family:"Osaka","ＭＳ Ｐゴシック",Arial,sans-serif;
}
#logo a strong{
	display:block;
	color:#666;
	font-weight:bold !important;
	text-decoration:none;
	letter-spacing:normal;
}
#logo a:hover{
	color:#0180be;
	text-decoration:none;
}
#logo a:hover img{
filter: alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}
#logo img{
	float:left;
	margin-top:7px;
	width:235px;
	height:31px;
	background:url(../img/sprite01.png) no-repeat 0 0;
}

#header #searchBox {
	clear:right;
    float: right;
    height: 23px;
    padding: 25px 0 15px;
	width:400px;
}

#header #searchBox strong{
	float:left;
	display:inline;
	font-size:109%;
	font-weight:bold;
	padding-top:3px;
	}

#header #searchBox input{
	float:left;
	display:inline;
}
#header #searchBox #textform{
	width:230px;
	padding:3px 0;
	margin:0 10px;
}



#bottom_header{
	clear:both;
	overflow:hidden;
	width:950px;
}
#multilingual{
	float:right;
}
.sitenavi li,#multilingual li{
	float:left;
	padding:0 5px;
	border-right:#030E21 solid 1px;
}



/* ---------- ---------- ----------
　　add 20140422 Myページ改修
 ---------- ---------- ---------- */
.myPage_content{
	clear:both;
}

/* myPageNav */
.sideLine:first-child{
	margin-top:0;
}

.myPageNav{}
.myPageNav ul{
	overflow:hidden;
	border-top:2px solid #b3c0cf;
	border-left:2px solid #b3c0cf;
}
.myPageNav li{
	float:left;
	width:235px;
	text-align:center;
	border-right:2px solid #b3c0cf;
	border-bottom:2px solid #b3c0cf;
}
.myPageNav li:first-child{
	border-left:none;
}
.myPageNav li a{
	display:block;
	padding:8px 3px;
	background:#dee2e8;
	color:#001b4c;
	/*
	background: url(../img/bg/bg_mypagenav.jpg) repeat-x;
	color:#fff;
	*/
}
.myPageNav li.current a{
	background:#001b4c;
	color:#fff;
	/*
	background: url(../img/bg/bg_mypagenav_on.jpg) repeat-x;
	color:#08194a;
	*/
}

/* タイトル */
.myPage_content h3.conTitle{
	color:#061E4A;
	font-size:117%;
	font-weight:bold;
	margin-top:20px;
	padding-bottom:2px;
	border-bottom:#061E49 solid 5px;
}
.myPage_content h3.conTitle .note{
	font-weight:normal;
	padding-left:1em;
	font-size:.9em;
}


/* 投稿レビュー一覧 */
.myPage_content .Gallery {
	width:100%;
}
	/* レビュー情報 */
	.myPage_content .Gallery .line{
		padding-bottom:30px;
	}
	.myPage_content .Gallery .line,
	.myPage_content .Gallery .line dl{
		overflow:hidden;
		width:100%;
		position:relative;
	}
	.myPage_content .Gallery dd.corner3{
		margin-right:10px;
	}
	.myPage_content .Gallery dd.text{
		float:none;
		display:inline;
		width:auto;
		overflow:hidden;
		padding:5px 0 0 0;
		font-size:92%;
		line-height:1.5;
		margin-bottom:30px;
	}
	.myPage_content .Gallery dd.text a.right{
		margin-bottom:20px;
	}
	.myPage_content .Gallery dd.text a.title{
		display:block;
		font-size:127%;
	}
	
	.myPage_content .Gallery dd.text p{
		margin: 5px 0;
	}
	/* ユーザー */
	.myPage_content .Gallery .who{
		width:100%;
	}
	.myPage_content .Gallery .who .Shadow img{
		width:35px;
		height:37px;
	}
	.myPage_content .Gallery .who ul{
		float:left;
		width:600px;
	}
	.myPage_content .line .who ul li {
    width:200px;
	}
	.myPage_content .line .who ul li.set01,
	.myPage_content .line .who ul li.set04 {
    width:150px;
	}

/* 購入管理table */
div.formtb{margin:10px 0;}
div.formtb table{
	border-collapse:collapse;
	width:100%;
	/*
	border:1px solid #CCC;
	*/
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
div.formtb table.formtbList{
	margin-bottom:20px;}
	
div.formtb tr.past{
	background:#e0e0e0 ;
}
div.formtb th,
div.formtb td{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:5px;
	vertical-align:middle;
}

div.formtb th{font-weight:bold; white-space: nowrap;}
div.formtb th.imp02 {background: url("../img/bg/bg_h3_ticket.gif") repeat scroll 0 0 transparent;}
div.formtb td.imp{text-align:center;}
div.formtb td.ticket{background:#fefef2;}


/* お気に入りスキー場 
---------- ---------- ---------- ---------- */
#GelandeList h3.conTitle + .btn{
	margin-top:10px;
	margin-bottom:20px;
	text-align:right;
}

/* 登録なし */
.myPage_content p.noEntry{
	padding:20px 0;
	font-weight:bold;
	color:#AB0000;
}

/* スキー場名 */
#GelandeList .BGtitle {
	background-color: #c9e8fa;
	padding: 8px 10px;
	margin-bottom: 20px;
	width:100%;}
#GelandeList .BGtitle h3 {
	color: #1058a7;
	font-weight: bold;
	line-height: 20px;
	border-left: 3px solid #1058a7;
	padding-left: 10px;
	float: left;}
#GelandeList .BGtitle h4 {
	padding-right:20px;
	float: right;}

/* スキー場 情報 */
#GelandeList .xs {
	font-size: 85%;
}
#GelandeList .box {
	width:100%;
}
#GelandeList a.glass {
	padding-left:20px;
	background:url(../img/sprite01.png) no-repeat 0 -522px;
	height:20px;
}
		#GelandeList .box {
			margin-bottom:20px;
		}
		#GelandeList .box .photoArea {
			float: left;
			width: 180px;
			text-align: center;
		}
		#GelandeList .box .infoArea {
			float: right;
			overflow:hidden;
			width: 750px;
		}
		#GelandeList .box .infoArea .txtArea {
			width: 590px;
			float: left;
		}
		#GelandeList .box .infoArea .txtArea .iconArea ul {
			display:inline-block;
			margin-bottom: 15px;
		}
		#GelandeList .box .infoArea .txtArea .iconArea li {
			float: left;
			width: 70px;
			height: 15px;
			display: block;
			text-align: center;
			padding: 6px 2px 6px 0px;
			font-weight: bold;
			line-height: 15px;
			color: #ff6600;
			background: #feeac9;
			margin-right: 5px;
			white-space: nowrap;
		}
		#GelandeList .box .infoArea .txtArea .iconArea li.last {
			margin-right: 0;
		}
		#GelandeList .box .infoArea .txtArea p {
			margin-bottom: 15px;
		}
		#GelandeList .box .infoArea .txtArea table {
			margin-bottom: 7px;
		}
		#GelandeList .box .infoArea .txtArea table td,  #GelandeList .box .infoArea .txtArea table th {
			border: 1px solid #cccccc;
			line-height: 15px;
			padding: 5px;
		}
		#GelandeList .box .infoArea .txtArea td.beginner {
			background-color: #cef3fc;
		}
		#GelandeList .box .infoArea .txtArea td.intermediate {
			background-color: #ceddfc;
		}
		#GelandeList .box .infoArea .txtArea td.upper {
			background-color: #fcced4;
		}
		#GelandeList .box span {
			color: #ff0000;
		}
		#GelandeList .box .iconInfoArea {
			font-weight: bold;
			margin-top: 7px;
		}
		#GelandeList .box .iconInfoArea ul {
			width: 100%;
		}
		#GelandeList .box .iconInfoArea li {
			float: left;
			font-weight: normal;
			color: #333333;
			padding-right: 2px;
			line-height: 0;
		}
		#GelandeList .box .iconInfoArea li.text {
			line-height: 34px;
		}
		#GelandeList .box .reviewArea {
			margin-bottom: 7px;
			height: 35px;
			clear:both;
		}
		#GelandeList .box .reviewArea li {
			float: left;
			padding-left: 7px;
			line-height: 28px;
		}
		#GelandeList .box .reviewArea li.icon {
			padding: 0px;
		}
		#GelandeList .box .reviewArea ul.free {
			margin-top: 10px;
		}
		
		#GelandeList .box .navArea {
			width: 140px;
			float: right;
			background: #e6fbff;
		}
		#GelandeList .box .navArea li {
			height: 32px;
			padding: 5px;
			overflow: hidden;
			text-align: center;
		}
		

/* お気に入りスキー場登録  */
div#ContentsTitle{
	margin: 20px 0px;
	padding: 7px 0px 0 0;
	border-bottom: 1px solid #00608b;
	padding-bottom: 5px;
}
div#ContentsTitle h1{
	background: #FFF;
	border-left: 5px solid #00608b;
	color: #00608b;
	padding:0 0 0 8px;
	text-align: left;
	font-size:135%;
}
div.registGelande {margin:0 10px 30px 10px;}

div.registGelande h2{
	background:#DEE2E8;
	color:#001B4C;
	padding:2px 8px;
	font-weight:normal;
	font-size:16px;
	margin-top:40px;
}
div.registGelande h3{
	border-left:5px solid #05F;
	padding:3px 0 3px 5px;
	line-height:1;
	margin-top:32px;
	margin-bottom:10px;
	font-size:14px;
}

div.registGelande table{
	border-collapse:collapse;
	/*
	width:100%;
	*/
	width:930px;
	margin:0 auto;
}
div.registGelande td{
	border:1px solid #CCC;
	padding:0;
	text-align:left;
	width:33%;
}
div.registGelande td.noBorder{
	border:none;
}
div.registGelande td label{
	display:block;
	padding:8px 0 8px 5px;
	overflow:hidden;

white-space: nowrap;
width: 305px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
div.registGelande td label input{
	float:left;
}
div.registGelande td label .name{
	display:block;
	overflow:hidden;
	
	white-space:nowrap;
	text-overflow: ellipsis;
}
div.registGelande .btnArea{
	margin-top:30px;
	text-align:center;
}
div.registGelande .btnArea a{
	margin-right:10px;
	display:inline-block;
}
div.registGelande .btnArea input:hover{
	opacity:.8;
}

div.registGelande .linkTop {
	text-align:right;
	margin-top:12px;
}
div.registGelande .linkTop a{
	display:inline-block;
	margin-left:15px;
}

.areaList{
	text-align:center;
	border:2px solid #B3C0CF;
	margin:0 auto;
	padding:20px;
	width:890px;
}
.areaList table{
	border-collapse:collapse;
	margin:0 auto;
	width:100%;
}
.areaList th,
.areaList td{
	padding:8px 3px;
	border-top:1px dotted #B3C0CF;
	text-align:left;
}
.areaList .noBorder th,
.areaList .noBorder td{
	border-top:none;
}
.areaList tr:first-child th,
.areaList tr:first-child td{
	border-top:none;
}
.areaList th{
	font-weight:bold;
}

/* 利用できるスキー場はこちら */
#report tr.odd{background:#fff;}
#report .btnSlopeList{color:#065199;cursor:pointer;}
#report .SlopeList strong{font-weight:bold;}
#report .SlopeList ul{overflow:hidden;}
#report .SlopeList li{
	list-style:none;
	float:left;
	margin-left:1em;
	/*
	min-width:210px;
	*/
	width:220px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#report .SlopeList .btnClose{text-align:right;margin-right:30px;}