/*
Theme Name: JMAS Theme
Theme URI: http://phpbb.xwd.jp/viewforum.php?f=20
Description: This theme uses it to test for ME. based on the famous <a href="http://www.northern-web-coders.de/">Northern-Web-Coders</a>.
Version: 1.0
Author: WordPress Japan
Author URI: http://wordpress.xwd.jp/
*/


/* updated by JMAS 2009.07.14 */


/* ---------- common ---------- */
@import url(style2.css);

body {
/*200907medix削除
	font:			90%/175% Osaka, Verdana, sans-serif;
	background:		#f3f3f3;*/
	margin:			0px;
	padding:		0px;
	text-align:		center;
}

.clearance{
	margin:			0px 0px 0px 0px;
	padding:		0px;
	font-size:		0px;
	line-height:		0;
	visibility:		hidden;
	clear:			both;
	}

img	{
	border:			none;
	}

.append-context{
	display:		none;
	}

a:link,
a:visited{
	color: #4040FF;
}

a:hover {
	color: #6F6F6F;
}

a:active{
	color: #4040FF;
}

#wrap	{
	background:		#ffffff;
	margin:			0 auto;
	width:			750px;
	text-align:		left;
	border:			1px solid #dcdcdc;
}

p{
	margin:			0px;
	padding:		0px;
	font-size:		12px;
	line-height:		1.2;
	color:			#333333;
	}

ul{
	margin:			0px;
	padding:		0px;
	}

ul li{
	margin:			0px;
	padding:		0px;
	font-size:		12px;
	line-height:		1.2;
	color:			#333333;
	list-style-type:	none;
	}
ol {
	margin: 0px 0px 0px 16px;
	padding: 12px;
	font-size: 12px;
}

hr {
	margin: 0px 12px;
	padding: 0px;
	size: 1px;
	color: #6666cc;
	}


/* ---------- header ---------- */

form#header{
	margin:			0px;
	padding:		0px;
}

form#header h2{
	display:		none;
}

form#header p{
	margin:			0px;
	padding:		0px;
	width:			108px;
	float:			left;
	text-align:		right;
}

form#header p img{
	margin:			15px 0px 0px 0px;
}

form#header ul{
	margin:			31px 0px 0px 0px;
	padding:		0px;
	list-style-type:	none;
	width:			617px;
	height:			27px;
	float:			left;
	text-align:		right;
}

form#header ul li{
	display:		inline;
	margin:			0px;
	padding:		1px 8px 1px 17px;
	background-image:	url(/wp-content/themes/jmas/img/_hea_ico_01.gif);
	background-repeat:	no-repeat;
	background-position:	center left;
	font-size:		10px;
}

form#header ul li a:link,
form#header ul li a:visited,
form#header ul li a:active{
	color:			#333333;
	text-decoration:	none;
}

form#header ul li a:hover{
	color:			#363483;
	text-decoration:	underline;
}

form#header div{
	padding:		0px 0px 2px 17px;
	background-color:	#766fc4;
	height:			26px;
}

form#header div ul{
	margin:			5px 0px 0px 0px;
	padding:		0px;
	width:			400px;
	height:			21px;
	float:			left;
	text-align:		left;
}

form#header div ul li{
	padding:		1px 29px 1px 17px;
	background-image:	url(/wp-content/themes/jmas/img/_hea_ico_02.gif);
	background-repeat:	no-repeat;
	background-position:	center left;
	font-size:		12px;
}

form#header div p{
	margin:			3px 5px 0px 0px;
	padding:		0px;
	width:			300px;
	color:			#cccccc;
	font-size:		11px;
	text-align:		right;
	background-color:	#766fc4;
	background-image:	url(/wp-content/themes/jmas/img/_hea_sea_bg.gif);
	background-repeat:	no-repeat;
	background-position:	center left;
	float:			right;
}

form#header div p input{
	vertical-align:		bottom;
	}

form#header div p input.textbox{
	margin:			1px;
	padding:		0px;
	width:			175px;
	height:			auto;
	height:			17px;
	font-size:		12px;
	line-height:		1.4;
	border:			none;
	vertical-align:		bottom;
}

form#header div p input.button{
	margin:			0px;
	padding:		0px;
	vertical-align:		bottom;
}

form#header div ul li a:link,
form#header div ul li a:visited{
	color:			#ffffff;
	text-decoration:	none;
}

form#header div ul li a:hover{
	color:			#C0C0FF;
	text-decoration:	underline;
}

form#header div ul li a:active{
	color:			#ffffff;
	text-decoration:	none;
}





