@charset "UTF-8";

/*---------------------------------------------------------------
-----------------------------------------------------------------
TOP CSS
The date     : 2009.09.30
Last up date : 2009.09.30

-----------------------------------------------------------------
---------------------------------------------------------------*/

/*==================================================================
//
//  --  content style
//
================================================================== */

/*contentnew*/
#contentnew{
	width:auto;
	min-width:950px;
	background-color:white;
}
.ccontentnew{
	padding:27px 0 27px 0;
}
/*contentnew left*/
#contentnew div .left{
	width:208px;
	height:340px;
	text-align:right;
	float:left;
}
#contentnew div .left img.contentnewtitle{
	float:right;
}
#contentnew div .left .year{
	width:160px;
	float:left;
}
#contentnew div .left .month{
	width:160px;
	float:left;
}
#contentnew div .left .date{
	width:160px;
	float:left;
}
#contentnew div .left .week{
	width:160px;
	float:left;
}

/*contentnew right*/
img.barbottom{
	 position:absolute;
	 bottom:0;
	 left:0;
	 z-index:9999;
	 margin:0 0 0 0;
	 padding:0 0 0 0;
}
img.barbottoms{
	 position:absolute;
	 bottom:0;
	 left:0;
	 z-index:9999;
	 margin:0 0 0 0;
	 padding:0 0 0 0;
}
* html img.barbottoms{
	bottom:-2px;
}
img.bartop{
	 position:absolute;
	 top:0;
	 left:0;
	 z-index:9999;
	 margin:0 0 0 0;
	 padding:0 0 0 0;
}
#contentnew div .right{
	width:708px;
	float:right;
}
#contentnew div .right .rightframe{
	position:relative;
	width:708px;
	background:url(../images/contentnew_lbg.gif) 0 0 repeat-y;
}
/*contentnew right large*/
#contentnew div .right ul.list{
	width:708px;
	list-style:none;
	overflow: hidden;
}
#contentnew div .right ul.list li.large{
	width:348px;
	overflow: hidden; 
	float:left;
	margin: 0 auto -32768px auto;
	padding: 0 0 32768px 0;
}
#contentnew div .right ul.list li.large a{
	width:335px;
	display:block;
	margin: 0 auto -32768px 5px;
	padding: 20px 0 32768px 0;
	outline:none;
	text-align:center;
}
#contentnew div .right ul.list li.large a:hover{
	width:335px;
	background-color:#FAE682;
	outline:none;
	cursor:hand;
}
/*opera*/
#contentnew div .right ul.list li.large a:not(\*|*) {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
#contentnew div .right ul.list li.large a:not(\*|*) {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
/*opera*/
/*opera*/
#contentnew div .right ul.list li.large a:hover:not(\*|*) {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
#contentnew div .right ul.list li.large a:hover:not(\*|*) {
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
/*opera*/

#contentnew div .right ul.list li.large .articleframe{
	width:295px;
	margin:0 auto 0 auto;
	padding:15px 6px 0 0;
}
* html #contentnew div .right ul.list li.large .articleframe{
	width:295px;
	margin:0 auto 0 auto;
	padding:15px 0 0 0;
}
#contentnew div .right ul.list li.large .articleframe .articleimg{
	width:295px;
	margin:0 0 5px 0;
}
#contentnew div .right ul.list li.large .articleframe .articleimg img{
	border:solid 3px #FFFFFF;
}
#contentnew div .right ul.list li.large .articleframe .articletitle{
	width:295px;
	display:block;
	text-align:left;
	margin:5px auto 0 auto;
}
#contentnew div .right ul.list li.large .articleframe .articletitle strong{
	font-size:14px;
	color:#00C8FF;
	line-height:1.4em;
	display:block;
}
#contentnew div .right ul.list li.large .articleframe .articlebody{
	width:295px;
	text-align:left;
	margin:4px auto 0 auto;
	padding:0 0 7px 0;
	line-height:1.6em;
	color:#505050;
	display:block;
}
* html #contentnew div .right ul.list li.large .articleframe .articlebody{
	padding:0 0 11px 0;
	line-height:1.6em;
}
/*contentnew right small*/
#contentnew div .right .rightframe ul li .listframe{
	width:345px;
	margin:-8px 0 0 8px;
	float:left;
}
#contentnew div .right .rightframe ul li .listframe ul.list{
	list-style:none;
		
}
#contentnew div .right .rightframe ul li .listframe ul.list li.small{
	background:url(../images/contentnew_sbg.gif) 0 0 repeat-y;
	width:338px;
	min-height:115px;
	margin:8px 0 0 0;
	position:relative;
}
* html #contentnew div .right .rightframe ul li .listframe ul.list li.small{
	height:111px;
}
#contentnew div .right .rightframe ul li .listframe ul.list li.small img.bottombar{
	  position:absolute;
	  bottom:0;
	  left:0;
	  z-index:9999;
	  vertical-align:bottom;
}
* html #contentnew div .right .rightframe ul li .listframe ul.list li.small img.bottombar{
	  position:absolute;
	  bottom:0;
	  left:0;
	  z-index:9999;
	  margin:-3px 0 0 0;
}
#contentnew div .right .rightframe ul li .listframe ul.list li.small .head{
	position:relative;
}
#contentnew div .right .rightframe ul li .listframe ul.list li.small .head img.topbar{
	  position:absolute;
	  top:0;
	  left:0;
	  z-index:9999;
}
#contentnew div .right .rightframe ul li .listframe ul.list li.small .bottom{
	padding:5px 0 5px 0;
}
* html #contentnew div .right .rightframe ul li .listframe ul.list li.small .bottom{
	padding:5px 0 5px 0;
}
#contentnew div .right .rightframe ul li .listframe ul.list li.small a{
	width:328px;
	min-height:102px;
	display:block;
	margin:0 auto 0 auto;
	padding:0;
	outline:none;
}
* html #contentnew div .right .rightframe ul li .listframe ul.list li.small a{
	height:102px;
}
#contentnew div .right .rightframe ul li .listframe ul.list li.small a:hover{
	width:328px;
	display:block;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#FAE682;
	outline:none;
	cursor:hand;
}

