@charset "utf-8";

body {
width:100%;
text-align:center;
font-size:16px;
line-height:2;
color:#444;
}

/*  header
----------------------------------------------------*/

header {
background-color:#f4f4f4;
border-bottom:1px #e5e5e5 solid;
height:90px;
overflow:hidden;
position:relative;
}
header h1#logo {
margin:0 auto;
text-align:center;
}

#gnavi nav ul {
overflow:hidden;
font-size:84%;
text-align:center;
margin:0 auto;
margin-top:0.2em;
padding:9px 0;
}
#gnavi nav ul li {
display:inline;
padding:0 0.75em 0 0;
border-right:1px #ccc solid;
margin-right:0.75em;
}
#gnavi nav ul li h2 {
font-weight:normal;
display:inline;
}
#gnavi nav ul li:last-child {
padding-right:0;
border-right:none;
margin-right:0;
}
#gnavi #siteShare {
float:right;
margin-top:3px;
}

.gnavi nav ul {
overflow:hidden;
text-align:center;
margin:0 auto;
margin-top:0.2em;
padding:9px 0;
}
.gnavi nav ul li {
display:inline;
padding:0 0.75em 0 0;
border-right:1px #ccc solid;
margin-right:0.75em;
}
.gnavi nav ul li h2 {
font-weight:normal;
display:inline;
}
.gnavi nav ul li:last-child {
padding-right:0;
border-right:none;
margin-right:0;
}
.gnavi .siteShare {
float:right;
margin-top:3px;
}
#siteShare ul {
overflow:hidden;
text-align:right;
}
#siteShare li {
text-align:center;
padding:0 0 0 5px;
margin:0 auto;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#siteShare li a:hover {
text-decoration:none;
}
#siteShare .webicon {
display:block;
float:left;
width: 20px;
height: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#siteShare li .icon-heart {
display:block;
padding:5px 0 0 4px;
font-size:12px;
color:#fff;
}

.siteShare ul {
overflow:hidden;
text-align:right;
}
.siteShare li {
text-align:center;
padding:0 0 0 5px;
margin:0 auto;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.siteShare li a:hover {
text-decoration:none;
}
.siteShare .webicon {
display:block;
float:left;
width: 20px;
height: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.siteShare li .icon-heart {
display:block;
padding:5px 0 0 4px;
font-size:12px;
color:#fff;
}


/*  #contents
----------------------------------------------------*/

#contents {
width:960px;
text-align:left;
margin:0 auto;
overflow:hidden;
}



/*  #mainColumn
----------------------------------------------------*/

#mainColumn {
float:left;
width:640px;
}


/*  #panNavi
----------------------------------------------------*/

#panNavi {
margin: 21px 0 0 0;
clear:both;
}
#panNavi ul {
height:24px;
}
#panNavi ul li {
font-size:12px;
margin:0 3em 0 0;
float:left;
color:#a6a6a6;
position: relative;
}
#panNavi ul li::after {
display: block;
content: '';
position: absolute;
top: 0.5em;
right: -1.5em;
width: 6px;
height: 6px;
border-right: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#panNavi ul li:last-child {
background-color:#f8f8f8;
clear:both;
border-top:1px #ccc dotted;
border-bottom:1px #ccc dotted;
color:#444;
font-size:21px;
padding:20px 10px;
margin: 3px 0 30px;
line-height:1.6;
width:100%;
}
#panNavi ul li:last-child::after {
border-right:none;
border-bottom:none;
}
#panNavi ul li a:hover {
background:#fff;
text-decoration:none;
}

/*  #panNavi2
----------------------------------------------------*/

#panNavi2 {
margin: 21px 0 15px 0;
clear:both;
}
#panNavi2 ul {
height:24px;
}
#panNavi2 ul li {
font-size:12px;
margin:0 3em 0 0;
float:left;
color:#a6a6a6;
position: relative;
}
#panNavi2 ul li::after {
display: block;
content: '';
position: absolute;
top: 0.5em;
right: -1.5em;
width: 6px;
height: 6px;
border-right: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#panNavi2 ul li:last-child {
color:#333;
font-weight:bold;
}
#panNavi2 ul li:last-child::after {
border-right:none;
border-bottom:none;
}
#panNavi2 ul li a:hover {
background:#fff;
text-decoration:none;
}

/*  #date
----------------------------------------------------*/

#date {
text-align:right;
font-size:84%;
color:#999;
}



/*  #entry
----------------------------------------------------*/

#entry {
margin:0 20px;
}
article p {
margin:0 0 1em;
clear:both;
}
article .img {
text-align:center;
margin:0 auto;
}
article p img {
text-align:center;
margin:0 auto;
}



/*  #entryArchive
----------------------------------------------------*/

