@charset "utf-8";
/*
Theme Name: Lafayette
Description: Laffayet WEB
Author: Hideto Kumasu(Routine Work)
*/


/*--------------------------------------------------
	Universal Reset
--------------------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,del,ins,em,img,hr,q,strong,sub,sup,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
}

h1,h2{
font-weight:lighter !important;
}


h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
}

ul,ol{
list-style:none;
}

table,th,td{
border:0 none;
}

th{
font-weight:normal;
text-align:left;
}

caption{
text-align:left;
}

strong{
font-weight:normal;
}

em{
font-style:normal;
}

img{
border:0;
vertical-align:top;
}

dt{
font-weight:normal;
}

fieldset{
border:0 none;
}

legend{
display:none;
}

textarea{
font-size:1em;
}

a {
text-decoration: none;
color:#666;
}

/* clear fix */

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

/*--------------------------------------------------
	Default Style
--------------------------------------------------*/
body{
font-size:10px;
background:#fff;
margin-bottom:0;
font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 130%;
}

p {
}

em{
font-style:italic;
}

strong{
font-weight:bold;
}

a:hover,
a:active,
a:focus{
text-decoration:;
}

sup{
vertical-align:top;
}

sub{
vertical-align:baseline;
}

/*--------------------------------------------------
	hasLayout
--------------------------------------------------*/
div,ul,dl,dt,dd,p,
h1,h2,h3,h4,h5,h6{
zoom:1;
}


/*--------------------------------------------------
	layout
--------------------------------------------------*/

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0px 20px 0px 20px;
}

#footer {
	clear: both;
}


/* 二段組み */
.home div.content,
.search div.content,
.single div.content,
.date div.content,
.category-event div.content,
.category-snap div.content,
.category-movie div.content,
.page-template-page-archives-php div.content,
.category-press div.content,
.category-deadline div.content,
.category-am div.content,
.category-anthem div.content,
.category-resortlover div.content,
.category-sold div.content,
.category-nuevayork div.content,
.category-libertebell div.content{
	width: 680px;
	float: left;
	padding-right: 20px;
	border-right: 1px #CCC solid;
	margin-top: 20px;
	margin-bottom: 10px;
}

.hn {
	border-top: 1px solid #CCC;
}

.sidebar {
	width: 240px;
	float: right;
	margin: 20px 0 20px 0;
}



/* ヘッダー */

#header {
	height: 70px;
	width: 960px;
	margin: 20px auto 10px auto;
}

#header h1 {
	text-align: center;
	margin-bottom: 20px;
}


#navi {
	height: 20px;
	width: 780px;
	float: left;
}

#navi ul li {
	float: left;
	margin-right: 15px;
	font-size: 13px;
}


#navi ul li.drop {
  position: relative;
  float: left;
  width: 120px;
  height: 15px;
}

#navi ul li.drop ul {
  display: none;
  position: absolute;
  top: 15px;
  left: -1px;
  padding: 5px;
  width: 110px;
  border: solid 1px #333;
  background-color:#fff;
  z-index:9999999999;
}
#navi ul li.drop ul li {
  margin: 0;
  padding: 0;
  width: 120px;
  height: 20px;
  border: none;
}
#navi ul li.drop ul li a {
  display: inline-block;
  width: 120px;
  height: 20px;
  font-size:10px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
}
#navi ul li.drop ul li a:hover {
  color: #666;
  text-decoration:none;
}










/* 検索ボックス */

#search{
	float:right;
}

#t_searchform{
width: 170px;
height: 20px;
}

#t_searchform #s{
border: 1px #ccc solid;
margin: 0px 5px 0px 0px;
padding: 0px;
float: left;
width: 130px;
font-size: 12px;
}

#t_searchform #go{
float: right;
}

/*for Webkit*/
input::-webkit-input-placeholder {
    color: #ccc;
}
 
/*for Firefox*/
input:-moz-placeholder {
    color:    #ccc;
}

/* スライド */

.headslide {
    width: 960px; /* Make sure your images are the same size */
    height: 250px; /* Make sure your images are the same size */
}




/* コンテンツ */

div.content {
	background: none;
	line-height: 120%;
	clear: both;
}

div.content p {
	font-size: 10px;
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 25px auto;
}


p.pagenation	{font-size: 0.75em;
	overflow: hidden}

span.oldpage	{float: left}

span.newpage	{float: right}

/* サイドバー */

.sideslide{
    width: 240px;
    height: 180px;
	margin-bottom:10px !important;
}



.side-banner{
	margin-bottom:10px;
}

