@charset "utf-8";
@import url(base.css);
@import url(base_blog.css);
@import url(/SpryAssets/SpryTooltip.css);



body {
	background: #FFFFCD url(/design-image/gabutto/bg.png) repeat-x center top;
}

/*#content {
	background: url(/design-image/gabutto/content-bg.png) repeat-x left top;
}
*/
#footer {
	background: url(/design-image/gabutto/footer-bg.png) repeat-x left top;
}

#footer-inner {
	background: url(/design-image/gabutto/footer-inner-bg.png) no-repeat left top;
}

/* mt-main-index ----------------------------------------------------------------- */

#lead-main {
	height: 378px;
	background: url(/design-image/gabutto/lead-main.jpg) no-repeat left top;
	margin-bottom: 0px;
	position: relative;
}

.mt-main-index .content {
	width: 472px;
	position: relative;
}

.mt-main-index .head {
	height: 36px;
}

.mt-main-index h2.news {
	background: url(/design-image/gabutto/head.gif) no-repeat left top;
}

.mt-main-index h2.search {
	background: url(/design-image/gabutto/head.gif) no-repeat left -36px;
}

.mt-main-index #alpha .inner {
	border-top: none;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #F3F3E9;
}

.mt-main-index #alpha .left .inner {
	min-height:113px;
	padding: 10px;
}

*html .mt-main-index #alpha .left .inner {
	height: 113px;
}

.mt-main-index #alpha .right .inner {
	padding-left: 90px;
	background: #F3F3E9 url(/design-image/gabutto/icon_search.gif) no-repeat 10px 10px;
	min-height:118px;
	padding-top: 15px;
	padding-bottom: 10px;
}

*html .mt-main-index #alpha .right .inner {
	height:118px;
}

.mt-main-index h3.search {
	background: url(/design-image/gabutto/head-saerch.gif) no-repeat left top;
	margin-bottom: 5px;
	width: 199px;
	height: 14px;
	text-indent: -9999px;
	font-size: 50%;
}

.mt-main-index #alpha .right p {
	margin-top: 3px;
}

.mt-main-index h3.btn a {
	position:absolute;
	left: 10px;
	display: block;
	width: 455px;
	height: 48px;
	background: url(/design-image/gabutto/btn_present.png) no-repeat left top;
	bottom: 10px;
	text-indent: -9999px;
}
.mt-main-index h3.btn a:hover{
	background-position:left bottom;
}

.mt-main-index #alpha dl {
	margin-bottom: 0px;
	float: right;
	width: 305px;
}

.mt-main-index #alpha dt {
	line-height: normal;
	margin-top: 0.1em;
}

.mt-main-index #alpha dd {
	line-height: normal;
	margin-bottom: 0.5em;
}

.mt-main-index #alpha dd.last {
	margin-bottom: 0px;
}


#twitter {
	list-style:none;
	margin-left:0px;
	position: relative;
	margin-bottom: 0px;
	left: 0;
	top: 200px;
	width: 412px;
padding-left:57px;
	height: 159px;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
background:url(/design-image/gabutto/twitterbg.jpg) no-repeat left top;
}
#twitter:hover{
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	transition: all 3s ease;
width: 913px;
}
#twitterover{
background:url(/design-image/gabutto/twitterbg_over.jpg) no-repeat left top;
width:8px;
height:159px;
position:absolute;
right:0px;
top: 0px;
z-index:2;
}
#twitter:hover #twitterover{
right:0px;
}
#twitter .post{
position: relative;
	display:block;
	padding: 10px 8px;
	border-bottom: 1px solid #c1d4d2;
	white-space: nowrap;
	line-height: 11px;
	font-size: 12px;
text-shadow:0 1px 0 white;
}


.thumb {
	width:380px;
	position: relative;
	float: left;
}

.thumb_b {
	float:left;
	margin-right:5px;
}

.thumb_s {
	width: 219px;
	float: left;
	position: relative;
}

.wrapper_img {
	height: 122px;
	width: 134px;
	float: left;
	background: url(/design-image/gabutto/wrapper_img.gif) no-repeat left top;
}

.wrapper_img div {
	width: 130px;
	height: 96px;
	overflow:hidden;
	margin-left: 2px;
	margin-top: 1px;
	background: #FFFFFF;
}

#program-list {
	clear: both;
	margin-top: 20px;
}

#program-list h2 {
	height: 55px;
	background: url(/design-image/gabutto/head.png) no-repeat left top;
	text-indent: -9999px;
	margin-bottom: 15px;
}

#special,
.corner {
	position:relative;
	width: 970px;
}

#alpha #special .inner,
#alpha .corner .left .inner,
#alpha .corner .right .inner {
	border-top: 1px solid #CCCCCC;
	background:#FFFFFF;
}

