@charset "utf-8";
/* CSS Document */


body {
    background-color: #ffffff;
    background-position: center;
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Osaka","メイリオ","ＭＳ Ｐゴシック"       ,Geneva,Arial,Verdana,sans-serif;
	text-align:center;
}

#container {
	width: 896px;
    margin: 0px auto;
    background-color: #ffffff;
	text-align:left;
}

/*\*/
*html #container {
    height: 1em;
    overflow: visible;
}
/**/
img {
    border: none;
}
#advertisement img {
    border: none;
	vertical-align:bottom;
}
.clear {
	display:block;
	height:1px;
	font-size:1px;
	clear:both;
}

#wrapper {
    width: 896px;
	height: auto;
	float: left;
	padding-top: 5px;
	padding-bottom: 30px;
}

#primary {
    width: 448px;
	height: auto;
	float: left;
	padding-left: 17px;
}

#primary2 {
    width:672px;
	height: auto;
	float: left;
	padding-left: 17px;
}
#primary3 {
    width: 448px;
	height: auto;
	float: left;
	padding-left: 17px;
	overflow:hidden;
}



#secondary {
    width: 207px;
	height: auto;
	float: left;
}
#secondary2 {
    width: 207px;
	height: auto;
	float: left;
	overflow:hidden;
}

#advertisement {
    width: 207px;
	height: auto;
	float: right;
}



/**********  header  **********/


.logo_space_english {
    width: 224px;
	height: auto;
	float: left;
	padding-top: 12px;
	padding-bottom: 12px;
}
h1{
    font-size:10px;
    float: right;
	color: #004b88;
}
h1 a{
    text-decoration:none;
}

.logo_space_japanese {
    width: 224px;
	height: auto;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bar_space {
    width: 896px;
	height: auto;
}

.banner_space {
    width: 896px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 20px;
}
.banner_space2 {
    width: 896px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 15px;
}

.cap1_space {
    width: 550px;
	height: auto;
	float: right;
	padding-top: 10px;
}

.cap1 {
	font-size: 12px;
	text-align: right;
}

.cap1 a{
    color: #004b88;
	text-decoration: none;
	text-align: right;
}

.cap1 a:hover{
	color: #8781bd;
	text-decoration: none;
	text-align: right;
}




/**********  button  **********/


ul{
padding:0px;
margin:0px;
}
li{
margin:0px;
list-style-type:none;
list-style-position:outside;
}


#button {
    width: 896px;
	height:auto;
	float: left;
	display: inline;
}

#button li{
	padding: 0px;
	float: left;
	list-style-type: none;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
}

li.home a{
    display: block;
	background-image: url(/assets/templates/tkd/images/kr/home_kr.jpg);
	width: 128px;
	height: 27px;
}

li.home a:hover{
    background-image: url(/assets/templates/tkd/images/kr/home2_kr.jpg);
}

li.rotary_joint a{
    display: block;
	background-image: url(/assets/templates/tkd/images/kr/rotary_joint_kr.jpg);
	width: 128px;
	height: 27px;
}

li.rotary_joint a:hover{
    background-image: url(/assets/templates/tkd/images/kr/rotary_joint2_kr.jpg);
}

li.swivel_joint a{
    display: block;
	background-image: url(/assets/templates/tkd/images/kr/swivel_joint_kr.jpg);
	width: 128px;
	height: 27px;
}

li.swivel_joint a:hover{
    background-image: url(/assets/templates/tkd/images/kr/swivel_joint2_kr.jpg);
}

li.other_products a{
    display: block;
	background-image: url(/assets/templates/tkd/images/kr/other_products_kr.jpg);
	width: 128px;
	height: 27px;
}

li.other_products a:hover{
    background-image: url(/assets/templates/tkd/images/kr/other_products2_kr.jpg);
}

li.support a{
    display: block;
	background-image: url(/assets/templates/tkd/images/kr/support_kr.jpg);
	width: 128px;
	height: 27px;
}

li.support a:hover{
    background-image: url(/assets/templates/tkd/images/kr/support2_kr.jpg);
}

li.company_info a{
    display: block;
	background-image: url(/assets/templates/tkd/images/kr/company_info_kr.jpg);
	width: 128px;
	height: 27px;
}

li.company_info a:hover{
    background-image: url(/assets/templates/tkd/images/kr/company_info2_kr.jpg);
}

li.inquiry a{
    display: block;
	background-image: url(/assets/templates/tkd/images/kr/inquiry_kr.jpg);
	width: 128px;
	height: 27px;
}

li.inquiry a:hover{
    background-image: url(/assets/templates/tkd/images/kr/inquiry2_kr.jpg);
}




/**********  img  **********/



