@charset "Shift_JIS";
@import url(/css/header.css);
@import url(/css/footer.css);
@import url(/css/fonts.css);

html,
body { 	margin: 0;
	padding: 0;
	color: #333333 ;
}
h1 {
	margin: 0;
	padding: 0;
}
h2 {
	margin: 0;
	padding: 0;
}
h3 {
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
}
a img {
	border: 0;
}
#body {
	margin: 0;
	padding: 0;
}
#wrapper {
	margin: 0 auto;
	padding: 30px 0 48px 0 ;
	width: 900px;
	display: block;
	background: white;
	font-family: 'ＭＳ Ｐゴシック',"Lucida Grande", "Lucida Sans", "Trebuchet", "Trebuchet MS", "Arial", 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, "sans";
}

#LEFT-PANE { float: left ;
	width: 204px ;
}
#RIGHT-PANE { float: right ;
	width: 672px ;
	color: #3D4145 ;
	padding-bottom: 66px ;
}
#BG { padding: 24px 0 0 0 ;
}
#LNV { border-bottom: 7px solid #57595A ;
}
#LNV ul,
#LNV li,
#LNV p { list-style: none outside ;
	width: 204px ;
	margin: 0 ;
	padding: 0 ;
}
#LNV a { display: block ;
	background: url(/images/shared/small_red_right_arrow.gif) no-repeat 12px 14px #F4F4F4 ;
	padding: 9px 12px 9px 21px ;
	border-bottom: 1px solid #DFDFDF ;
	width: 171px ;
	color: #333333 ;
	text-decoration: none ;
}
#LNV .list-end { border-bottom: 0 ;
}
#LNV a:hover { text-decoration: underline ;
}

.clm ul,
.clm ol,
.clm li,
.clm p,
.clm dl,
.clm dt,
.clm dd { padding: 0 ;
	margin: 0 ;
	list-style: none ;
}

/* ご利用にあたって */
#LN #LNV .nv-1 a { font-weight: bold ;
	color: #888888 ;
}
#LN .clm { padding-bottom: 30px ;
}
#LN .clm h2 { padding: 2px 0 0 0 ;
	height: 24px ;
	border-bottom: 1px solid #E4E4E4 ;
	margin-bottom: 18px ;
}
#LN .clm p { padding-bottom: 24px ;
 }
#LN .clm a { background: url(/images/shared/small_gray_right_arrow.gif) no-repeat left 4px ;
 	padding-left: 8px ;
	color: #666666 ;
	text-decoration: none;
}
#LN .clm a:hover { text-decoration: underline ;
}
#LN .date p { width: 13em ;
	text-align: left ;
	float: right ;
}
/* ご利用にあたって */

/* プライバシーポリシー */
#PP #LNV .nv-2 a { font-weight: bold ;
	color: #888888 ;
}
#PP .clm { padding-bottom: 30px ;
}
#PP .clm h2 { padding: 2px 0 0 0 ;
	height: 24px ;
	border-bottom: 1px solid #E4E4E4 ;
	margin-bottom: 18px ;
}
#PP .clm p { padding-bottom: 24px ;
}
#PP .clm a { background: url(/images/shared/small_gray_right_arrow.gif) no-repeat left 4px ;
 	padding-left: 8px ;
	margin-left: 12px ;
	color: #666666 ;
	text-decoration: underline;
}
#PP .clm a:hover { text-decoration: underline ;
}
#PP .clm p { padding-bottom: 24px ;
}
#PP .clm ol { padding-bottom: 12px ;
}
#PP .clm ol li { margin-left: 24px ;
	list-style: outside decimal ;
	padding-bottom: 12px ;
}
#PP .date p { width: 17em ;
	text-align: left ;
	float: right ;
}
/* プライバシーポリシー */

/* ウェブサイトを確実にご覧頂くために */
#WEB #LNV .nv-3 a { font-weight: bold ;
	color: #888888 ;
}
#WEB .clm { padding-bottom: 30px ;
}
#WEB .clm h2 { padding: 2px 0 0 0 ;
	height: 24px ;
	border-bottom: 1px solid #E4E4E4 ;
	margin-bottom: 18px ;
}
#WEB .clm p,
#WEB .clm ul { padding-bottom: 24px ;
 }
