@charset "utf-8";





/* -----------------------------------------------------------------------------

   index.html

----------------------------------------------------------------------------- */



#website{



}

	

#banner {

	width: 100%;

	padding: 0px 0px 0px 0px;

/*	background: url(../image/top/flash_footer_bg.gif) left bottom repeat-x;*/

	}



#banner .banner_cont {

	height: 332px;

	margin: 0 auto;

	background: url(../image/top/index_img_01.jpg) no-repeat 50% 0%;

	}



/* special_contents */



.pickup_tit {

	width:679px;

	overflow:hidden;

	padding-top: 10px;

}



.special_contents {

	width: 679px;

	}



.special_tit {

	width: 570px;

	float: left;

	}



.special_btn {

	width: 98px;

	float: right;

	}



.special_txt_00 {

	width: 679px;

	line-height: 1.4;

	}



.special_txt_01 {

	background:url(../image/top/pickup/pick_up_bg.gif) no-repeat;

	width: 70px;

	float: left;

	padding: 2px;

	display: block;

	}



/* pick up */

.pickup_block {

	width:679px;

	padding:13px 0 0 0;

	overflow:hidden;

}



.pickup_block ul.block {

	display:block;

	float:left;

	overflow:hidden;

	width: 226px;

}



.pickup_block .brand_name {

	width:140px;

	display:block;

	font-size:100%;

	font-weight:normal;

	color:#666666;

	float: left;

	padding: 0 5px;

}



.pickup_block .brand_name a {

	font-size:130%;

	font-weight:bold;

	color:#000000;

}



.pickup_block .brand_name span{

	font-size:11px;

	font-weight:normal;

	color:#FF0000;

	padding-left:5px;

}

	

/* street_snap */



.street_snap_contents {

	width: 679px;

	background: url(../image/share/bg_contents_box_bar.jpg) left top repeat-x;

	margin-top: 17px;

	}





.street_snap_cont {

	width: 677px;

	margin-top: 8px;

	border: 1px #D5D3C6 solid;

	}

	

* html.street_snap_cont {

	width: 673px;

	height: 230px;

	padding: 2px;

	border: 1px #e5e5e5 solid;

	}



.street_snap_cont_bg {

	width: 677px;

	overflow: hidden;

	border-bottom: 1px #D5D3C6 solid;

	background-color: #F3F3F1;

	}



.street_snap_forus {

	width: 493px;

	padding: 12px 0 10px 10px;

	float: left;

	}



.street_snap_forus_tit {

	width: 320px;

	background: url(../image/share/icon_01.gif) 0px no-repeat;

	padding-left: 20px;

	color: #6699cc;

	font-weight: bold;

	font-size: 150%;

	}

	

.street_snap_forus_txt {

	font-size: 115%;

	margin-top: 2px;

	font-weight: bold;

	letter-spacing: 0px;

	}

	

.street_snap_forus_link {

	font-size: 120%;

	}

	

.street_snap_img_bg {

	width: 110px;

	float: left;

	margin-right: 15px;

	}

	

.street_snap_img_bg_end {

	width: 110px;

	float: left;

	margin-right: 0px;

	}



.street_snap_img_bg a {

	padding: 4px;

	height: 151px;

	display: block;

	background:url(../image/top/snap/street_snap_img_bg.gif) no-repeat;

	}

	

.street_snap_img_bg_end a {

	padding: 4px;

	height: 151px;

	display: block;

	background:url(../image/top/snap/street_snap_img_bg.gif) no-repeat;

	}



.street_snap_img_bg a:hover {

	padding: 4px;

	height: 151px;

	display: block;

	background: url(../image/top/snap/street_snap_img_bg_on.gif) no-repeat;

	}

	

.street_snap_img_bg_end a:hover {

	padding: 4px;

	height: 151px;

	display: block;

	background: url(../image/top/snap/street_snap_img_bg_on.gif) no-repeat;

	}

	

.street_snap_pick_up {

	width: 170px;

	float: left;

	position: relative;

	background:url(../image/top/snap/street_snap_pickupimg_bg.gif) no-repeat;

	}



