@charset "utf-8";

/*------------------------------------------------------------------------------
	Date: 2007/08/09
------------------------------------------------------------------------------*/

/*
########################################################
  local navi
########################################################
*/

div#lNaviArea{
	height:110px;
	margin:0 0 0 6px;
	padding:0;
	position:relative;
	background: url(../../common/img/bg_lnavi.gif) no-repeat 0 32px;
}

div#lNaviArea dl dt{
	display:none;
}

div.lNaviTop{
	height:65px !important;
	background: url(../../common/img/bg_lnavi03.gif) no-repeat 0 -1px !important;
}

/*
  localnavi01
--------------------------*/

div#lNaviArea dl dd ul.lnavi01{
	height:34px;
	margin:0;
	padding:0;
	position:absolute;
	left:12px;
	font-size:12px;
}

div#lNaviArea dl dd ul.lnavi01 li{
	height:34px;
	display:block;
	float:left;
	padding-top:13px;
	text-align:center;
	font-weight:bold;
	color:#D85D11;
}

div#lNaviArea dl dd ul.lnavi01 li a,
div#lNaviArea dl dd ul.lnavi01 li a:visited{
	height:34px;
	display:block;
	text-align:center;
	margin-top:-13px;
	padding-top:13px;
	font-weight:normal;
	color:#000000;
}

div#lNaviArea dl dd ul.lnavi01 li a:hover,
div#lNaviArea dl dd ul.lnavi01 li a:active{
	height:34px;
	display:block;
	float:left;
	text-align:center;
	text-decoration: underline;
	font-weight:normal;
	color:#D85D11;
}


/*  focus  */

#lnavi01_01{
	width:82px;
	background: url(../img/lnavi_01_01_o.gif) no-repeat left top;
}

#lnavi01_02{
	width:195px;
	background: url(../img/lnavi_01_02_o.gif) no-repeat left top;
}



/*  link - visited  */

#lnavi01_01 a,#lnavi01_01 a:visited{
	width:82px;
	background:url(../img/lnavi_01_01.gif) no-repeat left top;
}

#lnavi01_02 a,#lnavi01_02 a:visited{
	width:195px;
	background:url(../img/lnavi_01_02.gif) no-repeat left top;
}


/*  hover - active  */

#lnavi01_01 a:hover,#lnavi01_01 a:active{
	width:82px;
	background:url(../img/lnavi_01_01_o.gif) no-repeat left top;
}

#lnavi01_02 a:hover,#lnavi01_02 a:active{
	width:195px;
	background:url(../img/lnavi_01_02_o.gif) no-repeat left top;
}

/*
  localnavi02
--------------------------*/

div#lNaviArea dl dd ul.lnavi02{
	height:45px;
	margin:0;
	padding:0;
	position:absolute;
	left:9px;
	top:40px;
	z-index:1;
}

div#lNaviArea dl dd ul.lnavi02 li{
	display:inline;
	vertical-align:top;
	/*margin-right:-2px;*/
	margin-left:0;
}

div#lNaviArea dl dd ul.lnavi02 li img{
	vertical-align:top;
}

div#lNaviArea dl dd ul.lnavi02 li img.lnavi02FC{
	margin-right:0;
}



/*
########################################################
  local navi Ofs
########################################################
*/

div#lNaviAreaOfs{
	height:65px;
	margin:0 0 0 6px;
	padding:0;
	position:relative;
	background: url(../../common/img/bg_lnavi03.gif) no-repeat 0 0;
}

div#lNaviAreaOfs dl dt{
	display:none;
}

/*
  localnavi01
--------------------------*/

div#lNaviAreaOfs dl dd ul.lnavi01Ofs{
	height:34px;
	margin:0;
	padding:0;
	position:absolute;
	left:12px;
	top:1px;
	font-size:12px;
}

div#lNaviAreaOfs dl dd ul.lnavi01Ofs li{
	height:34px;
	display:block;
	float:left;
	padding-top:11px;
	text-align:center;
	font-weight:bold;
	color:#D85D11;
}

