/* CSS Document */

@import "http://";
*{margin:0px; padding:0px;}
a img{border:none;}
.cle{clear:both;}
.line{ padding:10px 0px; clear:both;}

/* Headings */
h1,h2,h3,h5,h6
{
    font-family: Georgia, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif, Osaka;
	font-weight: normal;
	margin: 0;
}
h3
{ font-size: 14px; font-family: Georgia, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif, Osaka; font-weight: normal; margin: 0; }

h4
{ color: white; font-size: 13px; font-family: Georgia, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif, Osaka; font-weight: normal; margin: 0; }
/* Lists */
/* Lists */
ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
li
{
	background: url(http://www.keito-jp.com/skins/default/images/arrow.gif) left 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 20px;
}

/* Links */
a:link, a:visited
{
	color: #237dea;
	text-decoration: none;
}
a:hover, a:active
{
	color: #1d2ec6;
}
#copyrights a:link, #copyrights a:visited
{
	color: #474747;
}
#copyrights a:hover, #copyrights a:active
{
	color: #737373;
}

/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}
.clearing
{
	width: 770px;
	height: 0;
	clear: both;
}

body{ font-size:13px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-ser ; background-color: #ddd; background-image: url(http://www.keito-jp.com/skins/default/images/bg.gif); }
/* contents */
#header h1 {
	/* small header image specific lines */
	color: #041097; width: 470px; margin: 0 0 0 280px;
	/* end small header image specific lines */
	font-size: 11px; font-family: "ＭＳ ゴシック", Osaka; padding-top: 15px; }
#box_body{ background-color: #fff; width:771px; margin:0 auto; background-repeat:repeat-x; top: 0; border-right: 2px solid #a0a0a0;border-top-s;border-left: 2px solid #a0a0a0; border-bottom-width: 0; tyle: solid; border-top-width: 0; }
#header{ background-color: #fff; background-image: url(http://www.keito-jp.com/skins/default/images/header_01.gif); background-repeat: no-repeat; width:770px; height: 97px; margin:0 auto; }

#box_title{ font-size: 10px; width:400px; height: 50px; float: right; padding-top: 15px; }

#box_menu{ width:771px; margin:0 auto; }

ul#hmenu li{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; float:left; margin: 0; padding: 0; }

#box_smenu{ width:737px; margin:0 auto; clear:both; padding-bottom: 3px; }
ul#smenu{ color: white; text-align:right; font-size:11px; background-color: #166db3; margin: 0 auto; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; }

ul#smenu li{ margin: 2px; padding: 0; list-style-type:none; display:inline; }
#smenu a:link,#smenu a:active,#smenu a:visited{color:#FFF; !important}
#smenu a:hover{color:#b6e4fb; !important}

#mainwrapper
{ width: 771px; background: white; margin: auto; }
#wrapper
{ background-color: white; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; width: 771px; margin: auto; }

#contener{ background-color: white; width:516px; height: 1%; float:left; margin: 0 0 20px 8px; padding: 4px 0 5px; }

#sidebarcontainer{ background-color: #d6e8ff; width:195px; float:right; margin-right: 8px; padding: 10px 0 0; }

