﻿@charset "utf-8";

/* =================================================================================
 第1回 日本回胴王決定戦〜K-Naviライター陣が挑む！！〜
================================================================================= */
.wrapperCnt{
	background-color:#fdf8ec;
	color:#333333;
}

.wrapperCnt a{
	color:#0545fc;
}

/* -------------------------------------------------------
 ttl
------------------------------------------------------- */
.ttl_1{
	width:590px;
	height:32px;
	margin-bottom:10px;
	padding-left:35px; 
	background:url(../../../../free/images/css/writer/feature/20120507/bg_ttl_1.png) no-repeat 0 0;
	color:#FFFFFF;
	font-size:14px;
	line-height:32px;
}

.ttl_2{
	width:605px;
	height:25px;
	margin-bottom:10px;
	padding:0 10px;
	background-color:#cc0000;
	border:1px solid #999999;
	line-height:25px;
	color:#ffffff;
}

.sTtl_o{
	margin-bottom:10px;
	font-weight:normal;
	color:#ff9900;
}
/* -------------------------------------------------------
 dataLinkArea
------------------------------------------------------- */
.dataLinkArea{
	width:625px;
	background: rgb(36,59,104);
	background: -moz-linear-gradient(top,  rgba(36,59,104,1) 0%, rgba(24,46,88,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,59,104,1)), color-stop(100%,rgba(24,46,88,1)));
	background: -webkit-linear-gradient(top,  rgba(36,59,104,1) 0%,rgba(24,46,88,1) 100%);
	background: -ms-linear-gradient(top,  rgba(36,59,104,1) 0%,rgba(24,46,88,1) 100%);
	background: linear-gradient(top,  rgba(36,59,104,1) 0%,rgba(24,46,88,1) 100%);
}

.dataLinkArea .linkList{
	padding:5px 0 0 5px;
}

.dataLinkArea .linkList li{
	float:left;
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin:0 5px 5px 0;
}

.tACenter {
padding: 0 0 0 6px;
}

.tACenter a img:hover {
opacity: 0.7;
}

.linkList li.current_6_2,
.linkList li.current_6_1,
.linkList li.current_5_2,
.linkList li.current_5_1,
.linkList li.current_4,
.linkList li.current_3,
.linkList li.current_2,
.linkList li.current_1,
.dataLinkArea .linkList li a{
	display:block;
	width:150px;
	height:25px;
}

.dataLinkArea .linkList li span{
	display:none;
}

.linkList li.current_6_2,
.linkList li.current_6_1,
.linkList li.current_5_2,
.linkList li.current_5_1,
.linkList li.current_4,
.linkList li.current_3,
.linkList li.current_2,
.linkList li.current_1,
.linkList li a.setUp_6_2,
.linkList li a.setUp_6_1,
.linkList li a.setUp_5_2,
.linkList li a.setUp_5_1,
.linkList li a.setUp_4,
.linkList li a.setUp_3,
.linkList li a.setUp_2,
.linkList li a.setUp_1{
	background:url(../../../../free/images/css/writer/feature/20120507/bg_btn-data.png) no-repeat transparent;
}

.linkList li a.setUp_1{
	background-position:-5px -5px;
}

.linkList li.current_1,
.linkList li a.setUp_1:hover{
	background-position:-5px -70px;
}

.linkList li a.setUp_2{
	background-position:-160px -5px;
}

.linkList li.current_2,
.linkList li a.setUp_2:hover{
	background-position:-160px -70px;
}

.linkList li a.setUp_3{
	background-position:-315px -5px;
}

.linkList li.current_3,
.linkList li a.setUp_3:hover{
	background-position:-315px -70px;
}

.linkList li a.setUp_4{
	background-position:-470px -5px;
}

.linkList li.current_4,
.linkList li a.setUp_4:hover{
	background-position:-470px -70px;
}

.linkList li a.setUp_5_1{
	background-position:-5px -35px;
}