#alpha #special .inner {
	padding: 10px 20px 10px 10px;
}

#alpha .corner .left .inner,
#alpha .corner .right .inner {
	padding: 10px 0px 10px 10px;
	border-bottom: none;
}

#special h3 {
	float:left;
	margin-bottom: 0px;
}

#special h3 a {
	display:block;
	width: 441px;
	height: 206px;
	background: url(/design-image/gabutto/main-img_special.png) no-repeat left top;
	text-indent: -9999px;
}
#special h3 a:hover{
	background-position:left bottom;
}

#special .latest {
	width: 489px;
	float:right;
}

#special .latest .entry-asset,
.corner .latest .entry-asset {
	border:none;
	background: url(/design-image/common/line_green.gif) repeat-x left bottom;
	padding-bottom: 0.7em;
	margin-bottom: 0.6em;
}

#special .latest .last,
.corner .latest .last {
	margin-bottom: 0px;
	background: none;
	padding-bottom: 0px;
}

#special .latest .right {
	width: 405px;
}

#special .latest .right h4,
.corner .latest .right h4 {
	margin-bottom: 0px;
	line-height: 1.4;
}

#special .latest .right h4 {
	background: url(/design-image/common/icon_star.gif) no-repeat left 2px;
	padding-left: 20px;
}

#special .latest .right p,
.corner .latest .right p {
	font-size:85%;
	margin-bottom: 0px;
}

.corner .latest .right p {
	line-height: 1.4;
}

#special .latest .left {
	width: 74px;
}

#special .latest .left div {
	width: 74px;
	height: 56px;
	overflow:hidden;
}

.corner {
	margin-top: 15px;
}

.corner .left,
.corner .right {
	width: 472px;
	position: relative;
	padding-bottom: 15px;
}

.corner .left {
	clear:both;
}

.corner h3 {
	height: 30px;
	margin-bottom: 10px;
}

.corner h3 a {
	display:block;
	height: 30px;
	width:447px;
	text-indent: -9999px;
}

.corner h3.lala-food a {
	background: url(/design-image/gabutto/head.png) no-repeat left -87px;
}

.corner h3.three-hunters a {
	background: url(/design-image/gabutto/head.png) no-repeat left -117px;
}

.corner h3.factory a {
	background: url(/design-image/gabutto/head.png) no-repeat left -147px;
}

.corner h3.pipitto a {
	background: url(/design-image/gabutto/head.png) no-repeat -447px -87px;
}

.corner h3.cook a {
	background: url(/design-image/gabutto/head.png) no-repeat -447px -117px;
}

.corner h3.eco-project a {
	background: url(/design-image/gabutto/head.png) no-repeat -447px -147px;
}

.corner h3.gabutto-nouen-2009 a {
	background: url(/design-image/gabutto/head.png) no-repeat left -177px;
}

.corner h3.new-open a {
	background: url(/design-image/gabutto/head.png) no-repeat -447px -177px;
}

.corner h3.cat203 a {
	background: url(/design-image/gabutto/head.png) no-repeat left -207px;
}

.corner h3.happy-sweets-life a {
	background: url(/design-image/gabutto/head.png) no-repeat -447px -207px;
}

.corner h3.devil-yokocho a {
	background: url(/design-image/gabutto/head.png) no-repeat left -237px;
}

.corner h3.oshigoto-taiken a {
	background: url(/design-image/gabutto/head.png) no-repeat -447px -237px;
}
.corner h3.quize a {
	background: url(/design-image/gabutto/head.png) no-repeat left -267px;
}

.corner h3.gabuttomura a {
	background: url(/design-image/gabutto/head.png) no-repeat -447px -267px;
}

.corner h3.leisure-hunter a {
	background: url(/design-image/gabutto/head.png) no-repeat left -298px;
}

.corner h3.chai-info a {
	background: url(/design-image/gabutto/head.png) no-repeat -447px -298px;
}

.corner .left .left,
.corner .right .left {
	clear:none;
	width: 196px;
	margin-right: 0px;
	height: 147px;
	padding-bottom: 0px;
}

.corner .left .right,
.corner .right .right {
	width: 230px;
	padding-bottom: 0px;
}

.corner .latest {
	padding-right: 20px;
	position: relative;
}

.corner .description {
	background: #D2F2FD;
	width: 450px;
	margin-bottom: 0px;
	font-size: 85%;
	padding: 10px;
	color: #006699;
	min-height: 36px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
*html .corner .description{
	height:36px;
}

#alpha .corner .right .description {
	margin-top: 0px;
}

.corner .more {
	clear:none;
	width:58px;
	height: 58px;
	position:absolute;
	top: 1px;
	right: 1px;
}

.corner .more a {
	display:block;
	width:58px;
	height: 58px;
	text-indent:-9999px;
	background: url(/design-image/gabutto/btn_more.gif) no-repeat left top;
}
.corner .more a:hover{
	background-position:left bottom;
}