.side-link{
	margin-bottom:10px;
}

/* RSS */

div.rssfeed{
	border: 1px #ccc solid;
	padding: 0px 10px 0px 10px;
	margin-bottom: 10px;
}

div.rss_post {
	padding: 10px 0px 10px 0px;
	border-bottom: #ccc 1px solid;
}

div.rss_post:last-child {
	border-bottom:0px !important;
}

p.rss_title a{
	font-size: 12px;
	font-weight:bold;
	color: #333;
}

p.rss_title a:hover{
	color: #666;
	text-decoration: underline;
}

div.rss_new{
	float:left;
}

div.rss_post:nth-child(-n+2) div.rss_new p {
	text-indent:-9999px;
	background-image:url(http://lafayettecrew.com/lafayette/shared/images/new.gif);
	background-repeat: no-repeat;
	width:33px;
	height15px;
	display:block;
	margin-top: 5px;
}

div.rss_post:nth-child(n+3) div.rss_new p {
	text-indent:-9999px;
	background-image:url(http://lafayettecrew.com/lafayette/shared/images/post.gif);
	background-repeat: no-repeat;
	width:33px;
	height:15px;
	display: block;
	margin-top: 5px;
}




div.sidebar h3{
	margin-bottom:5px;
}

div.rss_update {
	float:right;
}

div.rss_update p{
	color: #666;
	font-size: 10px !important;
	letter-spacing: 0.1em;
	padding: 3px 0 3px 0;
	margin-bottom: 0px !important;
}


div.btn {
	float: left;
	margin-right: 20px;
	padding: 5px;
}

div.btn:last-child {
	float: left;
	margin-right: 0px !important;
}


/* フッター */

#footer {
	height: 25px;
	border-top: solid 1px #ccc;
	padding: 20px 0px 10px 0px;
}

#footer h4{
	float: left;
	margin-top: 5px;
	margin-right:10px;
}

#footer p {
	font-size: 10px;
	padding-top: 10px;
	margin: 0;
	float:left;
}

#footer ul {
	float:right;
	margin-top:10px;
	position:relative;
}

#footer ul li{
	float:left;
	font-size:10px;
}

#footer ul li a{
	font-size: 10px;
	color:#333;
	margin:0px 5px 0px 5px;
}

#footer ul li a:hover{
	text-decoration:underline;
}

#footer ul li:last-child {
	margin: 0px 0px 0px 5px !important;
}

#footer ul li:last-child a{
	color: #FFF;
}

p.copy {
	font-size: 10px;
	text-align:right;
}


/* 記事 */
div.post	{
	margin-bottom: 10px;
	border-top: 5px #ccc solid;
}

div.listtop	{
	height: auto;
}


div.post p	{
	font-size: 10px;
	line-height: 150%;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
	
div.post h2	{
	border-top: dotted 1px #ccc;
	border-bottom: dotted 1px  #ccc;
	font-size: 18px;
	padding: 5px 0 5px 0;
	margin-bottom: 20px;
	font-weight: bold !important;
	line-height: 130% !important;
	letter-spacing: 0px;
	font-family: 'Cabin', sans-serif;
}

div.post h2 a {
	color: #000;
}

div.post h2 a:hover {
	color: #999;
}


p.update {
	color: #ccc;
	font-size: 10px !important;
	letter-spacing: 0.2em;
	padding: 3px 0 3px 0;
	margin-bottom: 0px !important;
	font-weight: bold !important;
}

div.post p.postcat	{text-align: right;
	margin: -10px 10px 10px 0}

div.post p.postcat a	{font-size: smaller;
	background-color: #a7d043;
	border-radius: 2px;
	color: #ffffff;
	padding: 1px 5px}

div.post p.postinfo	{color: #000099;
	text-align: right;
	margin: 0}


/* 続きを読む */

div.post-btn{
	height:21px;
	margin-bottom:10px;
}

div.post p.more{
	float:left;
	margin-bottom:0px !important;}


/* GO TO TOP */

div.post p.gototop{
	float: right;
	margin-bottom:0px !important;
}

div.post p.gototop a{
	color: #fff;
	font-size:8px !important;
	font-weight:bold;
	background-color: #000;
	padding: 1px 3px 1px 3px;
}

/* twitter facebook */

div.post-twitter{
	float:left;
	margin-right:20px;
}

div.post-facebook{
	float:left;
}

/* サムネイル画像 */
div.post p.thumb {
	float: left;
	margin: 0px 20px 20px 0px !important;
}

/* 月別メニュー */

.sidemenu {
	font-size: 14px;
	border: solid 1px #aaaaaa;
	padding: 10px;
	margin-bottom: 20px;
}

.sidemenu h2 {
	font-size: 16px;
	color: #ffffff;
	background-color: #666;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}

.sidemenu ul {
	margin: 0;
	padding: 0;
}

.sidemenu li {
	line-height: 1.2;
	list-style-type: none;
	background-image: url(images/mark.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 8px;
}

.sidemenu li a:hover {
	color: #CCC;
}



/* ＩＮＦＯ */

#top_info {
	width: 250;
	padding: 5px;
	border: solid 1px #aaaaaa;
	margin-bottom: 20px;
}

#top_info p {
	line-height: 140%;
	font-size: 12px;
	color:#333333;
}

#top_info h3 {
	color:#333333;
	font-size: 14px;
	text-align: center;
}

