@charset "utf-8";

/*

【CSS表記ルール】
CSSの表記につきましては以下のルールに則って記述をお願いいたします。

1.bodyタグにid等を付けない
フレームワークの仕様により、bodyタグの出し分けが困難なためbodyにディレクトリ毎のidを振るのは禁止とさせて頂きます。
その代わりbody直下のwrapperに対してはディレクトリ毎のidを振って頂いて大丈夫です。

2.class名、id名の表記
フレームワークの仕様により、公開時は全てのCSSが1つのファイルに統合されます。
そのためclass,idの名前が被らないよう以下のルールに則って記述をお願いいたします。

#(wrapperのid名) .(wrapperのid名)_(個別のクラス名)
例:
#about .about_box{
	margin:10px auto;
}

3.!important は使わないようお願いたします。（どうしても必要な場合はご連絡ください。）

4.@importでのcssの読み込みはしないようお願いいたします。

*/

/*  ---------------------------
			bloglist
---------------------------  */
#bloglist #bloglist_area{
	margin:0 10px;
}
#bloglist #blogger_area h4{
	text-align: center;
	margin-bottom: 20px;
}
#bloglist #bloglist_area hr{
    border:none;
    border-top:solid 1px #ddd;
    height:1px;
    margin: 20px 0;
}
#bloglist #bloglist_tokyonomado_area{
	background:url(/images/blog/common/tokyonomado_back.gif) repeat-y left top;
	margin-bottom: 20px;
}
#bloglist #bloglist_staffblog_area{
	background:url(/images/blog/common/staffblog_back.gif) repeat-y left top;
	margin-bottom: 20px;
}
#bloglist #bloglist_supporters_area{
	background:url(/images/blog/common/supporters_back.gif) repeat-y left top;
	margin-bottom: 20px;
}
#bloglist #bloglist_app_area{
	background:url(/images/blog/common/app_back.gif) repeat-y left top;
	margin-bottom: 20px;
}
#bloglist #bloglist_jouhoukan_area{
	background:url(/images/blog/common/jouhoukan_back.gif) repeat-y left top;
	margin-bottom: 20px;
}


#bloglist #bloglist_area .head_area{
	width:154px;
	float:left;
	padding:60px 23px;
	text-align:center;
	color:#fff;
}
#bloglist #bloglist_area .head_area h4{
	margin-bottom:20px;
}
#bloglist #bloglist_area .head_area .wantedblogger{
	margin-top: 20px;
	color:#000;
	padding: 15px 15px 10px 15px;
	font-size:12px;
}
#bloglist #bloglist_area .head_area a{
	display:block;
	text-decoration: none;
	background:#fff;
}
#bloglist #bloglist_area .head_area .wantedblogger p{
	margin:3px 0 0 0;
}
#bloglist #bloglist_area .head_area .wantedblogger p:before{
	content:url(/images/blog/common/blog_marker.png);
	padding:4px 5px 0 0;
	display: inline-block;
	vertical-align: middle;
}
#bloglist #bloglist_area .member_area{
	width:710px;
	float:right;
	text-align:left;
	font-size:12px;
}
#bloglist #bloglist_area .member_area li{
	display:inline-block;
	width:160px;
	margin:0 7px 20px 7px;
	vertical-align:top;
}
#bloglist #bloglist_area .member_area a{
	display:block;
	background:#fff;
	text-decoration: none;
	padding:10px;
}
#bloglist #bloglist_tokyonomado_area a:hover{
	display:block;
	background:#CCE1EA;
	text-decoration: none;
}
#bloglist #bloglist_staffblog_area a:hover{
	display:block;
	background:#F1ECEC;
	text-decoration: none;
}
#bloglist #bloglist_supporters_area a:hover{
	display:block;
	background:#F9FFEC;
	text-decoration: none;
}
#bloglist #bloglist_app_area a:hover{
	display:block;
	background:#F9FFEC;
	text-decoration: none;
}
#bloglist #bloglist_jouhoukan_area a:hover{
	display:block;
	background:#ffecec;
	text-decoration: none;
}


