@charset  "utf-8";

html { width: 100%; }
body {
	width: 100%;
	color: #555;
	font-size: 12px;
	line-height: 1.75;
	text-align: center;
	height: 100%;
	background-color: #F5F5F0;
	font-family:
			"メイリオ","Meiryo",
			"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
			Osaka,"ＭＳ Ｐゴシック","MS P Gothic",
			Arial,Helvetica,sans-serif;
	background-image: url(../resources/bg_body.png);
	background-repeat: repeat-x;
}
/*html[xmlns] body { font-family: sans-serif; }*/
* html body { font-size: 78%; line-height: 1.72;}
*:first-child+html body { font-size: 78%; line-height: 1.72;}
body#contact {
	width: 610px;
	background-color: #FFFFFF;
}

ol,ul,dl,li,dt,dd,h1,h2,h3,h4,img,form,body
{ border: 0; margin: 0; padding: 0; }


a:link, a:visited, a:active { text-decoration: none; }
a:link { color: #4F6D9D; }
a:visited {	color: #4F6D9D; }
a:active { color: #D90000; }
a:hover	{ text-decoration: underline; color: #FF6600; }

a.nWin {
	background-image: url(../resources/icon_window.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 16px;
	/*\*//*/
	background-image: url(../resources/icon_window.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	/**/

}
a.arrow {
	background-image: url(../resources/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 16px;
	min-height: 13px;
	display: block;
}
/*----\*/
 * html a.arrow { height: 1%; background-position: 0px 3px; }
/*-----*/
*:first-child+html a.arrow { background-position: 0px 4px; }

a.arrow-in {
	background-image: url(../resources/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 16px;
	min-height: 13px;
	display: inline-block;
}
/*----\*/
 * html a.arrow { height: 1%; background-position: 0px 3px; }
/*-----*/
*:first-child+html a.arrow { background-position: 0px 4px; }

.article a.selected { color: #DDD; }

.imp { color: #D90000; }

hr {
	clear: both;
	height: 1px;
	border-top: 1px solid #DDD;
	margin: 12px 0;
	text-align: center;
	width: 100%;
}
ul { list-style: none; }
ol {
	padding-left: 25px;
	margin-bottom: 1.75em;
}
blockquote { margin: 0 18px; }
iframe { border: none; }


* html div#wrapper{
    height:100%;
}
#wrapper {
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
	position: relative;

}
body > #wrapper {
	height: auto;
}
/*\*//*/
html { width: auto; height: auto; }
/**/

.txtSmall { font-size: x-small; display: inline-block; line-height: 1.5; }
*:first-child+html .txtSmall { font-size: 83.3%; }
.txtCenter { text-align: center; }
.txtRight { text-align: right; }

.txtSmall a.arrow {
	background-image:url(../resources/arrow_path.gif);
	background-position: 0px 3px;
	padding-left: 13px;
}

table.tblBasis {
	border-collapse: collapse;
	border-left: 0px solid #FFF;
	border-right: 0px solid #FFF;
	background-color: #FFF;
	margin-bottom: 12px;
} table.tblBasis th {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	text-align: center;
	padding: 0.25em 0.4em;
	font-weight: normal;
	background: #DDD;
	vertical-align: top;
} table.tblBasis td {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	padding: 0.25em 0.4em;
	vertical-align: top;
} table.tblBasis caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 0.35em;
	padding-left: 3px;
} table.tblBasis p {
	margin-bottom: 0;
}


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

#header {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	display: block;
	text-align: left;
	position: relative;
}

h1 {
	position: relative;
	width: 229px;
	height: 59px;
	float: left;
	position: relative;
	top: 29px;
	left: 0px;
} h1 a {
	width: 229px;
	height: 59px;
	display: block;
	text-indent: -5000px;
	font-size: 10px;
	line-height: 100%;
	text-decoration: none;
	background-image: url(../resources/logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
}

#gNav {
	width: 690px;
	height: 40px;
	background: url(../resources/gnav.png) no-repeat;
	position: relative;
	float: right;
	top: 46px;
	right: 0px;
	display: block;
} #gNav li {
	display: inline;
	list-style-type: none;
} #gNav li a {
	height: 42px;
	display: block;
	float: left;
	text-indent: -5000px;
	text-decoration: none;
	overflow: hidden;
}
#gNav li#gNav00 a { width: 42px; background: url(../resources/gnav.png) no-repeat 0px 0px; }
#gNav li#gNav01 a { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -54px 0px; }
#gNav li#gNav02 a { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -162px 0px; }
#gNav li#gNav03 a { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -270px 0px; }
#gNav li#gNav04 a { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -378px 0px; }
#gNav li#gNav05 a { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -486px 0px; }
#gNav li#gNav06 a { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -594px 0px; }
#gNav li#gNav00 a:hover { width: 42px; background: url(../resources/gnav.png) no-repeat 0px -42px; }
#gNav li#gNav01 a:hover { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -54px -42px; }
#gNav li#gNav02 a:hover { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -162px -42px; }
#gNav li#gNav03 a:hover { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -270px -42px; }
#gNav li#gNav04 a:hover { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -378px -42px; }
#gNav li#gNav05 a:hover { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -486px -42px; }
#gNav li#gNav06 a:hover { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -594px -42px; }
#gNav li#gNav00 a.selected { width: 42px; background: url(../resources/gnav.png) no-repeat 0px -84px; }
#gNav li#gNav01 a.selected { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -54px -84px; }
#gNav li#gNav02 a.selected { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -162px -84px; }
#gNav li#gNav03 a.selected { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -270px -84px; }
#gNav li#gNav04 a.selected { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -378px -84px; }
#gNav li#gNav05 a.selected { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -486px -84px; }
#gNav li#gNav06 a.selected { margin-left: 12px; width: 96px; background: url(../resources/gnav.png) no-repeat -594px -84px; }


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




/* 	content bigin
-------------------------------------------------------------------------*/

.content {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	display: block;
	text-align: left;
	position: relative;
}
h2 {
	width: 100%;
	height: 39px;
	display: block;
	text-indent: -5000px;
	font-size: 10px;
	line-height: 100%;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 13px;
	overflow: hidden;
	line-height: 1;
	margin: 0; padding: 0;
}
h2#idx00 { background-image: url(../resources/h2_news.png); }
h2#idx01 { background-image: url(../resources/h2_about.png); }
h2#idx02 { background-image: url(../resources/h2_user.png); }
h2#idx03 { background-image: url(../resources/h2_material.png); }
h2#idx04 { background-image: url(../resources/h2_support.png); }
h2#idx05 { background-image: url(../resources/h2_contact.png); }
h2#idx06 { background-image: url(../resources/h2_link.png); }

h3 {
	font-size: 104%;
	margin-bottom: 11px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 9px;
	line-height: 1;
	clear: both;
}

.main {
	width: 636px;
	margin: 0;
	padding: 0;
	display: block;
	text-align: left;
	position: relative;
	padding-bottom: 0em;
	float: left;
}
 
.extra {
	width: 312px;
	margin: 0;
	display: block;
	text-align: left;
	position: relative;
	float: right;
	color: #999;
}

.column {
	width: 474px;
	margin: 39px 0 12px 0;
	padding: 0;
	display: block;
	text-align: left;
	position: relative;
	float: right;
}



.column .extra {
	float: left;
	height: 258px;
	background-image: url(../resources/about_cmtel_bg.jpg);
	background-repeat: no-repeat;
	background-position: right 140px;
}
.column .sidebar {
	width: 150px;
	min-height: 258px;
	margin: 0;
	position: relative;
	float: right;
	line-height: 1;
} .column .sidebar img {
	vertical-align: top;
}

.article {
	margin: 0 0 12px 0; padding: 11px;
	clear: both;
	border: 1px solid #DDD;
	background-color: #FFF;
}
.main .article { width: 612px; }
.extra .article { width: 288px; }
.news {
	margin: 0 0 12px 0; padding: 11px;
	clear: both;
	border: 1px solid #DDD;
	background-color: #FFF;
	width: 450px;
	height: 235px;
	overflow: auto;
}
.news dl {
	/*Hides from MAC-IE\*/
	clear: both;
	/**/
	border-bottom: 1px dotted #DDD;
	margin-bottom: 6px;
}
.news dt {
	float: left;
	width: 75px;
	text-align: left;
	font-size: 8.5pt;
	font-weight: normal;
	color: #999;
	line-height: 2;
	/*Hides from MAC-IE\*/
	overflow: hidden;
	/**/
	white-space: nowrap;
	clear: left;
}
.news dd {
	width: 350px;
	float: none;
	margin-left: 80px;
	clear: right;
} .news dd a {
	display: block;
}

#newslink {
	width: 58px;
	height: 16px;
	position: absolute;
	top: 12px;
	left: 416px;
} #newslink li {
	float: left;
} #newslink li#nl01 {
	width: 36px;
} #newslink li#nl02 {
	width: 16px;
	margin-left: 6px;
}
*:first-child+html #newslink { top: 11px; } 


