/* TAG(common)
------------------------------------------------------------------------- */
body{background:#FFF url(../img/bg/body.png) repeat-x top ; font-family:'Hiragino Kaku Gothic Pro','MS P gothic' Arial; margin:0; padding:0; font-size: 12px; line-height:150%; color:#555;}
strong{color: #333;}
table tr th td {table-layout:fixed; border-collapse:collapse; border:none;}
td { font-size:12px;}
img {font-size:0; line-height:0; border:none;}
fieldset {border:1px #ccc solid; padding:2px 4px; margin:auto; font-size:12px;}
legend{color: #a04;background-color: #f1f1f1; border: 1px solid #ccc; font-weight: bold; padding: 0 4px; font-size:10px; line-height:14px;}
div {margin:0; padding:0; font-size:12px;}
p {padding: 0; margin: 0; font-size:12px;}
form {padding: 0; margin: 0;}
ul {margin:0; padding:0; list-style:none inside;}
ol{margin:0 0 0 5px; padding:0 5px 0 25px; list-style-position: outside;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:12px; line-height:150%;}
hr {color:#fff; border-width:1px 0 0 0; border-color:#ddd; border-collapse:collapse; height:0; margin:0; line-height:0; font-size:0; background:#fff; padding:0;}
input {margin:0; padding:0;}
select {margin:0; padding:0;}
td.linkactive {background:#fff;}

/* CLASS(Mediamaster_Original)
------------------------------------------------------------------------- */
br.clear {line-height:0; font-size:0; clear: both;}
div.img {line-height:0; font-size:0;}
hr.solid {background:transparent; border-style:solid none none none;}
hr.dashed {background:transparent; border-style:dashed none none none;}
hr.dotted {background:transparent; border-style:dotted none none none;}
hr.br {border:none; margin:6px 0;}
.ff01 {font-family:"Arial" Arial; text-shadow:#cccccc 2px 2px 2px;}
.ff02 {font-family:"Futura" sans-serif; text-shadow:#cccccc 2px 2px 2px; font-weight:bold;}
span.box {border:1px #cccccc solid; display:inline; padding:2px 3px;}
p.box {border:1px #cccccc solid; padding:2px 3px;}
.mark01 {border:1px #cccccc solid; background:#A04; color:#ffffff; font-weight:bold; padding:1px; font-size:10px;}
.font10{font-size:10px;}
.font11 {font-size: 11px; line-height:120%;}
.font12 {font-size: 12px; line-height:120%;}
.font13 {font-size: 13px; line-height:120%;}
.font14 {font-size: 14px; line-height:120%;}
.font15 {font-size: 15px; line-height:120%;}


/* LINK_Setting
------------------------------------------------------------------------- */
a {color:#333; text-decoration:none; cursor:pointer; cursor:hand;}
a:hover {color:#A04; border-bottom:1px #A04 solid;}
a.img {background-color:transparent; border:none; line-height:0; font-size:0;}
a.img:hover {border:none;}
a.box {display:inline; background:white; text-align:center; border:1px #cccccc solid; padding:1px 3px;}
a.box:hover {color:#ffffff; background:#A04;}


/* Wrapper 
------------------------------------------------------------------------- */
table.wrapper {width:880px; margin:10px auto;}
td.f1 {width:30px; height:30px; background: url(../img/bg/body-TL.gif) no-repeat top;}
td.f2 {background: url(../img/bg/body-TC.png) repeat-x top;}
td.f3 {width:30px; height:30px; background: url(../img/bg/body-TR.gif) no-repeat top;}
td.f4 {width:30px; background: url(../img/bg/body-ML.png) repeat-y top;}
td.main {width:820px; background-color:#ffffff;}
td.f5 {width:30px; background: url(../img/bg/body-MR.png) repeat-y top;}
td.f6 {width:30px; height:30px; background: url(../img/bg/body-BL.gif) no-repeat top;}
td.f7 {background: url(../img/bg/body-BC.png) repeat-x top;}
td.f8 {width:30px; height:30px; background: url(../img/bg/body-BR.gif) no-repeat top;}


/* Header.tpl 
------------------------------------------------------------------------- */
div.logo{width:330px;float:left;}
div.logo a:hover{border:none;}
div.header {background:#ffffff url(../img/bg/header.jpg) no-repeat top; width:820px; height:135px;}


/* MAIN CONTENTS 
------------------------------------------------------------------------- */
table.contents {width:800px; background:#ddd; margin:0 auto 10px auto;}
th.breadcrumb {background:#fff; padding: 0;}
td.column {background: #fff; vertical-align:top; padding: 0;}


/* BOX 
------------------------------------------------------------------------- */
div.column {}
div.box {margin:8px 8px 4px 8px;}
div.box-out {background:#ccc;}
div.box-in {margin:0 1px; background:#fff; text-align:left; padding:0 7px 0 7px;}
div.banner {margin-top:8px;}
div.links{font-weight:bold; line-height:20px; border-bottom:1px #ccc dashed;}
div.links a {font-size:12px; color:#333;}
div.links a:hover {color:#a04;}
div.box-caption {filter:Shadow(color=#cccccc , direction=135 , strength=3); text-shadow:#999999 3px 3px 3px; background:#fff url('../img/silver-caption-bg.gif') repeat-x top center; text-align:center; font-size: 13px; height:30px; line-height: 26px; padding-left: 5px; margin: 0 21px;}
div.box-caption *{color: #A04;}
div.box-caption-left {background:url('../img/silver-caption-left.gif') no-repeat top left; height: 30px; font-size:0;}
div.box-caption-right {background: url('../img/silver-caption-right.gif') no-repeat top right; height: 30px; font-size:0;}
div.box-top-left{background: url('../img/box-top-left.gif') no-repeat top left; height: 10px; font-size:0;}
div.box-top-center{background: url('../img/box-top-center.gif') repeat-x top center; margin: 0 10px; height: 10px; font-size:0;}
div.box-top-right{background: url('../img/box-top-right.gif') no-repeat top right; height: 10px; font-size:0;}
div.box-bottom-left{background: url('../img/box-bottom-left.gif') no-repeat bottom left; height: 12px; font-size:0;}
div.box-bottom-center{background: url('../img/box-bottom-center.gif') repeat-x bottom center; margin: 0 10px; height: 12px;font-size:0;}
div.box-bottom-right{background: url('../img/box-bottom-right.gif') no-repeat bottom right; height: 12px;font-size:0;}


/* VIEW LINK 
------------------------------------------------------------------------- */
h2.view-link {margin:4px; border:4px #eaa double; background:#fdd;}
h2.view-link a {padding:5px 0; display:block; border:none; background:#fee; text-align:center; font-size:21px; line-height:21px; color:#A04;}
h2.view-link a:hover {color:#fff; background:#A04;}
table.view-link {background:#ccc; border:3px #eee solid; width:510px;}
table.view-link td {background:#fff; padding:5px;}
table.view-link strong {color:#888;}


/* HELP 
------------------------------------------------------------------------- */
table.help {width:800px; height:100px; margin:10px auto 5px auto; padding:0;}
.helpboxTL{background:url(../img/shadow255-TL.gif) no-repeat top; width:10px; height:10px;}
.helpboxT{background:url(../img/shadow255-T.gif) repeat-x top; height:10px;}
.helpboxTR{background:url(../img/shadow255-TR.gif) no-repeat top; width:10px; height:10px;}
.helpboxL{background:url(../img/shadow255-L.gif) repeat-y left top; width:10px; border-bottom:1px #eee solid;}
.helpboxR{background:url(../img/shadow255-R.gif) repeat-y top; width:10px; border-bottom:1px #eee solid;}
.helpbox {background:#faf6f6; border-bottom:1px #eee solid;}


/* Footer.tpl 
------------------------------------------------------------------------- */
div.bottom {height:35px; font-size:11px; line-height:35px; background: url(../img/bg/footer_01.gif) no-repeat top; text-align:center;}
div.bottom a{color:#333; font-weight: bold;}
div.bottom a:visited{color:#888;}
div.bottom a:hover{color:#a04; border-color:#a04;}
div.copyright {height:35px; font-size:11px; line-height:13px; font-family:"Arial" , "Verdana" sans-serif; background: url(../img/bg/footer_02.gif) no-repeat top; text-align:center; color:#333;}
div.copyright p {padding-top:5px;}


/* Messages
------------------------------------------------------------------------- */
div.notification{background: #FFE9DF url('../img/notif-angle.gif') no-repeat top left; border: 2px solid #FD7D47; font-weight: bold; padding: 5px; text-align:center;}
div.notification ol {margin-left:30px; text-align:left;}
div.notification ul {margin-left:30px; text-align:left;}
div.error{background: #FFE9DF url('../img/notif-angle.gif') no-repeat top left; border: 2px solid #FD7D47; font-weight: bold; padding: 5px; text-align:center;}
div.error ol {margin-left:30px; text-align:left;}
div.error ul {margin-left:30px; text-align:left;}


/* Search
------------------------------------------------------------------------- */
div.search-form {background:url(../img/bg/header-search.gif) no-repeat top; width:415px; height:37px; text-align:center; float:left; margin-left:65px;}
ul.search li{float:left; padding:8px 3px; margin-right:5px;}
input.what{margin-left:10px; width:220px;}
input:focus, textarea:focus{background-color: #fff5f5;}
span.highlight {background-color: #ff9; color: #a04; font-weight: bold; padding:1px;}


/* Menu
------------------------------------------------------------------------- */
div.top-menu{background: url('../img/bg/menu.gif') repeat-x top center; text-align:center; margin-left:10px; width:800px;}
ul.menu li{height:28px; font-weight:bold; font-size: 12px; line-height: 25px; float: left; margin-right:1px;}
ul.menu li a{background: url('../img/off.gif') repeat-x top center; padding: 0 12px; display: block; border:none;}
ul.menu li a:hover{background: url('../img/on.gif') repeat-x top center; color: #FFF; border:none;}
ul.menu li.active{background: url('../img/on.gif') repeat-x top center; padding: 0 12px; color: #FFF;}


/* Breadcrumb
------------------------------------------------------------------------- */
h1.breadcrumb{background: url('../img/bg/breadcrumb.gif') repeat-x top center;font-size: 12px; line-height:20px; text-align:left; text-indent:10px;}
h1.breadcrumb a{color:#A04;}


/* Link Sorting & Page Navigation
------------------------------------------------------------------------- */
div.link-sorting{font-size:11px; text-align: center; line-height:13px; padding:2px 0;}
div.link-sorting strong{background:#ff9; padding:1px 5px; border:2px #f80 solid;}
div.link-sorting a{background:white; text-align:center; border:2px #ddd solid; padding:1px 5px; font-weight: bold;}
div.link-sorting a:hover {background:#ff9; border:2px #f80 solid;}
div.navigation{font-family:"Arial" sans-serif; font-size:13px; line-height:13px; color: #333; text-align: center;}
div.navigation strong{background:#ff9; padding:1px 5px; border:2px #f80 solid;}
div.navigation a{font-weight:bold; padding:1px 5px; border:2px #ccc solid;}
div.navigation a:hover{background:#ff9; border:2px #f80 solid;}


/* Link-field
------------------------------------------------------------------------- */
div.link-field {padding:3px 5px; border:4px double #ddd;}
div.title a{color: #a04; font-size: 16px; line-height:18px; font-weight: bold;}
div.url a{color: #a04; font-size: 12px; font-family:"Arial" sans-serif;}
div.url span{font-weight:bold; font-size:10px; padding:1px 3px; border:1px #ccc solid;}
div.description{line-height:130%; font-size:11px; padding:3px 0; border-bottom:1px #ccc dashed;}
div.stat{font-size: 10px; margin:6px 0 3px 0;}
div.stat span{background-color:#fff; font-weight:bold; padding:1px 3px; border-width:1px 1px 1px 5px; border-style:solid; border-color:#ccc #ccc #ccc #bbb; }
div.pagerank {border:1px #ddd solid; height: 10px; width: 100px;}
div.inner-pagerank {background-image: url('../img/pr10.gif'); float: left; height: 10px;}


/* Categories Box
------------------------------------------------------------------------- */
div.categories {padding: 10px 2px 0 5px; line-height: 22px; text-align: left;}
div.categories a{color: #A04;}
div.categories a:visited{color: #888;}
div.categories a:hover{color: #a04; border-color:#a04;}
div.categories div.col{float: left; width: 170px; margin-right: 5px;}
div.categories div.last{float: left;width: 170px;}
div.subcategories{padding-left: 0px;}
div.subcategories a{font-size: 10px; color: #333;}
div.subcategories a:hover{border-color:#333;}
div.categories div.divider{clear: both; height: 10px;}
div.categories div.categ{font-size:10px; line-height: 16px; background: url('../img/ico-dir.gif') no-repeat top left; padding-left: 22px;}
div.categories div.categ a{font-weight:bold; font-size:12px;}


/* Help&News
------------------------------------------------------------------------- */
div.news-title{font-weight: bold; font-size:12px; line-height:15px; padding:5px 0 0 0;}
h2.page-title {background: url('../img/logo-mark-s.gif') no-repeat left; font-size:21px; color:#a04; padding-left:30px; margin-bottom:5px; text-shadow:#999 3px 3px 3px; filter:Shadow(color=#999999 , direction=135 , strength=3);}
h2.help-title {background: url('../img/q.gif') no-repeat left; font-size:21px; color:#a04; padding-left:30px; margin-bottom:5px; text-shadow:#999 3px 3px 3px; filter:Shadow(color=#999999 , direction=135 , strength=3);}
h2.news-title {background: url('../img/news.png') no-repeat left bottom ;
border-bottom:1px #aaa solid;  font-size:21px; color:#a04; padding:0 0 0 35px; margin-bottom:5px;  text-shadow:#999 3px 3px 3px; filter:Shadow(color=#999999 , direction=135 , strength=3);}
h2.news-title a{color:#a04;}
h2.news-title a:hover{color:#333; border-color:#333;}
div.news-body { line-height:130%;}
div.news-body h3 {background: url('../img/liststyle-h3.gif') no-repeat left; padding:1px 0 0 15px; font-size:14px; color:#333;}
div.news-body-box {font-size:10px; line-height:14px;}
div.news-date{font-size:10px;text-align: right; padding-bottom:3px; border-bottom:1px #ccc dashed;}


/* Editor
------------------------------------------------------------------------- */
.editor-welcome{padding: 0; text-align: left;}
.editor-content{padding: 0; text-align: center;}
ul.editor-menu{font-weight: bold; line-height: 20px; margin-top: 10px;}
ul.editor-menu li {text-transform: uppercase;}
div.posted{font-size: 0.75em; margin-bottom: 10px; text-align: right;}
p.user{padding: 0; margin: 8px 0;}


/* Language switching
------------------------------------------------------------------------- */
div.lang-switch{display:inline;}
ul.lang-switch{display:inline;}
ul.lang-switch li {display:inline;}
ul.lang-switch li a {display:inline; padding:2px 4px;}


div.adsense {margin: 10px 0; text-align: center;}
div.payment{border: 4px double #ccc; background-color: #f5f5f5; padding: 10px;}
.suspended{background-color: #eee;}
.approval{background-color: #FFEFC7;}