@charset "UTF-8";
/*  review_layout.css lastupdated --- 2015/06/04 14:55
*/

#wrapper{width:960px;margin:0 auto;text-align:left;}
.testpage{width:960px;}

.h2landpackage{
	padding: 5px 26px;
	font-size: 130%;
	color: #fff;
	font-weight: bold;
	background:#0d2d61 url(/images/landpackage/h2pagetit.png) repeat-x;
}


/*--------------------------------------
  #review-wrap
----------------------------------------*/
#review-wrap{
	display:block;
	width:960px;
	margin:0 0 40px 0;
}

#review-wrap a:hover,
#review-wrap input[type=button]:hover,
#review-wrap label#button:hover{
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
}
/*h3.tourplan*/
#review-wrap .tit_tourplan{
  overflow:hidden;
　border: 1px solid #c3d6d6;
  background-color: #d8e8e8;
  padding: 10px 13px;
}

	#review-wrap .tit_tourplan h3{
		display:block;
		width:690px;
		float:left;
		color: #1d50a2;
		font-size: 130%;
		font-weight: bold;
	}
	#review-wrap .tit_tourplan p{float:right;width:230px;}
		/*一覧画面*/
		#review-wrap .tit_tourplan p.backbtn a{
			width: 206px;/*226*/
			display: block;
			margin:0 auto;
			padding: 10px;
			background-color: #3a73cf;
			cursor: pointer;
			text-align: center;
			color: #fff;
			font-size: 120%;
			font-weight: bold;
			/*角丸*/
			border-radius: 10px;
			/*角丸 Firefox用*/
			-moz-border-radius:10px;
			/*角丸 Safari,Chrome*/
			-webkit-border-radius:10px;
		}
		#review-wrap .tit_tourplan p.backbtn a:hover{color:#fff!important;text-decoration:none!important;}
		/*投稿画面*/
		#review-wrap .tit_tourplan p.backbtn_review a{
			width: 216px;/*226*/
			display:block;
			padding:5px;
			background-color:#3a73cf;
			cursor:pointer;
			text-align:center;
			color:#fff;
			font-size:140%;
			font-weight:bold;
			/*角丸*/
			border-radius: 10px;
			/*角丸 Firefox用*/
			-moz-border-radius:10px;
			/*角丸 Safari,Chrome*/
			-webkit-border-radius:10px;
		}
		#review-wrap .tit_tourplan p.backbtn_review a:hover{color:#fff!important;text-decoration:none!important;}
		#review-wrap .tit_tourplan p.backbtn_review a span{
			display:block;
			font-size:80%;
		}

/*--------------------------------------
  dl.integrated-rate みんなの評価
------------------------------*/
.review-MinDetail .integrated-rate{width:597px;}
	.review-MinDetail .integrated-rate.integrated-rate dt{}
		.review-MinDetail .integrated-rate dt h4{
			display:block;
			padding:5px 0 0 0;
			font-size:120%;
			font-weight:bold;
		}
	.review-MinDetail .integrated-rate dd{padding:0 13px 5px 0;}
		.review-MinDetail .integrated-rate dd img{ vertical-align:baseline;}
		.review-MinDetail .integrated-rate .score-number{padding-left:0.5em;font-size:200%;font-weight:bold;}



