@charset "UTF-8";

/*---------------------------------------------
 
 structure.css
 TAKUYA HARA
 
---------------------------------------------*/

/*
 Contents
----------------------------------------*/
#conMenu {
	background-image:url(../img/bg_contets_top.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:10px 0 10px 0;
}

#areaContets {
	background-image:url(../img/bg_contets_base.gif);
	background-repeat:repeat-y;
	padding:5px 0 0 0;
}

/*
 Left Culmn
----------------------------------------*/
#areaLeftCulumn {
	width:431px;
	float:left;
}

#conTopics {
	width:431px;
	background-image:url(../img/bg_culmn_left.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 0 20px 0;
}

#conTopics h3{
	width:400px;
	color:#333333;
	padding:5px 0;
	margin:0 0 0 18px;
	background-color:#bbea99;
}

#conTopicsSubject{
	width:400px;
	background-color:#dcf4ca;
	margin:0 0 0 18px;
	padding:5px 0;
}
#conTopicsSubject h4{
	padding:0 0 0 5px;
}
#conTopicsSubject h4 a{
	color:#ff6633;
	text-decoration:none;
}
#conTopicsSubject h4 a:hover{
	color:#ff6633;
	text-decoration:underline;
}
#conTopicsSubject img{
	width:18px;
	float:right;
	padding:8px 5px 0 0;
}
#conTopicsArticle{
	width:400px;
	font-size:1.2em;
	background-color:#dcf4ca;
	margin:0 0 0 18px;
}
#conTopicsArticle img{
	float:left;
	padding:0 5px 5px 5px;
}
#conTopicsMeta{
	width:400px;
	background-color:#dcf4ca;
	margin:0 0 0 18px;
	padding:5px 0 0 0;
	text-align:right;
}

#conArticle {
	width:431px;
	padding:0 0 10px 0;
}
#conArticle h3{
	width:402px;
	color:#333333;
	padding:5px 0;
	margin:5px 0 0 18px;
	background-color:#dddddd;
}

.conArticleList {
	width:398px;
	margin:10px 0 10px 20px;
	font-size:1.0em;
	border-bottom: solid 1px #dddddd;
}
.tn{
	float:left;
	padding:0 5px 5px 0;
}
#conArticleLink{
	width:431px;
	text-align:center;
}
/*
.article-subject{
	width:418px;
	background-color:#bbbbbb;
	margin:0 0 4px 9px;
}
.article-list{
	width:418px;
	background-color:#cccccc;
	margin:0 0 10px 9px;
}




*/


/*
 Center Culmn
----------------------------------------*/

#areaCenterCulumn {
	width:231px;
	float:left;
	margin:0 0 0 10px;
}

#conRanking {
	width:225px;
	margin:0 0 0 4px;
}
#conRanking table{
	width:225px;
}
#conRanking .title{
	width:225px;
	height:20px;
	overflow:hidden;
	background-image:url(../img/bg_ranking_subject.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	padding:2px 0 0 4px;
}
#conRanking .subtitle{
	background-color:#eeeeee;
	color:#333333;
	padding:4px;
}
#conRanking .number1{
	width:25px;
	background-color:#dddddd;
	text-align:center;
	color:#333333;
	padding:4px;
}
#conRanking .number2{
	width:25px;
	background-color:#eeeeee;
	text-align:center;
	color:#333333;
	padding:4px;
}
#conRanking .text1{
	width:200px;
	background-color:#c7c7c7;
	color:#333333;
	padding:4px;
}
#conRanking .text2{
	width:200px;
	background-color:#d7d7d7;
	color:#333333;
	padding:4px;
}
#conRanking .resultlink{
	text-align:center;
	padding:0 0 10px 0;
}
#conImageList {
	width:225px;
	margin:4px 0 0 4px;
}
#conImageList li{
	float:left;
	padding:0 1px 1px 0;
	margin:0 0 0 0;
}
#conImageList img{
	float:left;
	padding:0 1px 1px 0;
	width:72px;
	height:54px;
}

#conRecommend {
	width:225px;
	margin:0 0 0 4px;
}
#conImageList li{
	float:left;
	padding:0 1px 1px 0;
	margin:0 0 0 0;
}



/*
 Right Culmn
----------------------------------------*/
#areaRightCulumn {
	width:258px;
	float:right;
}
#conLogin{
	width:258px;
	background-image:url(../img/bg_culmn_right.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 0 15px 0;
}
#conLoginForm{
	width:225px;
	margin:0 0 0 12px;
}
#conLoginForm h3{
	width:225px;
	height:22px;
	overflow:hidden;
	background-image:url(../img/bar_right_subject.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	padding:2px 0 0 4px;
}
#conLoginLink{
	width:225px;
	margin:0 0 0 12px;
}
#conKeyword{
	width:258px;
	background-image:url(../img/bg_culmn_right.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0 0 15px 0;
}
#conKeywordForm{
	width:225px;
	margin:0 0 6px 12px;
}
#conKeywordForm h3{
	width:225px;
	height:22px;
	overflow:hidden;
	background-image:url(../img/bar_right_subject.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	margin:4px 0 0 0;
	padding:2px 0 0 4px;
}

#conTuboxLink{
	width:225px;
	margin:0 0 0 12px;
}
#conTuboxLink h3{
	width:225px;
	height:22px;
	overflow:hidden;
	background-image:url(../img/bar_right_subject.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	margin:4px 0 0 0;
	padding:2px 0 0 4px;
}
#conTuboxBanner{
	width:225px;
	margin:0 0 0 12px;
	text-align:center;
}
#conTuboxBanner img{
	padding:0 0 10px 0;
}



/*
 Footer
----------------------------------------*/
#areaFooter {
	width:938px;
	background-image:url(../img/bg_footer_top.gif);
	background-repeat:no-repeat;
	padding:20px 0;
}