@charset "UTF-8";

@import url(format.css);
@import url(base.css);
@import url(option.css);
@import url(pagenavi.css);
@import url(slide.css);


.last{
	margin-right:0!important;
}
.last_p{
	padding-right:0!important;
}

.last_line{
	margin-bottom:0!important;
	border:none!important;
}

.mT{
	margin-top:90px;
}

.bdr{
	border-bottom:#d5d5d5 1px solid;
	padding-bottom:30px;
}

p.lead{
	color:#7a7a7a;
	font-size:120%;
}



/*	TOP
------------------------------------------------------------*/

/* メインイメージ */
#mainimg{
	clear:both;
	width:100%;
	position:relative;
	height:415px;
	overflow:hidden;
	background:#eff1f1;
}
#mainimg p{
	width:1000px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
#mainimg .mainimg_btn{
	background:#04121a;
background-color:rgba(4,18,26,0.3);
	position:absolute;
	top:385px;
	height:30px;
	width:100%;
}
#mainimg .mainimg_btn ul{
	width:1000px;
	margin:0 auto;
	margin-top:5px;
	padding-left:10px;
}
#mainimg .mainimg_btn ul li{
	float:left;
}


/* バナー */
.box_top_bnr{
	background:url(../../images/common/bdr.png) no-repeat bottom center;
	padding:0 0 80px;
	margin:30px 0 40px;
}
.box_top_bnr dl{
	background:url(../../images/top/bnr_bg.png) no-repeat left top;
	width:474px;
	height:274px;
	text-align:center;
	float:left;
	margin:0 52px 20px 0;
	position:relative;
}
.box_top_bnr dl dt{
	margin:20px 20px 10px;
}
.box_top_bnr dl dd.bnr img{
	max-width:455px;
	max-height:195px;
}
.box_top_bnr dl dd a:hover img{
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
}

.box_top_bnr dl dd.link_on{
	position:absolute;
	top:103px;
	left:10px;
}
.box_top_bnr dl:last-child{
	margin-right:0;
}

.box_top_bnr ul{
	clear:both;
}
.box_top_bnr ul li{
	background:url(../../images/top/bnr_bg2.png) no-repeat left top;
	width:1000px;
	height:300px;
	text-align:center;
	padding:10px 0 0 0;
}





h2{
	clear:both;
}
h2.top{
	float:left;
	width:auto;
	margin-right:40px;
	margin-bottom:30px;
	border-left:#003958 5px solid;
	padding-left:20px;
	letter-spacing: 0.2em;
}

p.top_btn_all{
	padding-top:10px;
}
p.top_btn_all a{
	background:url(../../images/common/icon02.png) no-repeat left 3px;
	padding-left:10px;
	font-size:80%;
	color:#202020;
}
p.top_btn_all a:hover{
	color:#c8c8c8;
}

/*NEW ARRIVAL*/
.box_item_list{
	clear:both;
	background:url(../../images/common/bdr.png) no-repeat bottom center;
	padding:0 0 70px;
	margin-bottom:40px;
}
.box_item_list dl{
	background:url(../../images/common/list_bg.png) no-repeat top left;
	width:150px;
	height:213px;
	float:left;
	position:relative;
	margin-right:20px;
}
.box_item_list dl:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.box_item_list dl{display:inline-block;}
* html .box_item_list dl{height:1px;}
.box_item_list dl{display:block;}

.box_item_list dl dt{
	text-align:center;
	padding:20px 0;
}
.box_item_list dl dt img{
	width:140px;
	height:140px;
}


.box_item_list dl dd{
background:#072d4a;
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";position:absolute;
bottom:23px;
	height:60px;
	width:100%;
}
.box_item_list dl dd a{
	color:#fff;
	display:block;
	padding:8px;
	font-size:90%;
	line-height:1.5;
	height:29px;
	overflow:hidden;
}



/*NEWS*/
.box_news_list{
	clear:both;
	margin-bottom:70px;
}

.box_news_list dl{
	border-bottom:#a9a9a9 1px dotted;
	margin-bottom:20px;
}
.box_news_list dl:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.box_news_list dl{display:inline-block;}
* html .box_news_list dl{height:1px;}
.box_news_list dl{display:block;}

.box_news_list dl dt a,
.box_news_list dl dd a{
	color:#202020;
}
.box_news_list dl dt a:hover,
.box_news_list dl dd a:hover{
	color:#a9a9a9;
}

