@charset "utf-8";

/*-----------------------------------------------------
/* Toshiba Living Door
/* Q&A StyleSheet */
/* CopyRight Syngram Co., Ltd. 
	 Last Update 2009-02-26

	  1. Common Module
		2. 1st page
		3. 2nd page
		4. 3rd page
	
------------------------------------------------------*/
/*-----------------------------------------------------
 1. Common Module
------------------------------------------------------*/
#mainArea {
	width: 750px;
	font-size: 84%;
	margin:7px 0 0;
	padding:0;
}

#mainArea h1.h1left {
	margin-bottom: 10px;
	margin-top: 0px;
}
#mainArea h1.long {
	margin-bottom: 18px;
}
#mainArea h2.item {
	font-weight: bold;
}
#mainArea h2.item span{
	font-weight: normal;
}
#mainArea h2.h2green {
	font-weight: bold;
	color: #4B9562;
}

#mainArea ul li {
	list-style: none;
	margin-left:0;
	padding-left:0;
}

#mainArea .leftArea .subnavi {
	margin-bottom: 10px;
}
#mainArea .leftArea .bannerArea a{
	margin-bottom: 10px;
	overflow: hidden;
}

#mainArea .rightArea .graybox {
	background-color:#E7E7E7;
	/*border: 1px solid #CCCCCC;*/
	margin: 0px;
	padding: 8px 9px;
}
#mainArea .rightArea .graybox h2 {
	margin: 0px 0px 7px;
}
#mainArea .rightArea .graybox ul {
	margin: 0px;
	padding: 0px;
}

#mainArea .rightArea table td.left{
	text-align:left;
}
#mainArea .rightArea table td.right{
	text-align:right;
}

#mainArea .rightArea .btm20 {
	margin-bottom: 20px;
}
#mainArea .section {
	margin-bottom: 30px;
	clear: both;
}

#mainArea .icon {
	/*margin-right: 9px;*/
	vertical-align: middle;
}
#mainArea .icon_top {
	vertical-align: top;
}
#mainArea .icon_text {
	margin-right: 5px;
}
#mainArea img.arrowmargin {
	margin-right: 3px;
	text-decoration: none;
}

/** reset module **/
hr.clear {
	clear: both;
	height: 1%;
	visibility: hidden;
}
.clearfix:after {
	clear:both;
	content: ".";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix { display:inline-block; }

/*-----------------------------------------------------
 2. 1st page
------------------------------------------------------*/
/*#mainArea .searchArea {
	width: 674px;
}*/
#mainArea .topBox {
	margin-bottom: 30px;
	overflow: hidden;
}
#mainArea .leftArea {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
#mainArea .rightArea {
	float: right;
	width: 530px;
	margin: 0px;
	padding: 0px;
}

#mainArea .topBox .rightArea .toplink {
	width: 100%;
	margin-bottom: 10px;
}
#mainArea .topBox .rightArea .toplink td {
	background-color:#E7E7E7;
	text-align: left;
	vertical-align: top;
	/*border: 1px solid #CCCCCC;*/
	width: 261px;
	padding: 8px 5px;
}
#mainArea .topBox .rightArea .toplink h2.h2green {
	margin-top: 0px;
	margin-bottom: 7px;
}
#mainArea .topBox .rightArea .toplink ul {
	margin: 0px;
	padding: 0px;
}
#mainArea .topBox .rightArea .toplink .info {
	line-height:1.3;
	margin-top:0;
}
#mainArea .topBox .rightArea .toplink .info span{
	font-size: 78%;
	margin-left: 1em;
}
#mainArea .topBox .rightArea .toplink .info a{
	text-decoration:none; 
}

#mainArea .rightArea .advice li{
	font-size: 78%;
	margin: 0px 0px 0.2em 1em;
}
#mainArea .rightArea .advice li img{
	vertical-align:middle;
	margin-right: 5px;
	margin-bottom: 5px;

}

/** tab text color **/
#mainArea .rightArea .advice .all span{
	color:#000000;
}
#mainArea .rightArea .advice .choose span{
	color:#993366;
}
#mainArea .rightArea .advice .use span{
	color:#4272FF;
}
#mainArea .rightArea .advice .setting span{
	color:#AE6C1C;
}
#mainArea .rightArea .advice .maintenance span{
	color:#557113;
}
#mainArea .rightArea .advice .trouble span{
	color:#FF0000;
}
#mainArea .rightArea .advice .hint span{
	color:#0088B5;
}
#mainArea .rightArea .advice a{
	text-decoration:none;
}




