@charset "utf-8";

img, div, a, input { 
　　behavior: url(/css/resources/iepngfix.htc) 
}

body{
	text-align:center;
	color:#ffffff;
	line-height:1.2;
	background-color:#000000;
	margin:0;
	padding:0;
}
body, td, th, div, p, pre{
	font-family:
  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 
  '平成角ゴシック', 'HeiseiKakuGothic', Osaka, 
  'ＭＳ Ｐゴシック', 'MS PGothic', 
  'ＭＳ ゴシック', 'MS Gothic',
  sans-serif;
	font-size:small;
}
  
select, input, textarea {
line-height:1.2;
font-family:
  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 
  '平成角ゴシック', 'HeiseiKakuGothic', Osaka, 
  'ＭＳ Ｐゴシック', 'MS PGothic', 
  'ＭＳ ゴシック', 'MS Gothic',
  sans-serif;}  


a{
color:#ffffff;
text-decoration:none;}
a:hover{
color:#999933;
text-decoration:underline;}

img{
border:0;}

strong{
font-weight:normal;}

p{
margin:3px 0;
padding:0;}

.clear{
	clear:both;
	font-size:1px;
	line-height:1;
	color:#000000;
	}
.clear_2b{
clear:both;
font-size:1px;
color:#2b2b2b;}
.clear_50{
clear:both;
font-size:1px;
color:#505050;}

/* base */
#container{
padding:0;
margin:0 auto 30px auto;
width: 950px;
text-align: left;
}

#header{
	border-bottom:solid 1px #999999;
	text-align:left;
	margin:0 0 20px 0;
	}
#header .sitetitle{
	width:950px;
	margin:0 auto;
	padding:0;
	background-image:url(images/ofix_tel.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:#000000;
	height:85px;
	}
#header .sitetitle h1{ font-size:smaller; font-weight:normal; float:left; margin:0; padding:5px 0 10px 0;}
#header .sitetitle h2{ font-size:smaller; font-weight:normal; float:left; margin:0; padding:5px 0 10px 0;}
#header .menu{
	width:950px;
	margin:0 auto;
	padding:20px 0 0 0;
	}

.left_navi{
	width:200px;
	float:left;
	margin:0;
	}
.left_navi .choose ul{
	margin:0 0 20px 0;
	padding:0;
	}
.left_navi .choose li{
	list-style:none;
	background-color:#5c5c5c;
	margin:0;
	padding:0;
	border-bottom:solid 1px #ffffff;
	}
.left_navi .choose li a:link{
	display:block;
	padding:5px 10px;
	}
.left_navi .choose li a:visited{
	display:block;
	padding:5px 10px;
	}
.left_navi .choose li a:hover{
	display:block;
	border-left:solid 5px #be0000;
	padding:5px 5px;
	color:#FFFFFF;
	text-decoration:none;
	}
.left_navi .choose .end{
	border-bottom:1px solid #000000;
	}
.left_navi .white_box{
	width:198px;
	border:solid 1px #ffffff;
	padding:0;
	margin:0 0 20px 0;
	}
.left_navi .white_box ul{
	margin:0;
	padding:3px 10px;
	}
.left_navi .white_box li{
	list-style:none;
	margin:0;
	padding:5px;
	border-bottom:dotted 1px #ffffff;
	}
.left_navi .white_box .end{
	border-bottom:none;}

