@charset "UTF-8";


/*--　basic　--*/
html { width: 100%; font-family:'Lucida Grande', Meiryo, sans-serif; background-color: #ffffff; }
body { width: 100%; -webkit-text-size-adjust: none; }
p { color: #333; font-size: 12px; letter-spacing: 0.05em; line-height: 18px; }
a { color: #00a8ff; }
a:hover { color: #77d1ff; }


/*-- .clearfix --*/
.clearfix:after { content: ""; display: block; clear: both; }
.clear { clear: both; }


/*-- 余白 --*/
.pTop5 { padding-top: 5px; }
.pTop10 { padding-top: 10px; }
.pTop20 { padding-top: 20px; }
.pTop50 { padding-top: 50px; }
.mTop10 { margin-top: 10px; }
.mTop20 { margin-top: 20px; }
.mTop50 { margin-top: 50px; }
.pBottom10 { padding-bottom: 10px; }
.pBottom20 { padding-bottom: 20px; }
.pBottom50 { padding-bottom: 50px; }
.pRight5 { padding-right: 5px; }
.pRight10 { padding-right: 10px; }
.pLeft20 { padding-left: 20px; }


/*-- フロート 位置調整 --*/
.floatLeft { float: left; }
.floatRight { float: right }
.txtcenter { text-align: center; }
.txtleft { text-align: left; }
.txtright { text-align: right; }



/*-- ライン --*/
hr.line1 { width: 600px; border: none; border-top: dotted 1px #8c8c8c; height: 1px; color: #FFFFFF; margin-top: 20px; margin-bottom: 20px; }


/*-- カラー --*/
.cred { color: #ff0000; }
.cwhite { color: #ffffff; }


/*-- テキスト --*/
.txtbold { font-weight: bold; }
.txt14 { font-size: 14px; line-height: 22px; }
.txt16 { font-size: 16px; line-height: 24px; }







#layout { width: 100%; position: absolute; }

#layoutRE { 
position: relative;
width: 50%; 
margin: auto;
padding-top: 25%;
}

h1#logoB { 
width: 100%;
margin: auto;
}

h1#logoB img { 
width: 100%;
}

.txt-sub {
position: relative;
color: #000000;
font-size: 14px;
text-align: center;
padding-top: 20px;
}


/* ==========================　ヘッダ　========================== */

header#header { 
margin: auto;
width: 960px;
}

h1#logo a { 
background: url('../img/KiloshopLogo.png') no-repeat;
width: 960px;
height: 156px;
text-indent: 100%;
white-space: nowrap;
overflow:hidden;
display: block;
margin-top: 20px;
}





/* ==========================　メニュー　========================== */

nav#nav { 
margin: auto;
width: 960px;
height: 40px;
background-color: #000000;
margin-top: 15px;
}

nav#nav ul { margin: auto; width: 600px; }
nav#nav li { list-style: none; float: left; }

#nav a {  
text-indent: -9999px; 
text-decoration: none;  
display: block;  
width: 0px;  
height: 0px; /* リンク領域を広げる */ 
} 

#archives a {
background-image: url(../img/NavArchives.png) ;
width: 80px;
height: 40px;
margin-right: 20px;
}

#archives a:hover {
background-image: url(../img/NavArchives.png) ;
width: 80px;
height: 40px;
margin-right: 20px;
background-position: 0px -41px;
}

#archives_on a {
background-image: url(../img/NavArchives.png) ;
width: 80px;
height: 40px;
margin-right: 20px;
background-position: 0px -41px;
}

#publications a {
background-image: url(../img/NavPublications.png) ;
width: 120px;
height: 40px;
margin-right: 20px;
}

#publications a:hover {
background-image: url(../img/NavPublications.png) ;
width: 120px;
height: 40px;
margin-right: 20px;
background-position: 0px -41px;
}

#publications_on a {
background-image: url(../img/NavPublications.png) ;
width: 120px;
height: 40px;
margin-right: 20px;
background-position: 0px -41px;
}

#looks a {
background-image: url(../img/NavLooks.png) ;
width: 60px;
height: 40px;
margin-right: 20px;
}

#looks a:hover {
background-image: url(../img/NavLooks.png) ;
width: 60px;
height: 40px;
margin-right: 20px;
background-position: 0px -41px;
}

#looks_on a {
background-image: url(../img/NavLooks.png) ;
width: 60px;
height: 40px;
margin-right: 20px;
background-position: 0px -41px;
}

#boutiques a {
background-image: url(../img/NavBoutiques.png) ;
width: 90px;
height: 40px;
margin-right: 20px;
}