div#lNaviAreaOfs dl dd ul.lnavi01Ofs li a,
div#lNaviAreaOfs dl dd ul.lnavi01Ofs li a:visited{
	height:35px;
	display:block;
	text-align:center;
	margin-top:-11px;
	padding-top:11px;
	font-weight:normal;
	color:#000000;
}

div#lNaviAreaOfs dl dd ul.lnavi01Ofs li a:hover,
div#lNaviAreaOfs dl dd ul.lnavi01Ofs li a:active{
	height:34px;
	display:block;
	float:left;
	text-align:center;
	font-weight:normal;
	color:#D85D11;
	text-decoration:underline;
}


/*  focus  */

#lnavi01_01Ofs{
	width:82px;
	background: url(../img/lnavi_01_01_o.gif) no-repeat left top;
}

#lnavi01_02Ofs{
	width:195px;
	background: url(../img/lnavi_01_02_o.gif) no-repeat left top;
}



/*  link - visited  */

#lnavi01_01Ofs a,#lnavi01_01Ofs a:visited{
	width:82px;
	background:url(../img/lnavi_01_01.gif) no-repeat left top;
}

#lnavi01_02Ofs a,#lnavi01_02Ofs a:visited{
	width:195px;
	background:url(../img/lnavi_01_02.gif) no-repeat left top;
}


/*  hover - active  */

#lnavi01_01Ofs a:hover,#lnavi01_01Ofs a:active{
	width:82px;
	background:url(../img/lnavi_01_01_o.gif) no-repeat left top;
}

#lnavi01_02Ofs a:hover,#lnavi01_02Ofs a:active{
	width:195px;
	background:url(../img/lnavi_01_02_o.gif) no-repeat left top;
}


/*
########################################################
  maincontents
########################################################
*/


/* title style
--------------------------------------------*/

/* btn style
--------------------------------------------*/


/* common style
--------------------------------------------*/

div.techCBox01{
	width:740px;
	height:auto;
	margin:15px auto 0 auto;
	padding:0 0 15px 0;
	background:url(../../common/img/line_dot_01.gif) repeat-x left bottom;
}

div.techCBox01.cfbgNone{
	background:none !important;
}

