/* -------------------------------------
GANREF

Copyright (c) 2012 Impress Japan Corporation, 
an Impress Group company. All rights reserved.

>>Contents 
	0. Common Setting
	1. title
	2. contents
	3. review
------------------------------------- */

@import "/css/v2/parts.css";

*{ zoom:0; }

#special{
	padding:0 0 20px;
	background:#fff;
}
#special .contents{ margin:1.5em 135px 1em; }
#special .thumbUsr90{ display:block; }

/* ----- 1. title ----- */
#special #title{ margin:0 0 1em; }
#special #title .title{ background:#006633;}
#special #title .title span{
	display:block;
	height:200px;
	font-size:10px;
	text-indent:-9999px;
	background:url(img/title.jpg) no-repeat 50% 0;
}
#special #title .subtitle{
	font-size:110%;
	font-weight:bold;
	text-align:center;
	color:#fff;
	padding:5px;
	background:#015128;
	border-top:1px solid #068e4a;
}
#special #title .lead{ margin:1.5em 135px 1em; }
#special #title .lead.caution{
	text-align:center;
	color:#CB1613;
	margin-top:1.5em;
}
#special #title .author{
	font-size:90%;
	text-align:right;
	margin:0.5em 0 0;
}
#special #title .data{
	margin:0 135px;
	padding-top:10px;
	background:url(img/title-bg.jpg) repeat-x 0 0;
}

/* ----- 2. contents ----- */
#special .contents h2,
#special .contents h3{
	font-size:110%;
	font-weight:bold;
	color:#334c00;
	margin-top:1.3em;
	padding:0.4em 0 0.4em 6px;
	border-left:7px solid #AA393F;
}
#special .contents p{ margin:1em 0; }
#special .contents .notes{ font-size:95%; line-height:1.4; }

#special .contents .display-image{ text-align:center; }
#special .contents div.display-image{ margin:0 0 1em; }
#special .contents .display-image ul{ letter-spacing:-0.4em;/* firefox */ }
#special .contents .display-image li{
	list-style-type:none;
	display:inline-block;
	letter-spacing:normal;/* firefox */
	margin:0 10px;
}
#special .contents .display-image li img{
	display:block;
	margin:0 auto 0.3em;
}

#special .related{
	font-size:95%;
	padding:1em 50px;
	border:4px double #E3DEDB;
	border-width:4px 0;
}
#special .contents .related{
	margin:1em 50px;
}

#special .related h2,
#special .related > dl > dt{
	font-size:110%;
	font-weight:bold;
	text-align:center;
	color:#334c00;
	margin:0 0 0.5em;
	padding:0;
	border-left:0;
}
#special .related dd{ font-size:95%; }
#special .related p:first-child{ margin-top:0; }
#special .related div{ overflow:hidden; }
#special .related div dl{
	float:right;
	width:49%;
	text-align:left;
	margin:0.5em 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#special .related div dl:first-child{ float:left; }
#special .related div dl dt{
	font-weight:bold;
	color:#334c00;
	margin-bottom:0.5em;
}
#special .related div dl dt span{
	display:inline-block;
	font-size:95%;
	padding:2px 10px;
	background:#E3DEDB;
	border-radius:10px;
}
#special .related div dl dd{
	font-size:inherit;
	padding-left:1em;
}
#special .related li{
	list-style-type:disc;
	margin:0 0 0.3em 1.5em;
}
#special.special-idx .related{ padding-left:0; padding-right:0; }
#special.special-idx .contents.related{ margin:0 185px; }
#special.special-rvw .related{ margin-top:0; margin-bottom:0; border-bottom:0; }

