body{
margin:5px 15px;
font-size:14px;
background:#F9F9F9 url(images/topLineMenu03sub.png) repeat-x scroll left top;
}

img {
border:0px;
}

form{
margin:0px;
padding:5px 8px;
text-align:right;
}

ul,
li{
color:#444444; /* #3256B6 */
margin:0px;
padding:0px;
list-style-type:none;
list-style-position:outside;

}
a{ 
text-decoration:none;
color:#3256B6;
}
a:hover{
color:red;
text-decoration:underline;
}

.clearBoth{
clear:both
}

.hr {
height:1px;
border-bottom:1px solid #ffaaaa;
}

a.rss {
background:transparent url(images/rss_01.gif) no-repeat scroll left center;
padding-left:16px;
}

.datetime_disp {
font-size:80%;
color:gray;
}

.searchForm {
padding-top:3px;
vertical-align:middle;
}

.searchForm a{
font-size:15px;
font-weight:bold;
color:#fff;
}

.searchForm div {
display:inline;
}

.searchForm input#k {
width:150px;
border:solid 1px #2233DD;
background-color:#e8e8e8;
}
#searchConditions input.searchBtn {
	background:#F9F9F9 url(images/topLineMenu03sub.png) repeat-x scroll left bottom;
	border:1px solid #7076AA;
	height:20px;
	vertical-align:middle;
	cursor:pointer;
}
#searchConditions input.searchBtn:hover {
	background:white;
}

#page,
#container{
width:100%;/*1062px;*/
margin:0px auto;
}

#topLine{
text-align:right;
/*border-bottom:1px solid #223A80;
background:#F9F9F9 url(images/topLineMenu03sub.png) repeat-x scroll left bottom;*/
/*margin:0px -15px 0;
padding:0 15px;*/
z-index:1;
font-size:80%;
color:gray;
}
#topLine a,#topLine span{
padding:0 8px;
vertical-align:bottom;
}

#topLine .topLineTitle,
#topLine .topLineTitle h2 {
color:#223A80;
font-size:18px;

margin:0px;
text-align:left;
float:left;
max-width:450px;
}
#logo{
margin-top:10px;
}
.logo img{
float:left; 
max-height:100px;
max-width:200px;
}

.clearLeft{
clear:left;
}
#topHomeLine{
background:url("images/topLineMenu03s.gif") repeat-x scroll 0 0;
}
#topHomeLine .bar {
margin:5px 0px;
float:left;
padding:5px; 
}
#topHomeLine .bar a{
color:#fff;
font-size:18px;
font-weight:bold;
padding:5px 10px 10px 5px;
margin:5px 0px;
}
#topHomeLine .bar a:hover{
color:#3256B6;
background:url("images/topLineMenu03sub.gif") -2px top;
text-decoration:none;
}


#relative{  
position:relative;          
left:0px;      
top:0px;      
height:0.8em;
}
.top_bottom3{
clear:left;
margin:0px;
}
#columnList {
margin-bottom:5px;
background:#F9F9F9 url(images/topLineMenu03sub.png) repeat-x scroll left bottom;/*topLineMenu03sub.gif*/
 
}

#columnList li{
background:transparent url(images/topLineMenu03subVLine.gif) no-repeat scroll right center;
padding:10px;
display:inline;
line-height:2.1em;
/*float:left;*/
/*border-right:solid 1px #c8c8c8;*/
/*white-space:nowrap;*/
overflow:hidden;
max-width:150px;

list-style-image:none;
list-style-position:outside;
list-style-type:none;

}
#columnList span{
padding:10px;
/*color:#fff;*/
}
#columnList a:hover{
color: #C61A1A;
background-color: #CECECE;
text-decoration:none;
/*
border-top:2px solid #3256B6;
border-bottom:2px solid #3256B6;
text-decoration:none;*/
}
#columnList a{
font-size:12px;
padding:3px 0px;
/*font-weight:bold;*/
/**
border-top:2px solid transparent;
border-bottom:2px solid transparent;
*/
white-space:nowrap;
}
#left{
float:left;
margin-right:-160px;
position:relative;
width:160px;
z-index:2;
}

#left .inner {
position:relative;
z-index:2;
}

#left .columnList li{
border-bottom:1px solid #DDDDDD;
border-top:1px solid #FFFFFF;
}

#left .columnList ul{
margin:0px;
margin-bottom:5px;
list-style-position:inside;
line-height:2em;
margin:0px;
text-indent:5px;
padding:0px;
}
#left .columnList div{
/*background:#EDF2F2 none repeat scroll 0 0;*/
border:1px solid #e0e0e0;
margin-bottom:5px;
}
#left .columnList{
margin-bottom:5px;
}

#left .columnList .title {
background:transparent url(images/cat_root.gif) repeat-x scroll 0 0;
border:solid #e0e0e0; 
border-width:0px 0px 1px 0px; 
font-weight:bold;
font-size:14px;
color:#223a70; 
width:160px;
overflow:hidden;
white-space:nowrap;
}

#left .columnList .items a {
font-size:90%;
}


#recommentSpace{
border:1px solid #e0e0e0;
margin-bottom:5px;
}
#recommentSpace .title{
background:transparent url(images/cat_root.gif) repeat-x scroll 0 0;
border:solid #e0e0e0;
border-width:0px 0px 1px 0px;
padding:5px 15px;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
}

#recommentSpace .newestFile {
font-size:85%;
}

