@charset "utf-8";
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : new_home.css
	制作日：2013/01/18-23（奥村）
	修正日：
	備　考：2013年TOPページのリニューアル時に作成。TOPページのみ。

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */



/* ********************************************************************************
 * 共通
 * ******************************************************************************** */
/* ---Clear fix--- */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End Hack */

/* ---Float, Clear--- */
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.clearB {
	clear: both;
}

/* ---Link--- */
a {
	outline: none;
	color:#666666;
}
/* a:link */
a:link {
	color: #666666;
	text-decoration: none;
}
/* a:active */
a:active {
	color: #333333;
	text-decoration: none;
}
/* a:visited */
a:visited {
	color: #666666;
	text-decoration: none;
}
/* a:hover */
a:hover {
	color: #333333;
	text-decoration: none;
}

/* ********************************************************************************
 * Base Layout
 * ******************************************************************************** */
/* ---Body--- */
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,Osaka;
	font-size: 12px;
	text-align: left;
	color:#333333;
	background: url(http://dinosaur-gr.com/common/img/rotate/rotate.php) no-repeat center top;
}
/* ---Container--- */
div#container {
	width:988px;
	margin:0 auto;
}
div#containerWrap {
	width:988px;
	position:relative;
	float:left;
}
h2#title {
	height:130px;
	width:960px;
	position:absolute;
	left: 14px;
	top: 112px;
	height:38px;
	text-align:right;
}


/* ********************************************************************************
 * Header
 * ******************************************************************************** */
/* ---ヘッドエリア--- */
header {
	margin: 0 auto;
	padding: 0;
	height: 65px;
	width: 960px;
}
/* ロゴ */
h1{
	margin: 0;
	padding: 0;
	height: 65px;
}
#logo {
	margin: 0 0 0 24px;
}

/* ---ナビゲーション--- */
/* Contact */
header nav p {
	margin: 7px 24px 0 0;
}
header p.contact a {
	text-indent:-99999px;
	display:block;
	width:52px;
	height:9px;
	background: url(../img/btn_contact.png) no-repeat;
}
header p.contact a:hover {
	display:block;
	background: url(../img/btn_contact_o.png) no-repeat;
}
header ul {
	margin: 21px 24px 0 0;
	width:370px;
	height:14px;
	clear:both;
}
header ul li {
	float:left;
	height:14px;
	padding:0 0 0 19px;
	margin:0 11px 0 0;
	background: url(../img/line_header.png) no-repeat left center;
}
header ul li.last {
	float:left;
	height:14px;
	padding:0 0 0 21px;
	margin:0;
}
header ul li a {
	height:11px;
	text-indent:-99999px;
	display:block;
}
header ul li.news a {
	width:47px;
	background: url(../img/btn_news.png) no-repeat;
}
header ul li.brands a {
	width:50px;
	background: url(../img/btn_brands.png) no-repeat;
}
header ul li.impression a {
	width:91px;
	background: url(../img/btn_impression.png) no-repeat;
}
header ul li.faq a {
	width:71px;
	background: url(../img/btn_faq.png) no-repeat;
}
header ul li.support a {
	width:114px;
	background: url(../img/btn_support.png) no-repeat;
}
header ul li.shop a {
	width:62px;
	background: url(../img/btn_shop.png) no-repeat;
}
header ul li.news a:hover {
	width:47px;
	background: url(../img/btn_news_o.png) no-repeat;
}
header ul li.brands a:hover {
	width:50px;
	background: url(../img/btn_brands_o.png) no-repeat;
}
header ul li.impression a:hover {
	width:91px;
	background: url(../img/btn_impression_o.png) no-repeat;
}
header ul li.faq a:hover {
	width:71px;
	background: url(../img/btn_faq_o.png) no-repeat;
}
header ul li.support a:hover {
	width:114px;
	background: url(../img/btn_support_o.png) no-repeat;
}
header ul li.shop a:hover {
	width:62px;
	background: url(../img/btn_shop_o.png) no-repeat;
}

/* ---Top Image Slide--- */
#gallery {
	width: 960px;
	height: 418px;
	overflow: hidden;
	border-bottom: #000 solid 5px;
	border-top:  #000 solid 5px;
}
#gallery .showcase-content img {
	border: none;
}

