@charset "utf-8";



#content .info_ttl h4{
/*width:570px;*/
float:left;
padding:10px 0 0 30px;
}

#content .info_ttl p.info_date{
width:155px;
float:right;
padding:10px 0 0 0;
text-align:right
}

#content dl.info_conts{
padding:10px 0 0 0;
}

#content dl.info_conts dt{
padding:0;
width:215px;
float:left;
}

/*#content dl.info_conts dd{
padding:0;
width:540px;
float:left;
}*/

/*COMMON*/
.bnr_tm5{
margin:5px 0 0 0;
_margin:10px 0 0 0;
padding:0;
float:left;
clear:both;
}

#caution p {
width:785px;
text-align:center;
font-weight:bold;
font-size:120%;
color:#C03;
background:#fddaad;
margin:5px 0 5px 0;
padding:5px 0 5px 0 ;
}

#caution a {
color:#C03;
}


/*バナー追加（2011.11.30）*/
.top_bn{
margin:5px 0 0 0;
_margin:10px 0 0 0;
padding:0;
float:left;
}

p.bn_r{
margin:0 10px 10px 0;
padding:0;
float:left;
}

p.bn_l{
margin:0;
padding:0;
float:left;
}

/*メインイメージ*/

#top_left{
width:520px;
float:left;
margin:0 10px 0 0;
}
#bnr_info_01{
width:520px;
float:left;
margin:10px 0 0 0;
}

#bnr_info_02{
width:520px;
float:left;
margin:5px 0 20px 0;
}

#top_right{
width:255px;
float:left;
margin:10px 0 0 0;
}

.top_conts_left{
margin-right:10px;
}

.top_conts_01{
overflow:hidden;
background-color:#fefdf3;
border-right:1px solid #c4b398;
border-left:1px solid #c4b398;
border-bottom:1px solid #c4b398;
border-top:1px solid #c4b398;
width:253px;
float:left;
margin-top:10px;
padding:0 0 10px 0;
}

.top_conts_01 .top_ttl{
height:54px;
}



.top_conts_01 .top_ttl img{
vertical-align:bottom;
}

.top_conts_01 ul{
background:#fefdf3;
margin:0 9px 5px 9px;
overflow:hidden;
width:235px;
}


.top_conts_01 ul li{
overflow:hidden;
float:none;
clear:both;
width:235px;
margin:0 auto;
}


/*メインイメージ下リンク画像*/
#img_w785 img{
}



/*グッズ*/

.top_conts_01 dl.top_goods{
float:none;
clear:both;
margin:0 5px 0 5px;
overflow:hidden;
width:225px;
background:url(images/top/line_dot_l.gif) bottom no-repeat;
}

.top_conts_01 dl.top_goods dt{
float:left;
padding:5px;
}

.top_conts_01 dl.top_goods dd{
float:left;
padding:5px;
width:125px;
/width:125px;/*for IE 6 7*/
}

.top_conts_01 dl.top_goods dd p.top_votes{
background:url(images/top/ico_votes.gif) no-repeat scroll  0 ;
padding:0 0 5px 55px;
float:none;
}

.top_conts_01 dl.top_goods dd p.top_info{
padding:0 0 5px 0;
}

.top_conts_01 li.top_btn{
padding:5px 5px 5px 7px;
}

/*活動日誌*/
.top_conts_01 p.top_blog_img{
width:208px;
margin:0 auto;
}

.top_conts_01 dl.top_blog{
width:208px;
margin:0 auto;
float:none;
clear:both;
background:url(images/top/line_dot_l.gif) bottom no-repeat;
overflow:hidden;
padding:5px 0 5px 0;
}

s.top_conts_01 dl.top_blog dt{
padding:5px;
}

.top_conts_01 dl.top_blog dd{
padding:5px;
background:url(images/common/arrow.gif) no-repeat scroll 0 0;
padding:0 0 10px 20px ;
}

.top_bnr_01{
float:none;
padding:10px 0 0 0;
text-align:center;
}

.top_bnr_02{
float:none;
padding:5px 0 0 0;
text-align:center;
}

.txt_topbnr{
font-size:11px;
margin:0;
padding: 0;
text-align:center;
}


/*ファン*/

#top_fan_area{
background:url(images/top/bg_fanpark.gif) no-repeat;
width:786px;
height:199px;
margin:10px 0 0 0;
position:relative;
float:none;
clear:both;
}

#top_fan_area .top_fan_btn{
float:left;
width:220px;
position:relative;
top:145px;
left:75px;
}

#top_fan_area p.photo{
float:left;
width:136px;
position:relative;
top:48px;
left:140px;
}

