/*------------------------------------------
Tankentai common setting
------------------------------------------*/
body{
	background: url(../img/common/contener_bg.gif) repeat;
}

#container {
position:relative;
display:block;
width:980px;
margin:0 auto;
background-image:url(../img/common/contener_bg.gif) repeat;
}

.main {
clear:both;
position:relative;
display:block;
margin:0 auto;
width:980px;
}

.ts-flash, .main_title{margin:0 auto 12px auto; width:945px;}

.main h2 span{ display:none;}


/*------------------------------------------
global header
------------------------------------------*/

#global-hdr{
background:#FFF;
}



/*------------------------------------------
Decoration
------------------------------------------*/
a:link,
a:visited {color:#ff6600; text-decoration:none;}
a:hover,
a:active {color:#ff3300; text-decoration:none;}

a img {border-bottom:0;}

.footprint {
font-size:10px; 
line-height:160%;
color:#666666;
}
.footprint a:hover,
.footprint a:active { border-bottom:1px dotted #ff4000;}

.pagetop {
text-align:right;
padding:18px 0 14px 0;
font-size:10px; 
line-height:160%;
color:#999999;
background:#ffffff;
}
.pagetop a:link,
.pagetop a:visited {color:#999999; text-decoration:none;}
.pagetop a:hover,
.pagetop a:active {color:#000000; text-decoration:none;}


/*------------------------------------------
contents head
------------------------------------------*/
#contents_head{
	clear: both;
	width:900px;
	margin:auto;
}

#contents_head img{border:none;}

#contents_head .tanken{
	float:right;
}

#contents_head .tanken span{
	display:none;
}




/*------------------------------------------
contents footer link
------------------------------------------*/

#contents_footer{
	clear: both;
	position:relative;
	display:block;
	width:900px;
	margin:25px auto 15px auto;
	font-size:11px;
	line-height:125%;
	background-image:url(../img/common/contener_bg.gif);
}

#contents_footer a, .fotter_title{
	color:#ff6600;
	font-size:12px;
	line-height:125%;
}

#contents_footer img{border:none; margin-bottom:10px;}


#contents_footer ul{
	display: inline;
	width:205px;
	list-style-type:none;
	list-style-position:outside;
	float:left;
}

#contents_footer ul.dia{margin-left:15px;}
#contents_footer ul.lalan{margin-left:15px;}
#contents_footer ul.factory{margin-left:15px;}
#contents_footer ul.science{margin-left:15px;}



/*------------------------------------------
contents margin and padding setting
------------------------------------------*/

/* margin top */
.mt00{margin-top:0px;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}

/* margin left */
.ml05{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

/* margin left */
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}


/*------------------------------------------
contents float setting
------------------------------------------*/
.flo_left{float:left;}
.flo_right{float:right;}
.clear{clear:both;}
br.clear{clear:both; height:1%;}


/*------------------------------------------
contents navigation
------------------------------------------*/
#main_navi ul li{
	float: left;
	overflow: hidden;
	text-indent: -9999px;
}

#main_navi ul li.navi1,li.navi2,li.navi3{
	display: block;
	width:105px;
	height:110px;
}

#main_navi ul li.navi4,li.navi5{
	display: block;
	width:213px;
	height:110px;
	margin-left:15px;
}


#main_navi ul li.navi1 a{
	display: block;
	width:105px;
	height:110px;
	background-attachment: scroll;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

#main_navi ul li.navi2 a{
	display: block;
	width:105px;
	height:110px;
	background-attachment: scroll;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

#main_navi ul li.navi3 a{
	display: block;
	width:105px;
	height:110px;
	background-attachment: scroll;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}


#main_navi ul li.navi4 a{
	display: block;
	width:213px;
	height:110px;
	background-attachment: scroll;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

#main_navi ul li.navi5 a{
	display: block;
	width:213px;
	height:110px;
	background-attachment: scroll;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}


#main_navi ul li.arrow{
	display: block;
	width:72px;
	height:110px;
}


