/***********************************************
レイアウト (全体)
***********************************************/
body{
	background:#efe335;
	}

#wrappertop{
	background:url(../../images/2014Q4/background_header.gif) repeat left top;
	}
#contentstop{
	box-sizing:border-box;
	width:980px;
	margin:0 auto;
	background:rgba(255,255,255,0.7);
	border-left:solid 1px #f0f0f0; /* ヘッダパートの縦罫線(左) */
	border-right:solid 1px #f0f0f0; /* ヘッダパートの縦罫線(右) */
	}
html.IE8 #contentstop{
	-pie-background:rgba(255,255,255,0.7);
	border-left:solid 1px #e0e0e0; /* ヘッダパートの縦罫線(左) */
	border-right:solid 1px #e0e0e0; /* ヘッダパートの縦罫線(右) */
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
	}
hr{
	border:0;
	background-image: url(../../images/2014Q4/hr.gif);
	height: 21px;
	margin:0;
	}
#wrappermain{
	box-sizing:border-box;
	background:url(../../images/2014Q4/background_contents.gif) repeat-x right top;
	}
#contentswrapper{
	box-sizing:border-box;
	width:980px;
	margin:0 auto;
	padding-right:0px; /* 右サイドの右マージンはここで */
	background:rgba(255,192,0,0.1);
	box-shadow:0px 0px 1px 0px rgba(72,72,72,0.25);
	position:relative;
	}
html.IE8 #contentswrapper{
	-pie-background:rgba(255,192,0,0.1);
	box-shadow:none;
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
	}
#contentsleft{
	float:left;
	box-sizing:border-box;
	width:700px;
	margin-top:24px;
	padding:0 10px 0 30px; /* メインコンテンツの幅はここで */
	}
#contentsright{
	float:right;
	box-sizing:border-box;
	width:260px;
	margin-top:24px;
	padding-bottom:36px;
	background:rgba(255,255,255,0.15);
	-pie-background:rgba(255,255,255,0.15);
	box-shadow:-1px 4px 3px -1px rgba(128,128,128,0.1);
	border-top-left-radius:20px; /* 右辺からせり出し表現として左辺のみ角丸処理 */
	border-bottom-left-radius:20px; /* 右辺からせり出し表現として左辺のみ角丸処理 */
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
	}
html.IE8 #contentsright{
	-pie-background:rgba(255,255,255,0.15);
	box-shadow:none;
	border-radius:20px; /* IE8のみ(ショートハンドのみ対応)(ショートハンドのみ対応) */
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
	}
#contentswrapper{
	padding-bottom:100px; /* ボトム背景模様への食い込ませ余白*/
	}
#wrapperbottom{
	box-sizing:border-box;
/*	margin-top:-180px;*/
	margin-top:-135px; /* ボトム背景模様が上方のコンテンツへ食い込む距離 */
	height:215px;
	background:url(../../images/2014Q4/background_bottom.jpg) repeat-x center bottom;
	}
#contentsbottom{
	box-sizing:border-box;
	width:980px;
	margin:0 auto;
	padding-top:190px; /* コピーライトの上余白 */
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
	}
/***********************************************
デコレーション (汎用)
***********************************************/
.button{
	}
.button a{
	display:block;
	margin:2em auto;
	padding:1.5em 1em;
	color:white;
	text-shadow:0px 1px 0px rgba(72,72,72,0.3);
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
	line-height:1.4;
	text-align:center;
	background:#08b706 linear-gradient(#08b706,#0d7e0c); /* グリーン */
	-pie-background:linear-gradient(#08b706,#0d7e0c); /* グリーン */
/*	background:#F38630 linear-gradient(#F38630,#FA6900);*/ /* オレンジ */
/*	-pie-background:linear-gradient(#F38630,#FA6900);*/ /* オレンジ */
	border-radius:6px;
	box-shadow:0px 1px 2px 0px rgba(0,0,0,0.4);
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
	}
.button a em{
	font-size:20px;
	letter-spacing:0.6em;
	}
a {
	color: blue!important;
}
a:hover{
	opacity:0.8;
	-ms-filter: "alpha(opacity=80)";
	}
/*
a:hover{
	opacity:0.8;
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
	}
html.IE8 a:hover{
	-ms-filter: "alpha(opacity=80)";
	}
*/
.button a:active{
	position:relative;
	top:1px;
	}
.functionbox{
/*	margin:40px 0;*/
	}
ul.multibutton {
	display:table;
	width:564px;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:16px 0;
	}
.multibutton li{
	box-sizing:border-box;
	float:left;
	width:50%;
	margin:0 0 10px;
	}
.multibutton a{ /* .button aの指定にadd */
	display:table-cell;
	vertical-align:middle;
	width:256px;
	height:5em;
	padding:0 4px;
	}

.small{
	font-size:11px;
	font-weight:bold;
	letter-spacing:0;
	}
.plain{
	font-weight:normal;
	}
.bold{font-weight:bold;
	}
.important{ /* 囲み罫線で目立たせる重要情報 */
	margin:0 auto;
	padding:0.6em 1em;
	color:#222222;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	border-radius:4px;
	background:#9acd32;
	text-shadow:0px 1px 1px rgba(255,255,255,0.45);
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
	}
#expired{
	margin:0 auto;
	padding:0.6em 1em;
	color:#222222;
	font-weight:normal;
	font-size:15px;
	text-align:center;
	border-radius:4px;
	background:#c0c0c0;
/*	background:#9acd32;*/
	text-shadow:0px 1px 1px rgba(255,255,255,0.45);
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
	}
.important{ /* 囲み罫線で目立たせる重要情報 */
/*
	margin:0 auto;
	font-weight:bold;
	color:#000000;
	font-size:16px;
	padding:0.6em 1em;
	text-align:center;
	border-radius:4px;
	border:double 6px #fa3248;
	text-shadow:1px 1px 2px rgba(255,255,255,0.75), -1px -1px 2px rgba(255,255,255,0.75);
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
*/
	}
.remarksextra{ /* 大げさな強調(当選人数.etc) */
	background:rgba(0,128,0,0.7);
	-pie-background:rgba(0,128,0,0.7);
	margin:0 0.2em;
	padding:0.1em 0.3em;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.05em;
/*	text-decoration:underline;*/
	text-shadow:0px 1px 0px rgba(72,72,72,0.7);
	border-radius:3px;
	border:solid 2px orange;
	position:relative;
	behavior:url("css/2014Q4/PIE.php");

	}
.remarksregular{ /* 強調(太く目立つ色で文字間すこしアキ) */
	font-weight:bold;
	color:#009100;
	text-shadow:0px 1px 0px rgba(72,72,72,0.2);
	letter-spacing:0.1em;
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
	}

/***********************************************
ヘッダーコンテンツ・イントロダクション
***********************************************/
#header{
	padding-bottom: 12px;
}
#header h2{
	box-sizing:border-box;
	height:190px;
	margin-bottom:20px;
	padding-top:190px;
	font-size: 0.1em;
	color:white;
	overflow: hidden;
	background: url(../../images/2014Q4/title_header.png) no-repeat center top;
	}
.caution{
	display: block;
	width: 480px;
	margin:0 auto;
	padding: 0.3rem;
	font-size: 11px;
	line-height: 1.2;
	text-align: center;
	border: double 3px #999;
	border-left: none;
	border-right: none;
}

/***********************************************
コンテンツフッタ
***********************************************/
.rights{
	text-align:center;
	font-size:13px;
	text-shadow:0px 1px 1px rgba(255,255,255,0.4);
	position:relative;
	behavior:url("css/2014Q4/PIE.php");
	}