@charset "utf-8";
/*JMC Theme Stylesheet*/

/*default styles*/

body {
	background:#404040;
	color:#404040;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	color:#D60000;
	margin:0;
	padding:0 0 10px 0;
}
h1 {
	font-size:22px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:16px;
}
h4 {
	font-size:14px;
}
h5 {
	font-size:12px;
}
h6 {
	font-size:10px;
}
a {
	font-weight:bold;
	color:#A00000;
	text-decoration:none;
}
a:hover {
	color:#CC0000;
	text-decoration:underline;
}
a img {
	border:none;
}
hr {
	margin:5px 0;
	padding:0;
	border:none;
	border-bottom:1px dotted #999;
	height:1px;
}
small {
	font-size:12px;
}
/* remove mozilla link outline */
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}
/* CLEARFIX */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ' ';
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* CLEARFIX END */

/* main wrapper */
#wrapper {
	width:980px;
	background:#FFF;
	margin:0 auto;
}
/* header table */
#headerTable {
	width:100%;
	margin:0px;
}
#headerTable .headerLeft {
	width:32%;
	height:110px;
	/*background:url(images/bg-grad-hdr-left.jpg) repeat-x;*/
	vertical-align:top;
}
#headerTable .headerRight {
	width:33%;
	height:110px;
	background-color:#A1A1A1;
}
#headerTable .headerShadow {
	/*background:url(images/menu-bg-dropshadow.jpg) repeat-x;*/
	height:12px;
}
/* header */

#hdrWrapper {
	height:110px;/*background:url(images/bg-grad-hdr-left.jpg) repeat-x;*/
}
#hdr {
	width:980px;
	margin:0 auto;
	background:url(images/bg-header.jpg) no-repeat #A1A1A1;
	height:110px;
	position:relative;
}
/* logo */
#hdr .logo {
	/*background:url(images/logo.png) no-repeat;*/
	position:absolute;
	left:10px;
	bottom:10px;
	width:148px;
	height:68px;
	border:0px;
}
#hdr .tagline {
	/*background:url(images/logo-tagline.png) no-repeat;*/
	position:absolute;
	left:180px;
	bottom:18px;
	width:336px;
	height:30px;
	border:0px;
}
/* search */

#searchWrapper {
	position:absolute;
	bottom:20px;
	right:20px;
}
#searchWrapper form {
	margin:0;
	padding:0;
}
#searchWrapper form #s {
	border:1px solid #000;
	background:#FFF;
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px;
}
#searchWrapper form #searchBtn {
	background:none;
	border:none;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
}
/* main menu bar */

#menuWrapper {
}
#mainMenu {
	height:35px;
	background: url(images/menu-bg-dropshadow.jpg) repeat-x;
	padding-left:40px;
}
#mainMenu ul, #mainMenu li {
	padding:0;
	margin:0;
}
#mainMenu ul {
	list-style:none;
}
#mainMenu ul li {
	float:left;
	width:111px;
	height:24px;
	background:url(images/menu-tab-def.jpg) no-repeat;
	text-align:center;
	padding-top:2px;
	color:#333;
	font-size:16px;
	font-weight:bold;
}
#mainMenu ul li a {
	display:block;
	width:111px;
	height:24px;
	color:#FFF;
	text-decoration:none;
}
#mainMenu ul li a:hover {
	color:#DDD;
}
/* page contents wrapper */

#pageWrapper {
	width:900px;
	margin:0 auto;
	min-height:300px;/*border:1px solid red;*/
}

/* page title */
#pageTitleHolder{
	width: 900px;
	margin-bottom:20px;
}

#pageTitleTop{
	height: 5px;
	background: url(images/page-title-top.jpg) no-repeat;
}

#pageTitle{
	width: 898px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	background: url(images/bg-page-title.jpg) repeat-x;
	border-left: solid 1px #D60000;
	border-right: solid 1px #D60000;
}
#pageTitle h2{
	color: #D60000;
	padding:0 0 0px 0;
	margin:0;
	font-size:20px;
}

#pageTitleBottom{
	height: 5px;
	background: url(images/page-title-bottom.jpg) no-repeat;
	margin-bottom: 20px;
}