/* ********************************************************************************
 * All Content
 * ******************************************************************************** */
/* ---コンテンツ--- */
div#content {
	width:960px;
	padding:0 14px 0 14px;
	background: url(../img/bg_content.png) no-repeat center top;
	position:relative;
}

/* ---コンテンツ全体--- */
#allContent {
	padding: 0 8px 0px 20px;
	width: 932px;
	height: auto;
	overflow: hidden;
}


/* ********************************************************************************
 * Main Content
 * ******************************************************************************** */
/* ---左側エリア全体（メインコンテンツ）--- */
#contMain {
	float: left;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
	width: 670px;
	height: auto;
}

/* ---NEWS・ブログ---- */
/* ブログエリア */
#newsBlog {
	padding: 0;
	margin: 20px auto 20px;
	width: 670px;
	height: auto;
	background-color: #FFF;
}
/* タブボタン */
#newsBlog ul.tab li {
	width: 180px;
	height: 26px;
	border-top: #C96 solid 1px;
	border-right: #C96 solid 1px;
	border-left: #C96 solid 1px;
	display: block;
}
#newsBlog ul.tab li a {
	width: 180px;
	height: 26px;
	color: #666;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	text-align: center;
	display: block;
}
#newsBlog ul.tab li a:hover {
	color: #333;
}
#newsBlog ul.tab li a.selected {
	color: #000;
	background-color: #C96;
}

/* kkk */
#newsBlog .waku {
	padding: 10px 0;
	margin: 0;
	height: 315px;
	border-top: #C96 solid 3px;
	border-right: #C96 solid 1px;
	border-bottom: #C96 solid 1px;
	border-left: #C96 solid 1px;
}

/* ニュース・ブログ項目表示部分 */
#newsBlog .panel {
	padding: 0px 5px 0px 20px;
	margin: 0;
	width: 643px;
	height: 315px;
	overflow: auto;
}
/* ニュース項目 */
#tab1 .listArea {
	padding: 7px 0;
	margin: 0 15px 0 0;
	width: 628px;
	height: auto;
	border-bottom: #666 dotted 1px;
}
#tab1 .newsLogo {
	padding: 0;
	margin: 0;
	width: 49px;
	height:37px;
	border: #999 solid 1px;
}
#tab1 dl.newsList {
	padding: 0;
	margin: 0;
	width: 565px;
	height: 39px;
}
#tab1 a dl.newsList {
	padding: 0;
	margin: 0;
	width: 565px;
	height: 39px;
	display: block;
}
#tab1 dl.newsList dt {
	margin: 2px 0 0 0;
	line-height: 12px;
}
#tab1 dl.newsList dd {
	margin: 6px 0 0 0;
	text-indent: 12px;
	line-height: 16px;
	background-image: url(../../img/icon_arrow.gif);
	background-position: 4px 5px;
	background-repeat: no-repeat;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.bgColorB {
	padding: 0 5px;
	margin: 0 0 0 3px;
	color: #FFF;
	font-size: 10px;
	background-color: #000;
}
/* ブログ項目 */
#tab2 .bloginfoInner {
	padding: 7px 0;
	margin: 0 15px 0 0;
	width: 628px;
	height: auto;
	border-bottom: #666 dotted 1px;
}
#tab2 dl.blogList {
	padding: 0;
	margin: 0;
	width: 628px;
	height: 37px;
}
#tab2 a dl.blogList {
	padding: 0;
	margin: 0;
	width: 628px;
	height: 37px;
	display: block;
}
#tab2 dl.blogList dt {
	margin: 2px 0 0 0;
	line-height: 12px;
}
#tab2 dl.blogList dd {
	margin: 6px 0 0 0;
	text-indent: 12px;
	line-height: 16px;
	background-image: url(../../img/icon_arrow.gif);
	background-position: 4px 5px;
	background-repeat: no-repeat;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