#boutiques a:hover {
background-image: url(../img/NavBoutiques.png) ;
width: 90px;
height: 40px;
margin-right: 20px;
background-position: 0px -41px;
}

#boutiques_on a {
background-image: url(../img/NavBoutiques.png) ;
width: 90px;
height: 40px;
margin-right: 20px;
background-position: 0px -41px;
}

#concept a {
background-image: url(../img/NavConcept.png) ;
width: 75px;
height: 40px;
margin-right: 20px;
}

#concept a:hover {
background-image: url(../img/NavConcept.png) ;
width: 75px;
height: 40px;
margin-right: 20px;
background-position: 0px -41px;
}

#concept_on a {
background-image: url(../img/NavConcept.png) ;
width: 75px;
height: 40px;
margin-right: 20px;
background-position: 0px -41px;
}
	

#recruit a {
background-image: url(../img/NavRecruit.png) ;
width: 70px;
height: 40px;
}

#recruit a:hover {
background-image: url(../img/NavRecruit.png) ;
width: 70px;
height: 40px;
background-position: 0px -41px;
}

#recruit_on a {
background-image: url(../img/NavRecruit.png) ;
width: 70px;
height: 40px;
background-position: 0px -41px;
}	
		
		
		
		

/* ==========================　コンテンツ　========================== */

section#contents {
margin: auto;
width: 960px;
}

section#contents-page {
margin: auto;
width: 960px;
}





/* ==========================　ホーム　========================== */

div#home-img-block {
margin: auto;
width: 960px;
height: 500px;
}




div#home-sns-block {
margin: auto;
width: 900px;
margin-top: 30px;
}

div#home-sns-block ul {
}

div#home-sns-block li {
list-style: none;
float: left;
width: 300px;
text-align: center;
}
	
div#home-sns-block img {
max-width: 250px;
height: auto;
text-align: center;
}

img.sns {
width: 33px!important;
height: 33px!important;
margin-top: -37px;
margin-left: -210px;
}





div#home-news-block {
margin: auto;
width: 850px;
margin-top: 30px;
}

.home-archives {
float: left;
width: 400px;
}

.home-publications {
float: right;
width: 400px;
padding-left: 10px;
}
	
.home-news-box img {
float: left;
padding-right: 10px;
padding-left: 10px;
}
	
	
.home-news-box {
height: auto;
border: 1px solid #bcbcbc;
padding: 15px;
margin-top: 5px;
}
	
	
.news-box {
margin-bottom: 5px;
}
		
.news-date {
font-size: 10px;
background-color: #000000;
color: #ffffff;
padding:3px 10px 3px 10px;
margin-right: 20px;
overflow: hidden;
}
		
.news-title {
font-size: 12px;
line-height: 20px;
color: #000000;
overflow: hidden;
}




div#home-looks-block {
margin: auto;
width: 960px;
margin-top: 30px;
}

.home-looks-box {
width: 960px;
height: 250px;
background-color: #000000;
margin-top: 10px;
}
	




div#home-kilo-block {
margin: auto;
width: 900px;
margin-top: 30px;
}

div#home-kilo-block ul {
margin-top: 10px;
}
	
div#home-kilo-block li {
list-style: none;
float: left;
width: 300px;
text-align: center;
}
	






/* ==========================　ARCHIVES　========================== */

div#archives-block {
background: ;
width: 960px;
vertical-align: middle;
margin: auto;
}

div.archives-layout {
margin: auto;
width: 850px;
padding-top: 30px;
}

p.archives-title {
margin-bottom: -35px;
}


div.archives-box {
border: 1px solid #595959;
padding: 40px 40px 30px 40px;
margin-top: 20px;
background: url('../img/archives_back.png');
}


/*-- ワードプレス関連 --*/
.alignleft { float: left; padding-right: 30px; }

div#archives-block li {
list-style: none;
}


.archives-date {
width: 100px;
text-align: center;
background-color: #000000;
font-size: 12px;
color: #ffffff;
padding: 3px 5px 3px 5px;
margin-right: 20px;
}


.archives-title {
font-size: 16px;
font-weight: bold;
}


.archives-contents {
margin-top: 20px;
}

div#archives-block p {
font-size: 12px;
line-height: 20px;
word-wrap: break-word;
}



/* ==========================　PUBLICATIONS　========================== */

div#publications-block {
background: ;
width: 960px;
vertical-align: middle;
margin: auto;
}

div.publications-layout {
margin: auto;
width: 850px;
padding-top: 30px;
padding-bottom: 50px;
}

