/* Default Layout:  */
@import url(http://www.m-on.jp/blog/webapps/mt-static/themes-base/blog.css);
@import url(http://www.m-on.jp/blog/webapps/mt-static/themes/minimalist-red/screen.css);

.clearfix:after {
content: "";
display: block;
clear: both;
}

html {
color: #555555;
height:100%;
margin-bottom:1px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td { 
margin: 0; 
padding: 0;
}

table {
border-collapse: collapse; 
border-spacing: 0; 
}

fieldset,img { 
border: 0; 
}

address,caption,cite,code,dfn,th,var {
font-style: normal; 
font-weight: normal; 
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal; 
font-weight: bold; 
}

li {
list-style: none; 
}

caption,th {
text-align: left; 
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%; 
font-weight: normal; 
}

q: before,q: after {
content: ''; 
}

abbr,acronym {
border: 0; 
}

sup {
vertical-align: text-top; 
}

sub {
vertical-align: text-bottom; 
}

input,textarea,select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}

input,textarea,select {
*font-size: 100%;
}

legend {
color: #000000;
}

hr {
margin: 0;
padding: 0;
display: none;
}

a { text-decoration: underline; }
a:link { color: #ff0099; text-decoration: none; }
a:visited { color: #ff00cc; text-decoration: none; }
a:active { color: #ff5500; text-decoration: none; }
a:hover { color:#ff0000; text-decoration: underline; }

/*-- フォントルール YUI --*/
body {
font:13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
*font-size: small;
*font: x-small;
line-height: 1.35;
}

table {
font-family:monospace;
font-size: inherit;
font:100%;
}

pre,code,kbd,samp,tt {
font-family:monospace;
*font-size:108%;
line-height: 1;
}

body {
background: #ffffff;
margin: 0;
padding: 0;
}

#container {
margin: 0 auto;
padding: 0;
width: 980px;
}

#container-inner {
margin: 0;
padding: 0;
width: 980px;
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_body2.jpg) no-repeat;
position: relative;
}

h1,
#header,
#header-inner,
#header-content,
#header-name {
margin: 0;
padding: 0;
background: none;
position: relative;
}

#m-on_menu {
margin: 12px auto 0 auto;
width: 980px;
}

.ftlk-lks1{
margin: 0 auto;
padding: 4px 0 12px 8px;
width: 955px;
}

#m-on_menu li {
margin: 0 4px 0 0;
font-size: 80%;
line-height: 1;
float: left;
}

.lk1 { border-left: 3px solid #99cc00; padding: 2px; display: block; }
.lk2 { border-left: 3px solid #007dbb; padding: 2px; display: block; }
.lk3 { border-left: 3px solid #f45288; padding: 2px; display: block; }
.lk4 { border-left: 3px solid #ff5f00; padding: 2px; display: block; }
.lk5 { border-left: 3px solid #9e1f05; padding: 2px; display: block; }
.lks { background: url(http://www.m-on.jp/blog/10th/blog_images/lks.jpg) left 50% no-repeat; padding: 2px 2px 2px 10px; display: block;}
.lkslks { background: url(http://www.m-on.jp/blog/10th/blog_images/lkslks.jpg) left 50% no-repeat; padding: 2px 2px 2px 14px; display: block;}

a { text-decoration: underline; }
#m-on_menu a:link { color: #333333; text-decoration: none;}
#m-on_menu a:visited { color: #333333; text-decoration: none;}
#m-on_menu a:active { color: #cc0000; text-decoration: none;}
#m-on_menu a:hover { color:#cc0000; text-decoration: none; background: none;}

#header {
margin: 0;
padding: 0;
width: 980px;
height: 116px;
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_body.jpg) repeat-y;
}

#header-inner {
margin: 0;
padding: 0;
width: 980px;
height: 116px;
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_body2.jpg) no-repeat;
}

#header-inner,
#header-content {
margin: 0;
padding: 0;
width: 980px;
height: 116px;
}

#header-name {
margin: 0;
padding: 0 0 0 16px;
width: 244px;
height: 107px;
float: left;
}

#header-description {
margin: 0;
padding: 0 16px 0 0;
width: 114px;
height: 107px;
float: right;
}

#header-cap {
margin: 0 auto;
padding: 4px 0;
width: 980px;
color: #ffffff;
background: #ff66cc url(http://www.m-on.jp/blog/10th/blog_images/bg_body3.jpg) repeat-y;
text-align: center;
font-size: 90%;
line-height: 1;
clear: both;
}

#pickup-banner {
margin: 0;
padding: 36px 0 0 110px;
width: 468px;
height: 60px;
overflow: hidden;
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_pickup.jpg) 8px 42px no-repeat;
float: left;
}