#contentnew div .right .rightframe ul li .listframe ul.list li.small .articleframe{
	width:316px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	display:block;	
}
#contentnew div .right .rightframe ul li .listframe ul.list li.small .articleimg{

}
#contentnew div .right .rightframe ul li .listframe ul.list li.small .articleimg img{
	border:solid 3px #FFFFFF;
	position:absolute;
	z-index:9999;
	left:10px;
	top:10px;
}
#contentnew div .right .listframe ul.list li.small .articleframe .articletitle{
	margin: 0 0 0 0;
	padding:15px 0 0 80px;
	width:236px;
	min-height:50px;
	float:left;
	display:block;
}
* html #contentnew div .right .listframe ul.list li.small .articleframe .articletitle{
	height:50px;
}
#contentnew div .right .rightframe ul li .listframe ul.list li.small .articleframe .articletitle strong{
	font-size:14px;
	color:#00C8FF;
	line-height:1.4em;
}
#contentnew div .right .rightframe ul li .listframe ul.list li.small .articlebody{
	margin:0 auto 0 auto;
	padding:2px 0 2px 0;
	line-height:1.6em;
	width:316px;
	color:#505050;
	display:block;
	text-align:left;
}
* html #contentnew div .right .rightframe ul li .listframe ul.list li.small .articlebody{
	margin:0 auto 0 auto;
}

/*contentlist*/
#contentlist{
	width:100%;
}
.clist{
	background:url(../images/contentlist_bg.gif) 0 0 repeat-y;
}
#contentlist div .left{
	width:678px;
	float:left;
}
#contentlist div .left img.title{
	margin:22px 0 16px 0;
}
#contentlist div .left .listframe{
	width:678px;
	margin:0 0 0 0;
	background:url(../images/contentlist_border.gif) 50% 0 repeat-y;
}
#contentlist div .left .listframe .listline{
	width:678px;
	padding:3px 0 5px 0;
	background:url(../images/contentlist_bordercol.gif) 0 100% repeat-x;
}
#contentlist div .left .listframelast{
	width:678px;
	margin:0 0 13px 0;
	background:url(../images/contentlist_border.gif) 50% 0 repeat-y;
}
#contentlist div .left .listframelast .listlinelast{
	width:678px;
	padding:3px 0 5px 0;
	background:none;
}
#contentlist div .left .listframe .listline ul.list,
#contentlist div .left .listframelast .listlinelast ul.list{
	width:678px;
	list-style:none;
	display:block;
	overflow: hidden; 
}
#contentlist div .left .listframe .listline ul.list li,
#contentlist div .left .listframelast .listlinelast ul.list li{
	width:339px;
	float:left;
	display:block;
	margin: 0 auto -32768px auto;
	padding: 0 0 32768px 0;
}
#contentlist div .left .listframe .listline ul.list li a,
#contentlist div .left .listframelast .listlinelast ul.list li a{
	width:300px;
	display:block;
	margin: 0 auto -32768px auto;
	padding: 9px 16px 32768px 16px;
	outline:none;
}
#contentlist div .left .listframe .listline ul.list li a:hover,
#contentlist div .left .listframelast .listlinelast ul.list li a:hover{
	width:300px;
	display:block;
	margin: 0 auto -32768px auto;
	padding: 9px 16px 32768px 16px;
	background-color:white;
	outline:none;
	cursor:hand;
}
/*opera*/
#contentlist div .left .listframe .listline ul.list li:not(\*|*),
#contentlist div .left .listframelast .listlinelast ul.list li:not(\*|*){
	width:339px;
	float:left;
	display:block;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}