#mainArea .topBox .rightArea .toptext {
	width: 100%;
	margin-bottom: 20px;
}
#mainArea .topBox .rightArea .toptext td{
	border-bottom: 1px dotted #999999;
	padding-bottom: 8px;
}
#mainArea .topBox .rightArea .toptext td a{
	text-decoration:none;
}
#mainArea .rightArea .categoryTable {
	margin-bottom: 10px;
}
#mainArea .rightArea .categoryTable th {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: bottom;
}
#mainArea .rightArea .categoryTable th img {
	vertical-align: bottom;
}
#mainArea .rightArea .th1 {
	width: 27px;
}
#mainArea .rightArea .th2 {
	width: 29px;
}
#mainArea .rightArea .th3 {
	width: 28px;
}
#mainArea .rightArea .categoryTable td {
	vertical-align: bottom;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 2px;
}
a.topicons{
	color: #666666;
	text-decoration: none;
}
a.topicons:visited{
	color: #666666;
	text-decoration: none;
}
a.topicons:hover{
	color: #ff0000;
	text-decoration: underline;
}
#mainArea .rightArea .categoryTable .cap {
	font-size: 78%
}

#mainArea .rightArea .categoryTable td.line {
	width: 1px;
}
#mainArea .bottomBox h2.h2green {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 5px;
	clear: both;
	margin-bottom: 7px;
}

#mainArea .bottomBox {
	clear: both;
}
#mainArea .bottomBox .bottominfo {
	margin: 0px 0px 30px 30px;
	width: 720px;
}
#mainArea .bottomBox .bottominfo td{
	width: 50%;
	border-bottom: 1px dotted #999999;
	margin: 0;
	padding: 1em 0;
}
#mainArea .bottomBox .bottomContents .info li {
	float: left;
	margin-right: 1em;
	padding-bottom: 1em;
	padding-top: 1em;
}
#mainArea .bottomBox .bottominfo a {
	text-decoration: none;
}



/*-----------------------------------------------------
 3. 2nd page
------------------------------------------------------*/

#mainArea .topBox .rightArea .toplink .space {
	width: 4px;
	border-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
#mainArea .leftArea .linknavi {
	margin: 0px 0px 18px;
	padding: 0px;
	width: 200px;
}
#mainArea .leftArea .linknavi form{
	display: block;
	margin: 0px;
	padding: 0px;
}
#mainArea .leftArea .linknavi .selected {
	background-color: #C7E5BD;
	font-weight: bold;
	padding: 8px;
}
#mainArea .leftArea .linknavi li {
	padding: 6px 6px 8px;
	border-bottom: 1px dotted #666666;
}

#mainArea .leftArea .linknavi .cap {
	margin-left:1em;
}

#mainArea .rightArea .titleBox {
	margin-bottom: 14px;
	width: 100%;
}
#mainArea .rightArea .titleBox td{
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
/** For Modern Browser **/
html>/**/body #mainArea .rightArea .titleBox td{
	vertical-align: middle;
}
#mainArea .rightArea .titleBox .h2category {
	font-size: 150%;
	font-weight: bold;
	color: #333333;
}
#mainArea .rightArea .titleBox .searchArea {
	text-align: right;
}

#mainArea .rightArea .survey {
	clear: both;
	margin-bottom: 20px;
	width: 100%;
}
#mainArea .rightArea .survey td {
	text-align: left;
}

/*#mainArea .rightArea .pageNavi {
	width: 100%;
}*/
#mainArea .rightArea .pageNavi {
	clear: both;
	background-color: #EBEBEB;
	padding: 7px 14px;
	width: 100%;
	margin: 0px 0px 20px;
}
#mainArea .rightArea .pageNavi .left {
	float: left;
}
#mainArea .rightArea .pageNavi .right {
	float: right;
}
#mainArea .rightArea .pageNavi .current {
	font-weight: bold;
}

#mainArea .rightArea .pageNavi a{
	text-decoration: none;
}
#mainArea .rightArea .pageNavi a:visited{
	color: #333366;
	text-decoration: none;
}
#mainArea .rightArea .pageNavi a:hover{
	color: #ff0000;
	text-decoration: none;
}
#mainArea .rightArea .pageNavi a span,
#mainArea .rightArea .pageNavi a:hover span{
	text-decoration: underline;
}
#mainArea .rightArea .pageNavi .rightmargin {
	margin-right: 27px;
}
#mainArea .rightArea .pageNavi .backlink{
	margin-right: 5px;
}
#mainArea .rightArea .pageNavi .nextlink{
	margin-left: 5px;
}

/** tab menu **/
#mainArea .rightArea .tabMenu {
	margin: 0px;
	padding: 0px;
}
#mainArea .rightArea .tabMenu ul{
	margin: 0px;
	padding: 0px;
}