/*.review-MinDetail
------------------------------*/
.review-MinDetail{
	width:932px;
	overflow:hidden;
	background-color:#fff;
}
.review-MinDetail .ColumnL{
	width:320px;
	float:left;
}
.review-MinDetail .ColumnR{
	overflow:hidden;
	width:599px;
	float:right;
	margin-left:13px;
}

	/*div.score-all すべての口コミ*/
	.ColumnR .score-all{
		float:left;
		margin-top:9px;
		width:350px;
		padding:0 10px;
		border:1px solid #c3d6d6;
		background-color: #d8e8e8;
	}
	.ColumnR .score-all img{width:14px ; height:14px;}

	.ColumnR .score-all h4{font-weight:bold;font-size:120%; margin-bottom:5px;}
		.ColumnR .score-all h4 a{ display:inline-block; border-bottom:1px dotted #43A2D7;}
		.ColumnR .score-all h4 a:before{content:"（"}
		.ColumnR .score-all h4 a:after{content:"）"}		
		.ColumnR .score-all h4 a span{font-weight:bold;font-size:130%;}
		.ColumnR .score-all th{padding-right:1em;white-space: nowrap;}
		.ColumnR .score-all .graph{width:200px;}
			.graph .date{
				height:12px;
				margin: 1px 0;
				background:#f5ca59;
				@include animation( anime1 1s 1 ease);
			}
		.ColumnR .score-all .scoren{}
			.ColumnR .score-all .scoren span:before{content:"(";padding-left:0.3em;}
			.ColumnR .score-all .scoren span:after{content:")";padding-right:0.3em;}
			.ColumnR .score-all .scoren span a{display:inline-block;font-weight:bold;font-size:130%;}

	/*口コミボタン*/
	.ColumnR .u_commonButton{
		float:right;
		margin-top:40px;
		width:200px;
		z-index:9999;
		position:relative;
	}
	.ColumnR .u_commonButton img.ic{
		position:absolute;
		right:18px; top:22px;
		width:23px; height:23px;
	}
		.ColumnR .u_commonButton input[type=button]{
			width:186px;
			display:block;
			padding:30px 10px;
			background-color:#3a73cf;
			cursor:pointer;
			text-align:center;
			color:#fff;
			font-size:140%;
			font-weight:bold;
			/*角丸*/
			border-radius: 10px;
			/*角丸 Firefox用*/
			-moz-border-radius:10px;
			/*角丸 Safari,Chrome*/
			-webkit-border-radius:10px;
			/**/
			border:none;
		}


	/*div.detailssearh 詳しく見る*/
	.detailssearh{}
		.detailssearh label#button{
			display: block;
			width:298px;
			margin-top: 20px;
			padding: 10px;
			background-color:#3a73cf;
			color: #fff;
			font-weight:bold;
			/*角丸*/
			border-radius:5px;
			/*角丸 Firefox用*/
			-moz-border-radius:5px;
			/*角丸 Safari,Chrome*/
			-webkit-border-radius:5px;
		}
		.detailssearh label#button:before {
			content:"▼";
			font-size:80%;
			padding-right:0.5em;
		}
		
		.detailssearh ul {
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
			-ms-transition: all 0.5s;
			-o-transition: all 0.5s;
			transition: all 0.5s;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		.detailssearh li {
			margin-top:10px;
			width:918px;
			padding: 5px;
			border:2px solid #3a73cf;
		}
		.detailssearh input[type="checkbox"].on-off{display: none;}
		.detailssearh input[type="checkbox"].on-off + ul{height: 0;overflow:hidden;}
		.detailssearh input[type="checkbox"].on-off:checked + ul{min-height:300px;}
		
		.searcbox{overflow:hidden;width:918px;}
			.searcbox div{float:left;width:221px;padding:4px;}
				.searcbox .set h5{
					display:block;
					border-bottom:1px dotted #3660A3;
					font-size:120%;
					font-weight:bold;
					color:#3660A3;
					margin-bottom:5px;
				}
				.searcbox .set input[type="button"] {
					margin-bottom:5px;
					border:none;
					display:inline-block;
					height:30px;
					line-height:30px;
					background-color:#3660A3;
					color:#fff;
				}
					.searcbox .set input[type="button"] :checked {
						background-color:#f00;
					}
				.searcbox .set input[type="button"] {}
				.searcbox .set input[type="checkbox"] {
					display:inline-block;
					width:18px;
					height:18px;
					vertical-align:middle;
				}
					.searcbox .set input[type="checkbox"]:checked {}
				.searcbox .set input[type="text"] {
					display:inline-block;
					width:96%;
					padding:0 2%;
					border:1px solid #3660A3;
					font-size:120%;
					height:30px;
					line-height:30px;
				}
			/*.searchbox-button*/
			.searcbox div.searchbox-button{
				clear:both;
				padding:0;
				width:100%;
			}
				.searcbox div.searchbox-button input[type="button"] {
				  width: 180px;
				  display: block;
				  margin: 0 auto;
				  padding: 10px;
				  background-color: #3a73cf;
				  cursor: pointer;
				  text-align: center;
				  color: #fff;
				  font-size: 120%;
				  font-weight: bold;
				  border-radius: 10px;
				  -moz-border-radius: 10px;
				  -webkit-border-radius: 10px;
				  border:none;
				}
	

/*--------------------------------------
  .review-list-cassette：口コミ一覧
------------------------------*/
.review-list-cassette{
	width:950px;
	overflow:hidden;
	margin-top:20px;
	border:5px solid #d8e8e8;
	/*角丸*/
	border-radius: 10px;
	/*角丸 Firefox用*/
	-moz-border-radius:10px;
	/*角丸 Safari,Chrome*/
	-webkit-border-radius:10px;
}
.review-list-cassette .userbox{float:left;width:230px;padding:10px;}
.review-list-cassette .commentbox{float:right;width:700px;}
	/*.userbox*/
	.userbox .integrated-rate{
		overflow:hidden;
		padding:10px;
		margin-bottom:5px;
		background-color:#d8e8e8;
		/*角丸*/
		border-radius:5px;
		/*角丸 Firefox用*/
		-moz-border-radius:5px;
		/*角丸 Safari,Chrome*/
		-webkit-border-radius:5px;
		}
	.userbox .integrated-rate dt{float:left;}
		.userbox .integrated-rate dt h4{font-size:120%;font-weight:bold;}
		.userbox .integrated-rate dd{float:left; padding-left:1em;}
		.userbox .integrated-rate dd img{width:16px; height:16px;}
	.userbox div{overflow:hidden;}
	.userbox div img{display:block;float:left;margin-top:5px;}
	.userbox div p{padding-left:45px;}

		/*user-gender：年齢*/
		/*.userbox .user-age:after{content:"/";font-weight:normal;padding-left:0.3em;}*/
		/*user-name：投稿者*/		
		.userbox .user-name{display:block;font-size:120%;color:#49A447;font-weight:bold;}
		.userbox .user-name:after{content:"さん";font-weight:normal;}
		/*.post-date：参加日*/
		.userbox .post-date{display:block;}
		.userbox .post-date:before{content:"参加日：";}
		/*.user-party：同行者*/
		.userbox .user-party{display:block;}
		.userbox .user-party:before{content:"同行者：";}


/*.reviewtit：ユーザーコメントタイトル----------*/
.review-list-cassette .reviewtit{
	width:674px;/*700*/
	display:block;
	margin:5px 13px;
	height:35px;
	line-height:35px;
}
	.review-list-cassette .reviewtit {
		display:inline-block;
		color: #1d50a2;
		font-size: 180%;
		font-weight: bold;
	}
/*.user-comment：ユーザーコメント----------*/
	.review-list-cassette .user-comment{
		width:674px;/*700*/
		padding:0 13px 10px 13px;
		word-wrap:break-word;
		font-size:120%;
	}
/*投稿日*/
	.review-list-cassette .posted{text-align:right; padding-right:13px;}
	.review-list-cassette .posted:before{content:"投稿日："}



/*全体のコンテナー*/
.user-imagedate {
	position: relative;
	width:674px;
	min-height:148px;
	margin: 0 auto;
	padding:0 13px;
	overflow:hidden;
	background-color:#fff;
}
/*全てのを水平一列に格納したdiv、#photosにtransitionを設定*/
#photos{}
	/*各写真の並び位置を設定*/
	#photos .photo{
		display:block;
		width:148px;
		float:left;
		margin-top:10px;
		margin-right:5px;
		padding:5px;
		border:1px solid #ccc;
		margin-bottom:1em;
	}
	#photos .photo{text-decoration:none;}
		#photos .photo span{
			display:block;
			position:relative;
			width:148px;
			height:111px; 
			overflow: hidden;
			background-color:#eee;
			text-align:center;
		}
		#photos .photo span img{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			max-width: 100%;
			max-height: 100%;
		}
		/*ヨコ画像用*/#photos .photo span.yoko img{
			width:100%;
			height:auto;
		}
		/*タテ画像用*/#photos .photo span.tate img {
			height:100%;
			width:auto;
		}
		/* Variables*/
		#photos .photo p{
			padding-top:0.5em;
			overflow: hidden;
			height:4.5em;
			line-height:1.5em;
			text-align: justify;
			text-justify: inter-ideograph;
			color:#333;
		}
		.photoopenwindow{
			display: none;
			position:fixed;
			top: 0;left: 0;
			width: 100%;height: 100%;
			z-index:10000;
		}
		.photoopenwindow .close_overlay {
			top: 0;
			left: 0;
			width: 100%;
			height:120%;
			display: block;
			text-indent: -9999px;
			position:fixed;
			background: #000;
			opacity: 0.5;
			z-index:10005;
		}
		/**/
		.photoopenwindow .modal_window{
			display:inline-block;
			position:absolute;
			top:15px;left:0;right:0;bottom: 0;
			margin: auto;
			z-index:10010;
		}
			.photoopenwindow .modal_window img{
				display:block;
				background:#fff;
				padding:10px 10px 0 10px;
				margin:0 auto;
				width:380px;/*400*/
				max-height:100%;
			}
			.photoopenwindow .modal_window h2{
				display: block;
				width: 380px;
				padding: 5px 10px;
				margin: 0 auto;
				background-color: #fff;
				font-size: 130%;
				font-weight: bold;
			}

			/*閉じるボタン*/
			.photoopenwindow .modal_window a{
				display:block;
				margin:0 auto;
				text-align:right;
				width:380px;/*400*/
				padding:5px 10px;
				background-color:#fff;
				font-weight:bold;
				font-size:110%;
				z-index:10004;
			}
			.photoopenwindow .modal_window a:after{content:"CLOSE"}

		/* CSS3 ModalWindow SET
		-------------------------- */
		@-webkit-keyframes modalFadeIn {
			0% {opacity:0;display:block;}
			100% {opacity:1;}
		}
		div#modal div:target {
			-webkit-animation-name: modalFadeIn; 
			-webkit-animation-duration: 1s;
			-webkit-animation-iteration-count: 1;
			opacity: 1;
			display:block;
		}	