#entryArchive h1 {
font-size:108%;
text-align:center;
margin:15px auto;
}



/*  .entryList
----------------------------------------------------*/

.entryList {
background-color:#f8f8f8;
padding:1em 2em;
border:1px #ccc dotted;
margin-bottom:1em;
}
.entryList h2.entryTitle {
font-size:116%;
}
.entryDate {
font-size:73%;
text-align:right;
margin-bottom:1em;
}
.entryList .entryBody {
font-size:84%;
}
.entryBody .btn {
text-align:center;
}
.entryList .entryBody .btn a {
background-color:#ddd;
padding:0.5em 5em;
border:1px #ccc solid;
margin-bottom:1em;
}
.entryList .entryBody .btn a:hover {
background-color:#e3e3e3;
border:1px #d8d8d8 solid;
text-decoration:none;
}



/*  #entryShare
----------------------------------------------------*/

#entryShare {
margin:4em 0 15px;
padding:3.125%;
border-top:1px #ccc dotted;
border-bottom:1px #ccc dotted;
color:#666;
}
#entryShare ul {
overflow:hidden;
margin-top:10px;
}
#entryShare li {
text-align:center;
padding:0 36px 0 0;
margin:0 auto;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#entryShare li a:hover {
text-decoration:none;
}

#entryShare .webicon {
display:block;
width: 72px;
height: 72px;
-webkit-border-radius: 36px;
-moz-border-radius: 36px;
border-radius: 36px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#entryShare li .icon-heart {
display:block;
padding:21px 18px 18px;
font-size:36px;
color:#fff;
}
#entryShare p .icon-heart {
font-size:13px;
color:#666;
}
.fb {
background-color: #4265b6;
}
.tw {
background-color: #63bbff;
}
.ggl {
background-color: #e30c0c;
}



/*  #entryNavi
----------------------------------------------------*/

#entryNavi {
margin:30px auto 40px;
text-align:center;
position: relative;
overflow:hidden;
}
#entryNavi ul {
margin:0 auto;
left:50%;
position:relative;
}
#entryNavi ul li {
display:block;
width:180px;
height:90px;
margin-left:21px;
float:left;
left:-50%;
position:relative;
}
#entryNavi ul li:first-child {
margin-left:0;
}
#entryNavi ul li a {
width:180px;
height:90px;
padding:30px 0;
display:block;
background:#eee;
}
#entryNavi ul li a:hover {
text-decoration:none;
background:#f5f5f5;
color:#72b7dd;
}



/*  #footer
----------------------------------------------------*/

footer {
padding:15px 10px 5px 10px;
background-color:#ddd;
text-align:center;
position: relative;
overflow: hidden;
font-size:84%;
}
footer ul {
display:block;
float:left;
left:50%;
position:relative;
margin:0 auto 1em auto;
}
footer ul li {
color:#999;
float:left;
left:-50%;
position:relative;
padding-right:1em;
border-right:1px #999 solid;
margin-right:1em;
}
footer ul li:last-child {
float:left;
padding-right:0;
border-right:none;
margin-right:0;
}
footer ul li a {
color:#666;
}
footer ul li a:hover {
color:#999;
}

footer .archives {
width:960px;
margin:0 auto 1em auto;
position:relative;
}
footer .archives ul {
width:960px;
display:block;
float:left;
position:relative;
left:0;
margin:0;
}
footer .archives ul li {
float:left;
position:relative;
left:0;
padding-right:0;
border-right:0;
margin-right:0;
}
footer .archives ul li a {
float:left;
color:#999;
position:relative;
left:0;
padding-right:0;
border-right:0;
margin-right:3px;
margin-bottom:3px;
border:1px #bbb solid;
padding:0.5em 1em;
line-height:1;
vertical-align:bottom;
background-color:#e5e5e5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
footer .archives ul li a:hover {
text-decoration:none;
background-color:#eee;

}
footer .archives ul li:last-child {
float:left;
padding-right:0;
border-right:none;
margin-right:0;
}


#copyrights {
clear:both;
color:#999;
}


/*  #sideColumn
----------------------------------------------------*/

#sideColumn {
width:300px;
margin-top:26px;
margin-left:660px;
/margin-left:0px;
margin-bottom:40px;
font-size:84%;
}



/*  #sideColumn #twitter
----------------------------------------------------*/

#sideColumn #twitter {
width:300px;
margin-bottom:12px;
}
#sideColumn #twitter h3 {
text-align:center;
}
#sideColumn #twitter div {
width:298px;
height:200px;
margin:0 1px;
overflow: auto;
background-color:#ffffff;
}
#sideColumn #twitter ul {
margin:0 1px 6px 1px;
padding:12px;
}
#sideColumn #twitter ul li {
margin-bottom:6px;
padding:0 12px 6px 12px;
border-bottom:1px #cccccc dashed;
}



