html {
	text-align: center;
}

body {
	background: #fff;
	margin: 0 auto 20px auto;
	text-align: center;
}

body, td {
	font: normal 12px "Lucida Grande", Helvetica, "trebuchet MS", Arial, sans-serif;
	line-height: 1.5em;
	color: #0a0a0a;
}

img {
	border: none;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 950px;
	font-size: 1em; /* 12px */ 
	line-height: 1.5em; /* 18px */ 
}

/* headings */
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a {
	font-weight: bold;
	color: #375470;
}

h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial;
	font-weight: bold;
}

h1.title a, 
h1.title a:visited {
	border-bottom: 1px dotted #9f9f9f;
	display: block;
}

#right h1 {
	font-size: 1.05em;
}

/*
p, ul, ol { 
	margin: 0.8333em 0 0.8333em 0; 
}
/*
/* ----  Sasada Modify Start (AKJ8027) ---- */

p { 
  margin: 0.8333em 0 0.8333em 0;
}
ul, li {
  margin-top: 0.8333em;
  margin-bottom: 0.8333em;
}
.item ul ul, .item ul ol,
.item ol ol, .item ol ul {
  margin-left: 0.8333em;  
  padding-left: 0;  
}  
li {
  margin-left: 0.8333em;
}

/* ----  Sasada Modify End (AKJ8027) ---- */

/* 36 */
.t36 { 
	font-size: 3em; /* 36px */ 
	line-height: 1.05em;
	margin-top: 0.5em; 
	margin-bottom: 0em; 
}

/* 24 */
.t24 { 
	font-size: 2em; /* 24px */ 
	line-height: 1.05em; 
	margin-top: 0.75em; 
	margin-bottom: 0em; 
}

/* 21 */
.t21, h1 { 
	font-size: 1.75em; /* 21px */ 
	line-height: 1.05em;
	margin-top: 0.8571em; 
	margin-bottom: 0em; 
}

/* 18 */
.t18, h2 { 
	font-size: 1.5em; /* 18px */ 
	line-height: 1.05em;
	margin-top: 1em; 
	margin-bottom: 0em; 
}

/* 16 */
.t16, h3 { 
	font-size: 1.3333em; /* 16px */ 
	line-height: 1.05em;
	margin-top: 1.125em; 
	margin-bottom: 0em; 
}

/* 14 */
.t14, h4, h5 { 
	font-size: 1.1667em; /* 14px */ 
	line-height: 1.05em;
	margin-top: 1.2857em; 
	margin-bottom: 0em; 
}

/* 11 */
.t11 { 
	font-size: 0.9167em; /* 11px */ 
	line-height: 1.05em;
	margin-top: 1.6364em; 
	margin-bottom: 0em; 
}

/* 10 */
.t10 { 
	font-size: 0.8333em; /* 10px */ 
	line-height: 1.05em;
	margin-top: 1.8em; 
	margin-bottom: 0em; 
}

/* links */
a {
	// color: #12a9d7;	
	color: #3b7ab9;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:focus {
	outline:none
}

/*<group=Shadow>*/

/* wrapper background */
.ts {
	height: 20px;
	background: url(/images/tractionsoftware/ts.gif) repeat-x bottom;
}

.ls {
	width: 20px;
	background: url(/images/tractionsoftware/ls.gif) repeat-y right;
}

.rs {
	width: 20px;
	background: url(/images/tractionsoftware/rs.gif) repeat-y left;
}

.bs {
	height: 20px;
	background: url(/images/tractionsoftware/bs.gif) repeat-x top;
}

.tl {
	height: 20px;
	background: url(/images/tractionsoftware/tl.gif) right bottom no-repeat;
}

.bl {
	height: 20px;
	background: url(/images/tractionsoftware/bl.gif) right top no-repeat;
}

.tr {
	height: 20px;
	background: url(/images/tractionsoftware/tr.gif) left bottom no-repeat;
}

.br {
	height: 20px;
	background: url(/images/tractionsoftware/br.gif) left top no-repeat;
}

/*</group>*/

#main {
	margin-right: auto;
	margin-left: auto;
}

#insideshadow {
	padding: 5px;
}

/*<group=navmenu>*/

.mg {
	background: transparent url(/images/tractionsoftware/mg.png) top left repeat-x;
	height: 29px;
	white-space: nowrap;
}

.mt {
	height: 4px;
}

.nosel {
	/*background: #455b97;*/
	/*background: #AC92C4;*/
	/*background: #4B4C85;*/
	// background: #6668B0;
	background: #436586;
}