#bloglist #bloglist_area .member_area .blogger_photo{
	display:block;
	font-size:20px;
	color:#006b96;
	margin:5px 0;
	text-align:center;
}
#bloglist #bloglist_area .member_area .blogger_name_tokyonomado{
	display:block;
	font-size:20px;
	color:#006b96;
	margin:5px 0;
	word-wrap: break-word;
}
#bloglist #bloglist_area .member_area .blogger_name_staff{
	display:block;
	font-size:20px;
	color:#714549;
	margin:5px 0;
	word-wrap: break-word;
}
#bloglist #bloglist_area .member_area .blogger_name_supporters{
	display:block;
	font-size:20px;
	color:#79661e;
	margin:5px 0;
	word-wrap: break-word;
}

#bloglist #bloglist_area .member_area .blogger_name_app{
	display:block;
	font-size:20px;
	color:#6da013;
	margin:5px 0;
	word-wrap: break-word;
}


#bloglist #bloglist_area .member_area .blogger_name_jouhoukan{
	display:block;
	font-size:20px;
	color:#d53030;
	margin:5px 0;
	word-wrap: break-word;
}

#bloglist #bloglist_area .member_area .time, .blog_title{
	display:block;
}

/*  ---------------------------
			blog
---------------------------  */

#blog #blog_area{
	margin:0 10px;
}
#blog #blog_area #blogger_area .blogger_left{
	margin-bottom: 20px;
	width:700px;
	float:left;
}
#blog #blog_area #blogger_area .blogger_outline{
	margin-bottom: 20px;
}
#blog #blog_area #blogger_area .tokyonomado{
	background:url(/images/blog/common/tokyonomado_back.gif) repeat-y left top;
}
#blog #blog_area #blogger_area .staffblog{
	background:url(/images/blog/common/staffblog_back.gif) repeat-y left top;
}
#blog #blog_area #blogger_area .supporters{
	background:url(/images/blog/common/supporters_back.gif) repeat-y left top;
}
#blog #blog_area #blogger_area .column{
	background:#343434;
}
#blog #blog_area #blogger_area .blogger_leftline{
	width:140px;
	float:left;
	padding:40px 30px 20px 30px;
	color:#fff;
	font-size: 12px;
}

#blog #blog_area #blogger_area .blogger_leftline h4{
	text-align:center;
	padding-bottom:10px;
}

#blog #blog_area .blogger_left .blogger_information{
	margin: 15px 0;
}
#blog #blog_area .blogger_left .blogger_information .blogger_photo{
	font-size:20px;
	margin-bottom: 5px;
	display:block;
}
#blog #blog_area .blogger_left .blogger_information .blogger_name{
	font-size:20px;
	margin-bottom: 5px;
	display:block;
}
#blog #blog_area .blogger_left .blogger_information .blogger_jpname{
	margin-bottom: 5px;
	display:block;
}
#blog #blog_area .blogger_left .blogger_information .blogger_site{
	margin-bottom: 5px;
	display:block;
}
#blog #blog_area .blogger_infotext{
	width:640px;
	float:left;
	background:#f6f6f6;
	min-height: 630px;
	padding:30px ;
}
#blog #blog_area .blogger_infotext p{
	margin-bottom: 1em;
}
#blog #blog_area .blogger_left .blogger_blog_archive_tokyonomado{
	margin:20px 0;
}
#blog #blog_area .blogger_left .blogger_blog_archive_tokyonomado li{
	float:left;
	text-align:center;
}
#blog #blog_area .blogger_left .blogger_blog_archive_tokyonomado li a{
	background:#006f9a;
	display:block;
	padding:20px 0 15px 0;
	color:#fff;
	text-decoration: none;
}
#blog #blog_area .blogger_left .blogger_blog_archive_tokyonomado li a:hover{
	background:#1E8DB8;
}
#blog #blog_area .blogger_left .blogger_blog_archive_tokyonomado li.prev{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_tokyonomado li.prev a:before{
	content:url('/images/blog/common/archive_marker_prev.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_tokyonomado li.archive{
	width:252px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#blog #blog_area .blogger_left .blogger_blog_archive_tokyonomado li.archive a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_tokyonomado li.next{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_tokyonomado li.next a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}

#blog #blogger_area .blogger_right{
	width:200px;
	float:right;
}
#blog #blogger_area .blogger_archive{
	padding:40px 10px 15px 10px;
	margin-bottom: 20px;
	text-align: center;
	color:#fff;
}
#blog #blogger_area .blogger_archive .right_archive{margin-top: 20px;}
#blog #blogger_area .blogger_archive .right_archive li{
	color:#000;
	font-size:10px;
	text-align:left;
	line-height:1.6;
	margin-bottom: 10px;
}
#blog #blogger_area .blogger_archive .right_archive li:last-child{
	color:#000;
	font-size:10px;
	text-align:left;
	line-height:1.6;
	margin-bottom: 0;
}
#blog #blogger_area .blogger_archive .right_archive li a{
	padding:10px;
	text-decoration: none;
	display:block;
	background:#fff;
}
#blog #blogger_area .blogger_archive .right_archive li a.tokyonomado_right:hover{
	text-decoration: none;
	display:block;
	background:#CCE1EA;
}
#blog #blogger_area .blogger_archive .right_archive li a.staffblog_right:hover{
	text-decoration: none;
	display:block;
	background:#E4DADA;
}
#blog #blogger_area .blogger_archive .right_archive li a.supporters_right:hover{
	text-decoration: none;
	display:block;
	background:#E6E0CE;
}
#blog #blogger_area .blogger_archive .right_archive li a.column_right:hover{
	text-decoration: none;
	display:block;
	background:#efefef;
}
#blog #blogger_area .blogger_archive .right_archive li a.app_right:hover{
	text-decoration: none;
	display:block;
	background:#efefef;
}