/*  #sideColumn #photo
----------------------------------------------------*/

#sideColumn #photo {
width:300px;
height:249px;
background:url(../img/photo_bg.gif) no-repeat left top;
margin-bottom:12px;
}
#sideColumn #photo h2 {
padding:7px 12px 0 12px;
}
#sideColumn #photo .ph {
padding:0 12px;
text-align:center;
}
#sideColumn #photo .ph a img {
padding:4px;
border:1px #cccccc solid;
background-color:#ffffff;
}



/*  #sideColumn #amazon-search
----------------------------------------------------*/

#sideColumn #amazon-search {
margin-top:12px;
margin-bottom:12px;
font-size:12px;
}



/*  #sideColumn basic
----------------------------------------------------*/

#sideColumn h3 {
padding:0.5em;
font-size:14px;
background-color:#666;
color:#fff;
}
#sideColumn h3 a {
color:#fff;
}
#sideColumn ul {
margin:0 0 2em 0;
}
#sideColumn li {
font-size:12px;
padding:0.5em 2.5em 0.5em 0.5em;
border-bottom:1px #ccc dashed;
position: relative;
}
#sideColumn ul li::after {
display: block;
content: '';
position: absolute;
top: 48%;
right: 1em;
width: 9px;
height: 9px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#sideColumn li a {
color:#666;
}
#sideColumn li a:hover {
text-decolation:none;
}

/*  #sideColumn .widget
----------------------------------------------------*/

.widget {
margin-bottom:30px;
}



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