#special #reviewer-list dl,
#special #prizewinner dl{
	margin:1em 50px;
	padding:10px;
	border:4px double #AA393F;
}
#special #reviewer-list dt,
#special #prizewinner dt{
	color:#334c00;
	margin-bottom:0.5em;
	padding-bottom:0.5em;
	border-bottom:1px solid #AA393F;
}
#special #reviewer-list dt small{ display:block; font-size:85%; }
#special #reviewer-list dt b,
#special #prizewinner dt b{ display:block; font-size:110%; }
#special #reviewer-list dd,
#special #prizewinner dd{ line-height:1.4; }
#special #reviewer-list ul{ margin:0.8em 0; }
#special #reviewer-list li{ display:inline-block; margin-right:1em; }
#special #reviewer-list dd p{
	text-align:center;
	margin:0.5em 0 0;
}
#special #reviewer-list dd p a{
	display:inline-block;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	margin:0 auto;
	padding:8px 50px;
	background:#b96b00;
	background:-moz-linear-gradient(top, #b96b00, #eea200);
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #b96b00),color-stop(1, #eea200));
	background:linear-gradient(to top, #b96b00, #eea200);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eea200', endColorstr='#b96b00');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eea200', endColorstr='#b96b00')";
	zoom:1;
	border:1px solid #b96b00;
	border-radius:5px;
	box-shadow:1px 1px 2px #fff inset,
		-1px -1px 2px rgba(0,0,0,.5) inset;
}
#special #reviewer-list dd p a:hover{
	color:#ff0;
	background:-moz-linear-gradient(top, #b15e00, #e28902);
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #b15e00),color-stop(1, #e28902));
	background:linear-gradient(to top, #b15e00, #e28902);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e28902', endColorstr='#b15e00');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e28902', endColorstr='#b15e00')";
}
#special #prizewinner em{
	display:block;
	font-weight:bold;
	margin:0.8em 0;
}

#special #schedule > dl{
	margin:1em 50px;
	padding:3px;
	background:#f0f2ea;
}
#special #schedule > dl > dt,
#special #schedule > dl > dd{
	padding:10px;
	border:1px solid #fff;
}
#special #schedule > dl > dt{
	font-weight:bold;
	text-align:center;
	color:#334c00;
	padding-bottom:0.5em;
	border-width:1px 1px 0;
}
#special #schedule > dl > dd{
	padding-top:0;
	border-width:0 1px 1px;
}
#special #schedule table{ width:100%; }
#special #schedule tr:nth-child(4) th,
#special #schedule tr:nth-child(4) td{ padding-bottom:1em; }
#special #schedule th,
#special #schedule td{
	line-height:1.3;
	padding:0.3em 0;
}
#special #schedule th{
	width:25%;
	text-align:right;
	padding-right:1em;
	vertical-align:top;
}
#special #schedule td[colspan="2"]{
	font-size:90%;
	padding-top:0.5em;
	border-top:1px solid #fff;
}
#special #schedule td[colspan="2"] dt{ font-weight:bold; }
#special #schedule td[colspan="2"] dd{ overflow:hidden; }
#special #schedule td[colspan="2"] p:first-child{ margin-top:0.8em; }
#special #schedule td[colspan="2"] p:last-child{ margin-bottom:0; }
#special #schedule td[colspan="2"] b{
	display:inline-block;
	font-weight:bold;
	margin-bottom:0.3em;
}

#special #detail{ margin-top:2em; }
#special #detail h2{
	font-size:100%;
	color:#fff;
	padding:8px 13px;
	background:#333;
	border:0;
	border-radius:5px;
}
#special #detail h3{
	color:#334c00;
	border-color:#d7ddc3;
}
#special #detail h3 + ul{ margin-top:1em; }
#special #detail li{
	list-style-type:disc;
	line-height:1.4;
	margin:0.4em 0 0.4em 1.5em;
}
#special #detail .notes{
	display:inline-block;
	margin:0.5em 0 0;
}
#special #detail li .notes{ margin-top:0; }
#special #detail .related{
	border-top-width:0;
	padding-top:0;
}
#special #detail #related-epson{
	border-top-width:4px;
	padding-top:1em;
}