/* intro blurb */
#blurbHolder {
	margin-top: 15px;
	width:900px;
	margin-bottom:20px;
}
#blurbTop {
	background:url(images/blurb-top.jpg) no-repeat;
	height:10px;
}
#blurbBody {
	margin:0;
	padding:0 10px;
	background:#E8E8E8;
	font-size:18px;
	font-weight:bold;
	text-align:justify;
}
#blurbBody p {
	margin:0;
	padding:0;
}
#blurbBottom {
	background:url(images/blurb-bottom.jpg) no-repeat;
	height:10px;
}
/* page layout columns */

#mainPageColsHolder {
/*border:1px solid red;*/
}
#sidebarColumn {
	width:230px;
	float:left;/*border:1px solid red;*/
}
#pageContentColumn {
	float:right;
	width:638px;/*border:1px solid red;*/
}
#pageContentColumn p {
	margin:0 0 10px 0;
	padding:0;
}
/* DROPDOWN MENU */

/*container*/

#ddMenuContent {
	margin-bottom: 20px;
}
#ddMenuContent #ddMenuTop{
	background:url(images/acc-top.jpg) no-repeat;
	height:10px;
}
#ddMenuContent #ddMenuBottom{
	clear:both;
	background:url(images/acc-bottom.jpg) no-repeat bottom;
	height:11px;
}
#ddMenuContent #ddMenuTop, #ddMenuContent #ddMenuBottom{
	line-height:0;
	font-size:0;
}

/* ESSENTIAL STYLES */
.ddMenu, .ddMenu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.ddMenu {
	line-height: 1.0;
}
.ddMenu ul {
	position: absolute;
	top: -999em;
	width: 230px; /* left offset of submenus need to match (see below) */
}
.ddMenu ul li {
	width: 100%;
}
.ddMenu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
.ddMenu li {
	float: left;
	position: relative;
}
.ddMenu a {
	display: block;
	position: relative;
}
.ddMenu li:hover ul, .ddMenu li.sfHover ul {
	left: 0;
	top: 26px; /* match top ul list item height */
	z-index: 99;
}
ul.ddMenu li:hover li ul, ul.ddMenu li.sfHover li ul {
	top: -999em;
}
ul.ddMenu li li:hover ul, ul.ddMenu li li.sfHover ul {
	left: 230px; /* match ul width */
	top: 0;
}
ul.ddMenu li li:hover li ul, ul.ddMenu li li.sfHover li ul {
	top: -999em;
}
ul.ddMenu li li li:hover ul, ul.ddMenu li li li.sfHover ul {
	left: 230px; /* match ul width */
	top: 0;
}

/* SKIN */
ul.ddMenu, ul.ddMenu ul{
	background:#FFF;
	font-size:14px;
	
}
.ddMenu {
	float: left;
}
.ddMenu a {
	border: 1px solid #D60000;
	padding: 5px 3px;
	text-decoration: none;
}
.ddMenu a, .ddMenu a:visited  {
	/* visited pseudo selector so IE6 applies text colour*/
	color: #4D4D4D;
	font-weight:bold;
}
.ddMenu li {
	background:url(images/bg-menu.jpg) repeat-x;
	margin-bottom:-1px;
}
.ddMenu li li {
	background:url(images/bg-menu.jpg) repeat-x;;
}
.ddMenu li:hover, .ddMenu li.sfHover, .ddMenu a:hover, .ddMenu a:active {
	background:url(images/bg-menu-over.jpg) repeat-x;
	text-decoration: none;
	outline: 0;
	color:#C80120;
}

/* vertical menu styles */
.ddMenuVert, .ddMenuVert li {
	width: 230px;
}

.ddMenuVert li:hover ul,
.ddMenuVert li.sfHover ul {
	left: 229px; /* match ul width */
	top: 0;
}

.ddMenuVert ul, .ddMenuVert ul li {
	width: 182px;
}

/* EXTRA WORDPRESS STYLES */

ul.ddMenu li li.current_page_item a, ul.ddMenu li li.current_page_item a:visited{
	color:#000;
}

/* END DROPDOWN MENU */