#WEB .clm .notice { color: #E10000 ;
}
#WEB .clm li a { background: url(/images/shared/small_gray_right_arrow.gif) no-repeat left 4px ;
 	padding-left: 14px ;
	color: #666666 ;
	text-decoration: none ;
}
#WEB .clm li a:hover { text-decoration: underline ;
}
/* ウェブサイトを確実にご覧頂くために */

/* カタログ請求 */
#CTLG #LNV .nv-4 a { font-weight: bold ;
	color: #888888 ;
}
#CTLG .photo { float: right ;
	margin: 0 ;
}
#CTLG .clm { padding-bottom: 30px ;
	width: 522px ;
}
#CTLG .clm h2 { padding: 2px 0 0 0 ;
	height: 24px ;
	border-bottom: 1px solid #E4E4E4 ;
	margin-bottom: 18px ;
}
#CTLG .clm p { padding-bottom: 18px ;
}
#CTLG .clm a { background: url(/images/shared/small_gray_right_arrow.gif) no-repeat left 4px ;
 	padding-left: 14px ;
	color: #666666 ;
	text-decoration: none ;
}
#CTLG .clm a:hover { text-decoration: underline ;
}
#CTLG .clm dl { border-left: 3px solid #E4E4E4 ;
	padding-left: 9px ;
}
#CTLG .clm dt { font-weight: bold ;
}
/* カタログ請求 */

/* カーボントップ */
#CB #LNV .nv-6 a { font-weight: bold ;
	color: #888888 ;
}
#CB #BG { background: url(/images/guide/cb_bg.gif) no-repeat right top ;
}
#CB #RIGHT-PANE { padding: 72px 0 ;
}
#CB .clm { padding-bottom: 30px ;
}
#CB .clm h2 { padding: 2px 0 0 0 ;
	height: 24px ;
	border-bottom: 1px solid #E4E4E4 ;
	margin-bottom: 18px ;
}
#CB .clm p { padding-bottom: 24px ;
 }
#CB .clm .qa-link { text-align: right ;
}
#CB .clm a { background: url(/images/shared/small_gray_right_arrow.gif) no-repeat left 4px ;
 	padding-left: 14px ;
	color: #666666 ;
	text-decoration: none ;
}
#CB .clm a:hover { text-decoration: underline ;
}
#CB .clm li { padding: 0 0 36px 103px ;
}
#CB .clm li h2 { margin-bottom: 18px ;
}
#CB .clm li h3 { padding-bottom: 6px ;
}
#CB .clm li li { padding: 0 0 3px 0 ;
	list-style: outside disc ;
	margin-left: 24px ;
}
#CB .clm .bg1 { background: url(/images/guide/cb_st2bg.gif) no-repeat left top ; }
#CB .clm .bg2 { background: url(/images/guide/cb_st3bg.gif) no-repeat left top ; }
#CB .clm .bg3 { background: url(/images/guide/cb_st4bg.gif) no-repeat left top ; }
#CB .clm .bg4 { background: url(/images/guide/cb_st5bg.gif) no-repeat left top ; }
/* カーボントップ */

/* カーボンFAQ */
#CBQA #LNV .nv-6 a { font-weight: bold ;
	color: #888888 ;
}
#CBQA .clm { padding-bottom: 30px ;
}
#CBQA .clm h2 { padding: 2px 0 0 0 ;
	height: 24px ;
	border-bottom: 1px solid #E4E4E4 ;
	margin-bottom: 18px ;
}
#CBQA .clm h3 { padding: 0 0 18px 0 ;
	margin: 0 ;
}
#CBQA .clm p { padding-bottom: 24px ;
 }
#CBQA .clm .top-link { text-align: right ;
}
#CBQA .clm a { background: url(/images/shared/small_gray_right_arrow.gif) no-repeat left 4px ;
 	padding-left: 14px ;
	color: #666666 ;
	text-decoration: none ;
}
#CBQA .clm a:hover { text-decoration: underline ;
}
#CBQA .clm dl { padding-bottom: 24px ;
}
#CBQA .clm dt { background: url(/images/guide/cbqa_bg1.gif) no-repeat left top ;
	padding: 0px 0 18px 24px ;
	font-weight: bold ;
}
#CBQA .clm dd { background: url(/images/guide/cbqa_bg2.gif) no-repeat left top ;
	padding: 0px 0 42px 24px ;
	margin: 0 ;
	color: #666666 ;
}
/* カーボンFAQ */