#blog #blogger_area .blogger_archive .right_archive li img{
	float:left;
	padding-right: 10px;
	width:54px;
}
#blog #blog_area .blogger_archive .right_archive .blogger_name_tokyonomado{
	font-size:14px;
	color:#006b96;
	display:block;
}
#blog #blog_area .blogger_archive .right_archive .blogger_name_staffblog{
	font-size:14px;
	color:#714549;
	display:block;
}

#blog #blog_area .blogger_archive .right_archive .blogger_name_supporters{
	font-size:14px;
	color:#79661e;
	display:block;
}

#blog #blog_area .blogger_archive .right_archive .blogger_jpname{
	display:block;
}
#blog #blog_area .blogger_archive .right_archive .blogger_site{
	display:block;
}

#blog #blog_area .blogger_archive .right_archive .blog_title{
	height:18px;
	overflow:hidden;
}

/*  ---------------------------
		blogmain
---------------------------  */
#blog #blog_area .blog_main{
	border:1px solid #ccc;
}
#blog #blog_area .blogger_left .blog_main h3.blog_title_tokyonomado{
	background:#006F9A;
	color:#fff;
	font-size:20px;
	padding:20px 80px 20px 20px;
	position:relative;
	line-height:24px;
}
#blog #blog_area .blogger_left .blog_main .blog_date{
	font-size:14px;
	position:absolute;
	top:20px;
	right:20px;
}
#blog #blog_area .blogger_left .blog_main_text{
	padding:10px 20px 30px 20px;
	line-height:1.8;
	font-size:14px;
}
#blog #blog_area .blogger_left .blog_main_text p{
	margin:1em 0;
}
#blog #blog_area .blogger_left .blog_main_text .blog_main_app{
	margin:10px 0;
}
#blog #blog_area .blogger_left .blog_main_text .blog_main_app li{
	float: left;
	margin-right: 3px;
	margin-top: -3px;
	padding-top: 3px;
}

#blog #blog_area .blogger_left .blog_main_text .blog_main_app li .fb-like{
	margin-top: -5px;
	display: block;
}

#blog #blog_area .blogger_left .blog_main_text .blog_tagarea dt, 
#blog #blog_area .blogger_left .blog_main_text .blog_tagarea dd{
	float:left;
}
#blog #blog_area .blogger_left .blog_main_text .blog_tagarea dt.tag:before{
	content:'|';
	padding:0 5px;
}
#blog #blog_area .blogger_left .blog_main_text .blog_tagarea dt.data:before{
	content:'|';
	padding:0 5px;
}
#blog #blog_area .blogger_left .blog_main_text .blog_tagarea dt.writer:before{
	content:'|';
	padding:0 5px;
}