.ErgoMypage_back{
	height:19px;
	width:180px;
	text-align:right;
	padding:0px 3px 0px 0px;
	margin:0px;
	background-image:url(images/mypagetab.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	}
.ErgoMypage_txtbox{
	height:96px;
	padding:5px 8px;
	margin:0 0 15px 0;
	background-color:#5c5c5c;
	border:#5c5c5c 1px solid;
	line-height:1.5;
	font-size:12px;
	}
.ErgoMypage_txtbox a{
	text-decoration:underline;
}
p.ErgoMypage{
	padding:0;
	margin:8px 0 0 0;
	font-size:12px;
}

.series{
	width:178px;
	border:solid 1px #ffffff;
	padding:5px 10px;
	margin:0 0 20px 0;
	}
.series_list{
	padding:3px 0;
	border-bottom:dashed 1px #ffffff;
	}
.series_list img{
	float:left;
	margin:0;
	padding:0;
	}
.series_list p{
	width:130px;
	float:right;
	padding:3px 0;
	line-height:1.3;
	}
.series_list strong{ font-weight:bold;}
.series .end{ border:none;}

.contents{
	width:730px;
	float:right;
	padding:0;
	margin:0;
	}
	
.shopinfo{
	padding:40px 0 0 0;
	margin:30px 0 0 0;
	background-image:url(images/shop_info_back.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}
.shopinfo img{
	padding:0 0 5px 0;
	}
.shopinfo ul{
	list-style:disc;
	margin:0 0 0 20px;
	padding:0;
	}
.shopinfo ol{
	margin:0 0 0 30px;
	padding:0;
	}
.shopinfo li{
	margin:0;
	padding:3px 0;
	}
.shopinfo_left{
	width:300px;
	float:left;
	}
.shopinfo_center{
	width:300px;
	float:left;
	margin:0 auto 0 25px;
	}
.shopinfo_right{
	width:300px;
	float:right;
	}
.calender td{
	color:#333333;
	}

#footer{
	padding:20px 0 10px 0;
	margin:0;
	text-align:center;
	border-top:solid 1px #999999;
	}
.footer_content{
	width:820px;
	margin:0 auto;
	padding:0 0 0 130px;
	text-align:center;
	background-image:url(images/ofix_logo.gif);
	background-position:left top;
	background-repeat:no-repeat;
	}
.copyright{
	color:#999999;
	font-size:11px;
	padding:15px 0 0 0;
	}
.copyright a:link{ color:#999999; text-decoration:none;}
.copyright a:visited{ color:#999999; text-decoration:none;}
.copyright a:hover{ color:#999999; text-decoration:underline;}

.topic_path{
	margin:0 0 20px 0;
	padding:3px 0;
	color:#cccccc;}
.topic_path a:link{ color:#cccccc; text-decoration:none;}
.topic_path a:visited{ color:#cccccc; text-decoration:none;}
.topic_path a:hover{ color:#999933; text-decoration:underline;}

.pt{ text-align:right; margin:30px 0 0 0;}


/* index */
.topics{
	background-image:url(images/topics_back.jpg);
	background-position:center;
	background-repeat:no-repeat;
	padding:0 0 62px 0;
}
.contents .left{
	width:510px;
	float:left;
	}
.contents .right{
	width:200px;
	float:right;
	}
.new{
	background-image:url(images/whatsnew_back.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:3px 10px 5px 0;
	margin:0 0 5px 0;
	text-align:right;
	}
.new_comment{
	height:165px;
	overflow:auto;
	margin:0 0 20px 0;
	}
.contents .white_box{
	width:490px;
	border:solid 1px #ffffff;
	margin:0 0 20px 0;
	padding:10px 9px;
	}
.campaign{
	text-decoration:underline;
	text-align:right;
	margin:0 0 30px 0;
	}
.campaign a:link{ text-decoration:underline; color:#FFFFFF;}
.campaign a:visited{ text-decoration:underline; color:#FFFFFF;}
.campaign a:hover{ color:#999933; text-decoration:underline;}

.life_left{
	width:235px;
	float:left;
	}
.life_right{
	width:235px;
	float:right;
	}
.life_left img, ,life_right img{ margin:0 0 3px 0;}

.color_left{
	width:150px;
	float:left;
	margin:10px 0 0 0;
	}
.color_center{
	width:150px;
	float:left;
	margin:10px 20px 0 20px;
	}
.color_right{
	width:150px;
	float:right;
	margin:10px 0 0 0;
	}

/* aboutus */
.access{
	width:483px;
	margin:0 auto;
	padding:0;
	}

/* aboutus */
.actual{}
.actual_left{
width:220px;
padding:0 10px 0 0;
float:left;}
.actual_right{
width:220px;
padding:0;
float:left;}



/* ergosend */
.send_contena{
width:270px;
float:left;}
.send_contena_right{
width:455px;
float:left;}
.send_contena_right strong{
font-weight:normal;}

.text_left{
text-align:left;}

/* function */
.pickup_goods{
background-color:#4b4843;
padding:10px 15px;
}
.pickup_goods_left{
width:290px;
padding:0 20px 0 0;
float:left;}
.pickup_goods_right{
width:290px;
float:right;}

.pickup_goods_txt{
width:160px;
padding:20px 0 0 0;
float:right;}
.pickup_goods_txt b,b a{
font-size:medium;
font-weight:normal;}
.pickup_goods_ph{
	width:105px;
	float:left;
	padding:0 5px 62px 0;
	background-image:url(images/goods_back.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
.pickup_goods_s{
background-color:#4b4843;
padding:10px 15px;
}
.pickup_goods_s_left{
width:220px;
padding:0 10px 0 0;
float:left;}
.pickup_goods_s_right{
width:220px;
float:right;}

.pickup_goods_s_txt{
width:90px;
padding:20px 0 0 0;
float:right;}
.pickup_goods_s_txt b,b a{
font-size:medium;
font-weight:normal;}
.pickup_goods_s_ph{
	width:105px;
	float:left;
	padding:0 5px 62px 0;
	background-image:url(images/goods_back.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

/* showroom */
.showroom{
width:550px;
margin:0 auto;
}

/* txt */

h1{
margin:0;
padding:5px 0 10px 0;
font-size:smaller;
text-align:left;
font-weight:normal;}

h2{
	font-size:large;
	font-weight:bold;
	display:block;
	padding:0;
	margin:0 0 10px 0;
}

h3{
font-size:medium;
margin:0 0 10px 0;
padding:0 0 5px 0;}

.gray{
color:#666666;}

.red{
color:#cc0000;}

.yellowgreen{
color:#999900;
}

.under_dotted{
border-bottom:#CCCCCC 1px dotted;}

.function_txt{ line-height:1.5;}

.font_red14B{
	color:#cc0000;
	font-size:14px;
	font-weight:bold;}

.font_red{
	color:#cc0000;}
	
.font_redB{
	color:#cc0000;
	font-weight:bold;}
	
.font_bk{
	color:#000000;}
	
.fs14{
	font-size:14px;}


/* list */
ul{
	list-style:disc;
	margin:10px 0 10px 20px;
	padding:0;
	}
li{
	margin:0;
	padding:3px 0;
	}

/* table */
.normal_table table{
background-color:#cccccc;}
.normal_table td{
background-color:#505050;}
.normal_table td.naka{
text-align:center;}
.normal_table td.tblgray{
background-color:#f2f2f2;
color:#666666;}
.normal_table td.tblgray p{
color:#666666;}

table.tbl_white{
background-color:#FFFFFF;}
.tbl_white td{
background-color:#000000;
padding:3px;}


.border_table table{
border:#CCCCCC 1px solid;}
.border_table td{
padding:5px;}


.products_table{
width:700px; margin:0 auto;}
.products_table table{
background-color:#CCCCCC;}
.products_table td{
background-color:#f2f2f2;
color:#666666;}
.products_table td p{
color:#666666;}
.products_table td a{
color:#990000;}


.spec_table table{
background-color:#cccccc;}
.spec_table td{
background-color:#505050;
font-size:9px;
padding:1px;}
.spec_table td.naka{
text-align:center;}
.spec_table td.tblgray{
background-color:#f2f2f2;
color:#666666;}




/* box */
.gray_box{
border:#999999 1px solid;
padding:10px;}


/* margin */
.left_mar10{
margin-left:10px;}

.right_margin{
margin-right:10px;}

.right_mar20{
margin-right:20px;}

.right_mar10{
margin-right:10px;}

.under_mar30{
margin-bottom:30px;}

.under_mar10{
margin-bottom:10px;
}

.under_mar15{
margin-bottom:15px;}

.under_mar20{
margin-bottom:20px;}

.top_mar5{
margin-top:5px;}

.paddind100{
padding:0 100px;}
.paddind20{
padding:0 20px;}

.spec_table table{
background-color:#cccccc;}
.spec_table td{
background-color:#505050;
padding:1px;}
.spec_table td.naka{
text-align:center;}
.spec_table td.tblgray{
background-color:#f2f2f2;
color:#666666;
text-align:center;}


/* titanium */
#titanium p{
font-size:24px;
line-height:1.3;
}
.titanium_box{
width:770px;
margin:0px auto;
padding-right:30px;
}
.img_titanium{
width:240px;
float:left;
padding:0;
text-align:center;
}
.titanium_txt{
float:right;
width:500px;
padding:0;
text-align:left;
}
#titanium .white_box{
border:1px #ffffff solid;
padding:10px;
margin-top:10px;
text-align:center;
font-size:16px;
line-height:1.5;
}
#titanium .font_18{
font-size:18px;
}
#titanium .font_14{
font-size:14px;
}
#titanium .font_28{
font-size:28px;
}

/* sitemap */
.sitemap .left{
	width:355px;
	padding:0 3px 0 0;
	float:left;
	border-right:solid 1px #5c5c5c;
	}
.sitemap .right{
	width:350px;
	float:right;
	}
.sitemap ul{
	list-style:none;
	margin:20px 0 20px 30px;
	}
.sitemap ul ul{
	margin:0 0 20px 60px;
	}

/* kikaku */
.kikaku_left{
	width:355px;
	float:left;
	margin:0 0 20px 0;
	}
.kikaku_right{
	width:355px;
	float:right;
	margin:0 0 20px 0;
	}
.kikaku_left img, .kikaku_right img{ padding:0 0 3px 0;}
.kikaku_left, .kikaku_right{ text-align:center; font-size:10px;}

/* DESPX CSS */

a img {
	border: 0;
}

.Clear {
	clear: both;
	font-size: 1px;
	color: #ffffff;
}

/* トピックパス（パンくず） */
#topicPath {
	width: 100%;
	height: 1.5em;
}
ul#topicPath{
	margin:0 0 15px 0;
	padding:0;
	}
#topicPath li {
	float: left;
	display: block;
	background: url(images/li_topic_path_black.gif) no-repeat right;
	padding: 0.2em 1.2em 0 0 !important;
	margin: 0;
}
#Main #topicPath li{
	float: left;
	display: block;
	background: url(images/li_topic_path.gif) no-repeat right;
	padding: 0 1.2em 0 0 !important;
	margin: 0;
	}
#Main #topicPath li a:link{ color:#333333; text-decoration:none;}
#Main #topicPath li a:visited{ color:#333333; text-decoration:none;}
#Main #topicPath li a:hover{ color:#999933; text-decoration:underline;}

/* 商品詳細 */
#productDetail h1, #productDetail h2, #productDetail h3,
#productDetail h4, #productDetail h5, #productDetail h6 {
	background: none;
	line-height: 1.2;
	font-size: 100%;
}

#Main{
	padding:10px 15px;
	color:#333333 !important;
	background-color:#FFFFFF;
	}
#Main a:link{ color:#000099; text-decoration:underline;}
#Main a:visited{ color:#000099; text-decoration:underline;}
#Main a:hover{ color:#999933; text-decoration:underline;}

/*.details td{
	background-color:#000000;
	}*/
.list table{
	margin:0 auto;
	}

/* ページング */
.Paging {
	width: 100%;
}
.Paging .B {
	color: #ffffff;
	font-weight: bold;
}

.Paging div.Description {
	width: 42%;
	float: left;
	text-align: left;
	padding: 0.5em 0;
}
.Paging div.Number {
	width: 42%;
	float: right;
	text-align: right;
	padding: 0.5em 0;
}
#pagingHeader .Paging {
	border-bottom: 1px solid #cccccc;
}
#pagingFooter .Paging {
	border-top: 1px solid #cccccc;
}

/* customer_review */
.review img{
	margin-left:20px;
	}
.review .white_box{
	width:698px;
	padding:15px;
	margin:0 0 20px 0;
	border:solid 1px #ffffff;
	}
.review .font_medium{
font-size:medium;
font-weight:bold;
padding:0 0 5px 0;
color:#999900;
}
.review_list{
	border-top:solid 1px #555555;
	border-bottom:solid 1px #555555;
	padding:20px 30px;
	}
.review_list p{
	margin:0;
	padding:5px 0;
	}
.review_list a:link{ text-decoration:underline;}
.review_list a:visited{ text-decoration:underline;}

/* faq */
.q{
	background-image:url(faq/images/icon_q.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0 0 0 25px;
	margin:0 0 15px 0;
	color:#999900;
	font-weight:bold;
	}
.a{
	background-image:url(faq/images/icon_a.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0 0 20px 25px;
	margin:0 0 20px 0;
	border-bottom:dashed 1px #555555;
	}
.faq_list{
	border-top:solid 1px #555555;
	border-bottom:solid 1px #555555;
	padding:20px 30px;
	margin-bottom:30px;
	}
.faq_list ul{
	margin:0;
	padding:0;
	}
.faq_list li{
	margin:0;
	padding:3px 0;
	}
.faq_list a:link{ text-decoration:underline;}
.faq_list a:visited{ text-decoration:underline;}

/* info */
.info{
	border:solid 1px #ffffff;
	padding:15px;
	margin:20px 0 30px 0;
	}
.info p{
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	padding:0;
	margin:0 0 5px 0;
	}

/* jisseki */
.jisseki ul{
	margin:0;
	padding:0;
	list-style:none;
	}
.jisseki li{
	margin:0;
	padding:4px 0;
	}
.jisseki_left{
	width:208px;
	float:left;
	padding:10px;
	border:solid 1px #ffffff;
	min-height:1600px;
	}
* html .jisseki_left{ height:1600px;}
.jisseki_center{
	width:208px;
	float:left;
	margin:0 20px;
	padding:10px;
	border:solid 1px #ffffff;
	min-height:1600px;
	}
* html .jisseki_center{ height:1600px;}
.jisseki_right{
	width:208px;
	float:right;
	padding:10px;
	border:solid 1px #ffffff;
	min-height:1600px;
	}
* html .jisseki_right{ height:1600px;}

/* campany */
.campany{
padding:0 20px;
}
.campany p{
padding:0 0 0 50px;
margin:5px 0 30px 0;
line-height:1.5;
}
.campany ol{
	margin:0 0 0 50px;
	padding:0;
	}

/* SafetySystem */
.Safe {
	width: 502px;
	background-image: url(safetysystem/images/Safe_background_005.gif);
	background-repeat: no-repeat;
	height: 720px;
	padding: 20px 20px 30px 15px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left:auto;
	color:#333333;
}
.system01{
	width:320px;
	float:left;
	}
.system01 .back_red{
	background-color: #c8161d;
	line-height: 1.2;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	font-size:12px;
	}
.system02{
	width:175px;
	float:right;
	}
.Safe p{ line-height:1.3;}

/* merit */
.merit_back{ width:640px; background-color:#FFFFFF; padding:0 30px; margin:0 auto; color:#333333;}
.merit_back p{ font-size:14px; margin:0; padding:0; line-height:1.5;}
.merit_back .meritbox{ border-bottom:dotted 1px #999999; padding:0 0 10px 0; margin:0 0 10px 0;}



/* footer */
#holiday{
	padding:10px;
	border:1px solid #D0D0D0;
	font-size:14px;
	text-align:center;
	line-height:1.6em;
	margin:20px 0 10px 0;
}