#special #apply{
	text-align:center;
	border-top:4px double #E3DEDB;
}
#special #apply p:first-child{ color:#CB1613; }
#special #apply .btn-entry a{
	display:inline-block;
		*display:inline;
		*zoom:1;
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	padding:8px 50px;
	background:-moz-linear-gradient(top, #cc0000, #8F0000);
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #8F0000),color-stop(1, #cc0000));
	background:linear-gradient(to top, #cc0000, #8F0000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc0000', endColorstr='#8F0000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#cc0000', endColorstr='#8F0000')";
	zoom:1;
	border:1px solid #8F0000;
	border-radius:6px;
	box-shadow:1px 1px 3px rgba(0,0,0,.6),
		1px 1px 0 rgba(255,255,255,.5) inset,
		-1px -1px 0 rgba(255,255,255,.2) inset;
}
#special #apply .btn-entry a:hover{
	color:#ff0;
	background:-moz-linear-gradient(top, #b70000, #750000);
	background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #750000),color-stop(1, #b70000));
	background:linear-gradient(to top, #b70000, #750000);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b70000', endColorstr='#750000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b70000', endColorstr='#750000')";
}

/* ----- 3. review ----- */
#special .review-contents{
	margin:1em 0;
	overflow:hidden;
}
#special .review-person{
	float:right;
	width:48%;
	border-top:3px solid #E3DEDB;
}
#special .review-contents .review-person:first-child{ float:left; }

#special .review-person img{ border:1px solid #d5d9db; }
#special .review-person a:hover img{ border-color:#2d6dff; }

#special .review-person .more{ font-size:95%; }
#special .review-person .more a{
	font-weight:bold;
	text-decoration:none;
	color:#900;
	padding:1px 0;
	background:#fff;
	border:1px solid #AA393F;
	border-radius:5px;
}
#special .review-person .more a:hover{
	color:#0036ff;
	border-color:#0036ff;
}

#special .review-person > dl{
	margin:3px 0 0;
	padding:0.5em 0 0;
	border-top:1px solid #E3DEDB;
}
#special .review-person > dl dt img{
	width:68px;
	margin-right:10px;
	vertical-align:middle;
}
#special .review-person > dl dt a{ text-decoration:none; }
#special .review-person > dl dt a span{ text-decoration:underline; margin-right:0.3em; }
#special .review-person > dl dt a:hover span{ text-decoration:none; }
#special .review-person dd dt{
	font-size:85%;
	font-weight:bold;
	color:#334c00;
	margin:1em 0 0.3em;
	padding:2px 10px;
	background:#e3dedb;
	border-radius:20px;
}

#special .review-photo dd{ font-size:90%; }
#special .review-photo ul{ letter-spacing:-0.4em; }
#special .review-photo li{
	display:inline-block;
	letter-spacing:normal;
	margin:5px 5px 0 0;
}
#special .review-photo li img{ width:74px; }
#special .review-photo .more{ text-align:right; margin:0.5em 0 0; }
#special .review-photo .more a{
	display:inline-block;
	padding:1px 10px;
}

#special .review-article dd{ font-size:90%; padding:0.5em 0 0; }
#special .review-article li{
	line-height:1.3em;
	padding:0 0 3px;
	margin:0 0 3px;
	border-bottom:1px dotted #bcbcbc;
	overflow:hidden;
}
#special .review-article li:last-child{ border-bottom:0; }
#special .review-article li span{ display:inline-block; margin-top:0.5em; }
#special .review-article li a{ font-size:110%; }
#special .review-article li a img{
	float:left;
	width:40px;
	margin-left:-48px;
}
#special .review-article b{
	font-size:85%;
	text-decoration:none;
	color:#f55;
	margin-right:5px;
	padding:0 5px;
	background-color:#fee;
	border-radius:2px;
}
#special .review-article em{ font-size:90%; color:#999; }
#special .review-article .more{
	clear:both;
	text-align:center;
	margin-top:0.5em;
}
#special .review-article .more a{ display:block; }

