@charset "utf-8";
/* CSS Document */

/*color, fonts basic settings*/
body{
	background-color:#f3f2e8!important;
	line-height:1.2;
	font-family:sans-serif;
	zoom:1;
}
* html body {font-family:'ＭＳ Ｐゴシック',sans-serif;}
a:link { color:#333; text-decoration: none;}
a:visited { color:#333; text-decoration: none;}
a:hover { color:#6c6500; text-decoration:underline;}
a:active { color:#6c6500; text-decoration:underline;}

a{outline:none;}
.wrapper950 p,
.wrapper950 li,
.wrapper950 dd{font-size:12px;}

#contents_area h3{font-size:14px;font-weight:bold;}

#wochikochi_logo a:active{outline:1px dotted #999;}

/*clearfix*/
.clearfix { /zoom : 1; }
.clearfix:after { content : ''; display : block; clear : both; }


/*header*/
#header{background-color:#fff;padding:10px 0; margin-bottom: 10px; }
#header h1{float:left;}
#header_right{float:right;width:360px;}
#logo{float:right;}
#header ul{margin-top:35px;}
#header ul li{
	float:left;
	margin-left:20px;
	display:inline;
	}

.blinkline{
	background-image:url(../img/tabline_blink_off.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding:6px 0 0;
}

.blinkline:hover{background-image:url(../img/tabline_blink.gif);}

/*fukidashi 20110204*/
p.absolute {   
    position: absolute;   
    top: 10px;   
    left: 650px;   
}
.relative {   
    position: relative;   
} 

/* contents area*/
.wrapper950{
	width:950px;
	margin:0 auto;
	}
#contents_area{
	width:720px;
	float:right;
	margin-bottom:20px;
	display:inline-block;
	}


/*sidemenu*/
#aside{
		float:left;
		width:230px;
		background-color:#fff;
		display:inline;
}

#sidemenu{
	background-color:#fff;
	background-image:url(../img/tabline_yellow.gif);
	background-repeat:no-repeat;
	background-position:10px 0;
	padding:10px 0 1em;
	margin-bottom:10px;
	}
#sidemenu li{
	margin:10px 0 0;
	font-size: 12px;
	line-height: 12px;
	}
#sidemenu li a{
	padding:4px 6px 4px 10px;
	background-image:url(../img/aside_bg_bar.gif);
	background-repeat:no-repeat;
	background-position:-245px 0;
	display:inline-block;
	font-weight: bold;
	position: relative;
	}
#sidemenu li a:hover { color: #333; text-decoration: none;}
#sidemenu li a .linkout { margin: 0 !important; position: absolute; top: 4px; right: -15px;}
#aside .linkout{margin:0;padding:0 0 0 2px;}
.current{background-color:#333;background-image:none;}

/*
*html #sidemenu li{text-indent:-9999px;}
*html #sidemenu li a{
	display:block;
	height:18px;
	background-image:url(../img/sidemenu.png);
	background-repeat:no-repeat;
	}
*html #sidemenu_home a{width:54px;background-position:0 0;}
*html #sidemenu_home a:hover{background-position:0 -18px;}
*html #sidemenu_topstory a{width:115px;background-position:-54px 0;}
*html #sidemenu_topstory a:hover{background-position:-54px -18px;}
*html #sidemenu_special a{width:66px;background-position:-169px 1px;}
*html #sidemenu_special a:hover{background-position:-169px -17px;}
*html #sidemenu_serialessay a{width:88px;background-position:-235px 0;}
*html #sidemenu_serialessay a:hover{background-position:-235px -18px;}
*html #sidemenu_relayessay a{width:101px;background-position:-323px 0;}
*html #sidemenu_relayessay a:hover{background-position:-323px -18px;}
*html #sidemenu_foreign a{width:82px;background-position:-424px 2px;}
*html #sidemenu_foreign a:hover{background-position:-424px -16px;}
*html #sidemenu_report a{width:80px;background-position:-506px 0;}
*html #sidemenu_report a:hover{background-position:-506px -18px;}
*html #sidemenu_network a{width:220px;background-position:-586px 0;}
*html #sidemenu_network a:hover{background-position:-586px -18px;}
*html #sidemenu_japanese a{width:112px;background-position:-805px 0;}
*html #sidemenu_japanese a:hover{background-position:-805px -18px;}
*html #sidemenu_recommend a{width:115px;background-position:-893px 1px;}
*html #sidemenu_recommend a:hover{background-position:-893px -17px;}
*/

/*bottomarea*/
#bottom_nav{
	clear:both;
	background-color:#fff229;
	width:100%;
	}
#bottom_nav li{line-height:1.5;}
.bottom_box {
	background-image:url(../img/tabline_dark.gif);
	background-repeat:no-repeat;
	background-position:left top;
	}
.box225{width:225px;margin-right:15px;}
.box340_l,
.box340_r{width:340px; }
.box225,
.box340_l{float:left;}
.box340_r{float:right;}
.box340_l ul,
.box340_r ul{height:205px;}
/*.box225 ul{height:82px;}*/
.box225 ul{height:205px;}
.bottom_box{padding:1em 0;}
.bottom_box h3 { margin-bottom:0.5em; font-size: 12px;}

/*20120111 footer調整*/
.eBox225{width:225px; _width:225px; margin-right:15px;}
.eBox340_l,
.eBox340_r{width:340px; _width:340px;}
.eBox225,
.eBox340_l{float:left;}
.eBox340_r{float:right;}
.eBox340_l ul,
.eBox340_r ul{height:305px;}
.eBox225 ul{height:305px;}


/*20150918 footer調整*/
.eBox470_l,
.eBox470_r{width:470px; _width:470px;}
.eBox470_l{float:left;}
.eBox470_r{float:right;}
.eBox470_l ul,
.eBox470_r ul{height:305px;}


#twitter_div { height: 205px; overflow-y: hidden;}
.scroll-pane li{
	color:#6c6500;
	border-bottom: 1px dotted #6c6500;
	padding:0.5em 0;
	}
.scroll-pane li a{color:#6c6500;font-weight:bold;}

#sidePdfBack { padding: 0 10px;}
#sidePdfBack .contents_left_box { width: auto; }
#sidePdfBack h3 { font-size: 14px; }
#sidePdfBack ul { height: 116px;}
#sidePdfBack li { width: 210px; padding: 0 0 10px; display: none; }
#sidePdfBack li a { display: block; }
#sidePdfBack li a:hover,
#sidePdfBack li a:active { text-decoration: none;}
#sidePdfBack li img { display: block; width: 76px; float: left; }
#sidePdfBack li span { display: block; width: 126px; float: right; font-size: 12px; }
#sidePdfBack p { clear: both; text-align: right;}

/*footer*/
#footer{padding:10px 0 30px;}