#recommentSpace .item div{
}

#recommentSpace img {
float:left;
max-width:55px;
max-height:55px;
}


#right{
background:#FFFFFF none repeat scroll 0 0
display:block;
float:right;
width:200px;
overflow:hidden;
position:relative;
z-index:2;
}

.pickup {
position:relative;
z-index:2;
line-height:1em;
}
.pickup .newest,
.pickup .best,
.pickup .hot,
.pickup .comment {
font-size:13px;
padding-left:10px;
font-weight:bold;
border:solid #e0e0e0;
border-width:0px 0px 1px 0px;
background:transparent url("images/cat_root.gif") repeat-x scroll 0 0;
}
.pickup div{
border:1px solid #e0e0e0;
margin-bottom:5px;
}
.pickup ul{
margin:0px;
list-style-position:outside;
line-height:2em;
margin:0px;
text-indent:2px;
padding:0px;
}

.pickup ul.items {
line-height:1.4em;
}
.pickup a{
margin:0px;
font-size:90%;
}

.pickup .rank1 {
background:transparent url(images/rank01.jpg) no-repeat scroll left center;
padding:8px 2px 8px 34px;
}
.pickup .rank2 {
background:transparent url(images/rank02.jpg) no-repeat scroll left center;
padding:8px 2px 8px 34px;
}
.pickup .rank3 {
background:transparent url(images/rank03.jpg) no-repeat scroll left center;
padding:8px 2px 8px 34px;
}
.pickup .rank4 {
background:transparent url(images/rank04.jpg) no-repeat scroll left center;
padding:8px 2px 8px 34px;
}
.pickup .rank5 {
background:transparent url(images/rank05.jpg) no-repeat scroll left center;
padding:8px 2px 8px 34px;
}
.pickup .rank6 {
background:transparent url(images/rank06.jpg) no-repeat scroll left center;
padding:8px 2px 8px 34px;
}
.pickup .rank7 {
background:transparent url(images/rank07.jpg) no-repeat scroll left center;
padding:8px 2px 8px 34px;
}
.pickup .rank8 {
background:transparent url(images/rank08.jpg) no-repeat scroll left center;
padding:8px 2px 8px 34px;
}
.pickup .rank9 {
background:transparent url(images/rank09.jpg) no-repeat scroll left center;
padding:8px 2px 8px 34px;
}
.pickup .rank10 {
background:transparent url(images/rank10.jpg) no-repeat scroll left center;
padding:8px 2px 8px 34px;
}

.topStories{
margin:0px 0px 10px;
padding:0px;
border:1px solid #e0e0e0;
}
.topStories li{
line-height:1.5em;
}

.topStories ul.title {
background:transparent url(images/cat_root.gif) repeat-x scroll 0 0;
color:#000000;
display:block;
font-size:90%;
font-weight:bold;
padding:5px 0px 5px 8px !important;
}

.topStories .items li{
background:transparent url(images/list_file.gif) no-repeat scroll 4px top;
}

#center .items li a.titleLink0,
.topStories .items li a{
font-size:120% !important;
font-weight:bold;
}

.topStories ul{
margin:0px;
padding:5px 0px;
list-style-position:inside;
 
text-indent:15px;
}


#center {
float:left;
margin-right:-306px;
min-width:500px;
position:static;
width:100%;
z-index:1;
/*
float:left;
margin:0px 220px 0px 180px;*/
}

#center .inner {
height:auto;
display:block;
padding-left:0px;
padding-right:0px;
margin:0px 220px 0px 180px;
overflow:hidden;
width:auto;
position:static /*relative*/;
z-index:2;
}

#center .columnList .title {
/*margin:0px;
padding:5px 15px;
font-weight:bold;
font-size:14px;
border:solid #e0e0e0;
border-width:0px 0px 1px 0px;*/
/*background:url("images/cat_root.gif");*/
background:#3A568F url(images/topLineMenu03.gif) repeat-x scroll 0 0;
border-bottom:2px solid #3A568F;
margin-bottom:6px;
padding:2px 10px 0;
}
#center .columnList .title li {
display:inline;
}

#center ul{
 margin:0px;
padding:0px;
}
#center .columnList{
width: auto;
margin-right: 0px;
overflow: visible;
height: 1%;
padding-top: 0px;
position: static;

display: block;
clear: both;

padding-right: 0px;
padding-left: 0px;
z-index: 0;

margin: 2px 0px 12px;
padding-bottom: 0px;
}
#center .columnList .columnLeft{
width:49%;/*320px;*/
float:left;
}
#center .columnList .line{
width:100%;/*660px;*/
}
#center .columnList .columnRight{
/*margin:0 0 0 340px;*/
width:49%;/*320px;*/
float:right;
}

#center .columnList ul.title a {
background:transparent url(images/cat_root.gif) repeat-x scroll 0 0;
color:#000000;
display:block;
font-size:90%;
font-weight:bold;
padding:5px 8px;
}

#center .columnList ul.title a:hover {
color:red;
text-decoration:underline;
}

#center .topStories p,
#center .columnList p {
font-size:90%;
margin-top:0;
padding:0;
}

#center .items{
list-style-position:inside;
line-height:1.5em;
margin:0px;
padding:0px; text-indent:15px;
}

#center .items li{
background:transparent url(images/list_file.gif) no-repeat scroll 0px 8px;
}


#bottom{
text-align:center;
}