div.techCBox01 div.techCBox01L{
	width:360px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

div.techCBox01 div.techCBox01R{
	width:370px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}

/* left column*/

div.techCBox01L h4{
	margin:12px 0;
}

div.techCBox01L dl{
	width:345px;
	margin:10px 0 0 10px;
}

div.techCBox01L dl dd{
	width:330px;
	margin:10px 0 15px 10px;
}

div.techCBox01L table{
	width:354px;
	height:auto;
	margin:20px 0 0 0;
	padding:0;
	color:#333333 !important;
	border-collapse:collapse;
	border:1px solid #BCBCBC;
}

div.techCBox01L table th{
	width:17%;
	height:auto;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:85%;
	text-align:center;
	color:#FFFFFF;
	background-color:#A7A39A;
	border:1px solid #BCBCBC;
}

div.techCBox01L table td{
	margin:0;
	padding:0 5px;
	border-top:1px dotted #999999;
}

div.techCBox01L table td a{
	color:#DF501A !important;
	text-decoration:underline !important;
}

div.techCBox01L table td a:hover{
	text-decoration:none !important;
}

div.techCBox01L table td.cfTBImg{
	width:48px !important;
	height:auto;
	margin:0;
	padding:0 !important;
	text-align:center;
	border:1px solid #BCBCBC !important;
}

div.techCBox01L table td.cfTBLinks{
	width:230px !important;
}

div.techCBox01L table td.cfTBTitle{
	color:#777777;
	background-color:#dddddd;
	background-image:none !important;
	border:1px solid #BCBCBC !important;
}

div.techCBox01L table td.cfTBLC{
	border-bottom:1px solid #BCBCBC !important;
}

/* ofs list style
--------------------------------------------*/

/* list navi */

ul.ofsListThum{
	margin:5px 0 0 0;
}

ul.ofsListThum li{
	display:inline;
	margin:0 2px 0 0;
}

ul.ofsListThum li img{
	margin:0 0 10px 0;
}


/* box01 */

div.ofsListMain{
	width:779px;
	height:185px;
	padding:0;
	margin:20px 0 0 0;
	background: url(../img/ofs_list/bg_main_ofs_list.jpg) no-repeat left top;
}

div.ofsListMain p{
	padding:61px 0 0 0;
	margin:0 0 0 200px;
}

.ofsListMainL{
	float:left;
	margin:0 8px 0 0;
}

.ofsListMainR{
	float:left;
}

.ofsListMainR img{
	margin:0 0 6px 0;
}

/* club check */

div.ofsClubBox{
	width:779px;
	height:auto;
	margin:15px 0;
	padding:0;
}

div.ofsClubBox ul li{
	float:left;
	display:inline;
	margin:0 10px 0 0;
	height:56px;
}

div.ofsClubBox ul li.ofsClub01{
	width:196px;
	background:url(../img/ofs_list/bg_ofs_club01.jpg) no-repeat left top;
}

div.ofsClubBox ul li.ofsClub02{
	width:172px;
	background:url(../img/ofs_list/bg_ofs_club02.jpg) no-repeat left top;
}

div.ofsClubBox ul li.ofsClub03{
	width:168px;
	background:url(../img/ofs_list/bg_ofs_club03.jpg) no-repeat left top;
}

div.ofsClubBox ul li.ofsClub01 p,
div.ofsClubBox ul li.ofsClub02 p{
	margin:0 0 0 50px;
	padding:22px 0 0 0;
	*padding:18px 0 0 0;
}

div.ofsClubBox ul li.ofsClub03 p{
	margin:0 0 0 60px;
	padding:22px 0 0 0;
	*padding:18px 0 0 0;
}

div.ofsClubBox ul li img,
div.ofsClubBox ul li input{
	vertical-align:middle;
}

div.ofsClubBox ul li img{
	margin:0 5px 0 0;
	*margin:0;
}


/* box02 -tab- */

div.ofsTabBox{
	width:779px;
	height:auto;
	margin:10px 0 25px 0;
	padding:0;
	background: url(../../common/img/bg_commonbox01_middle.gif) repeat-y left top;
}

div.ofsTabBox div.ofsTabBoxT{
	width:779px;
	height:40px;
	margin:0;
	padding:0;
	position:relative;
	background:url(../img/ofs_list/bg_commonbox01_top.gif) no-repeat 0 1px;
}

div.ofsTabBox div.ofsTabBoxB{
	width:779px;
	height: auto;
	margin:0;
	padding:10px 0 30px 0;
	background:url(../../common/img/bg_commonbox01_bottom.gif) no-repeat left bottom;
}

/* tab navi */

div.ofsTabBoxT ul{
	width:779px;
	height:36px;
	margin:0;
	padding:0;
	position:absolute;
	left:11px;
}

div.ofsTabBoxT ul li{
	display:inline;
	height:35px;
	vertical-align:bottom;
}

div.ofsTabBoxT ul li img{
	vertical-align:bottom;
}



/* tab contents */

div.INNER0{
	width:740px;
	height:auto;
	margin:0 auto;
	padding:0;
	display:none;
}

div.INNER0 dl{
	width:740px;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
}

div.INNER0 dl dt{
	font-size:125%;
	font-weight:bold;
	margin:0 0 2px 0;
}

div.INNER0 dl dd{
	padding:1px 0 0 0;
	border-left:1px solid #CDCAC5;
	border-right:1px solid #CDCAC5;
	border-top:1px solid #CDCAC5;
}

div.INNER0 dl dd table{
	width:737px;
	border-collapse:collapse;
	margin-left:1px;
}

html*div.INNER0 dl dd table{
	width:737px;
	border-collapse:collapse;
	margin-left:0;
}

*html div.INNER0 dl dd table{
	width:738px;
	border-collapse:collapse;
	margin-left:0;
}

div.INNER0 dl dd table thead th{
	color:#FFFFFF;
	font-size:85%;
	text-align:center;
	font-weight:normal;
	padding:3px 0;
	background-color:#CECBC6;
}

div.INNER0 dl dd table thead th.ofsTHL{
	width:40%;
	border-left:1px solid #FFFFFF;
}

div.INNER0 dl dd table thead th.ofsTEL{
	width:40%;
	border-right:1px solid #FFFFFF;
}

div.INNER0 dl dd table thead th.ofsTHM{
	width:25%;
}

div.INNER0 dl dd table thead th.ofsTHClub{
	width:50px;
}

div.INNER0 dl dd table thead th.ofsTHR{
	width:50px;
	border-right:1px solid #FFFFFF;
}

div.INNER0 dl dd table tbody td{
	padding:4px 10px 4px 16px;
	border-bottom:1px solid #E7E7E7;
}

div.INNER0 dl dd table tbody tr.ofsTDFC td{
	background:none !important;
}

div.INNER0 dl dd table tbody tr.ofsTDBg td{
	background-color:#E7E7E7 !important;
}

div.INNER0 dl dd table tbody td.ofsClubNone{
	padding:8px 10px 8px 16px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

/*
########################################################
  ofs 612
########################################################
*/

.tlStyleOFS{
	width:778px;
	height: auto;
	margin:20px 0 10px 0;
	padding:8px 0 0 0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:100%;
	background: url(../img/optifit_tech/bg_sttl01_top.gif) no-repeat left top;
}

.tlStyleOFS span{
	display:block;
	width:758px;
	height: auto;
	padding:0 10px 10px 10px;
	background:url(../img/optifit_tech/bg_sttl01_bottom.gif) no-repeat left bottom;
}

div#ofs612Head{
	width:740px;
	height:auto;
	margin:15px auto 0 auto;
	padding:0 0 10px 0;
	background:url(../img/optifit_tech/bg_612_head03.gif) no-repeat left bottom;
}

div#ofs612Head ul li{
	width:240px;
	height:auto;
	margin:0 10px 0 0;
	padding:10px 0 0 0;
	display:inline;
	float:left;
	background:url(../img/optifit_tech/bg_612_head01.gif) no-repeat left top;
}