.box_news_list dl dt.photo{
	float:right;
	margin-bottom:20px;
}
.box_news_list dl dt.photo a img{
	width:175px;
}
.box_news_list dl dt.photo a:hover img{
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
}

.box_news_list dl dt.day{
	float:left;
	width:100px;
	color:#a9a9a9;
	height:60px;
}
.box_news_list dl dt.ttl{
	font-size:120%;
	font-weight:bold;
	margin-bottom:2px;
	letter-spacing:1px;
	width:540px;
}
.box_news_list dl dd{
	width:660px;
	overflow:hidden;
	margin-bottom:20px;
}




/*	下層ページ共通
------------------------------------------------------------*/

p#panlist{
	font-size:90%;
	color:#747474;
	padding:10px 0 40px;
}
p#panlist a{
	color:#747474;
}
p#panlist a:hover{
	color:#104767;
	text-decoration:none;
}


h2{
	clear:both;
	width:1000px;
	margin:0 0 60px;
}

h3{
	clear:both;
	border-left:#003958 5px solid;
	padding-left:15px;
	font-size:180%;
	font-weight:normal;
	margin:0 0 50px;
	letter-spacing:1px;
}
h4{
	clear:both;
	font-size:130%;
	font-weight:bold;
	border-bottom:#c8c8c8 1px dotted;
	margin:50px 0 20px;
	padding-bottom:10px;
	letter-spacing:1px;
}




p{
	margin-bottom:20px;
}




/*	sitemap
------------------------------------------------------------*/

dl.box_sitemap{
	border-bottom:#c8c8c8 1px dotted;
	margin-bottom:25px;
}
dl.box_sitemap dt{
	background:url(../../images/common/icon05.png) no-repeat left 5px;
	padding-left:15px;
	font-weight:bold;
	padding-bottom:20px;
}
dl.box_sitemap dt a{
	color:#202020;
	display:block;
	width:100%;
	font-size:120%;
}
dl.box_sitemap dt a:hover{
	color:#688798;
	text-decoration:none;
}
dl.box_sitemap dd{
	background:url(../../images/common/icon03.png) no-repeat left center;
	padding-left:15px;
	margin-left:20px;
	margin-bottom:10px;
}
dl.box_sitemap dd.last{
	margin-bottom:25px;
}
dl.box_sitemap dd a{
	color:#666666;
	display:block;
	width:100%;
}
dl.box_sitemap dd a:hover{
	color:#688798;
	text-decoration:none;
}




/*	World of Kamakura Shirts
------------------------------------------------------------*/

ul.btn_area1{
	margin:0 auto;
	width:900px;
}
ul.btn_area1 li{
	float:left;
	margin:0 30px 20px;
	background-image:url(../../images/world_of_kamakura_shirts/bg_btn_off.gif);
	width:384px;
	height:254px;
	text-align:center;
}
ul.btn_area1 li:hover{
	background-image:url(../../images/world_of_kamakura_shirts/bg_btn_on.gif);
	}
ul.btn_area1 li a{
	display:block;
	padding-top:20px;
	color:#202020;
	}
ul.btn_area1 li a img{
	margin-bottom:10px;
	/*border:#dadada 1px solid;
	padding:2px;*/
}
ul.btn_area1 li p{
	padding:0px 10px;
	font-size:135%;
	line-height:1;
	vertical-align:middle!important;
	height:40px;
	display:block;
	overflow:hidden;
	}
ul.btn_area1 li a:hover img{
	/*border:#688798 1px solid;
	padding:2px;*/
}




/*	Privacy Policy
------------------------------------------------------------*/
dl.text_type{
	margin-left:20px;
}
dl.text_type dt{
	background:url(../../images/common/icon03.png) no-repeat left center;
	padding-left:15px;
	color:#202020;
	font-size:120%;
}
dl.text_type dd{
	margin-left:15px;
	margin-bottom:30px;
}



/*	Store locations
------------------------------------------------------------*/

.box_map {
    position: relative;
    top: -30px;
}

.box_map h3 {
    margin-bottom: 20px;
    position: relative;
    top: 30px;
}


.map_area{
	position:relative;
}
.map_area:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.map_area{display:inline-block;}
* html .map_area{height:1px;}
.map_area{display:block;}

.usa{
border-bottom:#c8c8c8 1px dotted;
margin-bottom:30px;
padding-bottom:30px;
}



.map_area .city{
	clear:both;
	float:left;
	width:230px;
/*	padding-top:33px;*/
}
.city_line{
	position:absolute;
	top:0!important;
}