/* ---------- footer ---------- */
/*200907medix削除
div#footer{
	margin:			0px;
	padding:		0px 0px 0px 25px;
}

div#footer h2{
	display:		none;
}

div#footer ul{
	margin:			0px;
	padding:		10px 0px 17px 0px;
	list-style-type:	none;
	width:			400px;
	float:			left;
}

div#footer ul li{
	padding:		1px 10px 1px 17px;
	display:		inline;
	background-image:	url(/wp-content/themes/jmas/img/_foo_ico_01.gif);
	background-repeat:	no-repeat;
	background-position:	center left;
	font-size:		10px;
}

div#footer ul li a:link,
div#footer ul li a:visited,
div#footer ul li a:active{
	color:			#333333;
	text-decoration:	none;
}


div#footer ul li a:hover{
	color:			#363483;
	text-decoration:	underline;


}


div#footer p{
	margin:			0px;
	padding:		10px 0px 17px 0px;
	width:			290px;
	font-size:		10px;
	color:			#333333;
	float:			left;
	text-align:		right;
}
*/




/* ---------- main ---------- */

div#main{
	margin:			0px;
	padding:		0px 0px 20px 0px;
	border-bottom:		2px solid #363483;
	background-image:	url(/wp-content/themes/jmas/img/_bod_bg.gif);
	background-color:	#766fc4;
	background-repeat:	repeat-y;
	background-position:	top left;
}





/* ---------- main contents ---------- */

.main-contents{
	margin:			0px;
	padding:		0px;
	width:			572px;
	float:			right;
	background-color:	#FFFFFF;
}

.main-contents .main-contents-child{
	margin-left:		16px;
	margin-right:		16px;
}



/* ---------- bread crumbs ---------- */
/*200907medix削除。style2.cssで再定義
.bread-crumbs{
	margin:			0px;
	padding:		0px;
	background-color:	#363483;
}

.bread-crumbs h2{
	display:		none;
}

.bread-crumbs ol{
	margin:			0px;
	padding:		7px 10px;
	list-style-type:	none;
	font-size:		12px;
	line-height:		1;
	color:			#ffffff;
}

.bread-crumbs ol li{
	display:		inline;
}

.bread-crumbs ol li a:link,
.bread-crumbs ol li a:visited,
.bread-crumbs ol li a:active{
	color:			#ffffff;
	text-decoration:	none;
}

.bread-crumbs ol li a:hover{
	color:			#5F5EAE;
	text-decoration:	underline;
}
*/


/* ---------- h1 ---------- */

.main-contents h1{
	margin:			0px;
	padding:		12px 16px 12px 16px;
	font-size:		18px;
	color:			#363483;
	font-weight:		bold;
	border-top:		4px solid #CDCEDE;
}





/* ---------- lead ---------- */

.main-contents .lead{
	padding:		0px 0px 16px 0px;
}

.main-contents .lead p{
	margin:			0px;
	padding:		0px;
	font-size:		12px;
	color:			#000000;
	line-height:		1.4;
}




/* ---------- article ---------- */

.main-contents .article{
	padding:		0px 0px 12px 0px;
}

.main-contents .article h2{
	margin:			0px;
	padding:		6px 12px 12px 6px;
	 background-image:	url(/wp-content/themes/jmas/img/_bod_cap_bg_01.png);
	/* background-repeat:	repeat-x; */
	/*background-position:	top left; */
	font-size:		14px;
	font-weight:		bold;
	color:			#000000;
	line-height:		1;
	/* letter-spacing:		2px; */
	border-top:		1px solid #6666cc;

}

.main-contents .article h2 a:link,
.main-contents .article h2 a:visited,
.main-contents .article h2 a:hover,
.main-contents .article h2 a:active{

}

.main-contents .article-2{
	margin:			5px 0px 5px 0px;
	padding:		0px 6px;
}

.main-contents h3{
	margin:			8px 0px 8px 6px;
	font-size:		12px;
	font-weight:		900;
	color:			#373483;
	line-height:		1.4;
}


.main-contents  p{
	margin:			10px 0px;
	padding:		0px 6px;
	font-size:		12px;
	line-height:		1.4;
}

.main-contents span{
	font-size:		12px;
	color:			#373483;
	line-height:		1.4;

}


.main-contents .article table{
	border-width:		1px 0px 0px 1px;
	border-style:		solid;
	border-color:		#766fc4;
	margin:			0px;
	font-size:		12px;
	line-height:		1.4;
}

.main-contents .article table td{
	font-size:		12px;
	line-height:		1.4;
	padding:		3px 5px;
	border-width:		0px 1px 1px 0px;
	border-style:		solid;
	border-color:		#766fc4;
	text-align:		left;
	vertical-align:		top;
}