div#ofs612Head ul li dl{
	width:240px;
	height:auto;
	margin:0;
	padding:0;
	background:url(../img/optifit_tech/bg_612_head02.gif) repeat-y left top;
}

div#ofs612Head ul li dl dt{
	width:221px;
	height:125px;
	margin:0 9px;
	position:relative;
}

div#ofs612Head ul li dl dt a{
	position: absolute;
	bottom:19px;
	right:7px;
}

div#ofs612Head ul li dl dd{
	width:221px;
	height:auto;
	margin:10px 9px 0 9px;
}

div#ofs612Head ul li dl dd h5{
	font-size:100%;
}

p.ofsStore{
	text-align: right;
	margin:15px 20px 0 0;
	font-weight:bold;
}

p.ofsStore img{
	margin:0 0 0 10px;
	vertical-align:middle;
}

p.ofsStore a{
	color:#DF501A;
	text-decoration:underline;
}

p.ofsStore a:hover{
	color:#DF501A;
	text-decoration: none;
}

div.ofs612Shaft{
	width:740px;
	height:auto;
	margin:15px auto 0 auto;
	padding:0 0 10px 0;
	background:url(../img/optifit_tech/bg_612_shaft02.gif) no-repeat left bottom;
}

div.ofs612Shaft dl{
	width:740px;
	height:auto;
	margin: 0;
	padding:12px 0 0 0;
	background:url(../img/optifit_tech/bg_612_shaft01.gif) no-repeat left top;
}

div.ofs612Shaft dl dt{
	float:left;
	display:inline;
	margin:0 0 0 13px;
}

div.ofs612Shaft dl dd{
	width:340px;
	float: right;
	display:inline;
	margin:0 16px 0 0;
	padding:3px 0 3px 20px;
	background: url(../img/optifit_tech/dot_line.gif) repeat-y left top;
}

div.ofs612Shaft dl dd h5{
	font-size:100%;
}

div.ofs612Shaft dl dd p{
	line-height:1.5;
}