.rotary_joint_top a{
    display: block;
    width: 207px;
	height: 32px;
	background-image: url(/assets/templates/tkd/images/kr/rotary_joint_top_kr.jpg);
	background-repeat: no-repeat;
}

.rotary_joint_top a:hover{
	background-image: url(/assets/templates/tkd/images/kr/rotary_joint_top2_kr.jpg);
}

.swivel_joint_top a{
    display: block;
    width: 207px;
	height: 32px;
	background-image: url(/assets/templates/tkd/images/kr/swivel_joint_top_kr.jpg);
	background-repeat: no-repeat;
}

.swivel_joint_top a:hover{
	background-image: url(/assets/templates/tkd/images/kr/swivel_joint_top2_kr.jpg);
}

.other_products a{
    display: block;
    width: 207px;
	height: 32px;
	background-image: url(/assets/templates/tkd/images/kr/other_products_top_kr.jpg);
	background-repeat: no-repeat;
} 

.other_products a:hover{
	background-image: url(/assets/templates/tkd/images/kr/other_products_top2_kr.jpg);
}

.customers_support {
    width: 185px;
	height: 27px;
	background-image: url(/assets/templates/tkd/images/global/customers_support.png);
	background-repeat: no-repeat;
	padding-bottom: 5px;
}

.info_box_rotary {
    width: 207px;
	height: 117px;
	background-image: url(/assets/templates/tkd/images/global/info_box_rotary.jpg);
	background-repeat: no-repeat;
}

.info_box_swivel {
    width: 207px;
	height: 51px;
	background-image: url(/assets/templates/tkd/images/global/info_box_swivel.jpg);
	background-repeat: no-repeat;
} 
              



/**********  contents  **********/


.list_box {
    width: 207px;
	height: auto;
	margin-top: 6px;
	margin-bottom: 10px;
}
.list_box8 {
    width: 207px;
	height: auto;
	margin-top: 6px;
	margin-bottom: 10px;
	overflow:hidden;
}

.products {
	
	background-color:#00b6eb;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;

}

.products a{
    display:block;/*ブロック要素にする*/
	width:177px;
	height: 23px;
	padding-left: 30px;
    color: #ffffff;
	text-decoration: none;
	padding-top: 4px;
	margin-top: 4px;
}

.products a:hover{

	background-color:#c7ddf3;
　　color: #004b88;
	text-decoration: none;
}

.support_box {
    width: 195px;
	height: auto;
	background-color: #ebebec;
	border-style: solid;
	border-width: 1px;
	border-color: #cdcfd0;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.support_box img{
	padding-left:5px;
	margin-top:10px;
}

.clear_box_support {
    width: 205px;
	height: 10px;
	text-align: center;
}




/**********  letter  **********/


.letter_support {
    font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding-top: 4px;
	padding-left: 40px;
	color: #004b88;
}

.letter_support a{
	color: #004b88;
	text-decoration: none;
}

.letter_support a:hover{
	color: #8781bd;
	text-decoration: none;
}



.letter_joint_info {
    font-size: 13px;
	font-weight: bold;
	text-align: left;
	line-height: 24px;
	padding-top: 11px;
	padding-left: 50px;
	color: #004b88;
}

.letter_joint_info a{
	color: #004b88;
	text-decoration: none;
}

.letter_joint_info a:hover{
	color: #8781bd;
	text-decoration: none;
}


.letter_s_joint_info {
    font-size: 13px;
	font-weight: bold;
	text-align: left;
	line-height: 24px;
	padding-top: 14px;
	padding-left: 50px;
	color: #004b88;
}

.letter_s_joint_info a{
	color: #004b88;
	text-decoration: none;
}

.letter_s_joint_info a:hover{
	color: #8781bd;
	text-decoration: none;
}



/**********  footer  **********/


#footer {
    width: 896px;
	height: auto;
	background-color: #00b6eb;
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding: 3px 0 3px 0px;
}

.other {
margin-top:-10px;
margin-bottom: 10px;
}
.tel_number {
	overflow:hidden;
	font-size:12px;
	width:207px;
	text-align:left;
}
.tel_number2 {
	overflow:hidden;
	font-size:12px;
	width:207px;
	text-align:left;
	margin-top: 10px;
}
.tel_m{
	font-size:12px;
	font-weight:bold;
}
.tel_m a{
text-decoration: none;
}
.trademark {
    margin-left:15px;
	margin-top:30px;
	margin-bottom: 10px;
	float:left;
	border: 1px solid #9fa0a0;
}
.trademark2 {
    margin-left:25px;
	margin-top:30px;
	margin-bottom: 10px;
	border: 1px solid #9fa0a0;
	float:left;
}
.trademark3 {
	float: left;
    width: 200px;
    height: 36px;
	padding-left: 15px;

}
.trademark4 {
	float: right;
    width: 280px;
    height: 36px;
	padding-left: 5px;

}