@charset "utf-8";

/* ================================================
Taiki-sha
Cascading Style Sheets FILE
[003-technologies.css]
================================================ */

/* index
**************************************************/
body#technologies div#contents-full{
	margin: 20px 0 0 0;
}
/* tab-area */
div.tab-area-index {
	margin: 20px 5px 0 10px;
	padding-bottom:10px;
	background: url(../images/tabindex_bg15.gif) no-repeat 0 100%;
	_height:1%;
}
div.tab-area-index div.tab.tab1-on {
	background: url(../images/tabindex_bg10.gif) no-repeat top left;
}
div.tab-area-index div.tab.tab2-on {
	background: url(../images/tabindex_bg11.gif) no-repeat top left;
}
div.tab-area-index div.tab.tab3-on {
	background: url(../images/tabindex_bg18.gif) no-repeat top left;
}
div.tab-area-index div.tab ul li {
	float:left;
	width:278px;
	min-height:38px;
	_height:61px;
	font-size:100%;
	font-weight:bold;
	line-height:1.3;
	}
div.tab-area-index div.tab ul li.on {
	width:255px;
	_width:278px;
	padding:9px 10px 10px 13px;
	}
	div.tab-area-index div.tab ul li.last {
	width:274px;
	}
div.tab-area-index div.tab ul li.last-on {
	width:251px;
	_width:274px;
	padding:9px 10px 14px 13px;
	border-bottom:none;
	}
div.tab-area-index div.tab ul li p {
	line-height:1.3;
	}
div.tab-area-index div.tab ul li a {
	display:block;
	padding:9px 10px 9px 13px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	_height:1%;
	}
div.tab-area-index div.tab ul li.last a {
	padding-bottom:28px;
	padding-right: 15px;
	}
/* tab-contents */
div.tab-area-index div.tab-contents.tab1 {
	background:url(../images/tabindex_bg12.gif) no-repeat 0 0;
	_height:1%;
	}
div.tab-area-index div.tab-contents.tab2 {
	background:url(../images/tabindex_bg19.gif) no-repeat 0 0;
	_height:1%;
	}
div.tab-area-index div.tab-contents.tab3 {
	background:url(../images/tabindex_bg20.gif) no-repeat 0 0;
	_height:1%;
	}
div.tab-area-index div.tab-contents div.lead {
	padding:30px 24px 0 25px;
	}
div.tab-area-index div.tab-contents h2.design-h2 {
	margin:0 0 12px 0;
}
div.tab-area-index div.tab-contents p {
	margin:0 0 6px 0;
}
div.tab-area-index div.tab-contents p.listlink02 {
	float:right;
	margin:-15px 0 0 0;
	padding:0;
	font-size:70%;
}
div.tab-area-index div.tab-contents p.listlink02 a {
	background:transparent url(../icon/link_01.gif) no-repeat scroll 0 0.4em;
	padding:0 0 0 10px;
	_height:1%;
}
div.tab-area-index div.tab-contents div.link-box {
	width:810px;
	_width:auto;
		padding:0 15px 10px 10px;
	background:url(../images/tabindex_bg13.gif) repeat-y 0 0;
	_height:1%;
	}
div.tab-area-index div.tab-contents div.link-box.last {
	background:url(../images/tabindex_bg14.gif) no-repeat left bottom;
	_height:1%;
	}
div.tab-area-index div.tab-contents div.link-box div.col {
	float:left;
		border-top: 1px solid #cccccc;
		width:270px;
		margin: 0;
	}
div.tab-area-index div.tab-contents div.link-box div.col h3 {
	min-height:40px;
	_height:40px;
	margin:15px 15px 10px 15px;
	font-size:80%;
	font-weight:bold;
	}
div.tab-area-index div.tab-contents div.business-other div.col-box div.col h3 {
	margin:4px 5px 10px 7px;
	font-size:80%;
	font-weight:bold;
}
div.tab-area-index div.tab-contents div.link-box div.col h3 a,
div.tab-area-index div.tab-contents div.business-other div.col-box div.col h3 a {
	padding-left:15px;
	display: block;
	background:url(../icon/link_02.gif) no-repeat 0 0.2em;
	}