.street_snap_pick_up a {

	display: block;

	height: 219px;

	background: url(../image/top/snap/street_snap_pickupimg_bg.gif) no-repeat;

	padding: 15px 4px 4px 16px;

	}



* html .street_snap_pick_up a {

	height: 219px;

}



.street_snap_pick_up a:hover {

	background: url(../image/top/snap/street_snap_pickupimg_bg_on.gif) no-repeat;

	}



.street_snap_pick_up .label {

	width: 62px;

	position: absolute;

	left: 0px;

	top: 0px;

	}



.street_snap_pick_up .title {

	display: block;

	margin-top: -55px;

	margin-left: -13px;

	}

	

.street_snap_list  {

	width: 677px;

	overflow: hidden;

	border-top: 1px #D5D3C6 solid;

	}

	

.street_snap_list p {

	float:left;

	}

	

.street_snap_list ul  {

	overflow:hidden;

	}	



.street_snap_list li  {

	list-style: none;

	float:left;

	}





/* Coordinate */



.coordinate_contents {

	width: 679px;

	background: url(../image/share/bg_contents_box_bar.jpg) left top repeat-x;

	margin-top: 25px;

}





.coordinate {

	width: 679px;

	margin-top: 3px;

	}





.coordinate_area {

	width: 649px;

	}



.coordinate_list {

	padding-top: 5px;

	}





/* recommend */



.recommend_contents {

	width: 679px;

	background: url(../image/share/bg_contents_box_bar.jpg) left top repeat-x;

	margin-top: 25px;

	}



.recommend_box {

	width: 649px;

	padding: 13px 14px 8px 14px;

	border-left: 1px #B7B7B7 solid;

	border-right: 1px #B7B7B7 solid;

	border-bottom: 1px #B7B7B7 solid;

	}

	

.recommend_box_ttl {

	width:649px;

	overflow:hidden;

	}

	

.recommend_box_ttl p {

	display:block;

	width:119px;

	float:right;

	text-align:right;

	}

	

/*.recommend_box p {

	float:right;

	}*/

	

.recommend_tit {

	width: 530px;

	float: left;

	display: block;

}



.recommend_txt {

	width: auto;

	float: right;

	margin: 5px 0 0;

}



.recommend_list {

	padding-top: 3px;

	}



.list_item .photo img {

	background:url(../image/top/coordinate/coordinate_img_bg.jpg) no-repeat!important;

	border:none!important;

	background-color:transparent!important;

	padding:0 4px 4px;!important;

}	



.list_item .photo a:hover img {

	background:url(../image/top/coordinate/coordinate_img_bg.jpg) no-repeat!important;

	border:none!important;

	background-color:transparent!important;

	padding:0 4px 4px;!important;

	}

	

.list_item .photo_s a img {

	border: 1px #dcdcdc solid;

	padding: 0px;

	}	



.list_item .label {

	margin-bottom: 0px!important;

	margin-top: 10px;

	}

	

.recommend_contents .brand_item {

	height:60px;

	overflow:hidden;

}



/* navi */



.brand {

	margin-top: 10px;

	position: relative;

	}



.brand .btn {

	position: absolute;

	left: 136px;

	top: 8px;

	}



.brand_border {

	width: 220px;

	background: url(../image/share/bg_pick_up_01.gif) left top repeat-y;

	padding:10px;

	}





.brand_border .list_ul_01 {

	padding: 1px 0px 0px 0px;

	margin: 0px 1px 0px 1px;

	font-size: 120%;

	}

.brand_border .list_ul_01 li {

	margin: 0px 1px 0px 1px;

	background: url(../image/share/bg_pick_up_02.gif) left bottom repeat-x;

	list-style: none;

	width: 236px;

	overflow: hidden;

	}

.brand_border .list_ul_01 li.bg_none {

	background: none;

	list-style: none;

	}

	

.brand_border .list_ul_01 li a {

	display: block;

	line-height: 140%;

	padding: 3px 0px 5px 27px;

	width: 224px;

	background: url(../image/share/icon_04.gif) 4px 5px no-repeat;

	}

	

.brand_border .list_ul_01 li span.news {

	display: block;

	width: 224px;

	background: url(../image/share/icon_05.gif) 175px 8px no-repeat;

	}	