.map_area .city p{
	background:url(../../images/common/icon03.png) no-repeat left center;
	padding-left:10px;
	color:#a3a3a3;
	font-size:120%;
	letter-spacing:1px;
	margin-top:30px;
}
.map_area .city_top{
	margin-top:0!important;
}



.map_area .shop{
	float:right;
	width:770px;
}

.map_area .shop dl.map_area_shop{
	float:left;
	width:350px;
	height:130px;
	margin-bottom:30px;
	padding:33px 0 0;
	padding-right:69px;
border-top:#c8c8c8 1px dotted;
}
.map_area_shop:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.map_area_shop{display:inline-block;}
* html .map_area_shop{height:1px;}
.map_area_shop{display:block;}

.map_area .shop dl.last{
	padding-right:0;
}
.map_area .shop dl.top_shop{
	border-top:none!important;
	padding-top:0!important;
	margin-top:0!important;
}
.map_area .shop dl.top_shop_usa{
	border-top:none!important;
	padding-top:0!important;
	margin-top:0!important;
	margin-bottom:0!important;
}

dl.map_area_shop dt{
	border:none;
	padding:0;
	float:none;
	color:#18628a;
	background:none;
	padding-left:0;
	font-size:120%;
	margin-bottom:10px;
	letter-spacing:1px;
}
dl.map_area_shop dd{
	width:350px;
	border:none;
	padding:0;
	margin:0;
	float:none;
	background:none;
	margin-bottom:4px;
}
dl.map_area_shop dd.add{
	margin-bottom:1px;
	margin-bottom:0;
	}
dl.map_area_shop dd.tel{
	float:left;
	width:200px;
}
dl.map_area_shop dd.map{
	float:right;
	width:70px;
}



/*	COLLECTION　一覧　罫線一列表示
------------------------------------------------------------*/

.box_collection_list{
	background:url(../../images/collection/bg.png) no-repeat left top;
	width:1000px;
/*	height:1015px;*/
	margin-bottom:60px;
}
.box_collection_list dl{
	width:166px;
	height:200px;
	float:left;
	position:relative;
}
.box_collection_list dl:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.box_collection_list dl{display:inline-block;}
* html .box_collection_list dl{height:1px;}
.box_collection_list dl{display:block;}

.box_collection_list dl dt{
	width:165px;
	text-align:center;
	padding:20px 0;
}
.box_collection_list dl dt img{
max-width:126px;
}


.box_collection_list dl dd{
background:#072d4a;
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";position:absolute;
bottom:0;
	height:40px;
	width:145px;
	padding:10px;
}
.box_collection_list dl dd a{
	color:#fff;
	display:block;
	font-size:90%;
	line-height:1.5;
}




/*	COLLECTION　一覧　罫線商品に付随
------------------------------------------------------------*/

.box_collection_list2{
	width:1000px;
	margin-bottom:60px;
}
.box_collection_list2 dl{
	width:165px;
	height:199px;
	float:left;
	position:relative;
/*	border-right:#f0f0f0 1px solid;
	border-top:#f0f0f0 1px solid;
*/	background:url(../../images/collection/bg_item2.png) no-repeat bottom right;
}
.box_collection_list2 dl:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.box_collection_list2 dl{display:inline-block;}
* html .box_collection_list2 dl{height:1px;}
.box_collection_list2 dl{display:block;}


.box_collection_list2 dl.top{
	width:165px;
	height:199px;
	float:left;
	position:relative;
}
.box_collection_list2 dl.last{
	width:165px;
	height:199px;
	float:left;
	position:relative;
background:url(../../images/collection/bg_item_last.png) no-repeat bottom right;
}
.box_collection_list2 dl dt{
	width:156px;
	text-align:center;
	padding:20px 0;
}
.box_collection_list2 dl dt img{
width:140px;
}


.box_collection_list2 dl dd{
background:#072d4a;
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";position:absolute;
bottom:0;
	height:40px;
	width:145px;
	padding:10px;
	bottom:4px;
	left:-4px;
}
.box_collection_list2 dl dd a{
	color:#fff;
	display:block;
	font-size:90%;
	line-height:1.5;
	height:35px;
	overflow:hidden;
}

/*	COLLECTION　一覧　罫線一列表示
------------------------------------------------------------*/

.box_collection_list3{
	background:url(../../images/collection/bg.png) no-repeat left top;
	width:1000px;
height:1015px;
	margin-bottom:60px;
}
.box_collection_list3 dl{
	width:166px;
	height:200px;
	float:left;
	position:relative;
}
.box_collection_list3 dl:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.box_collection_list3 dl{display:inline-block;}
* html .box_collection_list3 dl{height:1px;}
.box_collection_list3 dl{display:block;}