div.tab-area-index div.tab-contents div.link-box div.col img {
	float:left;
	margin:0 15px 0 15px;
	}
div.tab-area-index div.tab-contents div.link-box div.col p {
	float:left;
	width:130px;
	font-size: 79%;
	padding:0 0 0 1px;
	margin:0;
	}
	
div.tab-area-index div.tab-contents div.business-other {
	background:url(../images/tabindex_bg16.gif) no-repeat left top;
	_height:1%;
	}
div.tab-area-index div.tab-contents div.business-other div.col-box {
	background:url(../images/tabindex_bg17.gif) no-repeat left bottom;
	_height:1%;
	}
div.tab-area-index div.tab-contents div.business-other div.col-box div.col {
	width: 360px;
	float: left;
	margin: 0 0 0 7px;
	padding: 15px 20px 15px 25px;
	}
* html div.tab-area-index div.tab-contents div.business-other div.col-box div.col {
	width: 400px;
	}
div.tab-area-index div.tab-contents div.business-other div.col-box div.col p {
	padding-left:15px;
	display: block;
}

.illust-left {
float: left;
margin-right: 20px;
}
#business .section .imageCulumn {
	margin-left: 20px;
}

table.standard td img,table.standard03 td img {
margin: 5px 0;
}
table.standard td.v-center img.v-middle {
vertical-align: middle;
}
table.w225 {
width: 225px !important;
}
table.w580 {
width: 580px;
}
table.w570 {
width: 570px;
}
table.w560 {
width: 560px;
}
table.w550 {
width: 550px;
}
table.w540 {
width: 540px;
}

table.standard02 {
width: auto;
border: 0;
empty-cells: show;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
margin:15px 0 0;

}
table.standard02 caption {
padding: 0 0 5px 5px;
font-weight: bold;
}
table.standard02 td {
border: 0;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 3px 10px 3px 10px;
vertical-align: top;
background-color: #FFFFFF;
}
table.standard02 th {
padding: 3px 3px 3px 10px;
font-weight: bold;
background: #e9f1f7 url(../images/th_bg_01.gif) repeat-y left top;
color: #0B3D5D;
vertical-align: top;
border: 0;
border-bottom: 1px solid #ffffff;
}
table.standard02 th.end,table.standard02 td.end {
border-bottom: 1px solid #cccccc;
}
table.standard03 {
border: 0;
empty-cells: show;
margin: 15px 0 0;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
table.standard03 caption {
padding: 0 0 5px 5px;
font-weight: bold;
}
table.standard03 td {
border: 0;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 3px 10px 3px 10px;
vertical-align: top;
background-color: #FFFFFF;
}
table.standard03 td.highlight {
background:#FFCC99 none repeat scroll 0%;
}
table.standard03 th {
padding: 3px 3px 3px 10px;
font-weight: bold;
background: #e9f1f7;
color: #0B3D5D;
vertical-align: top;
border-right-width:1px;
border-bottom-width:1px;
border-bottom-color:#CCC;
border-right-color:#CCC;
border-style:none solid solid none;
}
table.standard03 th.al-middle {
vertical-align: middle;
}
table.standard03 th strong{
font-size: 120%;
}

table.standard03 th.sub {
font-size: 80%;
font-weight: bold;
background-color: #eeeeee;
background-image: none;
padding: 5px 5px 5px 10px;
border-bottom-color:#CCC;
border-right-color:#CCC;
border-style:none solid solid none;
border-width:0 1px 1px 0;

}


table.standard03 th.sub02 {
font-size: 80%;
background-color: #eeeeee;
background-image: none;
padding: 5px 5px 5px 10px;
border-bottom-color:#CCC;
border-right-color:#CCC;
border-style:none solid solid none;
border-width:0 1px 1px 0;
font-weight: normal;
color: #333333;
border-top-width: 0;
border-left-width: 0;
}

table.no02 {
border: 0;
empty-cells: show;
margin-top: 15px;
width: 580px;
}

table.no02 td {
border: 0;
padding: 5px;
font-size: 83%;
vertical-align: top;
}


img.kigou01 {
vertical-align: middle;
_vertical-align: bottom;

}
body#business ul.biz {
margin: 15px 0 0;
padding: 0 0 0 28px;
}
body#business ul.biz02 {
margin: 15px 0 0;
padding: 0 0 0 20px;
}
body#business div.section ul.biz03 {
padding: 0 0 0 47px;
}
body#business dl.default dt span {
font-size: 83%;
font-weight: normal;
}