/*-------------------------------------------------
  Main styles
-------------------------------------------------*/
.content
{ margin-top: 10px; margin-bottom: 20px; padding: 0; }
#newsContent { color: #3c2121; }
#mediaContent { color: #3c2121; }
#catch_holder { height: auto; width: 536px; margin-top: 5px; }
#add_holder { height: auto; width: 150px; float: right; }
#news_headlines_holder { background-color: #fdf0d0; height: 210px; width: 516px; margin-top: 0; margin-bottom: 10px; }
#media_headlines_holder { background-repeat:no-repeat; top: 5px; left: 10px; width:535px; height: 280px; margin-top: 0; margin-bottom: 0; margin-left: 10px; }
#live_headlines_holder { background-color: #ddfdff; position: relative; width:300px; height:300px; float: right; }
#mob_headlines_holder { background-color: #eff7d8; background-repeat:no-repeat; position: absolute; top: 935px; left: 25px; width:530px; height:100px; padding: 10px; }
/* News page styling*/
/* In-line frames for holder */
#news_headlines_frame { width:490px; height:170px; margin-left: 15px; padding-top: 5px; }
#media_headlines_frame { background-color: #f1dede; width:192px; height:300px; float: left; }
#live_headlines_frame { width:320px; height:260px; padding: 8px 3px 3px 8px; }
/*-------------------------------------------------
  Item tittle styles
-------------------------------------------------*/
.topcontentbody { font-size:12px; text-align: justify; padding: 0 7px 16px; }
.contentbody { font-size:12px; text-align: justify; padding: 0 0 16px; }
.contenttitle h2 {
   color: #b91616;
   clear: both;
   background: url(http://www.keito-jp.com/skins/default/images/dot.gif) repeat-x 50% bottom;
   font-size: 14px;
   padding: 0 0 6px;
   margin: 0 0 0 0;
}
.contenttitle2 h2 {
   color: #b91616;
   clear: both;
   background: url(http://www.keito-jp.com/skins/default/images/dot.gif) repeat-x 50% bottom;
   font-size: 12px;
   padding: 5px 0 6px;
   margin: 0;
}
a.contenttitle:link {
    color: #148e0d;
}
a.contenttitle:visited {
    color: #148e0d;
}
a.contenttitle:hover {
    color: #148e0d;
}
.catchContent h2 { color: #082ec6; clear: both; font-size: 12px; background-color: #d3d3d3; padding: 3px 0 3px 5px; margin: 0 0 10px; border-bottom: 1pt inset #910e0e; }
.aboutContent h2 { color: #082ec6; clear: both; font-size: 12px; background-color: #f4e7ac; padding: 3px 0 3px 5px; margin: 0 0 10px; border-bottom: 1pt inset #910e0e; }
.newsContent h2 { color: maroon; font-size: 10px; background-image: url(http://www.keito-jp.com/skins/default/images/title_news.gif); background-repeat: no-repeat; background-position: 0 0; text-align: right; width: 506px; height: 18px; padding: 5px 10px 0 0; margin: 0; }
.eventContent h2 { color: maroon; font-size: 10px; background-image: url(http://www.keito-jp.com/skins/default/images/title_event.gif); background-repeat: no-repeat; background-position: 0 0; text-align: right; width: 506px; height: 18px; padding: 5px 10px 0 0; margin: 0; }
.talentContent h2 { color: maroon; font-size: 10px; background-image: url(http://www.keito-jp.com/skins/default/images/title_talent.gif); background-repeat: no-repeat; background-position: 0 0; text-align: right; width: 506px; height: 18px; padding: 5px 10px 0 0; margin: 0; }
.goodsContent h2 { color: maroon; font-size: 10px; background-image: url(http://www.keito-jp.com/skins/default/images/title_goods.gif); background-repeat: no-repeat; background-position: 0 0; text-align: right; width: 506px; height: 18px; padding: 5px 10px 0 0; margin: 0; }
.liveContent h2 { color: maroon; font-size: 10px; background-image: url(http://www.keito-jp.com/skins/default/images/maintitle_event.gif); background-repeat: no-repeat; background-position: 0 0; text-align: right; width: 290px; height: 20px; padding: 3px 50px 0 0; margin: 0; }
/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(http://www.keito-jp.com/skins/default/images/bgcategory.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 14px;
}
.contentitempostedby
{
	background: url(http://www.keito-jp.com/kins/default/images/bgpostedby.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(http://www.keito-jp.com/skins/default/images/bgcomment.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(http://www.keito-jp.com/skins/default/images/bgedit.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 16px 0;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(http://www.keito-jp.com/skins/default/images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(http://www.keito-jp.com/skins/default/images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(http://www.keito-jp.com/skins/default/images/dotv.gif) left repeat-y;
}
.zmifex_cdimage
{ padding: 3px; }
/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(http://www.keito-jp.com/skins/default/images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(http://www.keito-jp.com/skins/default/images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(http://www.keito-jp.com/skins/default/images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(http://www.keito-jp.com/skins/default/images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}
/*-------------------------------------------------
  Formmail
-------------------------------------------------*/
.form-preview {
   width: 400px;
   border: 1px solid #666666;
}
.form-name {
   border: 1px solid #CCCCCC;
   background-color: #EEEEEE;
   width: 120px;
}
.form-value {
   border: 1px solid #CCCCCC;
}
.formerror {
   font-weight:bold;
   color:red;
}
.form-notice {
   font-weight:bold;
   color:#FF3300;
}
/*-------------------------------------------------
 Side Bar
-------------------------------------------------*/
#rss_holder { background-repeat:no-repeat; width:65px; height:16px; padding-top: 10px; padding-bottom: 12px; padding-left: 1px; }
.sidebar
{ color: #606060; font-size: 11px; margin: 0 10px 4px; }
.sidecom
{ color: #000; font-size: 11px; margin: 5px 0 4px 0; padding: 2px; }
/* Menu lists */
.sidebardl
{
	padding: 0 0 10px 0;
	margin: 0;
}
.sidebardl dt
{
	background: #5499e2 url(http://www.keito-jp.com/skins/default/images/sidetitlebg.gif);
	color: #f5e8bc;
	font-size: 13px;
	font-weight: bold;
    font-family: Georgia, "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 4px 10px;
}
.sidebardl dd
{
	background: #d6e8ff;
	padding: 2px 10px;
	margin: 1px 0 0;
}
.sidebardl dd:hover
{
	background: #c3ddfd;
	padding: 2px 10px;
	margin: 1px 0 0;
}
.sidebardl dd a:link, .sidebardl dd a:visited
{ background-image: url(http://www.keito-jp.com/skins/default/images/arrow.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; padding: 0 0 0 10px; }

.centerize
{
	text-align: center;
}

.clearing
{ width: 770px; height: 0; clear: both; }
#fmenu a:link,#fmenu a:visited,#fmenu a:active,#fmenu a:hover{color:#FFF; !important}


ul#fmenu{ text-align:center; height:20px; font-size:11px; line-height:10px; background-color: #166db3; width: 771px; margin: 0 auto; padding-top: 8px; }

ul#fmenu li{ margin: 2px; padding: 0; list-style-type:none; display:inline; }

/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer
{
	width: 771px;
	background: #cdcdcd;
	text-align: center;
	padding: 5px 0;
	margin: 0 auto;
}

#copyrights
{
	color: #474747;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	display:block;
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.annai
{
	color: #1962cf;
	font-weight: normal;
}	
.error
{
	color: red;
	font-weight: normal;
}
.catch
{ color: #911210; font-size: 12px; font-weight: bold; }

/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(images/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 5px;
	padding: 3px;
	font-size: larger;
	width: 180px;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}