.sel {
	background: #ffd101;
}

tr.mg td {
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	text-transform: uppercase;
 	text-align: center;
	font-weight: bold;
	font-size: .9em;
}

tr.mg td A {
 	text-decoration: none;
        white-space: nowrap;
}

tr.mg td.off A {
	color: #ccc;
}

tr.mg td.off A:hover {
	color: #ccc;
	text-decoration: underline;
}

tr.mg td.on {
	color: #fff;
	
}

tr.mg td.on A {
	color: #fff;
	
}

tr.mg td.on A:hover {
	color: #fff;
	text-decoration: underline;
}


/*</group>*/

.copyright {
	font-size: .833em;
	color: #666;
}

.powered {
	text-align: center;
}

/*<group=masthead>*/

table#masthead td {
	background: #fff;
}

table#masthead tr td {
	vertical-align: bottom;
}
table#masthead td.login {
	padding: 5px 0 5px 0;
	width: 33%;
}

table#masthead td.login INPUT.wide {
	font-size: .833em;
	margin: 1px;
	width: 100%;
}

table#masthead td.gap {
	height: 4px;
	background: #fff;
	color: #fff;
}

td.logo {
	padding-top: 10px;
	vertical-align: bottom;
}

td.links {
	padding: 5px;
	vertical-align: top;
	text-align: right;
}

ul.links, ul#sections {
	display: inline;
	margin: 0;
	padding: 0;
}

ul.links li {
	display: inline;
	border-right: 2px solid #eee;
	margin-top: 0;
	padding-top: 0;
	white-space: nowrap;
}

ul.links li a {
	text-decoration: none;
	padding: 1px 7px;
	font-size: .9em;
	color: #999;
	height: 20px;
}

ul.links li a:hover {
	text-decoration: underline;
}

#masthead #rsinput {
	background: #fcfcfc;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px;
	margin: 0 2px 0 5px;
	width: 200px;
	font-size: 12px;
}

#masthead #rsinput:focus {
	background: #eee;
	font-weight: bold;
}

#masthead #rsbutton {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f5f5f5;
	padding: 1px 4px;
	margin: 0;
	font-size: 12px;
}

#masthead form input#rsbutton:hover {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #3b7ab9 !important;
	color: #fff !important;
	cursor:pointer !important;
}
	
/*</group>*/

/*<group=Sections>*/

ul#sections {
	list-style: none;
	padding-right: 0;
	margin-right: 0;
}

span.showpointer {
	color: #666;
}

span.hidepointer {
	color: #fff;
}

li.section {
	padding-bottom: 8px;
	padding-top: 8px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #9f9f9f;
	white-space: nowrap;
	padding-right: 7px;
	color: #666;
}

li.section a {
	text-decoration: none;
	color: #666;
	font-size: .9em;
}

li.section a:hover {
	text-decoration: underline;
}
	
/*</group>*/

/*<group=Content table>*/

table#3col {
	width: 100%;
}

tr {
	vertical-align: top;
}

td#left {
	border-right: 1px dotted #9f9f9f;
	padding: 10px 5px 20px 0;
	vertical-align: top;
}

td#middle {
	padding: 0 10px 20px 10px;
	vertical-align: top;
}

td#right {
	padding: 10px 5px 5px 5px;
	/* background: #f2f2e5; */
	background: #f5f5f5;
	vertical-align: top;
}

td.item {
	color: #333;
	padding-bottom: 8px;
}

td.item a,
td.item * a,
td.item * a:visited
{
}

td.item a:hover,
td.item * a:hover
{
	text-decoration: underline;
}

td.item * p, 
td.item * td
{
	color: #333;
	padding-bottom: 1em;
}

/* text inside comments */
td.item * td *
{
	font-size: 1em;
}

td#right td.item {
	color: #444;
	/* --- Sasada Modify 0.8333em > 80% */
	font-size: 0.8333em; /* 0.8333em:10px */ 
	padding-bottom: 6px;
}

a.readmore, a.readmore:visited, a.readmore:hover {
	color: #555;
	font-size: .833em;
}
	
/*</group>*/
#front {
}

#front #marquee {
	margin-bottom: 4px;
}

#front table {
	width: 100%;
	margin: 0;
	padding: 0;
}

#front tr {
	vertical-align: top;
}

#front h2 {
	margin: 0;
}

#front #marquee {
	/* background: transparent url(/images/tractionsoftware/bg-fp.jpg) top left repeat-x; */
}