#contentlist div .left .listframe .listline ul.list li a:not(\*|*) {
	margin: 0 auto 0 auto;
	padding: 9px 16px 0 16px;
}
#contentlist div .left .listframelast .listlinelast ul.list li a:not(\*|*) {
	margin: 0 auto 0 auto;
	padding: 9px 16px 0 16px;
}
#contentlist div .left .listframe .listline ul.list li a:hover:not(\*|*) {
	margin: 0 auto 0 auto;
	padding: 9px 16px 0 16px;
}
#contentlist div .left .listframelast .listlinelast ul.list li a:hover:not(\*|*) {
	margin: 0 auto 0 auto;
	padding: 9px 16px 0 16px;
}
/*opera*/
#contentlist div .left div div ul.list li .articleframe{
	position:relative;
	display:block;
	width:300px;
	min-height:80px;
}
* html #contentlist div .left div div ul.list li .articleframe{
	height:80px;
	display:block;
}
#contentlist div .left div div ul.list li .articleframe .articleimg{
	float:left;
	width:107px;
}
#contentlist div .left div div ul.list li .articleimg img{
	border:solid 3px #FAE682;
	position:absolute;
}
#contentlist div .left div div ul.list li .articleframe .articletitle{
	float:right;
	width:180px;
	margin:3px 0 15px 0;
}
#contentlist div .left div div ul.list li .articleframe .articletitle strong{
	font-size:14px;
	color:#00C8FF;
	line-height:1.4em;
}
#contentlist div .left div div ul.list li .articlebody{
	width:300px;
	margin:6px 0 9px 0;
	line-height:1.6em;
	color:#505050;
	display:block;
}
#contentlist div .left div div ul.list li .articleframe .articledate{
	position:absolute;
	bottom:0;
	left:120px;
	width:180px;
	display:block;
	margin:7px 0 0 0;
	color:#FF3C50;
	font-weight:bold;
}
.bottombanner{
	width:678px;
	margin:0 auto 31px auto;
}
.bottombanner ul{
	width:678px;
	list-style:none;
	margin:0 auto;
}
.bottombanner ul li{
	width:226px;
	float:left;
	margin:12px 0 0 0;
	text-align:center;
}

/*right align*/
#contentlist div .left div div ul.list li .articleimgr{
	
	width:107px;
	position:relative;
}
#contentlist div .left div div ul.list li .articleimgr img{
	border:solid 3px #FAE682;
	position:absolute;
	left:188px;
	z-index:9999;
}
#contentlist div .left div div ul.list li .articletitler{
	float:left;
	width:180px;
	margin:3px 0 15px 0;
}
#contentlist div .left div div ul.list li .articletitler strong{
	font-size:14px;
	color:#00C8FF;
	line-height:1.4em;
}
#contentlist div .left div div ul.list li .articledater{
	position:absolute;
	bottom:0;
	left:0px;
	width:180px;
	display:block;
	margin:7px 0 0 0;
	color:#FF3C50;
	font-weight:bold;
}

/*right content*/
#contentlist div .right{
	width:250px;
	height:100%;
	float:right;
	background:url(../images/kobayashi_bg.jpg) 0 0 no-repeat;
}
/*kobayashi takeshi content*/
#kobayashi .kobayashiframe{
	position:relative;
	min-height:70px;
	background:url(../images/kobayashi_middle.jpg) 0 0 repeat-y;
	padding:0 13px;
}
* html #kobayashi .kobayashiframe{
	height:70px
}
#kobayashi .kobayashiimg{
	float:right;
	width:100px;
}
#kobayashi .kobayashititle{
	float:left;
	width:115px;
	margin:2px 0 1px 0;
}
#kobayashi .kobayashibody{
	display:block;
	width:114px;
	margin:1px 0 0 0;
}
#kobayashi .kobayashititle strong{
	font-size:14px;
	color:#00C8FF;
	line-height:1.4em;
}
#kobayashi .kobayashidate{
	display:block;
	margin:0;
	padding:0;
	color:#C82828;
	font-weight:bold;
}
img.kobayashibottom{
	vertical-align:top;
}



/* edit diary contents */

#diary_footer{ margin:10px 0 0 0;}

#diary_footer .diaryframe{
_height:100%;
	min-height:70px;
	background:url(../images/top_foot_diary_bottom.gif) no-repeat bottom center;
	padding:5px 13px 10px 13px;
}
* html #diary_footer .diaryiframe{
	height:70px
}
#diary_footer .diaryimg{
	float:right;
	width:100px;
}
#diary_footer .diarytitle{
	float:left;
	width:115px;
	margin:2px 0 1px 0;
}
#diary_footer .diarybody{
	display:block;
	width:114px;
	margin:1px 0 0 0;
}
#diary_footer .diarytitle strong{
	font-size:14px;
	color:#00C8FF;
	line-height:1.4em;
}
#diary_footer .diarydate{
	display:block;
	margin:0;
	padding:0;
	color:#C82828;
	font-weight:bold;
}