.main-contents .article table th{
	padding:		3px 5px;
	color:			#ffffff;
	border-width:		0px 0px 1px 0px;
	border-style:		solid;
	border-color:		#ffffff;
/*	background-color:	#363483;*/
	background-color:	#766fc4;
	text-decoration:	none;

}

.main-contents .article table th.last{
	border-width:		0px 0px 1px 0px;
	border-style:		solid;
	border-color:		#766fc4;
}

.main-contents .article ul.normal {
	margin:			0px;
	padding:		0px 6px;
	font-size:		12px;
	color:			#000000;
	line-height:		1.4;
	list-style-type:	none;
}

.main-contents .article ul.normal li{
	margin:			0px;
	padding:		0px;
}

.main-contents .p.tit-1{
	font-size:		12px;
	font-weight:	900;
	color:			#373483;
	line-height:	1.4;
}




/* ---------- sub contents ---------- */

.sub-contents{
	margin:			0px;
	padding:		0px;
	width:			178px;
	float:			right;
	background-color:	#766fc4;
}

/* ---------- navi ---------- */

.sub-contents .navi{
	margin:			0px;
	padding:		6px 0px 6px 0px;
	border-top:		0px solid #ffffff;
	border-bottom:		0px solid #ffffff;

}

.sub-contents .navi h2{
	margin:			0px 10px 0px 0px;
	padding:		0px 0px 5px 25px;
	font-size:		10px;
	line-height:		1;
	font-weight:		900;
	color:			#ffffff;
	/* border-bottom:		1px solid #ffffff;  2007.11.23 */
}

.sub-contents .navi ul{
	margin:			0px 5px 0px 10px;
	padding:		0px;
	list-style-type:	none;
	font-size:		10px;
	line-height:		1.4;
	/* border-top:		1px solid #ffffff; */
}

.sub-contents .navi ul li ul{
	border-top:		none;
	}

.sub-contents .navi ul li.page_item,
.sub-contents .navi ul.category li{
	margin:			0px;
	padding:		5px 0px 7px 18px;
	/* border-bottom:		1px solid #ffffff; 2007.11.23 */
	background-image:	url(/wp-content/themes/jmas/img/_nav_ico_01.png);
	background-repeat:	no-repeat;
	background-position:	top left;
}

.sub-contents .navi ul li.page_item li{
	padding:		5px 0px 3px 25px;
	border-bottom:		none;
	background-position:	top left;
}


.sub-contents .navi ul li a:link,
.sub-contents .navi ul li a:visited,
.sub-contents .navi ul li a:active{
	color:			#ffffff;
	text-decoration:	none;
}


.sub-contents .navi ul li a:hover{
	color:			#C0C0FF;
	text-decoration:	underline;
/*	background-color:	#554f9f; */

}

.search .navi ul li{
	color:			#ffffff;
	}








/* ---------- inquiry ---------- */

.main-contents .inquiry{
	width:			538px;
	height:			78px;
	margin-top:		15px;
	margin-bottom:		15px;
	padding:		5px 0px 5px 0px;
	border:			1px solid #999999;
}

.main-contents .inquiry h2{
	display:		none;
}

.main-contents .inquiry p{
	margin:			0px;
	padding:		2px 0px 0px 6px;
	font-size:		12px;
	color:			#000000;
	line-height:		1.4;
}

.main-contents .inquiry p img{
	margin-bottom:		5px;
	}

.main-contents .inquiry p.button{
	width:			91px;
	float:			right;
	}

.main-contents .inquiry p.text{
	width:			430px;
	float:			left;
	}


/* ---------- contactform ---------- */

div.contactform{
	width:			500px;
	margin:			0px 0px 0px 6px;
	padding:		0px 0px 10px 0px;
	}

div.contactform .contactleft{
	width:			150px;
	float:			left;
	padding:		10px 0px 0px 0px;
	margin:			10px 0px 0px 0px;
	font-size:		12px;
	line-height:		1.2;
	color:			#333333;
	border-top:		1px solid #363483;
	text-align:		left;
	}

div.contactform .contactright{
	width:			350px;
	float:			left;
	padding:		10px 0px 0px 0px;
	margin:			10px 0px 0px 0px;
	font-size:		12px;
	line-height:		1.2;
	color:			#333333;
	border-top:		1px solid #363483;
	}

div.contactform .contactright textarea{
	margin-bottom:		10px;
	}

div.contactform .first-child{
	}

div.contactform .error{
	font-size:		12px;
	line-height:		1.2;
	color:			#cc0000;
	font-weight:		900;
	}