/* サイトマップ */
#SM #LNV .nv-7 a { font-weight: bold ;
	color: #888888 ;
}
#SM .clm { padding-bottom: 18px ;
	clear: both ;
}
#SM .clm a { background: url(/images/shared/small_gray_right_arrow.gif) no-repeat left 4px ;
 	padding-left: 14px ;
	color: #666666 ;
	text-decoration: none ;
}
#SM .clm a:hover { text-decoration: underline ;
}
#SM .clm h2 { padding: 0 ;
	width: 202px ;
	border: 1px solid #DFDFDF ;
	margin: 0 0 24px ;
}
#SM .clm h2 a { display: block ;
	padding: 2px 0 2px 18px ;
	background-color: #F4F4F4 ;
	background-position: 6px 6px ;
	width: 184px ;
}
#SM .clm h2 a:hover { background-color: #DFDFDF ;
}
#SM .clm h2.no-link { padding: 2px 12px 2px 6px ;
	background-color: #F4F4F4 ;
	color: #666666 ;
	width: 184px ;
}
#SM .clm ul { padding-bottom: 24px ;
}
#SM .clm li { float: left ;
	width: 204px ;
	padding: 0 30px 0 0 ;
}
#SM .clm li.list-end { padding-right: 0 ;
}
#SM .clm li a { display: block ;
	padding: 2px 0px 2px 18px ;
	background-position: 6px 6px ;
	border-bottom: 1px solid #E1E1E1 ;
	margin-bottom: 24px ;
	font-weight: bold ;
	width: 186px ;
}
#SM .clm li .no-link { display: block ;
	padding: 2px 6px ;
	border-bottom: 1px solid #E1E1E1 ;
	margin-bottom: 12px ;
	font-weight: bold ;
	color: #666666 ;
}
#SM .clm li ul { padding-bottom: 0 ;
}
#SM .clm li li { float: none ;
	margin: 0 0 0px ;
	padding: 0 ;
	border: none ;
}
#SM .clm li li a { margin-bottom: 0px ;
	border: none ;
	font-weight: normal ;
	width: 186px ;
	margin-bottom: 4px ;
	padding: 0 0 0 18px ;
}
/* サイトマップ */

/* 保証規定　*/
#WARRANTY #LNV .nv-5 a { font-weight: bold ;
	color: #888888 ;
}
#WARRANTY .clm { padding-bottom: 30px ;
}
#WARRANTY .clm h2 { padding: 2px 0 0 0 ;
	height: 24px ;
	border-bottom: 1px solid #E4E4E4 ;
	margin-bottom: 18px ;
}
#WARRANTY .clm p { padding-bottom: 24px ;
}
#WARRANTY .clm a { background: url(/images/shared/small_gray_right_arrow.gif) no-repeat left 4px ;
 	padding-left: 8px ;
	margin-left: 12px ;
	color: #666666 ;
	text-decoration: underline;
}
#WARRANTY .clm a:hover { text-decoration: underline ;
}
#WARRANTY .clm p { padding-bottom: 24px ;
}
#WARRANTY .clm ul { padding-bottom: 24px ;
}
#WARRANTY .clm ul li { margin-left: 24px ;
	list-style: outside disc ;
	padding: 0 0 12px 0 ;
}
#WARRANTY .date p { width: 17em ;
	text-align: left ;
	float: right ;
}
#WARRANTY table.small {
	border-collapse: collapse;
	border: solid 1px #ccc;
}
#WARRANTY table.small th,
#WARRANTY table.small td {
	border: solid 1px #ccc;
	padding: 3px;
	width: 168px;
}
#WARRANTY table.small th {
	background: #434343;
	color: #fff;
}
#WARRANTY table.small td.mrgn {
	text-align: center;
}
#WARRANTY p.mrgn {
	margin: 3px 0;
}
/* 保証規定　*/