#front #promo-main {
	/* comment out by AKJ Okutsu 2011/01/19 for TeamPage 5.1 Logo */
	background: transparent url(/images/logos/teampage52_logo.png) top left no-repeat;
	border-right: 4px solid #fff;
	height: 335px;
	text-align: left;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}

#front #cta {
 	padding:  10px;
	background: #DBE3EB;	
}

#front #cta h2 {
	margin-top: 10px;
 	font-size: 1.5em;
	line-height: 1.5em;
	color: #375470;
}

#front #cta p {
	margin-bottom: .5em;
}

#front #cta a {
	font-weight: bold;
}

#front #content .col2 {
	background: #f5f5f5;
	/* padding: 20px 0; AKJ Okutsu */
	padding: 20px 0 20px 8px;
}

/* AKJ Okutsu */
#follow_on_twitter {
	margin-bottom: 8px;
}
#follow_on_facebook {
	margin-bottom: 8px;
}
/* Titles hidden */
#follow_on_twitter h2, #follow_on_facebook h2 {
	display: none;
}
.twitter_list {
	padding: 8px 0 0 16px;
}
.facebook_list {
	padding: 8px 0 0 16px;
}

#front #features, #front #others, #front #awards {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 20px 0;
}
	
#front #content .innercol1 {
	border-right: 1px solid #eee;
	padding: 0 10px 0 0;
}

#front #content .innercol2 {
	padding: 0 10px;
}

#front #content #others {
	margin: 10px 0;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

#front #content #awards #badges {
	padding: 20px 0;
	text-align: center;
}

#front #content #awards img {
	height: 100px;
	margin: 0 13px;
}

#front #new h3 {
	margin: 0;
	padding: 0 0 0 10px;
}

#front #new ul {
	padding: 0 0 0 10px;
}

/* buttons */
ul.buttons {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.buttons li {
	margin: 0 0 .65em 0;
	padding: 0;
}

li.download, 
li.watch,
li.register {
	list-style-type: none;
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	height: 42px;
} 

li.download a, 
li.watch a,
li.register a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding: 12px 10px 0 48px;
	text-align: left;
	height: 42px;
}

li.download {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #ffc300 url(/images/tractionsoftware/buttonchot.png) bottom left repeat-x;
}
li.download a {
	background: url(/images/tractionsoftware/icondownload.png) 10px 10px no-repeat;
}	

li.watch {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #6cc6ff url(/images/tractionsoftware/buttoncold.png) bottom left repeat-x;
}
li.watch a {
	background: url(/images/tractionsoftware/iconwatch.png) 10px 10px no-repeat;
}

li.register {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #6cc6ff url(/images/tractionsoftware/buttonhot.png) bottom left repeat-x;
}
li.register a {
	background: url(/images/tractionsoftware/iconregister.png) 10px 10px no-repeat;
}

/* fancy lists */
ul.fancy, ul.fancy2 {
	margin: 0.8333em 0 0.8333em 0;
	padding: 0;
}

ul.fancy li {
/* Modified by AKJ Okutsu 2009/02/19
	新着リストの行間を詰める。
	padding: 0 0 1em 16px !important;	*/
	padding: 0 0 0 16px !important;	
	background: transparent url(/images/tractionsoftware/arrow.png) 0 4px no-repeat;
	list-style-type: none;
}

ul.fancy2 li {
	padding: 0 0 1em 16px !important;	
	background: transparent url(/images/tractionsoftware/arrow2.png) 0 4px no-repeat;
	list-style-type: none;
}

/* rss */
.rss-icon {
	float: right;
	width: 12px;
	height: 16px;
	margin-left: 1em;
	background: transparent url(/images/tractionsoftware/rss.png) top left no-repeat;
	text-indent: -10000px;
}

.rss-icon a {
	display: block;
	width: 12px;
	height: 12px;
}

#front .rss-icon {
	margin-right: 10px;
}

/* portlets */
div.entrydetailslarge,
div.entrydetailslarge a,
div.entrydetailssmall, 
div.entrydetailssmall a,
div.commentdetails,
div.commentdetails a
 { 
	font-size: .833em;
	font-style: italic;
	color: #9f9f9f;
	text-decoration: none;
}

div.entrydetailslarge a,
div.entrydetailssmall a:hover,
div.commentdetails a,
div.commentdetails a:hover
 { 
	text-decoration: underline;
}

table.commentouter { 
	width: 100%;
	background-color: #9f9f9f;
	background-color: #4B4C85;
	background-color: #ddd;
}

td.commentinner { 
	width: 100%;
	background-color: #fff;
	padding: 5px;
}