.box_collection_list3 dl dt{
	width:165px;
	text-align:center;
	padding:20px 0;
}
.box_collection_list3 dl dt img{
max-width:126px;
}


.box_collection_list3 dl dd{
background:#072d4a;
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";position:absolute;
bottom:0;
	height:40px;
	width:145px;
	padding:10px;
}
.box_collection_list3 dl dd a{
	color:#fff;
	display:block;
	font-size:90%;
	line-height:1.5;
}






/*	COLLECTION　詳細
------------------------------------------------------------*/

.box_collection_detail{
	margin-bottom:40px;
	background:url(../../images/common/bdr.png) no-repeat bottom center;
	padding-bottom:70px;
}
.box_collection_detail:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.box_collection_detail{display:inline-block;}
* html .box_collection_detail{height:1px;}
.box_collection_detail{display:block;}


.box_collection_detail .box_photo{
	width:500px;
	float:left;
	text-align:center;
	padding-top:20px;
}
.box_collection_detail .box_photo img{
	max-width:500px;
}

.box_collection_detail .box_item_text{
	width:490px;
	float:right;
	margin-bottom:20px;
}
.box_collection_detail .box_item_text dl{
	border-left:#003958 5px solid;
	padding-left:20px;
	margin:40px 0;
}
.box_collection_detail .box_item_text dl dt{
	color:#202020;
	font-size:180%;
	font-weight:bold;
}
.box_collection_detail .box_item_text dl dd.no{
	color:#a3a3a3;
	border-bottom:#a3a3a3 1px dotted;
	padding-bottom:5px;
	margin-bottom:5px;
}
.box_collection_detail .box_item_text dl dd.price{
	padding-bottom:2px;
	color:#18628a;
}

.box_collection_detail p.text{
	border-bottom:#a3a3a3 1px dotted;
	padding-bottom:20px;
}

.box_collection_detail ul.info{
	margin-bottom:40px;
}
.box_collection_detail ul.info li{
	background:url(../../images/common/icon03.png) no-repeat left 10px;
	padding-left:15px;
	margin-bottom:15px;
	color:#202020;
}
.box_collection_detail p.btn{
	float:right;
	width:214px;
}
.box_collection_detail ul.icon{
	float:left;
	width:150px;
}
.box_collection_detail ul.icon li{
	float:left;
	width:40px;
	margin-right:10px;
}

p.page{
	clear:both;
	text-align:right;
	font-size:90%;
}
p.page a{
	border:#ddd 1px solid;
	padding:2px 10px;
	color:#9b9b9b;
	display:inline-block;
	margin-left:20px;
}
p.page a:hover{
	border:#1b5779 1px solid;
	padding:2px 10px;
	color:#1b5779;
	display:inline-block;
	margin-left:20px;
	text-decoration:none;
}




.box_atheritems{
	position:relative;
}
.box_atheritems p.pre{
	width:20px;
	position:absolute;
	top:55px;
}
.box_atheritems p.next{
	width:20px;
	position:absolute;
	top:55px;
	right:0;
}
.box_atheritems .box_item_list{
    height: 156px;
    margin: 0;
    padding: 0 0 0 40px;
    width: 960px;
		background:none;
}
.box_atheritems .box_item_list dl{
	margin-right:5px;
	width:110px;
	height:156px;
	background:url(../../images/collection/bg_box_atheritems.png) no-repeat top left;
}
.box_atheritems .box_item_list dl dt{
}
.box_atheritems .box_item_list dl dt img{
	width:100px;
	height:100px!important;
}

.box_atheritems .box_item_list dl dd{
bottom:17px;
height:60px;
}



/*	NEWS　一覧
------------------------------------------------------------*/

/*NEWSサイドエリア*/
#side ul{
	border-bottom:#d5d5d5 1px solid;
	margin-bottom:30px;
}
#side ul li{
	margin-bottom:20px;
	line-height:16px;
}
#side ul li.cr_on a,
#side ul li a:hover{
	color:#202020;
	background:url(../../images/common/icon04.png) no-repeat left center;
	padding-left:10px;
}
#side ul li a{
	background:url(../../images/common/icon02.png) no-repeat left center;
	color:#a9a9a9;
	text-decoration:none;
	padding-left:10px;
}