/* もっと見るボタン */
#tab1 ol.btnMore,
#tab2 ol.btnMore {
	margin: 15px auto 0;
	padding: 0;
	width: 100px;
	height: 24px;
}
#tab1 ol.btnMore li,
#tab2 ol.btnMore li {
	width: 100px;
	height: 24px;
	display: block;
}
#tab1 ol.btnMore a,
#tab2 ol.btnMore a {
	width: 86px;
	height: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	display: block;
	border: #666 solid 1px;
	border-right:  #666 solid 8px;
	border-left:  #666 solid 8px;
}
#tab1 ol.btnMore a:hover,
#tab2 ol.btnMore a:hover {
	border: #333 solid 1px;
	border-right:  #333 solid 8px;
	border-left:  #333 solid 8px;
}

/* ---ピックアップ情報--- */
#pickUpH2{
	padding: 0 0 0 10px;
	height: 28px;
	font-size: 16px;
	line-height: 28px;
	border-top: #3FA0EC solid 3px;
	border-right: #3FA0EC solid 1px;
	border-left: #3FA0EC solid 13px;
	background-color: #FFF;
}
#pickUpInfo {
	padding: 10px 20px;
	margin: 0 0 20px;
	width: 628px;
	height: auto;
	border-right: #3FA0EC solid 1px;
	border-bottom: #3FA0EC solid 1px;
	border-left: #3FA0EC solid 1px;
	background-color: #FFF;
}
#pickUpInfo .pickUp,
#pickUpInfo .pickUpNL {
	padding: 0;
	margin: 0 0 15px;
	width: 628px;
	height: auto;
}
#pickUpInfo .pickUpN {
	padding: 0;
	margin: 0 0 7px;
	width: 628px;
	height: auto;
}
#pickUpInfo h3 {
	padding: 0;
	margin: 0 0 10px;
	height: 20px;
	font-size: 14px;
	font-weight: normal;
	text-indent: 14px;
	line-height: 20px;
	background-image: url(../../img/top/bg_title_pickup.gif);
	background-position: 0 0px;
	background-repeat: no-repeat;
	border-bottom: #666 dotted 1px;
}
/* １段目 */
#pickUpInfo .infoWide figure {
	padding: 0;
	margin: 0;
	width: 200px;
	height: 150px;
	background-color:#CCC;
}
#pickUpInfo .infoWide dl {
	width: 415px;
	height: auto;
}
#pickUpInfo .infoWide dt {
	margin: 0 0 7px;
	color: #3FA0EC;
	font-size: 14px;
	font-weight: bold;
}
#pickUpInfo .infoWide dd {
	padding: 0 0 0 12px;
	line-height: 18px;
}
/* 製品情報 */
#pickUpInfo .pickUpN article,
#pickUpInfo .pickUpNL article {
	width: 305px;
	height: auto;
}
#pickUpInfo .pickUpN figure,
#pickUpInfo .pickUpNL figure {
	padding: 0;
	margin: 0;
	width: 100px;
	height: 75px;
	background-color: #CCC;
}
#pickUpInfo .pickUpN dl,
#pickUpInfo .pickUpNL dl {
	width: 195px;
	height: auto;
}
#pickUpInfo .pickUpN dt,
#pickUpInfo .pickUpNL dt {
	padding: 0;
	margin: 0 0 5px;
	width: 195px;
	height: auto;
	color: #3FA0EC;
	font-weight: bold;
}
#pickUpInfo .pickUpN dd,
#pickUpInfo .pickUpNL dd {
	line-height: 16px;
}

/* ---ユーザーサポート--- */
#supportH2 {
	padding: 0 0 0 10px;
	height: 28px;
	font-size: 16px;
	line-height: 28px;
	border-top: #7AC043 solid 3px;
	border-right: #7AC043 solid 1px;
	border-left: #7AC043 solid 13px;
	background-color: #FFF;
}
#supportInfo {
	padding: 10px 20px;
	margin: 0 0 20px;
	width: 628px;
	height: auto;
	border-right: #7AC043 solid 1px;
	border-bottom: #7AC043 solid 1px;
	border-left: #7AC043 solid 1px;
}
#supportInfo dl.supportCon {
	padding: 0 24px 0 0;
	margin: 0 24px 0 0;
	width: 120px;
	border-right: #666 solid 1px;
}
#supportInfo dl.supportConLast {
	padding: 0;
	margin: 0;
	width: 120px;
}
#supportInfo dl.supportCon dt,
#supportInfo dl.supportConLast dt {
	padding: 0;
	margin: 0;
	color: #7AC043;
	font-weight: bold;
}
#supportInfo dl.supportCon dd,
#supportInfo dl.supportConLast dd {
	padding: 0;
	margin: 3px 0 0;
}
#supportInfo dl.supportCon img,
#supportInfo dl.supportConLast img {
	padding: 0;
	margin: 3px 0 0;
}