form.chunknav,
form.chunknav a { 
	width: 100%;
	text-align: center;
	font-size: .833em;
	color: #1898CD;
}

span.chunk,
span.chunk a,
span.currentchunk,
a.chunkshowall,
span.chunkcontrol { 
	margin-right: 5px;
}

a.chunkshowall { 
	display: block;
}

span.chunkcontrol { 
	display: block;
}

td.entryfooter { 
	width: 100%;
	text-align: center;
	font-size: .833em;
	color: #999;
	padding-bottom: 25px;
}

td.entryfooter a,
td.entryfooter a:visited { 
	text-decoration: none;
	color: #999;
}

td.entryfooter A:hover { 
	text-decoration: underline;
	color: #999;
}

table.article { 
	width: 100% 
}

.recentarticlestitle { 
	text-decoration: none;
}

td.recentarticlesitem {
	color: #333;
	padding-bottom: 4px;
	font-size: .833em;
}

td.item blockquote {
	margin-left: 20px;
	margin-right: 20px;
}

td.item blockquote,
td.item blockquote * {
	padding-bottom: .6em;
	font-style: italic;
	margin-bottom: 0px;
	margin-top: 0px;
}

td.item * a.smallPortletHeading { 
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	border-bottom: 1px dotted #9f9f9f;
	font-weight: bold;
	font-size: 1em;
}

td.item * td.smallPortletEntry {
	padding: 0px;
}

/* features */
.pager {
	clear: both;
	border-top: 1px solid #ddd;
	margin: 1em 0;
	padding: 1em 0;
}
.pager .prev, .pager .next {
	float: left;
	width: 50%;
}
.pager .next {
	text-align: right;
	font-weight: bold;
}

#right h1.features-title { 
	border-bottom: 1px dotted #9f9f9f;
	font-size: 1.15em;
	margin-bottom .8333em;
}

#right div#features-localnav h3 { 
	margin: 1em 0 1em 30px;
	display: block;
	font-size: 1em;
	clear: both;
}

#right div#features-localnav img { 
	margin-left: -30px;
	float: left;
}

#right div#features-localnav ul { 
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#right div#features-localnav ul li { 
	margin: 0 0 0.8333em 0;
	padding: 2px 4px 2px 4px;
	font-size: 1em;
	line-height: 1.1em;
}

#right .feature-item-current {
	padding: 5px;
}

#right .feature-item-current a {
	color: #333;
	font-weight: bold;
}

/* rules */
hr {
	height: 1px;
	background-color: #ddd;
	color: #ddd;
	border: none;
	padding: 0;
	margin: 1em 0;
}

/* footer */
#footer {
	width: 100%;
	background: #f5f5f5;
	margin-top: 4px;
}

#footer td {
	padding: 20px 5px;
	font-size: .95em;
}

#footer ul li strong a {
	color: #000;
}

#footer ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

#footer ul li {
	margin: 0;
	padding: 0;
}

/* edit link */
input.button {
	margin: 5px 0;
	background: #eee;
	border: 1px solid #ddd;
	color: #3b7ab9;
	text-transform: uppercase;
}
input.button:hover {
	background: #3b7ab9;
	color: #fff;
}
/* admin toolbar */
body.admin #wrapper {
	padding-top: 20px;
}

div#admin-menu {
	width: 100%;
	background: #666;
	border-bottom: 2px solid #eee;
	font-size: 12px;
	padding: 0;
	margin: 0 auto 10px auto;
	position: fixed;
	z-index: 1000;
}

div#admin-menu a {
	color: #fff;
}

div#admin-menu table {
	width: 930px;
	margin: 0 auto;
}

div#admin-menu td#article-tools {
	width: 30%;
}

div#admin-menu td#site-tools {
	width: 70%;
	text-align: right;
}

div#admin-menu td#site-tools ul {
	float: right;
}

div#admin-menu h2 {
	display: none;
}

div#admin-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
}

div#admin-menu ul li {
	margin: 0;
	padding: 0 5px;
	display: block;
	float: left;
}

div#admin-menu ul li img {
	display: none;
}

/* PIE easyclearing */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */  

/* AKJ Okutsu */
h2#home_news_title {
	margin-top: 4px;
}
h2#home_blog_title {
	margin-top: 4px;
}

table.smallPortlet {
	width: 100%;
}
table.smallPortlet div.smallPortletHeading {
	border-bottom: 2px #aabbcc dotted;
}
div.smallPortletHeading a.smallPortletHeading {
	border-style: none;
}