/* @override http://localhost:8888/community_with_kunena/templates/js_community/css/templatestyle3.css */

body { margin: 0; color: #2D2D2D; font: 0.75em/1.5 Verdana, HiraMaruPro-W4, MS PGothic, 'Lucida Grande', Tahoma, sans-serif;}

/*TYPOGRAPHY AND MISC*/
a { color: #990000; text-decoration: none;}
a:hover{color: #B91518; text-decoration:underline;}
h1,h2,h3,h4,h6 {
	color: #2D2D2D;
}

/* JReview Title */
div.jr_blogview div.contentTitle a{color: #242225; border-bottom: 1px dotted #CCC;}
div.jr_blogview div.contentTitle a:hover{color: #B91518;}

input.button, button {
	border: 1px solid #555;
	background-color: #3B3432;
	color: #fff;
	font-size: 1.0em;
}

/*--HEADER--*/
#headerWrapper {
	background: url(../images/style3/header_gradient.png) repeat-x;
}

#logo-text h1 a { text-decoration: none; font-size: 2em; color: #D3C69C; }

#logo-text h2 { color: #333; font-size: 16px }

#logo-graphic h2 { color: #2D2D2D; font-size: 16px; margin-top: 2px;}

/* 4CREATOR JAPAN: Header Right Section */
.head_menu{margin-top: 42px;font-size: 0.8em; position: absolute; right: 0;}
.head_menu ul{list-style: none;}
.head_menu li{display: block; float: left; margin-left: 12px;}

.head_menu a, .module_body a, div.contentpaneopen h2 a, div.contentpaneopen h3 a{ color: #242225; text-decoration: none;}
.head_menu a:hover, .module_body a:hover{color: #B91518;}

.phone{margin-top: 33px; right: 0px; position: absolute;}

/*--MAIN MENU--*/
#menu ul li a {
	border-right: 1px solid #777;
}

#menu ul li a {color: #242225;}

#menu ul li.active, #menu ul li.current, #menu ul li a:hover {background-color: #2A282B;}

#menu ul li.active a, #menu ul li a:hover{color: #FFF;}

#menuWrapper {
	background: url(../images/style3/header_gradient.png) repeat-x 0 -90px;
}

#menu ul li ul {
	border-right: 1px solid #C2C2C2;
	border-top: 1px solid #C2C2C2;
	border-bottom: 1px solid #C2C2C2;
	border-left: 1px solid #C2C2C2;
	background: #E8E9D2;
}

#menu ul li ul a {border-bottom: 1px solid #C3C4AF;}

#menu ul li.active a{color: #FFF;}
#menu ul li.active ul li.current a{background-color: #F3F3C6;}
#menu ul li.active ul li.current a:hover, #menu ul li.active ul a:hover{color: #FFF;background-color: #2A282B;}

#menu ul li.active ul a {
	border-bottom: 1px solid #C3C4AF;
	color: #373737;
}

/*--BANNER--*/
#banner_wrapper, #footerWrapper {
	background: #2E2B24 url(../images/style3/header_gradient.png) repeat-x 0 -183px;
	text-align: center;
}

#banner {background-color: #1E1E1E;}
#footer {background-color: #2E2B24;}

#banner .module, #footer .module {
	background-color: #2A2820;
}

/*--MAIN AREA--*/

div.contentpaneopen a{border-bottom: 1px dotted #BFBFBF}
div.fieldGroup a{border-bottom: 1px dotted #BFBFBF} /* for JReviews */

/*MODULES*/
.left .moduletable h3, .right .moduletable h3 {
	font-weight: normal;
	font-style: normal;
	font-size: 1.2em;
}

.left .moduletable ul li a, .right .moduletable ul li a {font-size: 0.9em; padding-left: 8px;}

#banner .module .side, #footer .module .side { background: url(../images/style3/round_circle_beige.png) no-repeat; }

#banner .module h3, #footer .module h3 {
	border-top: 1px solid #3E3B2F;
	border-right: 1px solid #3E3B2F;
	border-left: 1px solid #3E3B2F;
}

#banner .module .module_body, #footer .module .module_body {
	border-right: 1px solid #3E3B2F;
	border-left: 1px solid #3E3B2F;
	border-bottom: 1px solid #3E3B2F;	
}

#banner .module_body.notitle, #footer .module_body.notitle {
	border-top: 1px solid #3E3B2F;	
}

#main_breadcrumb {
	background: url(../images/style3/home_icon.png) no-repeat 20px center;
}

.moduletablenone{margin: -5px 0 15px;}