.article p { margin: 0 0 1.75em 0; padding: 0;
	width: inherit; }
.article p.noMargin { margin: 0; }
.note p { margin: 0; padding: 0; }

.article ul {
	padding-left: 25px;
	list-style: disc;
	margin-bottom: 1.75em;
}

.articlePicture {
	float: right;
	margin-left: 12px;
	/*\*//*/
	width: 300px;
	/**/
} .articlePictureL {
	float: left;
	margin-left: 12px;
	/*\*//*/
	width: 300px;
	/**/
}

.picture p {
	float: left;
	margin-top: 0px;
	margin-bottom: 12px;
	margin-right: 12px;
}
.picture p a {
	border: 1px solid #DDD;
	display: block;
} .picture p a:hover {
	border: 1px solid #FF6600;
}
.picture p.last {
	float: right;
	margin-right: 0;
	clear: right;
}

.extra h3 {
	font-size: 114%;
	margin-bottom: 12px;
	color: #666;
}

.extra .article {
	background-color: #F5F5F0;
}


.w474 { width: 474px; }
.col2L {
	width: 45%;
	float: left;
	position: relative;
}
.col2R {
	width: 45%;
	float: right;
	position: relative;
}

/* 	                                                          content end
-------------------------------------------------------------------------*/





/* 	footer bigin
-------------------------------------------------------------------------*/

