/* --- Awwwards Ribbons --- */

/* Base */

#awwwards {
	position:absolute;
	top:40px;
	z-index:9999;
}

/* Left */

#awwwards.left {
	left:0;
}

/* Right */

#awwwards.right {
	right:0;
}

/* Link */

#awwwards a {
	display:block;
	width:70px;
	height:105px;
	text-indent:-8000px;
	background-repeat:no-repeat;
	background-position: 0 0;
	overflow:hidden;
}

/* Black */

#awwwards.left.black a {
	background-image:url('../img/ribbons/awwwards_honorable_black_left.png');
}
#awwwards.right.black a {
	background-image:url('../img/ribbons/awwwards_honorable_black_right.png');
}

/* White */

#awwwards.left.white a {
	background-image:url('../img/ribbons/awwwards_honorable_white_left.png');
}
#awwwards.right.white a {
	background-image:url('../img/ribbons/awwwards_honorable_white_right.png');
}

/* Green */

#awwwards.left.green a {
	background-image:url('../img/ribbons/awwwards_honorable_green_left.png');
}
#awwwards.right.green a {
	background-image:url('../img/ribbons/awwwards_honorable_green_right.png');
}


/* MEDIA QUERIES */

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

	/* hidden */
	#awwwards {
		display: none;
	}

}

/* Retina Displays */

/* Target any device with retina display (ie iPad 3 and MacBook Pro) */

@media 
only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

	#awwwards a {
		-moz-background-size: 70px 105px;
		-ie-background-size:70px 105px;
		-o-background-size:70px 105px;
		-webkit-background-size:70px 105px;
		background-size:70px 105px;
	}

	/* Gray */

	#awwwards.left.black a {
		background-image:url('../img/ribbons/awwwards_honorable_black_left2x.png');
	}
	#awwwards.right.black a {
		background-image:url('../img/ribbons/awwwards_honorable_black_right2x.png');
	}

	/* White */

	#awwwards.left.white a {
		background-image:url('../img/ribbons/awwwards_honorable_white_left2x.png');
	}
	#awwwards.right.white a {
		background-image:url('../img/ribbons/awwwards_honorable_white_right2x.png');
	}

	/* Green */

	#awwwards.left.green a {
		background-image:url('../img/ribbons/awwwards_honorable_green_left2x.png');
	}
	#awwwards.right.green a {
		background-image:url('../img/ribbons/awwwards_honorable_green_right2x.png');
	}
	
}

form div{
	margin-bottom: 10px;
}

.aaa{
	width: 100%;
}

.mini{
	width: 200px;
}

/*.half{
	display: inline-block;
	width: 470px;
}
*/
.r_space{
	margin-right: 25px;
}

.mini input{
	width: 168px;
}

/*.half input{
	width: 428px;
}
*/
.full input{
	width: 940px;
}

input[type="text"]{
	display: inline-block;
}


.prelude_highlight_01,
.prelude_sub_title{
	/*font-family: Verdana;*/
	font-family:"游ゴシック", "YuGothic", Helvetica, Arial, verdana, clean, sans-serif;font-weight:bold;color:#333333;
}

.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}

.small{
	width: 350px;
}

.modal_link{
	cursor: pointer;
}

.modal{
	display:none;
	opacity: 0;
	position: fixed;
	z-index:9999;
	left:50%;
	top:50%;
	height: 100px;
	font-size: 28px;
	line-height: 40px;
	letter-spacing: 2px;
}

.modalBK{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index:9998;
	height:100%;
	width:100%;
	background:#000;
	opacity: 0.6;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
}

#outer{
	z-index: 0;
	position: fixed;
}