#top_fan_area p.photo img{
border:#e0d9c6 1px solid;
}

#top_fan_area p.movie{
float:left;
width:180px;
position:relative;
top:48px;
left:200px;
}


#top_fan{
background:url(images/top/bg_fan.gif) no-repeat;
width:520px;
height:195px;
margin:10px 0 0 0;
padding:0;
position:relative;
clear:both;
}

#top_fan p.top_song_btn{
float:left;
width:205px;
position:relative;
top:154px;
left:20px;
}

#top_fan p.movie_taisou{
float:left;
clear:both;
position:relative;
top:-18px;
_top:-10px;
left:260px;
}

/* くまモン誕生祭2016 */
.t5 {
    margin: 5px 0 0 0;
	padding: 0;
}


/* 元気プロジェクト */
#genki_project_area {
    background: url("images/genki_project/bg_genki_project.jpg") no-repeat scroll 0 0 transparent;
    clear: both;
    float: none;
    height: 290px;
    margin: 10px 0 0 0;
    position: relative;
    width: 786px;
}

#genki_project_area div.top_genki_btn {
	float: left;
	width: 150px;
	overflow: hidden;
	padding: 200px 0 0 0;
}
#genki_project_area div.genki_project_facebook {
	width: 320px;
	float: left;
	padding: 45px 0 0;
	margin: 0 0 0 75px;
}
#genki_project_area div.genki_project_facebook p.genki_project_facebook {
	background-color: #ffffff;
	border: 1px solid #c4c4c4;
	overflow: auto;
	height: 190px;
	width:320px;
	word-break:break-all;
}
#genki_project_area div.genki_project_facebook p.genki_project_facebook p {
	padding: 5px;
}
#genki_project_area div.genki_movie {
	width: 180px;
	float: left;
	margin: 80px 0 0 18px;
}
#genki_project_area div.genki_movie p {
	*margin-top:10px;
	text-indent: -9999px;
}
#genki_project_area div.genki_movie p a{
	background:url("images/top/btn_genkimovie.gif") no-repeat;
	display:block;
	width:205px;
	height:30px;
}
#genki_project_area div.genki_movie p a:hover{
	background-position: 0 -30px;
}

.t0 {
	font-size: 0;
	display:block ;
}



/*
#top_fan dl dt{
margin:0 0 0 260px;
_margin:0 0 0 130px;
background:#fefdf3;
}

#top_fan dl dd{
background:url(images/common/arrow.gif) no-repeat scroll 0 0;
font-size:12px;
color:#444444;
font-weight:bold;
padding:0 2px 0 15px;
_padding:0 2px 0 20px;
width:230px;
clear:both;
}
*/


/*カレンダー*/

#top_calender{
background:url(images/top/bg_calender.jpg) no-repeat !important;
height:365px;
display:block;
margin:0 0 10px 0;
clear:both;
font-size:14px;
overflow:hidden;
}

#calender{
padding-top:80px;
}

#calendar_month_view{
margin: 0;
}
#calender ul{
margin: 0 auto;
padding: 0;
text-align:center;
}

#calender ul li{
color:#01ACCA;
width:60px;
float:left;
text-align:center;
}

#calender ul li.prev_month{
margin-left:20px;
_margin-left:10px;
}

#calender ul li.current_month{
margin:0 15px 0 10px;
text-align:center;
font-size:1.071em;
font-weight:bold;
float:left;
}

#calender ul li.next_month{
margin-top:0px;
}

#calender ul li.next_month_speacer_top {
margin: 0;
}
#calender ul li.prev_month_spacer_top {
margin: 15px;
}

#calender table{
width:195px;
text-align:center;
margin-left:30px;
margin-top: 0;
clear: both;
}

#calender table th{
text-align:center;
width:26px;
border-right:#ffffff 2px solid;
border-bottom:#ffffff 2px solid;
padding:3px 0 3px 0;
}

#calender table td{
background:#ebe8d7;
border-right:#ffffff 2px solid;
border-bottom:#ffffff 2px solid;
padding:2px 3px 2px 3px;
}

#calender table td a{
color:#01ACCA;

}

#calender table td.today{
background:#fddf85;
}

#calender table td.other_month{
color:#bab6ab;
font-size:0.643em;
}



.top_btn{
padding: 5px 0 0 25px;
}


/*バナー*/
#bnr_entry{
margin:5px 0 0 0;
display:block;
clear:both;
}

#top_present{
margin:5px 0 5px 0;
display:block;
clear:both;
}

#top_history{
margin:5px 0 0 0;
_margin:5px 0 0 0;
display:block;
clear:both;
}