/* ---取扱ブランド--- */
#brandLogoH2{
	padding: 0 0 0 10px;
	height: 28px;
	font-size: 16px;
	line-height: 28px;
	border-top: #FF1D25 solid 3px;
	border-right: #FF1D25 solid 1px;
	border-left: #FF1D25 solid 13px;
	background-color: #FFF;
}
#brandLogoImg {
	padding: 10px 20px;
	margin: 0 0 10px;
	width: 628px;
	height: auto;
	border-right: #FF1D25 solid 1px;
	border-bottom: #FF1D25 solid 1px;
	border-left: #FF1D25 solid 1px;
	background-color: #FFF;
}
#brandLogoImg li {
	padding: 0;
	margin: 0 12px 5px 0;
	width: 148px;
	height: 48px;
	text-indent: -99999px;
	display: block;
}
#brandLogoImg li:nth-of-type(4n) {
	margin: 0;
}
#brandLogoImg li a {
	width: 148px;
	height: 48px;
	display: block;
}
#brandLogoImg li.btnCinelli a {
	background-image: url(../../img/top/logo/btn_cinelli.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnBootleg a {
	background-image: url(../../img/top/logo/btn_bootleg.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnColumbus {
	background-image: url(../../img/top/logo/btn_columbus.gif);
	background-position: 0 -48px;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnCampagnolo a {
	background-image: url(../../img/top/logo/btn_campa.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnSanmarco a {
	background-image: url(../../img/top/logo/btn_sanmarco.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnCarrera a {
	background-image: url(../../img/top/logo/btn_carrera.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnPantani a {
	background-image: url(../../img/top/logo/btn_pantani.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnTime a {
	background-image: url(../../img/top/logo/btn_time.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnOrbea a {
	background-image: url(../../img/top/logo/btn_orbea.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnOrca a {
	background-image: url(../../img/top/logo/btn_orca.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnHutchinson a {
	background-image: url(../../img/top/logo/btn_hutchinson.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnGaerne a {
	background-image: url(../../img/top/logo/btn_gaerne.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnDemarchi a {
	background-image: url(../../img/top/logo/btn_demarchi.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnSportsbalm a {
	background-image: url(../../img/top/logo/btn_sportsbalm.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li.btnRudyproject a {
	background-image: url(../../img/top/logo/btn_rudyproject.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#brandLogoImg li a:hover {
	background-position: 0 -48px;
}

/* ---ページトップ--- */
#pageTop {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}
#pageTop ul {
	width: 100px;
	height: auto;
}
#pageTop li {
	width: 100%;
	height: auto;
	display: block;
}
#pageTop li a {
	margin: 3px 0 0;
	width: 100%;
	height: 24px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	background-color: #C3C3C3;
	border-top: #000 solid 1px;
	border-right: #000 solid 1px;
	border-left:  #000 solid 1px;
	display: block;
}
#pageTop li a:hover {
	margin: 0;
	padding: 0 0 3px;
	height: 24px;
}

/* ********************************************************************************
 * Sub Menu
 * ******************************************************************************** */
/* ---サブメニュー背景画像--- */
#subMenuBg {
	float: right;
	margin-bottom: -32767px;
	padding-bottom: 32767px;
	width: 240px;
	height: auto;
	background-image: url(../../img/top/bg_submenu.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
/* ---サブメニューレイアウト--- */
/* コンテンツエリア */
#subMenu {
	padding: 0 12px 0 8px;
	margin: 20px 0;
	width: 220px;
	height: auto;
}
/* ボタン＆バナーの枠：マウスオーバーで変化 */
#subMenu li a {
	border-top: #CCC solid 1px;
	border-right: #333 solid 1px;
	border-bottom: #333 solid 1px;
	border-left: #CCC solid 1px;
}
#subMenu li a:hover {
	border-top: #999 solid 1px;
	border-right: #000 solid 1px;
	border-bottom: #000 solid 1px;
	border-left: #999 solid 1px;
}
/* 上部 */
#topBanner{
	padding: 0;
	margin: 0 auto 15px;
	width: 200px;
	height: auto;
}
#topBanner li {
	padding: 0;
	margin: 0 auto 3px;
	width: 200px;
	height: 64px;
	display: block;
}
#topBanner li a {
	width: 198px;
	height: 62px;
	display: block;
}
/* カテゴリーメニュー */
#cateGory {
	padding: 0;
	margin: 0 auto 30px;
	width: 200px;
	height: auto;
}
#cateGory li {
	padding: 0;
	margin: 0 auto 3px;
	width: 200px;
	height: 36px;
	display: block;
}
#cateGory li.cateMenu{
	padding: 2px 0 0;
	width: 198px;
	height: 16px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	line-height: 16px;
	border-top: #CCC solid 1px;
	border-right: #333 solid 1px;
	border-bottom: #333 solid 1px;
	border-left: #CCC solid 1px;
	background-color: #4D4D4D;
}
#cateGory li a {
	width: 198px;
	height: 34px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	line-height: 34px;
	background-image: url(../../img/top/bg_btn_category.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
}
#cateGory li a:hover {
	color: #F00;
}
#cateGory li.cateMenuEnd {
	width: 198px;
	height: 5px;
	color: #FFF;
	border-top: #CCC solid 1px;
	border-right: #333 solid 1px;
	border-bottom: #333 solid 1px;
	border-left: #CCC solid 1px;
	background-color: #4D4D4D;
}
/* 下部バナー */
#underBanner{
	padding: 0;
	margin: 0 auto 30px;
	width: 200px;
	height: auto;
}
#underBanner li {
	padding: 0;
	margin: 0 auto 3px;
	width: 200px;
	height: 64px;
	display: block;
}
#underBanner li a {
	width: 198px;
	height: 62px;
	display: block;
}
/* ブログバナー */
#blogMenu {
	padding: 7px 0;
	margin: 0 auto 30px;
	border-top: #FFF solid 3px;
	border-bottom: #FFF solid 3px;
}
#blogMenu h3.blogInfo {
	color: #FFF;
	font-size: 14px;
	text-align: center;
	text-shadow: 0px -1px 1px #333;
}
#blogMenu li {
	padding: 0;
	margin: 7px auto;
	width: 200px;
	height: 102px;
	display: block;
}
#blogMenu li a {
	width: 198px;
	height: 100px;
	display: block;
}

/* ********************************************************************************
 * Footer
 * ******************************************************************************** */
/* ---フッターレイアウト--- */						
#footerNavi {
	padding: 20px 40px;
	margin: 0 0 5px;
	width: auto;
	height: 200px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #808080), color-stop(0.00, #33333));
 background: -webkit-linear-gradient(#808080, #333333);
 background: -moz-linear-gradient(#808080, #333333);
 background: -o-linear-gradient(#808080, #333333);
 background: -ms-linear-gradient(#808080, #333333);
 filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#333333');
	border-top: #000 solid 2px;
	border-bottom: #000 solid 2px;
}
#footerNavi .naviFooter {
	padding: 0 10px 0 0;
	margin: 0 30px 0 0;
}
#footerNavi h3.navInfo {
	padding: 0 0 0 5px;
	height: 16px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0px -1px 1px #333;
	border-bottom: #FFF solid 1px;;
}
#footerNavi ul {
	padding: 0;
	margin: 7px 0 0 5px;
	width: 150px;
	height: auto;
}
#footerNavi ul.col1 {
	width: 115px;
	height: auto;
}
#footerNavi ul.col2 {
	width: 140px;
	height: auto;
}
#footerNavi li {
	line-height: 20px;
}
#footerNavi h4.underLogo {
	margin: 10px 0 0;
	display: block;
}
#footerNavi h4.underLogo a {
	width: 148px;
	height: 30px;
	display: block;
}
/* フッター部リンク */
#footerNavi a {
	color: #FFF;
}
#footerNavi a:hover {
	color: #F00;
}
#footerNavi a[href^="http"]  {
  background: url(../../img/top/external-link.png) no-repeat right center;
  padding-right:15px;
  margin-right:2px;
}
/* ********************************************************************************
 * 
 * ******************************************************************************** */