#headline {
margin-bottom:12px;
}
#headline h2 {
margin-bottom:12px;
}
#headline ul {
overflow:hidden;
}
#headline ul li {
width:600px;
float:left;
margin-bottom:4px;
height:64px;
}
#headline ul li dl {
overflow:hidden;
}
#headline ul li dl dt {
width:64px;
margin-right:12px;
float:left;
}
#headline ul li dl dd {
margin-right:12px;
}
#headline ul li dl dd h3 {
margin-bottom:0.5em;
font-weight:normal;
line-height:1.1;
}
#headline ul li dl dd p {
line-height:1.1;
}
#sketch {
margin-bottom:12px;
line-height:1.2;
}
#sketch h2 {
margin-bottom:11px;
}
#sketch #illust {
margin-left:-8px;
position:relative; 
}
#sketch #illust ul li {
margin-left:8px;
display:inline;
}
#sketch #illust ul li a:link img {
border:3px #cccccc solid;
}
#sketch #illust ul li a:visited img {
border:3px #cccccc solid;
}
#sketch #illust ul li a:hover img {
border:3px #ffa800 solid;
}
#sketch #illust ul li a:active img {
border:3px #cccccc solid;
}
.column-3 {
_zoom: 1;
overflow: hidden;
margin-bottom:18px;
}
#brand {
width:192px;
float:left;
color:#535353;
line-height:1.2;
background:url(../img/bg_gradation.jpg) repeat-x left bottom;
}
#brand h2 {
margin-bottom:8px;
}
#brand h3 {
}
#brand h3 a:link {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#brand h3 a:visited {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#brand h3 a:hover {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #ffa800 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#brand h3 a:active {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#brand h3 a {
color:#535353;
line-height:1.4;
}
#brand p {
padding:5px;
height:50px;
}
#brand p a {
font-size:10px;
}
#collection {
width:192px;
float:left;
margin-left:12px;
color:#535353;
line-height:1.2;
background:url(../img/bg_gradation.jpg) repeat-x left bottom;
}
#collection h2 {
margin-bottom:8px;
}
#collection h3 {
}
#collection h3 a:link {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#collection h3 a:visited {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#collection h3 a:hover {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #ffa800 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#collection h3 a:active {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#collection p {
padding:5px;
height:50px;
}
#collection p a {
font-size:10px;
}
#news {
width:192px;
float:left;
margin-left:12px;
color:#535353;
line-height:1.2;
background:url(../img/bg_gradation.jpg) repeat-x left bottom;
}
#news h2 {
margin-bottom:8px;
}
#news h3 {
}
#news h3 a:link {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#news h3 a:visited {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#news h3 a:hover {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #ffa800 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#news h3 a:active {
color:#535353;
line-height:1.4;
height:34px;
border-left:5px #b7b7b7 solid;
margin-top:6px;
padding-left:6px;
font-weight:bold;
display:block;
}
#news p {
padding:5px;
height:50px;
}
#news p a {
font-size:10px;
}
.column-2 {
_zoom: 1;
overflow: hidden;
}
#street-girls {
width:294px;
float:left;
_zoom: 1;
overflow: hidden;
margin-right:12px;
/margin-right:9px;
margin-bottom:21px;
line-height:1.2;
}
#street-girls h2 {
margin-bottom:7px;
}
#street-girls .left {
width:110px;
height:160px;
float:left;
text-align:center;
border:1px #cccccc solid;
background:url(../img/no_girl.gif) no-repeat left top;
}
#street-girls .left img {
margin:4px;
background-color:#ffffff;
}
#street-girls .right {
margin-left:118px;
}
#street-girls h3 {
font-weight:bold;
margin-bottom:12px;
}
#street-girls h3 a:link {
color:#535353;
line-height:1.4;
}
#street-girls h3 a:visited {
color:#535353;
line-height:1.4;
}
#street-girls h3 a:hover {
color:#535353;
line-height:1.4;
text-decoration:underline;
}
#street-girls h3 a:active {
color:#535353;
line-height:1.4;
}
#street-girls p a {
color:#535353;
}
#street-boys {
width:294px;
margin-bottom:21px;
_zoom: 1;
overflow: hidden;
line-height:1.2;
}
#street-boys h2 {
margin-bottom:7px;
}
#street-boys .left {
width:110px;
height:160px;
float:left;
text-align:center;
border:1px #cccccc solid;
background:url(../img/no_boy.gif) no-repeat left top;
}
#street-boys .left img {
margin:4px;
background-color:#ffffff;
}
#street-boys .right {
margin-left:118px;
}
#street-boys h3 {
font-weight:bold;
margin-bottom:12px;
}
#street-boys h3 a:link {
color:#535353;
line-height:1.4;
}
#street-boys h3 a:visited {
color:#535353;
line-height:1.4;
}
#street-boys h3 a:hover {
color:#535353;
line-height:1.4;
text-decoration:underline;
}
#street-boys h3 a:active {
color:#535353;
line-height:1.4;
}
#street-boys p a {
color:#535353;
}
.banner {
margin-bottom:12px;
}
.margin-right12px{
margin-right:12px;
}
#item {
_zoom: 1;
overflow: hidden;
background:url(../img/item_bg.gif) no-repeat #efefef left bottom;
padding-bottom:10px;
margin-bottom:11px;
}
#item #select {
width:125px;
float:left;
margin-left:14px;
display:inline;
}
#item #bag {
width:125px;
float:left;
margin-left:24px;
display:inline;
}
#item #shoes {
width:125px;
float:left;
margin-left:24px;
display:inline;
}
#item #mens {
width:126px;
float:left;
margin-left:24px;
display:inline;
}
#item h3 {
margin:6px 0;
}
#item h4 {
height:4em;
line-height:1.2;
font-size:10px;
font-weight:bold;
margin-bottom:4px;
}
#item h4 a:link {
color:#535353;
line-height:1.4;
}
#item h4 a:visited {
color:#535353;
line-height:1.4;
}
#item h4 a:hover {
color:#535353;
line-height:1.4;
text-decoration:underline;
}
#item h4 a:active {
color:#535353;
line-height:1.4;
}
#word {
width:294px;
height:167px;
float:left;
background:url(../img/word_bg.jpg) no-repeat left top;
margin-bottom:18px;
text-align:center;
}
#word #question {
width:250px;
height:45px;
margin:84px 18px 0 20px;
}
#word #question td {
vertical-align:middle;
text-align:center;
font-weight:bold;
}
#word #question td a:link {
color:#3b7ac8;
line-height:1.2;
}
#word #question td a:visited {
color:#3b7ac8;
line-height:1.2;
}
#word #question td a:hover {
color:#ffa800;
line-height:1.2;
}
#word #question td a:active {
color:#3b7ac8;
line-height:1.2;
}
#word img {
position:relative;
top:10px;
left:79px;
}
#gyokai {
width:294px;
height:167px;
margin-bottom:18px;
margin-left:306px;
/margin-left:303px;
background:url(../img/gyokai_bg.gif) no-repeat left bottom;
}
#gyokai .list {
width:294px;
height:137px;
overflow: auto;
margin:0;
}
#gyokai ul {
padding:4px 10px 8px 10px;
}
#gyokai ul li {
font-size:10px;
line-height:1.4;
list-style-type:square;
margin-left:10px;
}
#gyokai ul li a:link {
color:#535353;
line-height:1.4;
}
#gyokai ul li a:visited {
color:#535353;
line-height:1.4;
}
#gyokai ul li a:hover {
color:#535353;
line-height:1.4;
text-decoration:underline;
}
#gyokai ul li a:active {
color:#535353;
line-height:1.4;
}
#main .center {
text-align:center;
}



/*  base-set
----------------------------------------------------*/
a {
color:#3960a8;
text-decoration:none;
}
a:hover {
color:#72b7dd;
text-decoration:underline;
}
.bnr a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
zoom:1;
}

.sp-only {
display:none;
}