/* 前後のページへのリンク */

.prevnext {
	font-size: 9px !important;
	color: #333;
	margin-top: 10px;
}

.prevnext {
	color: #333;
}

.prevnext a:hover {
	color: #999;
}

.prev {
	margin-left: 30px;
	float: left;
	font-size: 9px !important
}

.next {
	margin-left: 30px;
	float: right;
	font-size: 9px !important
}


/* 記事の個別ページ */
	

.postdate {
	color: #999;
	font-weight: bold;
}


.social_btn { 
margin: 10px 0px 0px 0px; 
padding: 0px; 
width: 230px; 
}

.twitter_btn {
	float: left !important;
	margin: 0px 10px 10px 0px; 
	padding: 0px; 
	width: 110px;
	height: 20px;
}
.facebook_btn {
	float: left !important;
	margin: 0px 10px 10px 0px; 
	padding: 0px; 
	width: 110px;
	height: 20px;
}


/*--------------------------------------------------
	SNAP
--------------------------------------------------*/

div.snap{
border-top: 5px #ccc solid;
padding-top:20px;
width:680px;
}

div.post_snap{
float:left;
margin-right:10px;
width:220px;
margin-bottom:20px;
}

div.post_snap:nth-child(3n){
margin-right:0px !important;
}

p.update_s {
color: #ccc;
font-size: 11px !important;
letter-spacing: 0.2em;
padding: 3px 0 3px 0;
font-weight: bold !important;
}



/*--------------------------------------------------
	page
--------------------------------------------------*/

div.about p {
	font-size: 9px !important;
	line-height: 180%;
}

div.location{
	margin-top: 20px;
	margin-bottom: 20px;
}

div.about h2{
	border-bottom: #ccc solid 1px;
	font-family: 'Nixie One', cursive;
	font-weight: bold !important;
	font-size: 17px !important;
	padding: 5px 0px 5px 0px;
	margin:5px 0px 20px 0px;
}

div.about h3{
	font-family: "Arial Black", Arial, Helvetica, sans-serif !important;
	padding: 1px 5px 1px 5px;
	font-size: 9px;
	background-color: #000;
	color:#FFF;
	font-weight: bold !important;
	margin-bottom: 10px;
	display: inline;
}

div.about h3 a {
	color: #ffffff !important;
}

div.about h4{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px;
	color:#000;
	font-weight: bold !important;
	margin-bottom: 5px;
}

div.dealer h2{
	border-bottom: #ccc solid 1px;
	font-family: 'Nixie One', cursive;
	font-weight: bold !important;
	font-size: 17px !important;
	padding: 5px 0px 5px 0px;
	margin:5px 0px 20px 0px;
}

div.dealer h3{
	font-family: "Arial Black", Arial, Helvetica, sans-serif !important;
	padding: 1px 5px 1px 5px;
	font-size: 9px !important;
	background-color: #000;
	color:#FFF;
	font-weight: bold !important;
	margin-bottom: 10px;
	display: inline;
}

div.dealer p{
	margin-bottom: 20px !important;
}

div.history {
	margin-bottom:20px;
}

div.history p{
	color:#666;
	font-size:10px !important;
	line-height: 180%;
}

div.history h2{
	font-family: 'Vast Shadow', cursive;
	font-weight: bold !important;
	font-size: 30px !important;
	margin:0px 0px 5px 0px;
	border: none !important;
}

div.world {
	margin: 20px 0px 20px 0px;
	line-height: 120%;
}

div.world p {
	font-size: 10px !important;
	line-height: 150%;
}