/*
#special #photo ul{ letter-spacing:-0.4em; }
#special #photo li{
	display:inline;
	letter-spacing:normal;
	margin:5px 5px 5px 0;
}
#special #photo a img{ border:1px solid #dcdcdc; }
#special #photo a:hover img{ border-color:#0036ff; }
*/

/* ----- 2.Form ----- */

#form .noticeTxt{
	font-size:90%;
	line-height:1.4em;
}
#form .TxtRed{ color:#f00; }
#form .TxtCenter{ text-align:center; }

/* --- QstArea --- */
#form .QstArea{
	width:680px;
	margin:0 110px;
}
#form .QstArea table{ 
	width:100%; 
	border:1px solid #999;
}
#form .QstArea th,
#form .QstArea td{ padding:8px; }
#form .QstArea th{ 
	width:180px;
	line-height:1.3em; 
	vertical-align:top; 
}
#form .QstArea .line1 th,
#form .QstArea .line1 td{ background-color:#efefef; }
#form .QstArea .ex{
	font-size:90%; 
	color:#888;
	padding-left:0.5em;
	white-space:nowrap;
}

/* --- QstArea2 --- */
#form .QstArea2{
	width:680px;
	margin:1em 110px 0 110px;
}
#form .QstArea2 textarea{
	display:block;
	width:642px;
}
#form .QstArea2 label{
/*	display:block;
	float:left;
	width:23%;*/
	line-height:1.2em;
	padding-right:0.5em;
	padding-bottom:0.3em;
}
#form .QstArea2 label input{
	margin-right:0.3em;
}

#form .QstArea2 table{
	width:100%; 
	border:1px solid #999;
}
#form .QstArea2 table th{ line-height:1.3em; padding:0.5em 8px; }
#form .QstArea2 table td{
	padding:0.3em 0 1em 15px;
}
#form .QstArea2 .line1 th,
#form .QstArea2 .line1 td{ background-color:#efefef; }

#form table th .necessary{
	display:inline;
	font-size:85%;
	font-weight:bold;
	color:#d33;
	padding-left:0.5em;
	border-left:0;
	white-space:nowrap;
}

#form .entryEnd{
	font-weight:bold;
	text-align:center;
	color:#cb1613;
	margin:1em 0;
}

#form .btnArea{
	clear:both;
	width:700px;
	text-align:center;
	padding:1em 0;
	margin:0 95px;
}

/* ----- 3.Thanks ----- */

#form .Thanks{
	width:700px;
	text-align:center;
	padding:5px;
	margin:1em 95px 1.5em 95px;
	border:1px dashed #FFB500;
	background:#fffed0;
}

#form .QstArea label{
	display:block;
	float:left;
	width:23%;
	line-height:1.2em;
	padding-right:0.5em;
	padding-bottom:0.3em;
}
#form .QstArea label.sizeS{ width:10%; }
#form .QstArea label.sizeM{ width:30%; }
#form .QstArea label.sizeL{ width:47%; }
#form .QstArea label.sizeXL{ width:100%; }
#form .QstArea label input{
	margin-right:0.3em;
}
#form .QstArea .count{ font-size:90%; }
#form .QstArea .other{ display:block; clear:both; }
#form .QstArea .other label{ display:inline; width:auto; }
/*#form .QstArea .other label.ipttxt{ width:60%; }*/
#form .QstArea .other.pulldown{ display:inline; white-space:nowrap; }
#guest h3 {
	margin-bottom:1em;
}
#guest img {
	float:left;
	display:block;
	width:90px;
	margin-right:10px;
}
#guest p {
	margin-left:100px;
}

#thanks{
	padding:20px;
	background-color:#fff;
}

.Thanks{
	width:700px;
	text-align:center;
	padding:5px;
	margin:1.5em auto;
	border:1px dashed #FFB500;
	background:#fffed0;
}