@charset "utf-8";
/* *****************************************************
*   base css
*   Since:2009-02-28
*   Editor:noriko kaminaga
***************************************************** */


/* style reset
---------------------------------------------------- */
html,body { margin: 0; padding: 0; height: 100%; }
h1,h2,h3,h4,h5,h6,p,em,address {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}

dl,dt,dd,ul,ol,li {margin: 0;padding: 0;list-style: none;font-weight: normal;}
img {background: transparent;}
table,a img {border: none;}

em{visibility: hidden;}


/* tags define
---------------------------------------------------- */
html>/**/body { overflow:-moz-scrollbars-vertical; } /* for firefox scroll area show */

html:first-child body {
	min-height: 100%;
	padding-bottom: 1px;
}	/* for opera scroll area show */

body {
	color: #666666;
	line-height: 1.5em;
	background-color: #F4FCF1;
	background-image: url(img/bk_top.jpg);
	background-repeat: repeat-x;
}

a {
	/*\*/
   overflow: hidden;
	/**/
}	/* for firefox */

table { empty-cells: show; border-collapse: collapse; border-spacing: 0; }
table caption { text-align: left; }


/* font family setting and body tag define
---------------------------------------------------- */
body {
	font-size: 100%;
	font-family: Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center; /* for win ie */
}

* html body {
	font-size: 75%;
	font-family: Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	vertical-align:baseline;
} /* for win ie6 */

*:first-child+html body {
	font-size: 75%;
	font-family: Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
} /* for win ie7 */

html>body {
	font-size: 12px;
	font-family: Hiragino Kaku Gothic Pro W3, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
} /* for mac safari firefox */




/* clear
---------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    line-height:0; 
    visibility: hidden;
}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}
.clr{clear:both;}



/* link
---------------------------------------------------- */
a {color: #3399CC;text-decoration: none;}
a:hover {color: #59BFD9; text-decoration: underline;}
a:active {color: #59BFD9; text-decoration: underline;}


/* margin padding
---------------------------------------------------- */
.mb5  { margin-bottom: 5px !important; }
.mb10  { margin-bottom: 10px !important; }
.mb15  { margin-bottom: 15px !important; }
.mb20  { margin-bottom: 20px !important; }
.mb30  { margin-bottom: 30px !important; }
.mb40  { margin-bottom: 40px !important; }


/* font
---------------------------------------------------- */
.colRedBld{ color: #D51708;font-weight: bold;}
.colBlack{color: #000000;}
.colLightblue{color: #0DCCCC;}
.txt130{ font-size:1.3em;font-weight:bold;}


/* 背景つきボックス
---------------------------------------------------- */
.bgWhite{
	background-color: #FFFFFF;
	padding: 8px;
	border: 1px dotted #999999;
}



/* structure
---------------------------------------------------- */
#container {position: relative;width: 800px;margin: 0 auto;text-align: left;}

#header {
	height: 42px;
	margin:5px 15px 5px 10px;
}
#header h1{float:left;}
#header #headnavi{float:right;}


#headnavi{margin-bottom:20px;text-align:center;}

#mainimage{text-align:center;margin-bottom:7px;}

#wrapper1{}
#wrapper1 #sidebar1{float:right;}
#wrapper1 #sidebar1 h4{height: 30px;width: 200px;background: url(img/tt_supported.jpg) no-repeat left top;}
#wrapper1 #sidebar1 img{
	display:block;
	margin-bottom:8px;
	border: 1px solid #999999;
}

#wrapper2{float:left;width:580px;}

#wrapper2 #sidebar2{float:left;}
#sidebar2 h2{height: 30px;width: 200px;background: url(img/tt_archive.jpg) no-repeat left top;}
#sidebar2 dl{border-bottom: 1px dotted #666666;margin-bottom:20px;padding-bottom:15px;}
#sidebar2 dt{
	margin-left:8px;
	padding-left:18px;
	background-image: url(img/icon_red.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
#sidebar2 dd{margin-left:38px;}
#sidebar2 a{color:#3366CC;}




#wrapper3{float:right;}
#wrapper3 h3{height: 30px;width: 370px;background: url(img/tt_news.jpg) no-repeat left top;}
#wrapper3 h4{height: 30px;width: 370px;background: url(img/tt_concept.jpg) no-repeat left top}
#wrapper3 h4.press{height: 30px;width: 370px;background: url(img/tt_press.jpg) no-repeat left top}
#wrapper3 p{line-height:1.6em;margin-left:5px;margin-right:5px;width:360px;}
#wrapper3 p.pressnews{
	margin-top:25px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}

#wrapper3 #blognews{width: 370px;margin-bottom: 20px;}
#wrapper3 .newsset {
	margin-bottom:15px;width: 360px;
	padding-bottom: 2px;padding-left:3px;
	border-bottom: 1px dotted #666666;
}
#wrapper3 .newstt{
	font-weight: bold;color: #FF6600;	
	background: url(img/icon_orange.gif) no-repeat left center;
	padding-left: 15px;
}
#wrapper3 .newstt a{font-weight: bold;color: #FF6600;}
#wrapper3 .newslead{line-height: 1.2em;}
#wrapper3 .newsdate{font-weight: bold;color: #0099FF;}





#footer {
	background-color: #D51708;
	height: 19px;
	padding-right: 5px;
	padding-bottom: 5px;
} 
#footer p {
	padding: 3px 0;color: #FFFFFF;text-align: right;
}