div.contactform .thanks{
	font-size:		12px;
	line-height:		1.2;
	color:			#363483;
	font-weight:		900;
	}

div.contactform p.button{
	clear:			left;
	margin:			0px;
	padding:		20px 0px 0px 0px;
	border-top:		1px solid #363483;
	text-align:		center;
	}










/* ---------- sitemap ---------- */

.main-contents .sitemap{
	margin:			0px;
	padding:		0px;
	font-size:		12px;
	color:			#000000;
	line-height:		1.4;
	}

.main-contents .sitemap ul{
	margin:			10px 0px 10px 20px;
	padding:		0px;
	width:			532px;
	/* list-style-type:	none; */
	}

.main-contents .sitemap ul li{
	margin:			0px 0px 0px 0px;
	padding:		10px 10px 10px 10px;
	/*
    background-image:	url(/wp-content/themes/jmas/img/_bod_cap_bg_01.jpg);
	background-repeat:	repeat-x;
	background-position:	top left; 
	*/
    font-size:		12px;
	font-weight:		900;
	color:			#000000;
	letter-spacing:		2px;
	}

.main-contents .sitemap ul li ul{
	width:			auto;
	}

.main-contents .sitemap ul li ul li{
	margin:			0px;
	padding:		0px;
	background-image:	none;
	font-weight:		normal
	}


/* -------- EA solution menu -------*/
/* 旧コンテンツのため削除
.easol_menu {
	background-color: #F5E8C5;
	height: 100%;
	float: left;
	margin: 0px 0px 10px;
	padding: 10px;
	width: 520px;
}
.easol_menu p {
	margin: 0px;
	padding: 10px 0px 0px;
	color: #0066CC;
}
.title {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	background-image: none;
}
.easol_menu li {
	margin-left: 20px;
	list-style-position: outside;
	list-style-type: disc;
}
.exlist_w {
	clear: left;
	float: left;
	margin: 0px;
	padding: 5px;
	width: 500px;
}
.exlist_l {
	clear: left;
	float: left;
	margin: 0px;
	padding: 5px;
	width: 250px;
}
.exlist_r {
	float: right;
	margin: 0px;
	padding: 5px;
	width: 250px;
}
*/







/* ---------- for *new* service contents (2009.06)---------- */

#pgnavi a{
display: block;
width: 158px;
color: #202020;
font-size: 16px;
font-weight: bold;
background: url(/wp-content/uploads/act_btn.gif) no-repeat;height:32px;
line-height: 33px;
text-decoration: none;
text-align: center;}

#pgnavi a:hover{
color: #4040FF;
line-height: 31px;
background: url(/wp-content/uploads/act_btn.gif) no-repeat;
background-position: -158px 0px
}

#pgnavi table{
padding: 0px 0px;
border: 0px none #FFFFFF;
}

#pgnavi table td{
padding: 10px 5px 0px 5px;
border: 0px none #FFFFFF;
}


#layout-tbl{
font-size: 12px;
margin-left: 0px;
margin-right: 0px;
line-height: 150%
}

#layout-tbl table{
margin: 0px;
padding: 0px;
width: 100%;
border: 0px none #FFFFFF;
}

#layout-tbl tr{
padding: 0px 0px 0px 0px;
border: 0px none #FFFFFF;
}

#layout-tbl td{
padding: 0px 0px 0px 0px;
border: 0px none #FFFFFF;
}


#ea_banner{
font-size: 13px;
color: #FFFFFF;
margin-left: 0px;
margin-right: 0px;
}

#ea_banner table{
width: 100%;
padding: 0px 0px;
border: 0px none #FFFFFF;
}

#ea_banner table th{
padding: 0px 10px 8px 10px;
font: normal bold 140%/200% Osaka, Verdana, sans-serif;
background-image: url(/wp-content/uploads/bg_bn01.gif);
background-repeat: no-repeat;
text-align: left;
}

#ea_banner table td{
text-align: right;
}

#ea_banner2{
font-size: 12px;
margin-left: 16px;
margin-right: 16px;
}

#ea_banner2 table{
width: 100%;
margin-top: 10px;
padding: 0px 0px;
border: 0px none #FFFFFF;
}

#ea_banner2 table th{
padding: 2px 0px 0px 10px;
background-image: url(/wp-content/uploads/bg_bn02.gif);
background-repeat: no-repeat;
text-align: left;
color: #FFFFFF;
font: normal bold 120%/200% Osaka, Verdana, sans-serif;
}

#ea_banner2 table td{
padding: 7px 7px;
line-height: 1.4;
vertical-align: text-top;
text-align: left;
}