div.world h2.am_h{
	border-bottom: 5px #000 solid;
	margin-bottom: 10px;
	background-image: url(http://lafayettecrew.com/lafayette/shared/images/am_h.jpg);
	background-repeat: no-repeat;
	height: 33px;
	text-indent: -9999px;
}

div.world h2.dl_h{
	border-bottom: 5px #000 solid;
	margin-bottom: 10px;
	background-image: url(http://lafayettecrew.com/lafayette/shared/images/dl_h.jpg);
	background-repeat: no-repeat;
	height: 33px;
	text-indent: -9999px;
}

div.world h2.wc{
	border-bottom: 5px #000 solid;
	margin-bottom: 10px;
	height: 33px;
}




div.world h2 img.am {
	position:absolute;
	left: 360px;
	bottom: 5px;
}


div.world h3{
	font-family: "Arial Black", Arial, Helvetica, sans-serif !important;
	padding: 1px 5px 1px 5px;
	font-size: 9px;
	background-color: #000;
	color:#FFF;
	font-weight: bold !important;
	margin-bottom: 10px;
	display: inline-block;
}

/* layout */

div.layout-quad {
}
	
div.layout-quad div.block{
	float:left;
	width:200px;
	margin: 10px 20px 0px 20px;
}

div.layout-double {
	margin-bottom: 20px;
}
	
div.layout-double div.block{
	float:left;
	width:470px;
	margin: 0px 20px 0px 0px;
}

div.layout-double div.block:last-child{
	margin: 0px 0px 0px 0px !important;
}

div.layout-triple {
	margin-bottom: 10px;
}

div.layout-triple div.block-01 {
	width: 305px;
	height: 203px;
	margin-right: 20px;
	float: left;
}

div.layout-triple div.block-02 {
	width: 455px;
	height: 203px;
	margin-right: 20px;
	float: left;
}


div.layout-triple div.block-03 {
	width: 160px;
	height: 203px;
	float: left;
}

div.layout-triple div.block-03 {
	width: 160px;
	height: 200px;
	float: right;
}

div.layout-five {
	margin: 10px 0px 10px 0px;
}

div.layout-five div.block {
	float:left;
	margin-right: 10px;
}

div.layout-five div.block:last-child {
	margin: 0px !important;
}



div.collection{
	margin-top: 20px;
	margin-bottom: 30px;
}

div.collection h2{
	font: 13px;
	display: inline;
	background-color:#000;
	padding: 2px 5px 2px 5px;
	color:#FFF;
}

div.collection h3{
	font-size: 10px;
	display: inline;
	background-color:#000;
	padding: 2px 5px 2px 5px;
	color:#FFF;
}

div.collection h3{
	font-size: 10px;
	display: inline;
	background-color:#000;
	padding: 2px 5px 2px 5px;
	color:#FFF;
	margin-bottom: 20px;
}

div.post_collection {
	margin-top: 10px;
	margin-bottom: 10px;
}

div.post_collection h4{
	color:#666;
	font-weight: bold;
	font-size: 10px;
	border-bottom: 1px #CCC solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
}




/* アーカイブ　*/

h2.ar {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	margin-bottom: 20px;
	color:#666;
}

div.archives_page {
	margin-bottom: 20px;
}

div.archives_page h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

div.archives_page ul li {
	font-size: 10px;
	margin-bottom: 5px;
}

div.archives_page ul li a {
	color: #000;
}

div.archives_page ul li a:hover {
	color:  #666;
}

.arclist_date {
	color:#999;
}


/* barnd */

div.brandprofile{
margin:20px 0px;
width:960px;
}
	
	




/* モジュール　*/

.f-08{
	font-size: 6x !important;
	line-height: 80% !important;
}

.f-09{
	font-size: 9x !important;
}

.mr-00{
margin-right:0px !important;
}

.mb-05 {
	margin-bottom:5px !important;
}

.mb-00 {
	margin-bottom: 0px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}


.mb-20 {
	margin-bottom: 20px !important;
}

.mt-05{
	margin-top: 5px !important;
}


.mt-10{
	margin-top: 10px !important;
}

.mt-15{
	margin-top: 15px !important;
}

.mt-20{
	margin-top: 23px !important;
}

.mr-10{
	margin-right: 10px !important;
}

.ml-00 {
	margin-left: 0px !important;
}

.bb {
	border-bottom: 1px #ccc solid;
}

.float_l {
	float: left;
}

.float_r {
	float:right;
}

.accordion_head {cursor:pointer;}

.accordion_head:hover {color: #000;}

div.fb-like-box iframe{
width:238px !important;
}

div.fb-like-box span{
width:238px !important;
}

div.side-face{
height:210px;
}

div.side-twi{
height:210px;
margin-top:10px;
}