@charset "UTF-8";



/*======================================================================================================================
========================================================================================================================

index.css

トップページ用スタイル

========================================================================================================================
======================================================================================================================*/




/* JLIAロゴ
-------------------------------------------------------------------------------------------------------- */
.logo_jlia {
	padding-top:  238px;
}




/* faq, contact ボタン
-------------------------------------------------------------------------------------------------------- */
.btn_contact {
	width:   300px;
	height:  170px;
	margin-left:   110px;
	overflow: hidden;
	position: relative;
	background: #000000;
}
.btn_contact .btn_up {
	z-index:    2;
	position:   absolute;
	top:        0;
	left:       0;
}
.btn_contact .btn {
	width:   300px;
	height:  170px;
	position:absolute;
	top:     -300px;
	left:    0px;
	z-index: 1;
}






/* winner ボタン
-------------------------------------------------------------------------------------------------------- */
.btn_guidline {
	width:   300px;
	height:  170px;
	overflow: hidden;
	position: relative;
	z-index:  1;
}
.btn_guidline .btn {
	width:   300px;
	height:  85px;
	position:absolute;
	top:     85px;
	left:    290px;
	z-index: 2;
}





/* winner ボタン
-------------------------------------------------------------------------------------------------------- */
.btn_winner {
	width:   300px;
	height:  119px;
	overflow: hidden;
	position: relative;
	z-index:  1;
}
.btn_winner .btn {
	width:   300px;
	height:  19px;
	position:absolute;
	top:     0px;
	right:    290px;
	z-index: 2;
}




/* entry ボタン
-------------------------------------------------------------------------------------------------------- */
.btn_entry {
	width:   300px;
	height:  119px;
	overflow: hidden;
	position: relative;
	background: #000000;
}

.btn_entry .btn_up {
	z-index:    1;
	position:   absolute;
	top:        0;
	left:       0;
}
.btn_entry .btn {
	width:   300px;
	height:  119px;
	position:absolute;
	top:     119px;
	left:    0px;
	z-index: 2;
}





/* ニュースリスト
-------------------------------------------------------------------------------------------------------- */

.list_news dt {
	padding:     0px 0px 0px 0px;
	float:       left;
	width:       80px;/* 日付の幅を指定 */
	font-weight: bold;
}
.list_news dd {
	margin-bottom:  10px;/* 上下の間隔 */
	margin-left:    90px;/* 日付の幅よりも多く取る */
}
.list_news dd a:link {
	color:          #000000;
	text-decoration: underline;
}
.list_news dd a:visited {
	color:          #000000;
	text-decoration: underline;
}
.list_news dd a:hover {
	color:          #FF6C00;
	text-decoration: none;
}



/* Twitterボックス
-------------------------------------------------------------------------------------------------------- */
.box_twitter {
	position:   relative;
}
.icon_twitter {
	position:   absolute;
	top:        0px;
	right:      0px;
	z-index:   100;
}