#footer {
	width: 960px;
	display: block;
	text-align: center;
	position: relative;
	margin: 0 0 12px 0;
}
#footer #fNav {
	width: 398px;
	margin: 0;
	display: block;
	text-align: left;
	position: relative;
	float: left;
	background-color: #EEEEE8;
	border: 1px solid #DDD;
	padding: 10px;
} #footer #fNav ul {
	width: 130px;
	float: left;
	margin: 0px;
} #footer #fNav ul#oNav {
	width: 120px;
	float: left;
	padding-left: 18px;
	background-image: url(../resources/bg_fnav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#footer #fCont {
	width: 528px;
	margin: 0;
	display: block;
	text-align: left;
	position: relative;
	float: right;
} #footer #fCont p {
	margin: 0;
	padding: 0;
}
	
#footer #add {
	width: 182px;
	margin: 0;
	display: block;
	text-align: left;
	position: relative;
	float: left;
	border: 1px solid #DDD;
	background-color: #EEEEE8;
	padding: 10px;
	color: #999;
}
	
#footer #copyright {
	width: 290px;
	display: block;
	text-align: left;
	position: relative;
	float: right;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	border: 1px solid #DDD;
	background-color: #EEEEE8;
	padding: 10px;
	color: #999;
}

#footer #gotoTop {
	width: 100%;
	padding: 0;
	display: none;
	font-family:Arial, Helvetica, sans-serif;
} #footer #gotoTop a {
	display: block;
} #footer #gotoTop a:hover {
	background-color: #DDDDDD;
	color: #FFF;
}
/*	                                                           footer end
-------------------------------------------------------------------------*/

#taulogo {
	position: relative;
	width: 150px;
	height: 23px;
	float: left;
	position: absolute;
	top: 0px;
	right: 0px;
} #taulogo a {
	width: 150px;
	height: 23px;
	display: block;
	text-indent: -5000px;
	font-size: 10px;
	line-height: 1;
	text-decoration: none;
	background-image: url(../resources/tau_logo.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
}

.content:after, .main:after, .extra:after, .article:after, #footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.content, .main, .extra, .article, #footer { display: inline-block; }
/*----\*/
 * html .content, * html .main, * html .extra, * html .article, * html #footer { height: 1%; display:block; } 
/*-----*/

iframe {
	border: none;
}

form.contactForm { 
	width: 610px;
}
form.contactForm div {
	width: 610px;
	clear: both;
	margin: 0 0 12px 0;
	display: block;
	background-color: #EBEBEB;
	padding: 6px 0 6px 0;
	position: relative;
} form.contactForm label {
	width: 124px;
	float: right;
	text-align: left;
	padding-top: 2px;
} form.contactForm label span {
	color: #D90000;
}
form.contactForm input, textarea {
	width: 442px;
	float: left;
	border: 1px solid #CCC;
	padding: 3px;
	margin-left: 6px;
} form.contactForm textarea {
	height: 150px;
} form.contactForm input.submit {
	width: 150px;
	background-color: #EBEBEB;
	clear: both;
	display: block;
}
form.contactForm  div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
form.contactForm  div { display: inline-block; }
/*----\*/
 * html form.contactForm div { height: 1%; display:block; } 
/*-----*/


.contentDisable {
	display: none;
}