/*popular content*/
#popular{
	width:230px;
	margin:18px auto 0 auto;
}
#popular ul.list{
	width:190px;
	list-style:none;
	display:block;
	margin:0 auto 0 auto;
}
#popular ul.list li{
	width:190px;
	min-height:37px;
	float:left;
	display:block;
	margin:10px 0 0 0;
	padding:0 0 0 0;
}
#popular ul.list li .articleimg{
	float:left;
	width:50px;
}
#popular ul.list li .articletitle{
	float:right;
	width:130px;
	margin:0 0 0 0;
}
#popular ul.list li .articletitle strong{
	font-size:12px;
	color:#00C8FF;
	line-height:1.4em;
}


/* popular diary */

#popular ul.list_diary{
	width:190px;
	list-style:none;
	display:block;
	margin:0 auto 15px auto;
}
#popular ul.list_diary li{
	width:190px;
	min-height:37px;
	float:left;
	display:block;
	margin:10px 0 0 0;
	padding:0 0 0 0;
}
#popular ul.list_diary li .articleimg{
	float:left;
	width:50px;
}
#popular ul.list_diary li .articletitle{
	float:right;
	width:130px;
	margin:0 0 0 0;
}
#popular ul.list_diary li .articletitle strong{
	font-size:12px;
	color:#00C8FF;
	line-height:1.4em;
}

#popular ul.list_diary li .articledate{	color:#C82828; font-weight:bold;}



/*past content*/
#past{
	width:230px;
	margin:18px auto 0 auto;
}
#past ul.list{
	width:190px;
	list-style:none;
	display:block;
	margin:10px auto 0 auto;
}
#past ul.list li{
	width:95px;
	min-height:20px;
	float:left;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#past ul.list li a{
	font-size:14px;
	color:#00C8FF;
	line-height:1.5em;
	font-weight:bold;
}
#past form{
	width:199px;
	margin:6px auto 10px auto;
}
#search_box{
	width:140px;
	margin:2px 5px 0 0;
	float:left;
}
#past form input #search_button{
	margin:0 0 0 10px;
}
#past form img{
	margin:0 0 0 5px;
	float:left;
}

/*banner*/
#banner{
	width:230px;
	margin:0 auto 18px auto;
	text-align:center;
}
#banner img{
	margin:18px 0 0 0;
}


#archive{
margin:30px 0 0 0;
	width:auto;
	background-color:#FFFFFF;
}
.archiveframe{
	width:600px;
	margin:0 auto;
	text-align:left;
}
.archiveframe dl{
	width:600px;
	margin:10px auto 15px auto;
}
.archiveframe dl dt{
	width:600px;
	display:block;
	padding:8px 0 8px 10px;
	background:url(/common/images/search_tit.gif);
	font-size:16px;
	margin:0 0 10px 0;
	color:#fff;
}
.archiveframe dl dd{
	width:600px;
	display:block;
	padding:8px 0 8px 10px;
	font-size:14px;
	color:#00C8FF;
}
.archiveframe dl dd a{
	color:#000000;
}
.archiveframe dl dd a:visited,.archiveframe dl dd a:hover{ color:#000;}
.archiveframe .back{
	width:500px;
	margin:0 auto;
	text-align:center;
}


.resultframe{
	width:620px;
	height:620px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-325px;
	margin-top:-325px;
	z-index:9999;
	background:url(/common/images/search_tit.gif) 0 0;
	padding:0 0 10px 0;
	display:none;
}
.result_content{
	width:610px;
	height:610px;
	margin:10px auto 0 auto;
	overflow:hidden;
}
.word{width:580px;font-size:18px;color:#FFFFFF; font-weight:bold;}
.info{width:580px;font-size:12px;color:#FFFFFF; text-align:right;}
.frame{
	background:url(../resultbg2.png) 0 0;
	color:#676767;
	font-size:12px;
	width:580px;
	height:530px;
	margin:10px auto 10px auto;
	overflow:auto;
	line-height:1.8em;
}
.frame a{
	font-weight:bold;
	color:#676767;
}
.frame ul li{
	display:block;
	padding:5px 10px 5px 20px;
	border-bottom:solid 1px #71E0FF;
}
.close{
	width:580px;
	padding:5px 0;
	margin:0 auto 0 auto;
	text-align:right;
}
.close a{
	padding:2px 5px 2px 5px;
	background-color:#1EA4C9;
	border:solid 2px #17697F;
	color:#17697F;
}
.close a:hover{
	color:#FFFFFF;
}