.linkList li.current_5_1,
.linkList li a.setUp_5_1:hover{
	background-position:-5px -100px;
}

.linkList li a.setUp_5_2{
	background-position:-160px -35px;
}

.linkList li.current_5_2,
.linkList li a.setUp_5_2:hover{
	background-position:-160px -100px;
}

.linkList li a.setUp_6_1{
	background-position:-315px -35px;
}

.linkList li.current_6_1,
.linkList li a.setUp_6_1:hover{
	background-position:-315px -100px;
}

.linkList li a.setUp_6_2{
	background-position:-470px -35px;
}

.linkList li.current_6_2,
.linkList li a.setUp_6_2:hover{
	background-position:-470px -100px;
}


/* -------------------------------------------------------
 writerInt
------------------------------------------------------- */
.writerInt_1{
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:572px;
	margin:5px;
	padding:5px;
	background:#eeeeee;
	text-align:left;
}

.writerInt_2{
	width:605px;
	padding:10px;
	background:#1d345f;
}

.writerInt_2 .thumbnail,
.writerInt_1 .thumbnail{
	float:left;
	width:140px;
	height:98px;
}

.writerInt_2 .thumbnail img,
.writerInt_1 .thumbnail img{
	vertical-align:bottom;
}

.writerInt_1 .rightArea_1{
	float:right;
	width:427px;
}

.writerInt_2 .rightArea_1{
	float:right;
	width:445px;
}

/* -------------------------------------------------------
 hallInt
------------------------------------------------------- */
.hallInt{
	width:605px;
	padding:0 10px;
}

.hallInt .thumbnail{
	float:left;
	width:150px;
	height:113px;
}

.hallInt .thumbnail img{
	vertical-align:bottom;
}

.hallInt .rightArea_1{
	float:right;
	width:445px;
}

/* -------------------------------------------------------
 columnLayout
------------------------------------------------------- */
.columnLayout{
	width:605px;
	padding:0 10px;
}

.columnLayout .leftArea_1{
	float:left;
	width:200px;
}

.columnLayout .leftArea_1 img{
	vertical-align:bottom;
}

.columnLayout .rightArea_1{
	float:right;
	width:395px;
}

/* -------------------------------------------------------
 bgArrowLink
------------------------------------------------------- */
.tRLinkArea{
	padding:8px 0;
	border-top:1px solid #586b90;
	text-align:right;
}

.bgArrowLink{
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding-left:12px;
	background:url(../../../../free/images/css/writer/feature/20120507/bg_arrow_1.gif) 0 50% no-repeat;
}

/* -------------------------------------------------------
 subLinkArea
------------------------------------------------------- */
.subLinkArea{
	background-color:#192a4a;
}

.subLinkArea .subLinks{
	padding:8px;
	text-align:center;
}

.subLinkArea .subLinks li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0 5px;
	border-right:1px solid #ffffff;
	text-align:center;
}

/* -------------------------------------------------------
 dataTbl_1
------------------------------------------------------- */
.dataTbl_1{
	color:#ffffff;
	width:625px;
}

table.dataTbl_1{
	border-collapse:collapse;
}

.dataTbl_1 td,
.dataTbl_1 th{
	border:1px solid #000000;
	padding:4px 8px;
}

.dataTbl_1 th{
	background-color:#3d5789;
	font-weight:normal;
	text-align:center;
}

.dataTbl_1 td{
	background-color:#516b9e;
}

.dataTbl_1 .ttl{
	background-color:#17397a;
	text-align:center;
	font-size:14px;
}

/* -------------------------------------------------------
other
------------------------------------------------------- */
.fCOrange_1{
	color:#ffa54a;
}

.opaBtn:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
/* -------------------------------------------------------
 clearfix
------------------------------------------------------- */
.columnLayout:after,
.hallInt:after,
.writerInt_2:after,
.writerInt_1:after,
.dataLinkArea:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

/* EOF */