p.publications-title {
margin-bottom: -35px;
}


div.publications-box {
border: 1px solid #595959;
padding: 40px 40px 30px 40px;
margin-top: 20px;
background: url('../img/BoxBackground3.png');
}





/*-- ワードプレス関連 --*/
div#publications-block li {
list-style: none;
}


.publications-date {
width: 100px;
text-align: center;
background-color: #ffffff;
font-size: 12px;
color: #000000;
padding: 3px 5px 3px 5px;
margin-right: 20px;
}


.publications-title {
font-size: 16px;
font-weight: bold;
color: #ffffff;
}


.publications-contents {
margin: auto;
margin-top: 20px;
}

.publications-contents img {
width: 180px;
height: auto;
}

.publications-contents p {
margin: auto;
margin-top: 20px;
vertical-align: bottom;
}

div#publications-block p {
font-size: 12px;
line-height: 20px;
}





/* ==========================　CONCEPT　========================== */

div#concept-block {
margin: auto;
width: 960px;
background: url('../img/ConceptBackground.jpg');
}

div.concept-layout {
margin: auto;
width: 850px;
padding-top: 30px;
padding-bottom: 50px;
}

div.concept-box {
border: 1px solid #595959;
padding: 40px 40px 30px 40px;
margin-top: -10px;
background: url('../img/BoxBackground.png');
z-index: 99;
}


p.concept-txt {
font-size: 14px;
line-height: 25px;
}





/* ==========================　RECRUIT　========================== */

div#recruit-block {
margin: auto;
width: 960px;
background: url('../img/RecruitBackground.jpg');
}

div.recruit-layout {
margin: auto;
width: 850px;
padding-top: 30px;
padding-bottom: 50px;
}


div.recruit-box {
border: 1px solid #595959;
padding: 40px 40px 30px 40px;
margin-top: -10px;
background: url('../img/BoxBackground.png');
z-index: 99;
}


div.recruit-box2 {
border: 1px solid #595959;
padding: 40px 40px 30px 40px;
margin-top: 10px;
background: url('../img/BoxBackground.png');
z-index: 99;
}


p.recruit-title {
font-size: 16px;
line-height: 16px;
font-weight: bold;
background-color: #000000;
color: #ffffff;
margin-top: 15px;
padding: 5px 10px 5px 10px;
}

.recruit-box table {
width: 770px;
margin-top: 10px;
}

.recruit-box table td {
border-top: 1px solid #c4c4c4;
padding-top: 10px;
padding-bottom: 10px;
}

.recruit-box table p {
font-size: 14px;
}





/* ==========================　BOUTIQUES　========================== */

div#boutiques-block {
margin: auto;
width: 960px;
}

div.boutiques-layout {
margin: auto;
width: 850px;
padding-top: 30px;
padding-bottom: 0px;
}

div.boutiques-box {
border: 1px solid #595959;
padding: 40px 40px 30px 40px;
margin-top: -17px;
background: url('../img/BoxBackground2.png');
z-index: 99;
}

div.boutiques-box2 {
border: 1px solid #595959;
padding: 40px 40px 30px 40px;
margin-top: 10px;
background: url('../img/BoxBackground2.png');
z-index: 99;
}


.boutiques-box-left {
float: left;
margin-top: 15px;
}

.boutiques-box-right {
float: right;
margin-top: 15px;
}





/* ==========================　プライバシーポリシー　========================== */




div#privacy-block {
background: ;
width: 960px;
vertical-align: middle;
margin: auto;
}

div.privacy-layout {
margin: auto;
width: 850px;
padding-top: 30px;
}

p.privacy-title {
margin-bottom: -20px;
}

p.privacy-sub-title {
font-size: 16px;
font-weight: bold;
}


div.privacy-box {
border: 1px solid #595959;
padding: 40px 40px 30px 40px;
margin-top: -5px;
z-index: 99;
}

div.privacy-box2 {
border: 1px solid #595959;
padding: 40px 40px 30px 40px;
margin-top: 5px;
z-index: 99;
}

p.indent1 {
text-indent: -12px;
padding-left: 12px;
}






/* ==========================　フッター　========================== */


footer#footer a {
color: #ffffff;
}

footer#footer { 
margin: auto;
width: 960px; 
height: 80px;
background-color: #000000;
margin-top: 30px;
}

footer#page-footer a {
color: #ffffff;
}

footer#page-footer { 
margin: auto;
width: 960px; 
height: 80px;
background-color: #000000;
}





/* ==========================　リセット　========================== */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }
img { border: 0; vertical-align: top; }