#side dl{
}
#side dl dt{
	font-size:120%;
	font-weight:bold;
	color:#202020;
	margin-bottom:20px;
}
#side dl dd{
	background:url(../../images/common/icon02.png) no-repeat left center;
	padding-left:10px;
	font-size:90%;
	margin-bottom:5px;
}
#side dl dd a{
	color:#202020;
}
#side dl dd a:hover{
	text-decoration:none;
	color:#a9a9a9;
}

/*NEWSコンテンツエリア*/

#cnts .box_news_list dl dd {
    overflow: hidden;
    width: 430px;
}


#cnts .box_news_list dl dt.day {
    color: #A9A9A9;
    float: left;
    height: 60px;
    width: 130px;
		font-size:120%;
}




/*ページャー*/
.box_pager{
	width:320px;
	margin-left:680px;
	letter-spacing:0!important;
}
#cnts .box_pager{
	width:320px;
	margin-left:450px
}
.box_pager:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.box_pager{display:inline-block;}
* html .box_pager{height:1px;}
.box_pager{display:block;}

.box_pager a{
	color:#878787;
	margin:0 10px;
	padding:5px;
}
.box_pager p.next a{
	float:right;
	margin:0 5px;
	padding-top:2px;
}
.box_pager p.back a{
	float:left;
	margin:0 5px;
	padding-top:2px;
}

.box_pager a:hover{
color:#003958;
}
.box_pager a.on{
/*	text-decoration:underline;*/
	color:#003958;
	font-weight:bold;
	font-size:120%;
}



/*	NEWS　詳細
------------------------------------------------------------*/


h3 span.date_area{
	display:block;
	  color: #A9A9A9;
    font-size: 60%;
    margin-bottom: 5px;
}


.box_news_detail{
}
.box_news_detail dl{
}
.box_news_detail dl dt{
	color:#a9a9a9;
	font-size:90%;
	margin-bottom:5px;
}
.box_news_detail dl dd{
	color:#202020;
	border-bottom:#a3a3a3 1px dotted;
	font-size:130%;
	font-weight:bold;
	padding-bottom:9px;
	margin-bottom:30px;
}

.box_text{
	margin-bottom:70px;
}
.box_text:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.box_text{display:inline-block;}
* html .box_text{height:1px;}
.box_text{display:block;}


.box_text img{
	display:block;
	margin:0 auto;
	margin-bottom:30px;
	border:#eaeaea 1px solid;
	padding:0;
}

.box_text img.img_left{
	margin:0;
	border:none;
}

.section{
}
.section p,
.section ul{
	margin-left:20px;
	margin-right:20px;
}



/*	A well-crafted tie can ‘lift’ the whole ensemble
------------------------------------------------------------*/


p.img_l img{
	margin:0 30px 30px 0;
	border:#eaeaea 1px solid;
	padding:0;
}

p.img_r img{
	margin:0 0 30px 30px;
	border:#eaeaea 1px solid;
	padding:0;
}

p.img_r span{
	display:block;
	float:right;
	width:360px;
	margin-left:40px;
	text-align:right;
	font-size:90%;
	color:#666;
	margin-bottom:40px;
}
p.img_r span img{
	margin-bottom:5px;
}




/* 404page
------------------------------------------------------------*/
.error404{
	text-align:center;
	padding:120px 0 100px;
	color:#202020;
}
.error404 h1{
	padding:0 0 50px;
}
.error404 p{
	margin-bottom:30px;
}

.error404 .text{
	margin-left:10px;
	padding:4px;
}

.error404 .btn{
	vertical-align:top;
	margin-left:10px;
}




/*	LOGO
------------------------------------------------------------*/
#logo_info{
	border:#003958 1px solid;
 width:998px;
	height:180px;
	padding:0;
	margin:0 0 30px 0;
}

#logo_info .logoleft{
	width:495px;
	height:120px;
	float:left;
	padding:20px 0 0 10px;
}

#logo_info .logoright{
	width:465px;
	height:120px;
	float:right;
	padding:20px 10px 0 0;
}

.txt1{
	float:right;
	width:305px;
	padding:0 0 0 5px;
	font-size:13px;
	font-weight:100;
	line-height:130%;
}

.img1{
	float: left;
	padding:20px 0 0 0;
	width:174px;
}

.txt2{
	float:right;
	width:285px;
	padding:0 0 0px 5px;
	font-size:13px;
	font-weight:100;
	line-height:130%;
}

.img2{
	float: left;
	width:165px;
	padding:20px 0 0 0;
}

.clear {clear:both;}