/*.cassette-footer：参考になったボタン----------*/
.review-list-cassette .cassette-footer{position:relative;width:674px; padding:0 13px 10px 13px;min-height:38px;}
	/* ul.balloon*/
	.balloon{position:absolute;width:185px;right:13px;top:0;}
	.balloon li{float:left;}
		/*参考になったボタン*/
		.balloon input[type="button"]{
			display:inline-block;
			cursor:pointer;
			height:25px;
			line-height:25px;
			border:none;34
			outline: 0;
			width:100px;
			text-align:center;
			font-size:100%;
			/*角丸*/
			border-radius: 5px;
			/*角丸 Firefox用*/
			-moz-border-radius:5px;
			/*角丸 Safari,Chrome*/
			-webkit-border-radius:5px;
		}
		.balloon input.noset[type="button"]{background-color:#3a73cf;color:#fff;}
		.balloon input.set[type="button"]{background-color:#eee;color:#888;}
		.balloon input[type="button"]:focus{}
		.balloon input[type="button"]:checked{
			background-color:#eee;
			color:#888;
		}
		/*バルーン*/
		.balloon-left {
			margin-left:7px;
			position: relative;
			display: inline-block;
			width:78px;
			height:23px;line-height:23px;
			z-index: 0;
			background:#fff url(/images/review/balloon-left.png) no-repeat;
			text-align:center;
			color: #3a73cf;
		}

/*.myu-comment：みゅうからのコメント----------*/
.myu-comment{
	width:651px;
	margin:0 10px 13px 10px;
	padding:13px;
	background-color:#eee;
	/*角丸*/
	border-radius: 10px;
	/*角丸 Firefox用*/
	-moz-border-radius:10px;
	/*角丸 Safari,Chrome*/
	-webkit-border-radius:10px;
}
.myu-comment h3{display:inline-block;height:1.5em;line-height:1.5em;font-size:130%;font-weight:bold;color:#3a73cf;}
.myu-comment p{margin-top:10px;word-wrap:break-word;font-size:120%;}


			
/*--------------------------------------
  .mainSearchSec01：再検索
  設定はoptions_style.css
------------------------------*/
#review-wrap .mainSearchSec01{overflow:hidden;}

/*--------------------------------------
  #review-wrap .pmainSearchSec01 並び替え
------------------------------*/
#review-wrap .pmainSearchSec01{float:left;margin-bottom:0!important;}
#review-wrap .seq{float:right;}


/*--------------------------------------
  .mainPagenationSec02：○○件表示
  設定はoptions_style.css
------------------------------*/
#review-wrap .mainPagenationSec02{
	margin-top:15px!important;
}

/*--------------------------------------
  .Tourlink：リンク
------------------------------*/
.Tourlink{
	margin-top:20px;
}
	.Tourlink a{
		display:block;
		color:#0d2d61;
		font-size:140%;
		font-weight:bold;
	}
	.Tourlink a:before{
		content:"▶";
		padding-left:0.3em;
	}


/*--------------------------------------
  .Opset：関連ツア＆最近表示のツアー
  .divmainOpSec01 .ulmainOpSec02設定はoptions_style.css
------------------------------*/
.Opset{margin:20px 0 40px 0!important;}
.Opset h3{
	display:block;
	border-bottom:5px solid #3772CD;
	margin-bottom:10px;
}
.Opset h3 span{
	display:inline-block;
	background-color:#3772CD;
	padding:5px 10px;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	/*角丸*/
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	/*角丸 Firefox用*/
	-moz-border-top-left-radius:10px;
	-moz-border-top-right-radius:10px;
	/*角丸 Safari,Chrome*/
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}

.Opset .divmainOpSec01{width:960px;overflow:hidden;}
	.Opset .divmainOpSec01 .ulmainOpSec02{float:left;width:480;}
		.Opset .divmainOpSec01 .ulmainOpSec02 li{margin: 0 5px 0 0!important;}
.Opset .txt{
	position:relative;
	overflow:hidden;
	height:4.1em;
}
	.Opset .txt a{
		display:block;
		height:4.1em;
	}
	.Opset .txt a:before,
	.Opset .txt a:after{
		position:absolute;
		background-color:#fff;
	}
	.Opset .txt a:before{
		content:"…";
		right:2px;
		bottom:0;
	}
	.Opset .txt a:after{
		content:"";
		height: 100%;
		width: 100%;
	}




/*--------------------------------------------------------------------
  投稿画面
------------------------------------------------------------*/
.review-leadtext{width:960px;margin:20px 0;text-align:center;}
	.review-leadtext p{font-size:170%;font-weight:bold; color:#3660A3;}
	.review-leadtext span{font-size:120%;font-weight:bold;}

/*USER*/
.userbox.edit{
	width:960px;
	padding-top:20px;
	padding-bottom:18px;
	background-color:#e6f2f8;
	border-bottom:1px dotted #3660A3;
}
.userbox.edit table{width:800px;margin:0 auto 15px auto;}
	.userbox.edit td{vertical-align:middle;}
	.userbox.edit .box1{width:190px; text-align:left;}
	.userbox.edit .box2{width:610px;}

	.userbox.edit .box1{font-size:140%;color:#666;}
	/*p.post-date 参加日*/
	.userbox.edit .box1 .post-date:before{content:"参加日：";}
	.userbox.edit .box2{overflow:hidden;}
	.userbox.edit .box2 img{
		display:block;
		float:left;
		margin-top:17px;
		width:50px;
		min-height:50px;
	}
	.userbox.edit .box2 div{float:right;width:550px;min-height:50px;}
	.userbox.edit .box2 div.error-message{float:right;width:550px;min-height:15px;}
	.userbox.edit .box2 div span{display:inline-block;}
	.userbox.edit .box2 div span:before{ content:"▶";}
		.userbox.edit .box2 input[type=text],
		.userbox.edit .box2 select{display:inline-block;color:#49A447;}
		.userbox.edit .box2 .user-name{display:block;font-size:120%;font-weight:bold;}
		.userbox.edit .box2 input[type=text]{
			display:inline-block;
			/*width:90%;*/
			height: 32px;
			font-size:110%;
			font-weight:bold;
			padding: 5px 12px;
			border: 1px solid #B3B3B3;
		}
		.userbox.edit .box2 select{
			margin-top:3px;
			height: 32px;
			font-size:110%;
			font-weight:bold;
			padding: 5px 50px 5px 12px;
			border: 1px solid #B3B3B3;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			text-indent: .01px;
			text-overflow: "";
			background: #FFF url(/images/review/select_arrow.jpg) no-repeat right;
		}
		select::-ms-expand {
			display: none;
		}
		.userbox.edit .cm{text-align:center;color:#777;}



/*必須表記*/
.req:before{content:"※";color:#c00;}
#required{width:674px;margin:0 auto;padding:13px;border:5px solid #3a73cf;}
	/*入力・選択フィールド*/
	#required  p.userintegrated-rate,
	#required  p.review-label,
	#required  .review-select label,
	#required  .review-input label,
	#required  .review-file label{
		display:block;
		margin-top:20px;
		margin-bottom:5px;
		color:#3a73cf;
		font-weight:bold;
		font-size:130%;
	}
	/*評価*/
	#required #user-integrated-rate div{overflow:hidden;position: relative;}
	#user-integrated-rate div .rate{
		clear:both;
		display:block;
		margin:0;
		float:left;
	}
		#user-integrated-rate .rate input{opacity:0;float:right;}
		#user-integrated-rate .rate input+label{
			float:right;
			left:0;
			margin:0;
			padding:0;
		}
		/*クリックして表示されるテキスト*/
		#user-integrated-rate .rate input+label em{
			opacity:0;
			display:block;
			position:absolute;
			top:0; left:243px;
			font-size:130%;
			line-height:45px;
			height:45px;
			color:#2B76E9;
			background-color:#fff;
			width:200px;
			pointer-events: none;
		}
		#user-integrated-rate .rate input:hover+label em{z-index:10;}
		#user-integrated-rate .rate input:checked+label em{z-index:1}		
		#user-integrated-rate .rate input:hover+label em,
		#user-integrated-rate .rate input:checked+label em{
			opacity:1;
			transition: 0.1s;
			-webkit-transition:0.1s;
		}
		/*★*/
		#user-integrated-rate .rate label:before {
			opacity:1;
			font-size:30px;
			content: '★';
			color:#CCC;
			transition: 0.1s;
			-webkit-transition:0.1s;
		}
		/*マウスオーバー*/
		#user-integrated-rate .rate input:hover+label:before{color:#2B76E9!important;}
		#user-integrated-rate .rate input:hover~label:before{color:#2B76E9!important;}
		/*クリック処理*/
		#user-integrated-rate .rate input:checked+label:before{color:#f5ca59;!important;}
		#user-integrated-rate .rate input:checked~label:before{color:#f5ca59;!important;}
	
	
	/*同行者*/
		#required #user-party label{font-size:120%;margin-right:1em; margin-left:0.2em;}
		#required #user-party input[type=checkbox]{display:inline-block;}
		/*全選択・全解除*/
		#required #user-party input[type="button"] {
		  margin-bottom: 5px;
		  border: none;
		  display: inline-block;
		  height: 30px;
		  line-height: 30px;
		  background-color: #3660A3;
		  color: #fff;
		}	
	
	#user-value{}
		#user-value #uservalue-select{}
				#user-value #uservalue-select option{
					display:inline-block;
				}

	#required .review-input input[type=text],
	#required .review-input textarea{
		display:block;
		margin: 0;
		padding: 12px 5px 5px 14px;
		width: 100%;
		background-color: #fff;
		border: 1px solid #dbdad5;
		box-shadow: inset 0 1px 2px 0 rgba(50,50,50,0.3);
		box-sizing: border-box;
		font-size:120%;
		font-weight:normal;
	 }
	#required .review-input input[type=text]{height: 44px;min-height:44px;}
	#required .review-input textarea{min-height:220px;}
	/*文字数*/
	#required span.otxt{
		display:block;
		width:474px;
		float:left;
		font-size:120%;
	}
	/*文字数*/
	#required .ntxt{
		width:200px!important;
		text-align:right;
		float:right;
		font-size:120%;
	}

	/*画像投稿*/
	#required .review-file{width:674px;overflow:hidden;}
	.review-file .file {
		margin-top:10px;
		display: inline-block;
		overflow: hidden;
		position: relative;
		padding:0 5px;
		line-height:30px;
		height:30px;
		background-color:#3660A3;
		font-size:120%;
		font-weight:bold;
		color:#fff;
		/*角丸*/
		border-radius: 5px;
		/*角丸 Firefox用*/
		-moz-border-radius:5px;
		/*角丸 Safari,Chrome*/
		-webkit-border-radius:5px;
		z-index:1;
	}
	.review-file .file:hover{
			opacity:0.75;
			filter:alpha(opacity=75);
			-ms-filter: "alpha( opacity=75 )";
	}
		.review-file .file input[type="file"] {
		  opacity:0;
		  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		  position: absolute;
		  right: 0;
		  top: 0;
		  margin: 0;
		  font-size: 100px;
		  cursor: pointer;
		  color:#fff;
		  background-color:#fff;
		  z-index:2;
		}
		.review-file .file input[type="file"]:hover{}
	
		/*アップロードボタン*/
		#required .imgupbutton[type=submit]{}
			#required .imgupbutton[type=submit]{
				display: block;
				width: 300px;
				margin:0 auto;
				padding: 5px;
				background-color: #ffd700;
				border: 3px solid #ffa500;
				cursor: pointer;
				text-align: center;
				color: #8b4513;
				font-size: 110%;
				font-weight: bold;
			}

	/*imguped*/
	.review-file .imguped{margin-top:10px;width:674px;background-color:#e6f2f8;}
	.review-file .imguped th,.review-file .imguped td{padding-top:5px;vertical-align:top;}
	.review-file .imguped th{width:90px; padding-left:10px;}
	.review-file .imguped td{width:564px;padding-right:10px;}
		/*プレビュー*/
		.review-file .imguped p{
			position: relative;
			width: 80px;
			height: 80px;
			padding:1px;
			overflow: hidden;
			background-color: #eee;
			border:1px solid #ccc;
			text-align: center;
		}
		.review-file .imguped p img{
			display:inline-block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			max-width: 100%;
			max-height: 100%;
		}


		/* 画像チャプション入力欄 */
		.review-file .imguped td input[type=text]{
			display:block;
			margin: 0 0 10px 0;
			padding: 12px 5px 5px 14px;
			width: 100%;
			height:44px;
			line-height:44px;
			background-color: #fff;
			border: 1px solid #dbdad5;
			box-shadow: inset 0 1px 2px 0 rgba(50,50,50,0.3);
			box-sizing: border-box;
			font-size:16px;
			font-weight:normal;
		}
		/*入力エラー*/
		.review-file .imguped td input[type=text].form-error{
			background-color:#fee;
			border: 1px solid #c00;
			box-shadow: inset 0 1px 2px 0 rgba(252,188,188,0.3);
		}
		.review-file .imguped td span{display:inline-block;color:#888;height:2em;line-height:2em;}
		.review-file .imguped td span:before{ content:"※";}
		/*写真を削除する*/
		.review-file .imguped td input[type=button]{
			position: relative;
			overflow: visible;
			display: inline-block;
			padding: 0.3em 2em;
			border: 1px solid #d4d4d4;
			margin: 0;
			text-decoration: none;
			text-shadow: 1px 1px 0 #fff;
			font:12px/normal sans-serif;
			color: #333;
			white-space: nowrap;
			cursor: pointer;
			outline: none;
			background-color: #ececec;
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
			background-image: -moz-linear-gradient(#f4f4f4, #ececec);
			background-image: -o-linear-gradient(#f4f4f4, #ececec);
			background-image: linear-gradient(#f4f4f4, #ececec);
			-webkit-background-clip: padding;
			-moz-background-clip: padding;
			-o-background-clip: padding-box;
			/*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
			-webkit-border-radius: 0.2em;
			-moz-border-radius: 0.2em;
			border-radius: 0.2em;
			/* IE hacks */
			zoom: 1;
			*display: inline;
			text-align: center;
		}
		.review-file .imguped td input[type=button]:hover{
			border-color: #3072b3;
			border-bottom-color: #2a65a0;
			text-decoration: none;
			text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
			color: #fff;
			background-color: #3C8DDE;
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
			background-image: -moz-linear-gradient(#599bdc, #3072b3);
			background-image: -o-linear-gradient(#599bdc, #3072b3);
			background-image: linear-gradient(#599bdc, #3072b3);
			opacity: 1!important;
			filter: alpha(opacity=100)!important;
			-ms-filter: "alpha( opacity=100 )"!important;
		}


	/*注意*/
	#required .caution{margin-top:30px;padding:10px;border:2px dotted #3a73cf;font-size:110%; text-align:center;}
		#required .caution a{font-weight:bold;}

	/*確認・投稿ボタン*/
	#reviewsbmt-button{margin-top:20px;}
		#reviewsbmt-button div{text-align:center;}
		#reviewsbmt-button a,
		#reviewsbmt-button input[type=button]{cursor:pointer;}
		#reviewsbmt-button a{
			display:block;
			height:1.5em;
			line-height:1.5em;
			font-size:120%;
			font-weight:bold;
		}
		#reviewsbmt-button input[type=button]{
			display:block;
			width: 206px;/*226*/
			display: block;
			margin:10px auto 0 auto;
			padding:10px 0;
			background:#3a73cf;
			cursor: pointer;
			text-align: center;
			color: #fff;
			font-size: 120%;
			font-weight: bold;
			/*角丸*/
			border-radius: 10px;
			/*角丸 Firefox用*/
			-moz-border-radius:10px;
			/*角丸 Safari,Chrome*/
			-webkit-border-radius:10px;
			/*デフォルト線を消す*/
			border:none;
			outline: 0;
		}


/*--------------------------------------
  .error：入力エラー
------------------------------*/
#required .error{padding: 5px;border: 2px solid #c00;background-color: #FEE; text-align:center;}
	#required .error b{display:block;font-size:120%;color:#c00;}
	#required .error ul li{}
	#required .error ul li:before{content:"・";}

	/*エラー*/
	input.form-error,
	textarea.form-error{
		background-color:#fee!important;
		border: 1px solid #c00!important;
		box-shadow: inset 0 1px 2px 0 rgba(252,188,188,0.3)!important;
	}


/*--------------------------------------
  .review-endbox：登録完了
------------------------------*/
.review-endbox{width: 970px;}
	.review-endbox h4{font-size:130%;font-weight:bold;}
	.review-endbox ul{font-size:110%; margin-top:5px;}
		.review-endbox ul li{padding-left:1.3em;text-indent:-1.3em;}
		.review-endbox ul li:before{content:"・";padding-right:0.3em;}


/*--------------------------------------
  #review-window：口コミをみる表示
------------------------------*/
#review-window{position:fixed;z-index:11111;overflow:hidden;width:210px;height:100%;}
#review-window{top:128px;right:0;}

@media screen and (min-width: 1230px){
	#review-window{}
}
@media screen and (max-width: 1229px){
	#review-window{}
}


/*--------------------------------------
  追加
------------------------------*/
div.error-message{
	color:#f00;
	font-weight:bold;
}

h2.tit{
	display:block;
	font-size:150%;
	font-weight:bold;
	margin-bottom:20px;
}

/* ulPagenationSec01-2 */
.ulPagenationSec01-2 {
	text-align: center;
	margin: 10px 0 0;
}
.ulPagenationSec01-2 li {
	display: inline-block;
	*display: inline;
	border: 1px solid #9db9e6;
	background-color: #e7f8f8;
	width: 19px;
	height: 17px;
	line-height: 17px;
	margin: 0 3px;
	padding: 2px 0;
	*padding: 3px 5px;
	font-weight: bold;
	text-align: center;
}
.ulPagenationSec01-2 li.prev {
	background: #e7f8f8 url(../../images/common/ico_arrowl03.gif) no-repeat 3px 7px;
}
.ulPagenationSec01-2 li.next {
	background: #e7f8f8 url(../../images/common/ico_arrowr04.gif) no-repeat 5px 7px;
}
.ulPagenationSec01-2 li.current {
	border: 1px solid #3a73cf;
	background-color: #3a73cf;
}
.ulPagenationSec01-2 li.current a {
	color: #e7f8f8;
}


	#outerImageContainer {
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
	}
	#imageDataContainer {
		-moz-border-radius-bottomleft:10px;
		-moz-border-radius-bottomright:10px;
	}