/*  ---------------------------
		blogmain_staff
---------------------------  */

#blog #blog_area .blogger_left .blog_main h3.blog_title_staffblog{
	background:#714549;
	color:#fff;
	font-size:20px;
	padding:20px;
	position:relative;
}

#blog #blog_area .blogger_left .blogger_blog_archive_staffblog{
	margin:20px 0;
}
#blog #blog_area .blogger_left .blogger_blog_archive_staffblog li{
	float:left;
	text-align:center;
}
#blog #blog_area .blogger_left .blogger_blog_archive_staffblog li a{
	background:#714549;
	display:block;
	padding:20px 0 15px 0;
	color:#fff;
	text-decoration: none;
}
#blog #blog_area .blogger_left .blogger_blog_archive_staffblog li a:hover{
	background:#926065;
}
#blog #blog_area .blogger_left .blogger_blog_archive_staffblog li.prev{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_staffblog li.prev a:before{
	content:url('/images/blog/common/archive_marker_prev.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_staffblog li.archive{
	width:252px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#blog #blog_area .blogger_left .blogger_blog_archive_staffblog li.archive a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_staffblog li.next{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_staffblog li.next a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}


/*  ---------------------------
		blogmain_resident
---------------------------  */

#blog #blog_area .blogger_left .blog_main h3.blog_title_supporters{
	background:#79661e;
	color:#fff;
	font-size:20px;
	padding:20px;
	position:relative;
}

#blog #blog_area .blogger_left .blogger_blog_archive_supporters{
	margin:20px 0;
}
#blog #blog_area .blogger_left .blogger_blog_archive_supporters li{
	float:left;
	text-align:center;
}
#blog #blog_area .blogger_left .blogger_blog_archive_supporters li a{
	background:#79661e;
	display:block;
	padding:20px 0 15px 0;
	color:#fff;
	text-decoration: none;
}
#blog #blog_area .blogger_left .blogger_blog_archive_supporters li a:hover{
	background:#9d8427;
}
#blog #blog_area .blogger_left .blogger_blog_archive_supporters li.prev{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_supporters li.prev a:before{
	content:url('/images/blog/common/archive_marker_prev.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_supporters li.archive{
	width:252px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#blog #blog_area .blogger_left .blogger_blog_archive_supporters li.archive a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_supporters li.next{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_supporters li.next a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}


/*  ---------------------------
		blogmain_column
---------------------------  */

#blog #blog_area .blogger_left .blog_main h3.blog_title_column{
	background:#343434;
	color:#fff;
	font-size:20px;
	padding:20px;
	position:relative;
}

#blog #blog_area .blogger_left .blogger_blog_archive_column{
	margin:20px 0;
}
#blog #blog_area .blogger_left .blogger_blog_archive_column li{
	float:left;
	text-align:center;
}
#blog #blog_area .blogger_left .blogger_blog_archive_column li a{
	background:#343434;
	display:block;
	padding:20px 0 15px 0;
	color:#fff;
	text-decoration: none;
}
#blog #blog_area .blogger_left .blogger_blog_archive_column li a:hover{
	background:#656565;
}
#blog #blog_area .blogger_left .blogger_blog_archive_column li.prev{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_column li.prev a:before{
	content:url('/images/blog/common/archive_marker_prev.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_column li.archive{
	width:252px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#blog #blog_area .blogger_left .blogger_blog_archive_column li.archive a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_column li.next{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_column li.next a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}

#blog #blog_area .blogger_right h5{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dotted #fff;
	padding: 10px 0 5px 0;
}



/*  ---------------------------
		blogmain_social
---------------------------  */

#blog #blog_area .blogger_left .blog_main h3.blog_title_app{
	background:#6da013;
	color:#fff;
	font-size:20px;
	padding:20px;
	position:relative;
}