body#business ol.under-h3 {
margin: 5px 0 0;
padding: 0 0 0 5px;
}

/* verystrong
************************************************************/
body#business .verystrong01 {
margin: 0;
padding: 0;
height: 5px;
width: 580px;
font-size: 0;
}
body#business .verystrong02 {
margin: 0;
padding: 0;
background: #abd5ee;
}
body#business .verystrong02 p {
margin: 0;
padding: 3px 8px 3px 8px;
font-weight: bold;
}
body#business .verystrong03 {
margin: 0;
padding: 0;
height: 5px;
width: 580px;
font-size: 0;
}


body#business .verystrong-ex {
width: 370px;
}

body#business .verystrong-ex .verystrong01 {
width: 370px;
}
body#business .verystrong-ex .verystrong02 {
margin: 0;
padding: 0;
background: #abd5ee;
}
body#business .verystrong-ex .verystrong02 p {
margin: 0;
padding: 3px 0 3px 8px;
font-weight: bold;
}
body#business .verystrong-ex .verystrong03 {
width: 370px;
}


/* FLASH
************************************************************/

body#business #flasharea {
border: 1px solid #CCCCCC;
width: 580px;
margin: 15px 0 0;
padding: 0;
}
body#business #flasharea #midashi {
padding: 0;
background: url(../images/line_04.gif) repeat-x bottom left;
text-align: left;
margin: 0 5px 4px 5px;
}
body#business #flasharea #midashi p {
padding: 5px 0 5px 15px;
background: url(../../technologies/images/arrow_lb.gif) no-repeat 0 0.95em;
margin: 3px 0 0 5px;
}
body#business #flasharea #movie {
padding: 0;
margin: 0 0 4px 5px;
width: 570px;
}

/* popup
************************************************************/

#container02 {
width: 650px;
padding: 0;
margin: 0 auto;
text-align: left;
}
#container02 h1 {
width: 640px;
}
#container02 p {
width: 620px;
}

#header02 {
width: 650px;
margin: 0;
padding: 0;
height: 50px;
}

#header02 #logo {
width: 100px;
margin: 10px 0 0 0;
padding: 0;
position: absolute;
}
#winclose {
float: right;
margin: 7px 15px 0 0;
padding: 0;
font-size: 70%;
}
#winclose a.close {
margin: 2px 0 2px 15px;
padding:0 0 0 15px;
_height:1%;
}

#footer02 {
height: 50px;
width: 650px;
margin: 0;
padding: 0;
clear: both;
}
#footer02 address {
padding: 2px 0 0 10px;
font-size: 12px;
color: #333333;
}

#footer-bottom02 {
float: right;
background: #E6E6E6;
margin: 16px 25px 0;
padding: 0;
}


table.popup {
width: 630px;
border: 0;
empty-cells: show;
margin: 15px 0 0 0;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

table.popup td {
padding: 3px 10px 3px 10px;
border: 0;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
text-align: center;
font-size: 70%;
}
table.popup td.txt-l{
text-align: left;
}
table.popup td.br,table.popup th.br{
border-right:1px solid #CCCCCC;
}
table.popup th {
padding: 5px 5px 5px 10px;
border: none;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #ffffff;
color: #FFFFFF;
background: none #53aade;
text-align: center;
font-size: 70%;
font-weight: bold;
}
table.popup th#sub {
padding: 5px 3px 5px 3px;
border: none;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #ffffff;
background: none #b5daef;
text-align: center;
color: #0B3D5D;
font-weight: normal;
}

table.popup th.r-th {
padding: 5px 3px 5px 3px;
border: none;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #cccccc;
background:none #999999;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
table.popup th.right-sub {
padding: 5px 3px 5px 5px;
border: none;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #cccccc;
background: none #eeeeee;
font-weight: normal;
color: #333333;
text-align: left;
}
table.popup th.end {
border-bottom: 1px solid #cccccc;
}
table.popup th.subend {
border-right: 1px solid #cccccc;
}

table.popup td.highlight,
table.popup th.highlight {
background:none #ffcc99;
}

/* tobira-link
************************************************************/
body#business table.tobira-link {
width: 570px;
padding: 0 0 0;
margin: 10px 0 0 5px;
}