/* mt-category-archive,mt-entry-archive,mt-datebased-daily-archive ----------------------------------------------------------------- */

.mt-category-archive #content-inner,
.mt-entry-archive #content-inner,
.mt-datebased-daily-archive #content-inner {
	background: url(/design-image/gabutto/category_content-inner-bg.gif) no-repeat left 21px;
	padding-top: 200px;
}

.mt-category-archive #page-title,
.mt-entry-archive #page-title,
.mt-datebased-daily-archive #page-title {
	background: url(/design-image/gabutto/page-title_bg.png) repeat-x left top;
	color: #2A7812;
}

.pankuzu-nav {
	background: #D7EFA3;
}

.pankuzu-nav li a {
	color:#7EAD1F;
}
.pankuzu-nav li {
	background: url(/design-image/gabutto/icon-pankuzu.gif) no-repeat left center;
}

.mt-entry-archive .asset-body {
	background: url(/design-image/gabutto/entry_asset-header.gif) repeat-x left top;
}

.mt-entry-archive .additional-entry {
	background: url(/design-image/gabutto/additional-entry_bg.gif) repeat-x left top;
}

.mt-entry-archive .additional-entry h2 {
	background: url(/design-image/gabutto/additional-entry-header.gif) no-repeat left 6px;
}

.mt-entry-archive .additional-entry p {
	background: url(/design-image/gabutto/icon_additional-entry.gif) no-repeat left 5px;
	color: #2A7812;
}

.mt-category-archive #entry-list,
.mt-entry-archive #entry-list,
.mt-datebased-daily-archive #entry-list {
	background: #FFFFFF url(/design-image/gabutto/entry-list_bg.png) repeat-x left top;
}

.mt-entry-archive #entry-list-inner {
	padding: 15px;
}

.mt-category-archive #entry-list-inner,
.mt-datebased-daily-archive #entry-list-inner {
	padding: 15px 15px 38px 15px;
}

.mt-category-archive .inner,
.mt-datebased-daily-archive .inner {
	border-bottom-style: none;
}

/* カテゴリ分割 */
.division {
	bottom: 0px;
	padding-left:45px;
	background: url(/design-image/gabutto/archives_division_bg.gif) no-repeat left center;
	right: 15px;
}

.division li {
	background: url(/design-image/gabutto/archives_division.png) repeat-x left top;
	color:#10AA44;
}

.division li a {
	background: url(/design-image/gabutto/archives_division_a.png) repeat-x left top;
	color:#297A14;
}

.division li a:hover {
	background: url(/design-image/gabutto/archives_division.png) repeat-x left top;
	color:#10AA44;
}

#past h3 {
	background: url(/design-image/gabutto/head.png) no-repeat left -55px;
}

#toprogram {
	display: block;
	position: absolute;
	top: 182px;
	left: 459px;
	width: 195px;
	height: 43px;
	text-indent: -9999px;
}

/*ウィジット*/
.widget-list .widget-list-item {
	background: url(/design-image/widget/icon-widget-list_gabu.gif) no-repeat left 2px;
}
.mt-main-index select {
	width: 365px;
}
#blog-2 #totop {
	display: block;
	position: absolute;
	top: -157px;
	left: 24px;
	width: 188px;
	height: 123px;
	text-indent: -9999px;
}

.asset-body h2 {
	font-size: 115%;
	font-weight: bold;
	margin-top: 3em;
	border-left: 5px solid #316A04;
	padding-left: 7px;
	clear:both;
}

.asset-body h2.martop-none {
	margin-top: 0px;
}

/* <A-11>コミチャン番組表 */
.a-11 {
	margin-bottom: 4px;
}
#blog-2 .asset-body ul {
	margin-top: 3em;
	padding-left: 0px;
	margin-left: 0px;
}
#blog-2 .asset-body ul li {
	margin-bottom: 2em;
	padding-left: 10px;
	border-top: 1px solid #E6F8B2;
	padding-top: 7px;
	border-left: 1px solid #E6F8B2;
	list-style-type: none;
	background: url(/design-image/gabutto/icon_shop_entry.gif) no-repeat -4px -4px;
}

#blog-2 blockquote {
	border: 1px solid #D0CEC6;
	background: #FFFFFF url(/design-image/gabutto/cast_date.png) no-repeat left center;
	padding-left: 50px;
	font-size: 115%;
	font-weight: bold;
	color: #316A04;
	line-height: nomal;
	margin-bottom: 2em;
}
#blog-2 blockquote * {
	margin:0;
	margin-bottom:0;
	padding:0;
	line-height:normal;
}
.caption {
font-size:10px;
}

div#mobilelinkmaail {
	margin-top:2em;
}