.brand_border .list_ul_bg01 {

	margin: 0px 1px 0px 1px;

	background: url(../image/share/bg_pick_up_02.gif) left bottom repeat-x;

	}



.brand_border .list_ul_02 {

	width: 220px;

	margin: 0px 9px 0px 9px;

	padding-bottom: 4px;

	}



.brand_border .list_ul_02 li {

	width: 220px;

	list-style: none;

	padding: 7px 0px 9px 0px;

	line-height: 1.4;

	}



.latest_list {

	margin-top:8px;

}



.coordinate_contents .list_box .list_item {

	top:0px !important;

}



.coordinate_contents .list_item .btn1 {

	padding-bottom:5px;

	position: absolute;

	bottom:18px;

	}



.coordinate_contents .list_item .btn2 {

	position: absolute;

	bottom: 0px;

	}

	

.navi_area .ub_txt {

	padding:5px 0px!important;

}



/* top coorde list */

html .latest_list .list_item .title {

	min-height: 1.5em;

	}

	

* html .latest_list .list_item .title {

	height: 3em;

	}



/* under banner */

.banner_block {

	width:679px;

	padding:29px 0 0 0;

	overflow:hidden;

}



.banner_block ul {

	width:218px;

	display:block;

	float:left;

	overflow:hidden;

	margin-right:12px;

}

.banner_block ul.end {

	margin-right:0px;

}



.banner_block ul .banner_ttl {

	display:block;

	font-size:120%;

	font-weight:bold;

	padding-top:5px;

}



.banner_block ul .banner_ttl a {

	color:#333333;

}



.banner_block ul .banner_txt {

	padding-top:5px;

}



/* common keyword */

.keyword {

	width:679px;

}



.keyword_ttl {

	position:relative;

}



.keyword .search_btn {

	position:absolute;

	top:-4px;

	right:0px;

}



.keyword .words {

	border-bottom:1px solid #B8B8B8;

	border-left:1px solid #B8B8B8;

	border-right:1px solid #B8B8B8;

}



.keyword ul {

	overflow:hidden;

}



.keyword li {

 	float:left;

	padding:8px 10px;

	font-size:115%;

}





.recommend_contents .list_item .btn1 {

	padding:5px 0px!important;

	position: static!important;

	bottom:0px;

	}



.recommend_contents .list_item .btn2 {

	position: static!important;

	bottom: 0px;

	}

	

/* common coordinate_list */



.coordinate_list {

	padding:8px 0px 15px;

}



.coordinate_list tr {

	vertical-align:top;

}



.coordinate_list td {

	width:131px;

}



.coordinate_list tr .label {

	height:24px;

	margin: 0px;

	}

	

.coordinate_list tr .photo img {

	height:180px;

	background:url(../image/top/coordinate/coordinate_img_bg.jpg) no-repeat;

	border:none;

	background-color:transparent;

	margin:0px;

	padding:0 4px 4px;;

	}

	

html .coordinate_list tr .title {

	padding-top: 5px;

	min-height: 1.5em;

	}

	

* html .coordinate_list tr .title {

	padding-top: 5px;

	height: 3em;

	}



html .coordinate_list tr .text {

	padding-top: 5px;

	}



.coordinate_list tr .btn1 {

	padding-top: 5px;

}



.coordinate_list tr .btn2 {

	padding-top: 5px;

}



.coordinate_list tr .margin {

	width:6px;

}



/* stepcarousel */



.stepcarousel{

	position: relative;

	overflow: scroll;

	width: 650px;

	height: 100px;

	padding: 11px 0;

	margin: 0px auto;

	left:7px;

}



.stepcarousel .belt{

	position: absolute;

	top: 11px;

	width: 635px;

}



.stepcarousel .panel{

	float: left;

	overflow: hidden;

	width: 68px;

	margin-right: 3px;

}



.stepcarousel02{

	position: relative;

	overflow: scroll;

	width: 650px;

	padding: 0;

	margin: 0px auto;

	height: 310px;

	left:10px;

}



.stepcarousel02 .belt02{

	position: absolute;

	top: 0px;

	width: 629px;

}



.stepcarousel02 .panel02{

	float: left;

	overflow: hidden;

	width: 120px;

	margin-right: 7px;

}