@charset "shift_jis";


a {
	color: #fffc00;
	text-decoration:underline;
}

/* 授賞タイトル紹介　*/


h3{
	margin: 20px 0 0;
	}


h4{
	margin: 10px 0 0;
	}


.copy {
	font-size:80%;
	padding:10px 25px 0 0;
	}

.online_area_main {
    clear: both;
	padding:20px;
	background: url(../images/rowline.gif) center bottom repeat-x ;
	text-align:center;
}

.online_box {
float:left;
	padding:20px;
	margin: 5px 0 ;
	width:256px;

}

.online_box_center {
	float:left;
	padding:20px;
	margin: 5px 0 ;
	background: url(../images/columnline.gif) center left repeat-y ;
}

.online_box_left {
	float:left;
	padding:20px;
	margin: 5px 0 ;
	width: 240px;
}
.online_box_right {
	float:left;
	padding:20px;
	margin: 5px 0 ;
	width: 540px;
}

.online_box_mobile {
	float:left;
	padding:20px;
	margin: 5px 0 ;
	width: 250px;
}

.online_area:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.online_area_bottom {
    clear: both;
	padding:20px;
	text-align:center;
}


.area {
	background: url(../images/rowline.gif) center bottom repeat-x;
	margin: 0 5px;
}

.area:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.area h2 {
	padding: 0px 0px 30px;
}

.columnArea {
	width: 880px;
	padding: 18px;
}

.columnArea:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* オンラインゲームアワードトップ */


dl.award dt {
	margin: 5px 0 0;
	line-height: 1;
}

dl.award dd {
	line-height: 1;
}


/* 授賞 プロフィール */

.left-column {
	width: 260px;
	float: left;
}

.left-column h4 {
	padding: 15px 0 5px; 
	font-weight: normal;
}

.left-column h4 a {
	color: #ffffff;
}


dl.prof{
	width: 260px; 
}

dl.prof dt {
	float: left;
	width: 60px;
	padding: 3px 0;  
}

dl.prof dd {
	width: 210px;
	padding: 3px 0;
	color: #fffc00;
}

/* 授賞作品 */

.right-column {
	width: 600px;
	float: right;
}

.right-column:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


.screen {
	background: url(../images/online/screen.gif) top left no-repeat ;
	padding: 16px;
	margin: 0 10px 0 0;
	width: 570px;
	float: left;
}

.right-column p {
	padding: 5px 0 20px;
	color: #fffc00;
}

/* 授賞サイトへ */

.column_box {
	padding: 15px 0 0 0;
	clear: both;
}

.column_box p a {
	text-indent: -999999px;
	width: 600px;
	height: 38px;
	display: block;
}

.column_box p a:link, .column_box p a:visited {
	background: url(../images/online/btn_official.gif) center top no-repeat; 
}

.column_box p a:hover, .column_box p a:active {
	background: url(../images/online/btn_official.gif) center -38px no-repeat; 
}


.gamelist td a:visited, .gamelist td a:hover{
	color: #cc6600;
	}

/* レイアウト　*/

.box {
	padding: 0 18px;
	clear: both;
	width: 880px;
}

.box:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.box .left-column h3 {
	padding: 10px 0 0 0;
}

.box .right-column {
	background: url(../images/columnline.gif) left top repeat-y ;
	width: 580px;
	padding: 10px 0 20px 18px;
	margin: 5px 0;
}

/* 投票者からのメッセージ　*/
dl.message {
	width: 580px;
}

dl.message dt {
	float: left;
	width: 67px;
	padding: 0 0 2px;  
}

dl.message dd {
	width: 500px;
	padding: 0 0 5px;
	margin: 0 0 15px 67px;
	border-bottom: dashed 1px #949494;
}

/* 投票者からのメッセージ　*/

.catalog {
	width: 580px;
}

.catalog table {
	margin: 0 0 20px;
}

.catalog th{
	width: 100px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	padding: 5px 10px 5px 0;
}

.catalog td {
	padding: 5px 10px;
}