.moduletablenone h3{font-size:15px; font-weight: bold; margin: 0 0 5px; border-bottom: 1px solid #D3D3D2; width: 200px;}

.moduletablenone li{list-style-image: url(../../../images/list_icon.png); border-bottom: 1px dashed #CCC; width: 160px;}

/*--FOOTER--*/
#banner a, #footer a { color: #ccc; }

/* --------------------------------------- Added by 4CREATOR JAPAN  --------------------------------------- */

/* ---- BOX color --------------------------------------------------------------------- */

/*S1 corners*/
.moduletables1 { background-color: #850E10;}
.moduletables1 .side { background: url(../images/round_circle_S1.png) no-repeat; }
.moduletables1 h3 { color: #fff; }
/*S2 corners*/
.moduletables2 { background-color: #4C432B;}
.moduletables2 .side { background: url(../images/round_circle_S2.png) no-repeat; }
.moduletables2 h3 { color: #fff; }
/*S3 corners*/
.moduletables3 { background-color: #517C0C;}
.moduletables3 .side { background: url(../images/round_circle_S3.png) no-repeat; }
.moduletables3 h3 { color: #fff; }
/*S4 corners*/
.moduletables4 { background-color: #1D416E;}
.moduletables4 .side { background: url(../images/round_circle_S4.png) no-repeat; }
.moduletables4 h3 { color: #fff; }

.moduleContent{border: 1px solid #777; padding: 5px; width: 196px; background-color: #FFF; height: auto;  color: #2D2D2D; font-size: 0.85em; line-height: 1.4em;}

/* ---- END: BOX color ---------------------------------------------------------------- */

.whatsNew{
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	font-size: 0.85em;
	padding: 2px 8px 2px 8px;
	background-color: #F5F1E4;
	margin-bottom: 15px;
	height: 54px;
	overflow: auto;
}
.whatsNew ul{margin-left: -10px}

.settled{
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
	font-size: 0.85em;
	padding: 2px 8px 2px 8px;
	background-color: #F8F8F8;
	margin-bottom: 15px;
	height: 54px;
	overflow: auto;
}
.settled ul{margin-left: -30px}
.settled ul li{list-style: none}

/* -- For Article -- */
.PhotoLeft{float: left; margin-right: 12px;}
.PhotoRight{float: right; margin-left: 12px;}
.NomalFont{font-weight: normal}
.StrongFont{font-weight: bold}
.SmallFont{font-size: 0.8em; line-height: 18px;}
.Box1{border: 1px solid #CCC; margin: 5px 0 5px 0; padding: 5px;}
.Box1s{border: 1px solid #CCC; margin: 5px 0 5px 0; padding: 5px; font-size: 0.8em; line-height: 18px;}
.Box2{border: 1px dashed #CCC; margin: 5px 0 5px 0; padding: 5px;}
.Box2s{border: 1px dashed #CCC; margin: 5px 0 5px 0; padding: 5px; font-size: 0.8em; line-height: 18px;}

/* -- web links --*/ 
tr.sectiontableentry1 td .description, tr.sectiontableentry2 td .description{font-size: 0.85em; background-color: #F0F0F0; padding: 5px;}


/* A1-About Us */
.AboutUsHeading{padding:7px 0 7px 15px; border-bottom: 1px dotted #CCC; color: #333; background-color: #F8F8F8;}
.AboutUsHeadingTop{padding:7px 0 7px 15px; border-bottom: 1px dotted #CCC; border-top: 3px solid #9E8F80; color: #333; background-color: #F8F8F8;}
.AboutUsHeadingEnd{padding:7px 0 7px 15px; border-bottom: 3px solid #9E8F80; color: #333; background-color: #F8F8F8;}

.AboutUsItem{padding:7px 0 7px 12px; font-weight: normal;border-bottom: 1px dotted #CCC; border-left: 1px solid #CCC;}
.AboutUsItemTop{padding:7px 0 7px 12px; font-weight: normal;border-bottom: 1px dotted #CCC; border-left: 1px solid #CCC;border-top: 3px solid #9E8F80;}
.AboutUsItemEnd{padding:7px 0 7px 12px; font-weight: normal;border-bottom: 1px dotted #CCC; border-left: 1px solid #CCC;border-bottom: 3px solid #9E8F80;}

/* A3-WhyMidlands */
.WhyMidlandsFirst{border-bottom: 5px solid #EEE; margin: 30px 0 10px 0; height: 260px; overflow: auto;}
.WhyMidlands{border-bottom: 5px solid #EEE; margin: 5px 0 10px 0; height: 200px; overflow: auto;}
.WhyMidlandsPhoto{float: left;}
.WhyMidlandsDescription{left: 180px; position: absolute;}

/* A4-PrivacyPolicy */
.PrivacyPolicyTitle{background-image:url(../../../images/stories/privacy/title_bg.jpg); margin: 20px 0 4px 0; padding-left: 5px;}

/* A5-Message */
.Officer{float:right; width: 310px; height: 330px; margin-left: 10px; background-image: url(../../../images/stories/company/kakubari.jpg);}
.Signature{float:right; width: 350px; height: 60px; background-image: url(../../../images/stories/company/kakubari_signature.png);}

/* B English */
.EnglishBg{background: url(../../../images/stories/english/tokyo_midtown.jpg) no-repeat 46px 0; height: 567px;}
.EnglishMenu{float: right; padding: 15px 58px; width: 420px; height: auto;}
.EnglishTitle{margin-top: 16px}
.EnglishTitle a{color: #FFF !important; font-weight: bold;}
.EnglishTitle a:hover{color: #FFFF66 !important; font-weight: bold;}
.EnglishDescription{color: #F0F0F0; line-height: 1.0em;}

/* C3-Customer Service */
.Box3{border: 1px dashed #CCC; margin: 2px 0 20px 20px; padding: 5px 8px 5px 8px; background-color: #EDEBDE;}


/* C6-Bonding Campany */
.BondingBox{background-color: #D15D54; color: #FFF; font-size: 1.2em;}

/* E2-Form */
.FormProgress1{border: 1px solid #CCC; font-size: 80%; padding: 2px 5px 2px 5px; background-color: #D7F882; width: auto; text-align:center; margin-top:}
.FormProgress2{border: 1px solid #CCC; font-size: 80%; padding: 2px 5px 2px 5px; width: auto; text-align:center; color: #999; margin-top:}

/* F4- Management */
.pmMenu{border: 1px solid #CCC; border-left: 8px solid #5B574E; margin: 5px 0 5px 22px; padding: 5px; background-color: #FFF8DA;}

.TitleLine{background-color: #555; color: #FFF; border-bottom: 1px solid #EEE; position: relative;} /* position is  for IE bug*/
.Line1{background-color: #F8F8F8; border-bottom: 1px solid #EEE; position: relative;}
.Line2{background-color: #FFFFEC; border-bottom: 1px solid #EEE; position: relative;}
.LastLine{background-color: #FFFFEC; border-bottom: 3px solid #888; position: relative;}
.Row1{border-left: 1px solid #EEE; border-right: 1px solid #EEE; position: relative;}
.Row2{padding-left: 5px;}
.RowTitle{padding-left: 5px; background-color: #F3FFF2; border-right: 1px dashed #CCC; font-weight: bold;}
.RowPadding{padding-left: 8px; position: relative;}

.CleaningItem{border: 1px solid #FFF; margin: 5px; padding: 5px; font-size: 0.85em; height: 170px;}

.PropertyManagement{border: 1px solid #FFF; margin: 5px; padding: 5px; font-size: 0.9em; height: 150px;}

.AlterationTitle{float: left; border: 1px solid #797168; background-color: #797168; width: 120px; padding: 2px 5px 2px 5px; color: #FFF; font-weight: bold; text-align: center;}
.AlterationDescription{border: 1px solid #797168; padding: 2px 5px 2px 5px; float: right; text-align: left; width:510px;}

.Security{font-size: 1.2em; font-weight: bold;}

.Construction{border: 1px dashed #CCC; width: 495px; padding: 5px; margin-bottom: 8px;}

/* G1-Real Estate Appraiser */
.AppraiserBox{width: 38%;float: right; margin-left: 12px; padding-bottom: 20px;}
.AppraiserBox h3{font-weight: bold; text-align: center; border-bottom: 1px solid #CCC; padding-bottom: 2px;}
.Appraiser{float: right; font-size: 0.8em; margin: 20px 3px 0 12px;}
.AppraiserBoxText{border-left: 1px dashed #CCC; padding-left: 20px;}
.AppraiserMain{width: 60%}
.AppraiserContactUs{padding: 10px; text-align: right;}

/* Boxed article ------------------------------------------------------------- */
div.BoxedArticle
{
	margin-bottom: 5px;
	background: url(../../../images/stories/box/topright.png) 100% 0 no-repeat;
	height: 1%;
}

div.BoxedArticle div
 {
	background: url(../../../images/stories/box/topleft.png) 0 0 no-repeat;  position: relative; height: 1%;
} /* position: relative; height: 1%; are for IE bug*/
div.BoxedArticle div div  {
	background: url(../../../images/stories/box/botright.png) 100% 100% no-repeat;
}
div.BoxedArticle div div div  {
	background: url(../../../images/stories/box/botleft.png) 0 100% no-repeat;
	padding: 12px;
}
div.BoxedArticle div div div div {
	background: transparent none;
	padding: 0;
}

/* Boxed article 2 ------------------------------------------------------------- */
div.BoxedArticle2
{
	margin-bottom: 5px;
	background: url(../../../images/stories/box/topright_y.png) 100% 0 no-repeat;
	height: 1%;
}

div.BoxedArticle2 div
 {
	background: url(../../../images/stories/box/topleft_y.png) 0 0 no-repeat;  position: relative; height: 1%;
} /* position: relative; height: 1%; are for IE bug*/
div.BoxedArticle2 div div  {
	background: url(../../../images/stories/box/botright_y.png) 100% 100% no-repeat;
}
div.BoxedArticle2 div div div  {
	background: url(../../../images/stories/box/botleft_y.png) 0 100% no-repeat;
	padding: 12px;
}
div.BoxedArticle2 div div div div {
	background: transparent none;
	padding: 0;
}

/* Roppongi Newspaper ------------------------------------------------------------- */
.rssNews{border: 1px dashed #CCC; padding: 5px 10px 5px 10px; font-size: 90%; background-color: #EEE; line-height: 1.6em;}
.rssNews a{color: #3A3A3A}
.rssNews a:hover{color: #B91518;}