/*
<http://www.tandy.co.jp/_css/default.css> a :cssstylesheet;
:title "TandY Design Corporation web-site stylesheet";
:shortdesc "common stylesheet for xhtml pages of this site";
:created "2008-12-01";
:release [:revision "1.01"; :created "2008-12-08";]
:author [:name "TandY Design Corporation" ];
:license <> .
*/

/* ==================================================== */
/* @global structure
------------------------------------------------------- */
/* docoment body */
*{margin: 0; padding: 0;}

body {background-color: #ccc;
background-image: url(bg01.gif);
text-align: center;
}
a{color: #006699;}
a:link{color: #006699;}
a:visited{color: #990099;}
a:hover{color: #006699;}

#wrap {width: 951px; margin: 7px auto; background-color: #fff;}
#header {width: 950px; height:80px; border-bottom: solid 1px #ccc; text-align: left;}
#globalnavi {width: 950px; height: 30px; text-align: left;}
#sidemenu {width: 175px; float: left;  text-align: left;}
#maincontents {width: 720px; padding: 10px; float:left; text-align: left; border-left: solid 1px #ccc;}
#subcontents {width: 182px; float:left; text-align: left;}

#footer {width: 100%; height:80px; clear: both; border-top: solid 1px #ccc; text-align: left;}

/* logo & title
------------------------------------------------------- */
#logo img {border: none;}
#logo {position: relative; float: left; margin: 30px 10px 10px 20px;}

/* utility navi
------------------------------------------------------- */
#utilitynavi {
position: relative;
float: right;
margin: 50px 20px 10px 10px;
font-size: 75%; color: #333;}


/* sub navi
------------------------------------------------------- */
#menu {
position: relative;
float: left;
margin: 20px 5px;
padding: 2px;
font-size: 80%;
line-height: 150%;
}
#menu ul {list-style-type: none;}
#menu ul li {}
#menu img {border: none;}


/* Attention
------------------------------------------------------- */
.att {color: red;}


/* ==================================================== */
/* Emphasis display
------------------------------------------------------- */
.comment{font-style: normal;
font-weight: bold; color: #CC0066;}

.comment2{font-style: normal;
font-weight: bold; color: #000000;}

/* @globalnavi
------------------------------------------------------- */
#tabs {font-size: 12px; background-color: #003399;}
#tabs ul{list-style: none; margin: 0px; padding: 7px 0;
border-bottom: 1px solid #CCC; font-weight: bold;
white-space: nowrap;}
#tabs ul li{display: inline; margin: 0 20px;}
#tabs a{text-decoration: none;padding: 0 0 3px; 
border-bottom: 4px solid #003399; color: #CCC;}
#tabs a#current{border-color: #FFF; color: #FFF;}
#tabs a:hover{border-color: #FFF; color: #FFF;}

/* @Contents Docoment
------------------------------------------------------- */
#doc {
margin: 5px 5px 5px 5px;
line-height: 130%;
background-color: #fff;
}
#doc h1{margin: 10px 0px 10px 0px; font-weight: 700; font-size:150%; color: #6666FF;}
#doc h2{margin: 10px 0px 10px 0px; font-size:120%; color: #6666FF;}
#doc h3{margin: 10px 0px 10px 0px;font-size:90%; color: #333;}
#doc p{font-size:80%; color: #333;}
#doc ul{margin: 0px; font-size: 80%;}
#doc ul li {list-style-type: square; margin: 0px 3px 0px 15px; padding: 5px 0;}

/* @News and Topics
------------------------------------------------------- */
#n_docs {
margin: 5px 5px 5px 5px;
line-height: 130%;
background-color: #fff;
height: 400px;
}
#n_docs h1{margin: 10px 0px 10px 0px; font-weight: 700; font-size:150%; color: #6666FF;}
#n_docs h2{margin: 10px 0px 10px 0px; font-size:120%; color: #6666FF;}
#n_docs h3{margin: 10px 0px 10px 0px;font-size:90%; color: #333;}
#n_docs p{font-size:80%; color: #333;}
#n_docs ul{margin: 0px; font-size: 80%;}
#n_docs ul li {list-style-type: square; margin: 0px 3px 0px 15px; padding: 5px 0;}

/* Company Information
------------------------------------------------------- */
/* Company Info table */
caption{text-align: left;}
table.nt {
margin-top: 10px;
width: 95%;
font-size: 80%;
line-height: 150%;
border: 1px #000000 solid;
}
td, th {
padding: 10px;
}
td.ttr{
width: 20%;
background-color: #CCCCFF;
}

td.ktr{
width: 20%;
background-color: #CCCCFF;
}

/* Images Class
------------------------------------------------------- */
img.left {margin:10px; padding: 10px; border: none; float: left;}
img.right {margin:10px; padding: 10px; border: none; float: right;}

/* br 
------------------------------------------------------- */
br.clear {clear:both;}

/* Page Index
------------------------------------------------------- */
.pp {margin: 10px 0px 20px 5px;
padding: 5px 0px;
border-bottom: solid 1px #ccc;
}

/*Message Box */
#mb {
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
padding: 5px;
}

/* @footer
------------------------------------------------------- */
address {margin: 10px; font-size: 9pt;}

#footer img{margin: 5px; border: none;}

/* Footer Information
------------------------------------------------------- */
#footerinfo {
position: relative;
float: right;
text-align: right;
line-height: 150%;
margin: 20px 20px 10px 10px;
font-size: 75%; color: #333;}

/* @maps for Google Maps API
------------------------------------------------------- */
#map {text-align: left; width: 600px; height: 600px;}
#map h1{font-size:100%;}
#map p{font-size:80%;}
#popup {margin: 0 auto; background-color: #fff;}
#popup form{margin-top:20px;}


/* Download Contents
------------------------------------------------------- */
/* Download Contents table */
caption{text-align: left;}
table.dc {
margin-top: 10px;
width: 85%;
font-size: 70%;
line-height: 150%;
border: 1px #000000 solid;
}
thead.hd{background-color: #CCCCFF;
}
td, th {
padding: 10px;
}
td.head{
width: 20%;
background-color: #CCCCFF;
}

td.ktr{
width: 20%;
background-color: #CCCCFF;
}

p.pright{
	margin: 10px;
	text-align: right;
}