#top_million{
margin:10px 0 5px 0;
_margin:10px 0 10px 0;
display:block;
clear:both;
}

/*twitter*/

.top_tw_ttl{
width:255px;
height:60px;
}

.top_tw_ttl a{
vertical-align:bottom;
}

.top_tw_ttl img{
vertical-align:bottom;
}

#twitter {
overflow:hidden;
background-color:#FFFFFF;
float:left;
width:253px;
border:1px solid #cccccc;
}

#twitter .inner_tw {
margin:10px;
padding:0px;
}

#twitter div div{
    margin: 10px 0 0;
    border-bottom: 1px dotted;
}
#twitter div div#inner_tw_bottom{
    margin: 10px 0 0;
    border-bottom:medium none;
}

#twitter ul{
background:#ffffff;
margin:0 auto;
margin-bottom:10px;
overflow:hidden;
width:235px;
}

#twitter ul li{
width:225px;
overflow:hidden;
margin:0 auto;
padding:5px 0 5px 0;
}

#twitter .left_img{
float:left;
width:52px;
height:52px;
}

#twitter .twit_right{
float:left;
overflow:hidden;
width:170px;
}


#twitter .bg_right{
background:url(images/top/bg_left.jpg) repeat-y;
background-position:left;
}

#twitter .bg_center_right{
background:url(images/top/bg_left_top.jpg) no-repeat;
background-position:top left;
}

#twitter .bg_center_right p{
width:150px;
padding-left:15px;
}

#twitter .bg_center_right p.date{
width:150px;
padding-top:10px;
}

#twitter .bg_center_right p.twit{
width:150px;
padding-top:5px;
padding-bottom:10px;
}

#twitter .bg_bottom_right{
background:url(images/top/bg_bottom_left.jpg) no-repeat;
height:5px;
}

#twitter .right_img{
float:right;
width:52px;
height:52px;
}

#twitter .twit_left{
float:right;
overflow:hidden;
width:170px;
}


#twitter .bg_left{
background:url(images/top/bg_right.jpg) repeat-y;
background-position:left;
}

#twitter .bg_center_left{
background:url(images/top/bg_right_top.jpg) no-repeat;
background-position:top left;
}

#twitter .bg_center_left p{
width:150px;
padding-left:5px;
}

#twitter .bg_center_left p.date{
width:150px;
padding-top:10px;
}

#twitter .bg_center_left p.twit{
width:150px;
padding-top:5px;
padding-bottom:10px;
}

#twitter .bg_bottom_left{
background:url(images/top/bg_bottom_right.jpg) no-repeat;
height:5px;
}

/* くまもとブランド */
.content_01_bland{
	width:518px;
}

.content_01_bland .top_bland_ul{
	width:510px;
}

.content_01_bland .top_bland_ul li{
	clear:none;
	float:left !important;
	width:170px;
}

.content_01_bland dl.top_brands{
	float:left;
}

.content_01_bland dl.top_brands dt{
	float: left;
    height: 85px;
    width:85px;
    overflow: hidden;
}

.content_01_bland dl.top_brands dt p{
	cursor:pointer;
	width: 85px;
    height: 85px;
    display: table-cell;
    layout-grid-line: 85px;
    text-align:center;
    vertical-align:middle;
    background: none repeat scroll 0 0 #F9F6EF;

}
.content_01_bland dl.top_brands dt p img{
	margin:0;
	padding:0;
	vertical-align: top
	}

.content_01_bland dl.top_brands dd{
	float:left;
	margin: 10px 0 0 8px;
	width:70px;
}

/* =================================
 * 4komamanga for top
 * ================================= */
div.content_01_manga { margin: 10px 0 0 0; clear: both; background: url('images/top/bg_manga.jpg') 0 0 no-repeat; height: 145px; }

/*div.content_01_manga ul.manga_info { margin: -5px 0 0 270px; width: 250px; }*/


div.content_01_manga ul.manga_info li { text-align: center; }
div.content_01_manga ul.manga_info li.manga_title { font-size: 100%; margin: 5px 0 0 0; }
/*div.content_01_manga p.top_manga_btn { margin: 0 0 0 270px; width: 250px; text-align: center; }*/

div.content_01_manga ul.manga_info { margin: 5px 0 0 270px; width: 250px; }
div.content_01_manga p.top_manga_btn { margin: 10px 0 0 270px; width: 250px; text-align: center; }

@media all and (-ms-high-contrast:none){
 div.content_01_manga ul.manga_info { margin: -5px 0 0 270px; width: 250px; }
 div.content_01_manga p.top_manga_btn { margin: 0 0 0 270px; width: 250px; text-align: center; }
}