#container-flash {
margin: 0 auto;
padding: 0;
width: 980px;
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_body.jpg) repeat-y;
}

#container-flash_inner {
margin: 0 auto;
padding: 0 0 8px 0;
width: 980px;
height: 465px;
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_footer2.jpg) bottom no-repeat;
}

#main-flash {
margin: 0 auto;
width: 968px;
height: 465px;
}

#header {
border: 0;
}

#content {
margin: 0;
padding: 0;
width: 980px;
background: none;
}

#content-inner {
margin: 0;
padding: 0;
width: 980px;
background: none;
}

#footer {
margin: 0 0 16px 0;
padding: 0;
width: 980px;
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_footer.jpg)  bottom no-repeat;
}

#footer-inner {
margin: 0;
padding: 0;
width: 980px;
}

#banner-space {
margin: 0 auto;
padding: 0;
width: 980px;
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_banner.jpg)  no-repeat;
border-bottom: 1px dashed #ff66cc;
}

#banner-space-inner {
padding: 16px 0 0 0;
text-align: center;
}

#footer-content {
margin: 0;
padding: 16px 0;
text-align: center;
font-size: 80%;
color: #ff66cc;
line-height: 1;
}

.layout-wtt #alpha {
margin: 0 7px 0 0;
padding: 0 0 0 16px;
width: 300px;
float: left;
position: relative;
left: 0;
display: block;
}

.layout-wtt #beta {
margin: 0 7px 0 0;
padding: 0 16px;
width: 300px;
float: left;
position: relative;
left: 0;
display: block;
}

.layout-wtt #gamma {
margin: 0;
padding: 0 16px 0 0;
width: 300px;
float: left;
position: relative;
left: 0;
display: block;
}

#alpha-inner,
#gamma-inner,
#beta-inner {
margin: 0;
padding: 0;
width: 300px;
position: relative;
background: none;
}

/*-- アコーディオン・メニュー --*/
.accordion_content {
overflow: hidden;
}

.topics_menu,
.onair_menu,
.now_menu {
padding: 0;
margin: 0 0 16px 0;
}

.ac_title {
padding: 12px;
width: 276px;
word-break: break-all;
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_topics2.jpg) no-repeat;
}

.ac_title2 {
padding: 12px;
width: 276px;
word-break: break-all;
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_onair2.jpg) no-repeat;
}

.ac_title3 {
padding: 12px;
width: 276px;
word-break: break-all;
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_now2.jpg) no-repeat;
}

.ac_contents{
margin: 4px 0 0 0;
font-size: 80%;
line-height: 1.35;
}

.accordion_toggle{
width: 300px;
height: 62px;
cursor:pointer;
}

#topic-header {
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_topics.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
width: 300px;
height: 62px;
}
#topic-header:hover {
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_topics.jpg) left -62px no-repeat;
}

#onair-header {
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_onair.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
width: 300px;
height: 62px;
}
#onair-header:hover {
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_onair.jpg) left -62px no-repeat;
}

#now-header {
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_now.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
width: 300px;
height: 62px;
}
#now-header:hover {
background: url(http://www.m-on.jp/blog/10th/blog_images/bg_now.jpg) left -62px no-repeat;
}

/*-- ウェブページ --*/
.webpage {
margin: 0 auto;
padding: 0 8px 0 0;
overflow: auto;
width: 930px;
height: 401px;
line-height: 1.5;
}

.webpage p {
margin-bottom: 8px;
}

.webpagetitle {
margin: 0 auto;
padding: 12px 0 0 28px;
width: 892px;
height: 34px;
overflow: hidden;
background: url(http://www.m-on.jp/blog/10th/blog_images/webpagetitle.jpg) left 8px no-repeat;
}

.webpagetitle h3{
color: #ff0099;
font-weight: bold;
font-size: 140%;
}

/*-- ウェブページもどる --*/
#webpage-back {
margin: -34px auto 0;
width: 77px;
height: 34px;
}

#wp-back,
a:link#wp-back,
a:visited#wp-back {
width: 77px;
height: 34px;
display: block;
background: url(http://www.m-on.jp/blog/10th/blog_images/back_webpage.png) 0 -34px no-repeat;
text-indent: -9999px;
overflow: hidden;
}

a:hover#wp-back {
background: url(http://www.m-on.jp/blog/10th/blog_images/back_webpage.png) 0 0 no-repeat;
}