@charset "utf-8";
/* CSS Document */

/* title ----------*/

.index {
	text-indent:-1000px;
	background-image:url(../img/logo_tis.gif);
	background-repeat:no-repeat;
	width:402px;
	height:38px;
	overflow:hidden;
	} 


/* catch------------------------*/

#catch {
	clear:both;
	width:920px;
	height:345px;
	margin:0px;
	font-size:12px;
	}
	
#catch .left{
	float:left;
	width:457px;
	height:175px;
	margin-top:10px;
	}

#catch .right{
	float:right;
	width:457px;
	height:175px;
	margin-top:10px;
	}
	
#catch .left .coment{
	padding:21px 237px 0px 20px;
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
	line-height:180%;
	color:#666666;
	text-align:left;
	}

#catch .right .coment{
	padding:21px 28px 0px 212px;
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	font-size:80%;
	line-height:180%;
	color:#466284;
	text-align:right;
	}


/* news closeup ------------------------*/

#newscloseup{
	clear:both;
	width:920px;
	margin:0px 0 0 0;
	text-align:left;
	}

/* news ------------------------*/

#newscloseup .news{
	float:left;
	width:560px;
	height:464px;
	border:1px solid #DDDDDD;
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	color:#333333;
	background-image:url(../img/bg_news.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

*html #newscloseup .news{
	height:474px;
	}
*:first-child+html #newscloseup .news{
	height:474px;
	}

#newscloseup .news img{
	margin:0 0 0 10px;
	border:none;
	}

#newscloseup .ttl {
	width:556px;
	height:24px;
	}

#newscloseup .ttlmain {
	float:left;
	width:180px;
	text-align:left;
	margin:7px 0px 0px 10px;
	}

*html body div#newscloseup .ttlmain {
	float:left;
	width:180px;
	text-align:left;
	margin:7px 0px 0px 5px;
	}

#newscloseup .ttllist {
	float:right;
	width:40px;
	text-align:right;
	margin:5px 10px 0px 0px;
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	}

*html body div#newscloseup .ttllist {
	float:right;
	width:40px;
	text-align:right;
	margin:5px 5px 0px 0px;
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	}

.news ul {
	list-style-type:none;
	padding:0px;
	margin:15px 0px 5px 0px;
	}

.news li {
	display:block;
	width:540px;
	margin:7px 10px 7px 10px;
	padding-bottom:6px;
	border-bottom:1px dotted #666666;
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:160%;
	color:#333333;
	}

* html .news li {
	display:block;
	width:540px;
	margin:5px 5px;
	padding-bottom:3px;
	border-bottom:1px dotted #666666;
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:170%;
	color:#333333;
	}

/* close up ------------------------*/

#newscloseup .closeup{
	float:right;
	width:345px;
	height:464px;
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	line-height:160%;
	}	

*html body#newscloseup .closeup{
	height:474px;
	}	

.closeup ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	}

.closeup li {
	display:block;
	width:345px;
	margin:0px 0px;
	padding-bottom:3px;
	}

.baner-bottom {
	width:345px;
	padding-bottom:0px;
	}


/* certificate ------------------------*/

#certificate{
	float:left;
	width:920px;
	margin:20px 0px 0px 0px;
	text-align:left;
	border:1px solid #DDDDDD;
	background-color:#FFFFFF;
	padding:10px 0px;
	text-align:center;
	overflow:hidden;
	}

#certificate:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #certificate {
    height: 1em;
    overflow: visible;
}
/**/


#certificate .content{
	float:left;
	width:840px;
	margin:10px 40px 10px 40px;
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#666666;
	line-height:120%;
	}

*html body div#certificate .content{
	float:left;
	width:840px;
	margin:10px 20px 10px 20px;
	}

#certificate .left {
	float:left;
	width:210px;
	text-align:left;
	}

#certificate .right {
	float:right;
	width:560px;
	text-align:left;
	}

#certificate .right .left {
	float:left;
	width:280px;
	text-align:left;
	}

#certificate .right .right {
	float:right;
	width:210px;
	text-align:left;
	}