#blog #blog_area .blogger_left .blogger_blog_archive_app{
	margin:20px 0;
}
#blog #blog_area .blogger_left .blogger_blog_archive_app li{
	float:left;
	text-align:center;
}
#blog #blog_area .blogger_left .blogger_blog_archive_app li a{
	background:#6da013;
	display:block;
	padding:20px 0 15px 0;
	color:#fff;
	text-decoration: none;
}
#blog #blog_area .blogger_left .blogger_blog_archive_app li a:hover{
	background:#6da013;
}
#blog #blog_area .blogger_left .blogger_blog_archive_app li.prev{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_app li.prev a:before{
	content:url('/images/blog/common/archive_marker_prev.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_app li.archive{
	width:252px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#blog #blog_area .blogger_left .blogger_blog_archive_app li.archive a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_app li.next{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_app li.next a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}


/*  ---------------------------
		blogmain_info
---------------------------  */

#blog #blog_area .blogger_left .blog_main h3.blog_title_jouhoukan{
	background:#f17070;
	color:#fff;
	font-size:20px;
	padding:20px;
	position:relative;
}

#blog #blog_area .blogger_left .blogger_blog_archive_jouhoukan{
	margin:20px 0;
}
#blog #blog_area .blogger_left .blogger_blog_archive_jouhoukan li{
	float:left;
	text-align:center;
}
#blog #blog_area .blogger_left .blogger_blog_archive_jouhoukan li a{
	background:#f17070;
	display:block;
	padding:20px 0 15px 0;
	color:#fff;
	text-decoration: none;
}
#blog #blog_area .blogger_left .blogger_blog_archive_jouhoukan li a:hover{
	background:#f17070;
}
#blog #blog_area .blogger_left .blogger_blog_archive_jouhoukan li.prev{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_jouhoukan li.prev a:before{
	content:url('/images/blog/common/archive_marker_prev.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_jouhoukan li.archive{
	width:252px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#blog #blog_area .blogger_left .blogger_blog_archive_jouhoukan li.archive a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}
#blog #blog_area .blogger_left .blogger_blog_archive_jouhoukan li.next{
	width:223px;
}
#blog #blog_area .blogger_left .blogger_blog_archive_jouhoukan li.next a:before{
	content:url('/images/blog/common/archive_marker_next.png');
	padding: 2px 5px 0 0;
	display:inline-block;
	vertical-align: middle;
}



/*  ---------------------------
		calendar
---------------------------  */
#wp-calendar{
	margin: 0;
	width: 100%;
	font-size: 10px;
	line-height: 1.846153846;
	color: #686868;
	background:#fff;
	padding:5px;
}
#wp-calendar th.sun, #wp-calendar td.sun, #wp-calendar th.sun a, #wp-calendar td.sun a {
color: #B43232;
}
#wp-calendar th.sat, #wp-calendar td.sat, #wp-calendar th.sat a, #wp-calendar td.sat a {
color: #006496;
}
#wp-calendar th, #wp-calendar td, #wp-calendar caption {
text-align: center;
}



/*  ---------------------------
		 add 0608
---------------------------  */

.info_title{
	font-weight: bold;
	border-bottom:  1px dotted #666;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}



/*  ---------------------------
			TOPICS一覧
---------------------------  */

#topics_area{
	margin:0 10px;
}
#topics_area .topics_year{
	border-bottom:1px solid #ccc;
	margin-bottom: 15px;
}
#topics_area .topics_year dt, .topics_year dd{
	float:left;
	padding:0;
	height:42px;
	color:#333;
}
#topics_area .topics_year dt{
	font-size:18px;
	font-weight: bold;
	color:#ED2500;
	letter-spacing:0.2em;
	width:95px;
	text-align:center;
	background: url(/images/topics/common/topics_border_dott.gif) no-repeat right top;
	margin-right: 15px;
	padding-top:5px;
}
#topics_area .topics_year dd{
	width:66px;
	background:url(/images/topics/common/topics_border.gif) no-repeat right top;
	text-align:center;
	font-size:14px;
}
#topics_area .topics_year dd:last-child{
	width:66px;
	background:none;
	text-align:center;
	font-size:14px;
}
#topics_area .topics_year dd:hover{
	display:block;
	background:url(/images/topics/common/topics_hover.png) no-repeat center top;
	color:#fff;
}
#topics_area .topics_year dd.active{
	display:block;
	height: 37px;
	padding-top: 5px;
	background:url(/images/topics/common/topics_active.png) no-repeat center top;
	color:#fff;
}
#topics_area .topics_year dd.active a{
	display:block;
	margin:0;
	padding:0;
	color:#fff;
}
#topics_area .topics_year dd a{
	display: block;
	text-decoration: none;
	height: 37px;
	padding-top: 5px;
}
#topics_area .topics_year dd a:hover{
	color:#fff;
	text-decoration: none;
}