/* リンクについて　*/
#LINK p,
#LINK dl,
#LINK dt,
#LINK dd { padding: 0 ;
	margin: 0 ;
	list-style: none ;
}
#LINK .top-clm { padding-bottom: 30px ;
}
#LINK .clm h2 { padding: 2px 0 0 0 ;
	height: 24px ;
	border-bottom: 1px solid #E4E4E4 ;
	margin-bottom: 18px ;
}
#LINK .clm h3 { padding-bottom: 0 ;
	text-transform: none ;
}
#LINK .clm p { padding-bottom: 18px ;
}
#LINK .clm .sub-clm { padding-bottom: 6px ;
}
#LINK .clm .sub-clm h2 { border: none ;
	padding: 0 ;
	margin: 0 ;
	height: auto ;
}
#LINK .large-size { padding-bottom: 18px ;
}
#LINK .large-size dt { padding-bottom: 12px ;
}
#LINK .large-size dd { padding-bottom: 42px ;
}
#LINK .middle-size { padding-bottom: 36px ;
}
#LINK .middle-size dd,
#LINK .small-size dd { padding: 0 0 24px 212px ;
	margin-top: -60px ;
}
#LINK .small-size dt { width: 200px ;
	text-align: right ;
}
#LINK .clm a { background: url(/images/shared/small_gray_right_arrow.gif) no-repeat left 4px ;
 	padding-left: 8px ;
	color: #666666 ;
	text-decoration: none;
}
#LINK .clm a:hover { text-decoration: underline ;
}
#LINK .projectone { padding-bottom: 24px ;
}
#LINK .projectone .sub-clm { padding-bottom: 42px ;
}
#LINK .projectone .tag { padding: 0 0 0px ;
}
#LINK .projectone .top-flash { padding-bottom: 12px ;
}
#LINK .projectone .side-flash { float: left ;
	padding-right: 18px ; 
}
/* リンクについて　*/

/* not found　*/
#error-404 {
    background: url("/media/images/background/background_body.png") repeat scroll 0 0 transparent;
}
#error-404 #content { margin-bottom: 50px ;
	font-family: "Helvetica Neue",helvetica,arial ;
}
#error-404 #content a { text-decoration: none ;
}
#error-404 #content h1{font-size:2.1em;
  line-height:1.3em;
  margin-bottom:.65em;
}
#error-404 #content h2{font-size:2.1em;
  line-height:1.16em;
  margin-bottom:1em;
}
#error-404 #content h3{font-size:1.5em;
  line-height:1.4em;
  margin-bottom:.7em;
  color:#666;
  text-transform: none ;
}
#error-404 #content hr{margin-bottom:40px;
}
#error-404 #content ul li a {font-size:1.3em;
  line-height:1.87em;
  color:#666;
}
#error-404 #content ul li a:hover{
  text-decoration:underline;
  color:#333;
  background: none ;
  border: none ;
}
#error-404 #content ul li{background:url("/media/images/background/arrow_right_4x5px_sprite.png") no-repeat scroll 0 -110px transparent;
  text-indent:10px;
}
#error-404 #content ul{margin-bottom:40px;
}
#error-404 #content .columns .column{width:205px;
}
#error-404 #content .error .wrapper{width:560px;
}
#error-404 #content .error p{font-size:1.5em;
  line-height:1.4em;
  color:#666;
  margin-bottom:1.3em;
}
#error-404 #content .error p.button a{font-size:.8em;
}
#error-404 #content .error p.button span{line-height:2em;
}
#error-404 #content .error p.button{margin-bottom:0px;
}
#error-404 #content .error{background:#fff;
  padding:50px;
}
#error-404 #content .find_your_trek a{color:#666;
}
#error-404 #content .find_your_trek{background:#e5e5e5;
  padding:50px
50px 0px 50px;
}
#error-404 #content .browse_families p.button a{font-size:1em;
}
#error-404 #content .browse_families p.button span{line-height:2em;
}
#error-404 #content .browse_families p.button{float:right;
  margin-bottom:0px;
}
#error-404 #content .browse_families{background:#e5e5e5;
  padding:50px
50px 85px 50px;
}
#error-404 #content .gear p.button a{font-size:1em;
}
#error-404 #content .gear p.button span{line-height:2em;
}
#error-404 #content .gear p.button{float:right;
  margin-bottom:0px;
}
#error-404 #content.gear{background:#d9d9d9;
  padding:50px
50px 85px 50px;
}
#error-404 #content .column { display: inline;
    float: left;
  margin-left: 20px;
}
#error-404 #content .column.first {
    margin-left: 0;
}
/* not found　*/