/* accordion menu */
#accContent {
	background-color:#F2F2F2;
}
#accMenu, #accMenu li ul {
	padding:0;
	margin:0;
	list-style:none;
}
#accMenu li {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
/* top level links */
#accMenu li a {
	display:block;
	height:26px;
	color:#FFF;
	text-decoration:none;
	background-color:#D60000;
	border-top:solid #F2F2F2 1px;
	border-bottom:solid #F2F2F2 1px;
	padding:5px 5px 0px 5px;
	font-weight:normal;
}
#accMenu li .current_page_item a {
	font-weight:bold;
	background:#EEE;
}
#accMenu li .accTop {
	border-top:none;
	background:url(images/acc-top.jpg) no-repeat #D60000;
}
/* sub-level links */
#accMenu li ul {
	font-size:16px;
}
#accMenu li ul li a {
	background:none;
	border:none;
	color:#4D4D4D;
	height:20px;
	padding-left:40px;
}
#accMenu li ul li a:hover {
	color:#000;
	background:#DDD;
}
#accBottom {
	background:url(images/acc-bottom.jpg) no-repeat;
	height:26px;
}
/* article */

.articleContainer {
}
.articleTop {
	background:url(images/article-top.jpg) no-repeat;
	/*min-height:30px;*/
	padding:6px 10px;
	border-bottom:solid #D60000 1px;
}
.articleTop h2 {
	font-size:18px;
	font-weight:bold;
	color:#D60000;
	padding:0;
}
.articleTop h3 {
	font-size:16px;
	font-weight:normal;
	color:#4D4D4D;
	padding:0;
}
.article {
	background-color:#F2F2F2;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	text-align:justify;
	padding:10px;
}
.article p {
	margin:0;
	padding:0;
}
.articleBottom {
	background:url(images/article-bottom.jpg) no-repeat;
	height:10px;
	margin-bottom:20px;
}
/* footer wrapper */

#footerWrapper {
	width:980px;
	margin:0 auto;
	clear:both;
}
/* footer */
#footer {
	clear:both;
}
#footer p {
	color:#999;
	font-size:12px;
	text-align:center;
	margin:0;
	padding:10px 0;
}
#footer a {
	font-weight:normal;
	color:#999;
	text-decoration:none;
}
#footer a:hover {
	color:#333;
	text-decoration:underline;
}

.methodFooter {
	clear:both;
	text-decoration:none;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#CCC;
	text-align:center;
}
.methodFooter a {
	color:#CCC;
	text-decoration:none;
}

/* <div class="methodFooter"><a href="http://www.elementrgb.com" target="_blank" title="designed by element | RGB"><img src="<?php bloginfo('template_url'); ?>/images/elementLogoFooter.jpg" alt="element"/>&nbsp; designed by element | RGB </a> / <a href="http://www.methodit.co.jp" target="_blank" title="powered &amp; hosted by M E T H O D IT">developed &amp; hosted by M E T H O D IT &nbsp;<img src="<?php bloginfo('template_url'); ?>/images/methodLogoFooter.jpg" alt="method IT"/></a></div> */



/* sitemap */
.ddsg-wrapper {
	padding:0 30px;
	margin:0;
}
.ddsg-wrapper h2, .ddsg-wrapper p {
	display:none;
}
.ddsg-wrapper ul {
	margin:10px 0 20px 0px;
	padding:0;
	list-style:none;
}
.ddsg-wrapper ul li {
	margin:10px 0 20px 0;
}
.ddsg-wrapper ul li a {
	display:block;
	border-bottom:1px dotted #BBB;
	padding:3px;
	background:none;
}
.ddsg-wrapper ul li a:hover {
	background:#DDD;
}
.ddsg-wrapper ul li ul {
	margin:0;
	padding:0 20px;
}
.ddsg-wrapper ul li ul li {
	margin:0;
}
.ddsg-wrapper ul li ul li a {
	border:none;
}
/* cforms */

.linklove {
	display:none;
}
/* sidebar widgets */

#widgetContainer {
}
#widgetContainer #widgetList {
	padding:0;
	margin:0;
	list-style:none;
}
#widgetContainer #widgetList li {
	padding:0 0 10px 0;
	margin:0;
}
/* search results */
p.searchReadMore {
	font-size:11px;
	margin:0;
	padding:10px 0 0 0;
}
.mainBottom {
	clear:both;
	margin:0 auto;
	width:980px;
	height:12px;
	background:url(images/main-bottom.png) no-repeat;
	padding-bottom:30px;
}

/* indented callout boxes */
blockquote{
	display:block;
	clear:both;
	background:#CCC;
	padding:12px;
	margin:20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
blockquote p{
	margin:0;
	padding:0 0 5px 0;
}