#topics_area .topics_month{
	margin-bottom: 15px;
}
#topics_area .topics_month dt, .topics_month dd{
	float:left;
	padding:0;
	height:42px;
	color:#333;
}
#topics_area .topics_month dt{
	font-size:18px;
	font-weight: bold;
	color:#ED2500;
	width:95px;
	text-align:center;
	background: url(/images/topics/common/topics_border_dott.gif) no-repeat right top;
	margin-right: 15px;
	padding-top:5px;
}
#topics_area .topics_month dd{
	width:46px;
	background:url(/images/topics/common/topics_border.gif) no-repeat right top;
	text-align:center;
	font-size:12px;
}
#topics_area .topics_month dd:last-child{
	width:46px;
	background:none;
	text-align:center;
	font-size:12px;
}
#topics_area .topics_month dd:hover{
	display:block;
	background:url(/images/topics/common/topics_hover.png) no-repeat center top;
	color:#fff;
}
#topics_area .topics_month dd.active{
	display:block;
	height: 37px;
	padding-top: 5px;
	background:url(/images/topics/common/topics_active.png) no-repeat center top;
	color:#fff;
}
#topics_area .topics_month dd.active a{
	display:block;
	margin:0;
	padding:0;
	color:#fff;
}
#topics_area .topics_month dd a{
	display: block;
	text-decoration: none;
	height: 37px;
	padding-top: 5px;
}
#topics_area .topics_month dd a:hover{
	color:#fff;
	text-decoration: none;
}


#topics_area table.topics_deta{
	border-collapse: collapse;
	width:100%;
	margin-bottom:20px;
}
#topics_area table.topics_deta tr:nth-child(even){
	background:#fff;
}
#topics_area table.topics_deta tr:nth-child(odd){
	background:#F6F6F6;
}
#topics_area table.topics_deta tr.pressline:hover{
	background:#E5ECF3;
}
#topics_area table.topics_deta tr.medialine:hover{
	background:#FFEEE5;
}
#topics_area table.topics_deta tr.infoline:hover{
	background:#E5F0F1;
}
#topics_area table.topics_deta td{
	padding:15px 0;
}
#topics_area table.topics_deta td.topics_date{
	width:85px;
	padding-left: 15px;
}
#topics_area table.topics_deta td.topics_category{
	width:120px;
	padding:0 10px;
	text-align:center;
	color:#fff;
}
#topics_area table.topics_deta td.topics_category .press{
	background:#004284;
	width: 120px;
	display:block;
	padding:1px 0;
}
#topics_area table.topics_deta td.topics_category .media{
	background:#FF5200;
	width: 120px;
	display:block;
	padding:1px 0;
}
#topics_area table.topics_deta td.topics_category .info{
	background:#006F70;
	width: 120px;
	display:block;
	padding:1px 0;
	font-size:12px;
}
#topics_area table.topics_deta td.topics_title{
	padding:0 15px;
}
#topics_area table.topics_deta td.topics_title:before{
	content:url('/images/topics/common/link_arrow.gif');
	display:inline-block;
	vertical-align: middle;
}



#blog #blog_area .blogger_left .blog_main_text img{
	max-width: 100%;
	height: auto;
}

.blogger_name{
	font-size:14px;
	margin-bottom: 5px;
	display:block !important;
}




/*add 2016 04 15*/
.blogger_archive.app{
	background: #6da013;
}

.blogger_archive.jouhoukan{
	background: #f17070;
}