/* normal */
#main_navi{
	clear: both;
	position:relative;
	display:block;
	width:945px;
	height:110px;
	background-image:url(../img/common/indexlinebg.jpg);
	margin:0 auto;
}
/* no link */
#main_navi ul li.navi1 {background-image:url(../img/common/indexpage_01b.gif); background-position: 0 -110px;}
#main_navi ul li.navi2 {background-image:url(../img/common/indexpage_02b.gif); background-position: 0 -110px;}
#main_navi ul li.navi3 {background-image:url(../img/common/indexpage_03b.gif); background-position: 0 -110px;}
#main_navi ul li.navi4 {background-image:url(../img/common/small_factryb.gif); background-position: 0 -110px;}
#main_navi ul li.navi5 {background-image:url(../img/common/presentb.jpg); background-position: 0 -110px;}
#main_navi ul li.arrow{background-image:url(../img/common/indexarrow.gif);}

/* add link */
#main_navi ul li.navi1 a{background-image:url(../img/common/indexpage_01b.gif);}
#main_navi ul li.navi2 a{background-image:url(../img/common/indexpage_02b.gif);}
#main_navi ul li.navi3 a{background-image:url(../img/common/indexpage_03b.gif);}
#main_navi ul li.navi4 a{background-image:url(../img/common/small_factryb.gif);}
#main_navi ul li.navi5 a{background-image:url(../img/common/presentb.jpg);}

/* active */
#main_navi ul li.navi1 a:hover{background-position: 0 -110px; position:relative; top:0px;}
#main_navi ul li.navi2 a:hover{background-position: 0 -110px; position:relative; top:0px;}
#main_navi ul li.navi3 a:hover{background-position: 0 -110px; position:relative; top:0px;}
#main_navi ul li.navi4 a:hover{background-position: 0 -110px; position:relative; top:0px;}
#main_navi ul li.navi5 a:hover{background-position: 0 -110px; position:relative; top:0px;}

/* stay */
#main_navi.navi1 ul li.navi1 a{background-position: bottom left;}
#main_navi.navi2 ul li.navi2 a{background-position: bottom left;}
#main_navi.navi3 ul li.navi3 a{background-position: bottom left;}
#main_navi.navi4 ul li.navi4 a{background-position: bottom left;}
#main_navi.navi5 ul li.navi5 a{background-position: bottom left;}


/* contents pagelink navigation */
#contents_page_navi p{
	position:relative;
	overflow: hidden;
	text-indent: -9999px;
	left:700px; /* arrow position*/
}

#contents_page_navi p a{
	display: block;
	width:172px;
	height:30px;
	right:0;
	background-attachment: scroll;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

#contents_page_navi{
	clear: both;
	position: relative;
	width:900px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	z-index:300;
}

/* next page */
#contents_page_navi p.page_next a{width:112px; margin-left:70px; background: url(../img/common/nextb.gif);}
#contents_page_navi p.page_next a:hover{position:relative; width:112px; top:0px; background-position: 0 30px;}

#contents_page_navi p.page_back a{width:112px; margin-left:70px; background: url(../img/common/backb.gif);}
#contents_page_navi p.page_back a:hover{position:relative; top:0px; width:112px; background-position: 0 30px;}

#contents_page_navi p.page_return a{margin-left:10px; background: url(../img/common/returnb.gif);}
#contents_page_navi p.page_return a:hover{position:relative; top:0px; background-position: 0 30px;}

/* p2 link */



/*------------------------------------------
page base setting
------------------------------------------*/
#con01,#con02,#con03,#con04,#con05,#con06,#con07,#con08,#con09,#con10,#con11{
	clear:both;
	width:980px;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	font-size:12px;
	line-height:1.5;
	color:#000000;
}

.read{font-size:14px; color:#000000;}
.caption{font-size:10px; line-height:125%; color:#000000;}

/*------------------------------------------
page bg
------------------------------------------*/
#line_bg{
	background: url(../img/common/line_bg.gif) repeat-y;
}