body#business table.tobira-link02 {
width: 595px;
padding: 0 0 0;
margin: 10px 0 0 5px;
}
body#business table.tobira-link02 td{
font-size: 100%;
vertical-align: top;
border-top: 10px solid #FFFFFF;
width: 297px;
}
body#business table.tobira-link02 td.none {
background: none;
}
body#business table.tobira-link02 td dl {
width: 297px;
padding: 0;
margin: 0 0 10px 0;
list-style: none;
}

body#business table.tobira-link02 td dl dt {
padding: 0 15px 0 20px;
margin: 10px 0 0 12px;
font-size: 90%;
}
body#business table.tobira-link02 td dl dt.none {
background: none;
}
body#business table.tobira-link02 td dl dt span.note {
font-weight: bold;
}
body#business table.tobira-link02 td dl dd {
margin: 0 0 10px 32px;
padding: 0 15px 0 0;
}


body#business dl.default03 {
clear: none;
padding: 0;
margin: 15px 0 0 15px;
}

body#business dl.default03 dt {
_height: 1%;
margin:0;
padding: 0 0 5px 15px;
}

body#business dl.default03 dd {
margin: 0 0 0 0;
padding: 0 0 15px 15px;
}

/************** 2col **************/
body#business div.colleft280 {
float: left;
width: 280px;
margin: 0 10px 0 0;
}
body#business div.colright280 {
float: left;
width: 275px;
margin: 0;
padding: 0;
}

body#business div.colleft260 {
float: left;
width: 260px;
margin: 0 10px 0 0;
}
body#business div.colright300 {
float: left;
width: 290px;
margin: 0;
padding: 0;
}
body#business p.note02 {
font-size: 70%;
text-indent: -1em;
margin: 0 0 0 1em;
}
body#business table.flow{
margin: 10px 0 0;
padding: 0;
}
body#business table.flow th{
width: 100px;
font-weight: bold;
background: #abd5ee;
text-align: center;
padding: 5px;
}
body#business table.flow td{
padding: 5px 5px 5px 15px;
vertical-align: top;
margin: 0;
}
body#business table.flow td img{
padding: 0;
margin: 0 0 0 20px;
}

body#business #contents table.anchertable {
width:380px;
margin:15px 0 0 0;
border:1px solid #CCCCCC;
}

body#business #contents table.anchertable td.end{
padding:7px 5px 3px 25px;
}


/* expletiveArea in explanation */
#contents .explanation .right-img div.expletive2 {
	background: url(../images/expletive_bg03.gif) no-repeat left top;
	margin: 15px 0 0 0;
}
#contents .explanation .right-img div.expletive2 p{
	background: url(../images/expletive_bg04.gif) no-repeat left bottom;
	padding: 11px;
	font-weight: bold;
}

/* resultsarea
************************************************************/
body#business #contents div.resultsarea {
	background: transparent url(../images/sidenav_bg07.gif) repeat-x scroll left top;
	margin: 15px 0 0;
	padding: 10px 0 15px;
}
body#business #contents div.resultsarea p.c-results-read {
	font-size: 78%;
}


/* technologies table
************************************************************/
#contents table.technologies-list th {
	padding-left: 4px;
	padding-right: 4px;
	}
#contents table.technologies-list th.sub02 {
	padding-left: 2px;
	padding-right: 2px;
	font-size:70%;
	}
#contents table.technologies-list td {
	text-align: center;
	vertical-align: middle;
	}


/* Clear
************************************************************/

div.tab-area-index div.tab:after,
#contents expletive2:after,
div.tab-area-index div.tab-contents div.link-box:after,
div.tab-area-index div.business-other:after,
div.tab-area-index div.business-other div.col-box:after,
#business .section .imageCulumn:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div.tab-area-index div.tab,
#contents expletive2,
div.tab-area-index div.tab-contents div.link-box,
div.tab-area-index div.business-other,
div.tab-area-index div.business-other div.col-box,
#business .section .imageCulumn {
	display: inline-block;
}