#mainArea .rightArea .tabMenu ul li {
	height:27px;
	background-image: url(../img/tab_left.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	display:inline;
	float: left;
	text-align: center;
	white-space:nowrap;
	padding: 0px;
	margin: 0px 2px 1px 0px;
}
#mainArea .rightArea .tabMenu ul li a {
	min-height:27px;
	background: url(../img/tab_right.gif) no-repeat right 0;
	text-decoration:none;
	display: block;
	padding: 6px 8px 5px;
}
#mainArea .rightArea .tabMenu ul li img {
	vertical-align:middle;
	margin-right:3px;
}

#mainArea .rightArea .tabMenu ul li.current {
	background-image: url(../img/tab_left_current.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	float: left;
	text-align: center;
	margin-right: 2px;
	margin-bottom: 1px;
}
#mainArea .rightArea .tabMenu ul li.current div{
	min-height:27px;
	background: url(../img/tab_right_current.gif) no-repeat right 0;
	padding: 6px 8px 5px;
}

/** tab text color **/
#mainArea .rightArea .tabMenu .current span{
	font-weight: bold;
	margin-top: 2px;
}
#mainArea .rightArea .tabMenu .all span{
	color:#000000;
}
#mainArea .rightArea .tabMenu .choose span{
	color:#993366;
}
#mainArea .rightArea .tabMenu .use span{
	color:#4272FF;
}
#mainArea .rightArea .tabMenu .setting span{
	color:#AE6C1C;
}
#mainArea .rightArea .tabMenu .maintenance span{
	color:#557113;
}
#mainArea .rightArea .tabMenu .trouble span{
	color:#FF0000;
}
#mainArea .rightArea .tabMenu .hint span{
	color:#0088B5;
}

/** qalist **/
#mainArea .rightArea .question {
	width: 510px;
	margin: 0px 10px 20px;
	padding: 0px;
	clear: both;
}
#mainArea .rightArea .question td {
	border-bottom: 1px dotted #999999;
	padding: 6px 0px;
	vertical-align: top;
}
#mainArea .rightArea .question .text {
	padding-left: 6px;
}
#mainArea .rightArea .question .img {
	padding-left: 6px;
	width: 10px;
}
#mainArea .rightArea .question .text a {
	color: #000000;
	text-decoration: none;
}
#mainArea .rightArea .question .text a:visited{
	color: #333366;
	text-decoration: none;
}
#mainArea .rightArea .question .text a:hover{
	color: #ff0000;
	text-decoration: underline;
}
/*-----------------------------------------------------
 3. 3rd page
------------------------------------------------------*/
#mainArea #Contents {
	margin: 0px 17px;
}

#mainArea #Contents .question dt,
#mainArea #Contents .answer dt {
	width: 27px;
	float: left;
	clear: left;
}
#mainArea #Contents .question dd,
#mainArea #Contents .answer dd {
	margin-left: 36px;
	padding-top: 0.2em;
}
#mainArea #Contents .question dd p,
#mainArea #Contents .answer dd p{
	margin: 0px 0px 0.5em;
}

#mainArea #Contents .question dd {
	font-weight: bold;
	font-size:140%;
	color: #4B9562;
}
#mainArea #Contents .answer dd {
	font-size:110%;
	line-height: 1.3;
}
#mainArea #Contents .answer dd ul {
	margin: 0px;
	padding: 0px;
}
#mainArea #Contents .answer .pagelink {
	margin-bottom: 1em;
}

#mainArea #Contents .flashBox {
	height:auto;
	margin-bottom:20px;
	padding:10px 0;
	clear: both;
}

#mainArea .enqueteBox {
	background-color: #EFEFEF;
	border: 1px solid #999999;
	margin: 20px 38px;
	padding: 15px;
}
#mainArea .enqueteBox .title{
	color:#333333;
	font-weight:bold;
	border-bottom: 1px dotted #999999;
	margin: 0px 0px 8px;
	padding: 0px 0px 8px;
}
#mainArea #Contents .enqueteBox textarea {
	margin-bottom: 14px;
}

#mainArea #Contents h3.h3gray {
	font-size: 110%;
	font-weight: bold;
	color: #666666;
}
#mainArea #Contents .searchArea {
	margin: 0px 37px 46px;
	border-top: 1px solid #999999;
	padding-top: 23px;
}

/** flashplayer download **/
.flashBanner {
	width:100%;
	margin-bottom: 10px;
}
.flashBanner p {
	float:left;
	font-size: 84%;
}
.flashBanner img { margin-left:15px; }

// 色
.txt-333333 { color: #333333 }
.txt-666666 { color: #666666 }
.txt-ff0000 { color: #FF0000 }
.txt-ffffff { color:#FFFFFF }