@import url(https://fonts.googleapis.com/css?family=Quattrocento:400,700);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script:700);

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}

/**************************************************
$(Global) All
***************************************************/
html,body{
color:#444;
}
img{
-ms-interpolation-mode: bicubic;
}
/**************************************************
$(Global) Link Action
***************************************************/
a:Link{
color:#444;
}
a:Visited{
color:#444;
}
a:Hover{
color:#444;
text-decoration:none !important;
}

/*---------------------- bit ----------------------*/
a.bitLink{
background:url(/system/images/bit.gif) left no-repeat;
padding:0 0 0 12px;
}
a.bitLink:Hover{
color:#fff;
background:#333;
text-decoration:none !important;
background-image:url(/system/images/bitw.gif);
background-repeat:no-repeat;
background-position:left;
background-color:#333;
}

/**************************************************
$(Global) Structure
***************************************************/
#wrapper{
width:860px;
margin:0 auto;
padding:32px 0;
}
#mainContents{
width:604px;
float:left;
}
#sideContents{
width:233px;
float:right;
}

/**************************************************
$(Global) Header
***************************************************/
div#wrapper > header{
margin:0 0 48px 0;
position:relative;
}
div#wrapper > header h1#edifice{
margin:0 0 38px 0;
}
div#wrapper > header h1#edifice a{
width:169px;
height:33px;
background:url(/system/images/edifice.jpg) no-repeat;
text-indent:-9999px;
display:block;
}
div#wrapper > header #tweet{
width:400px;
height:14px;
position:absolute;
top:10px;
right:215px;
overflow:hidden;
background:url(/system/images/twitter.jpg) no-repeat scroll left top;
padding:0 0 0 18px;
}
div#wrapper > header #tweet p a{ 
text-decoration:none !important;
color:#555;
font-size:77%;
}
div#wrapper > header nav ul{
width:680px;
}
div#wrapper > header nav ul li{
display:inline;
font-size:78%;
}
div#wrapper > header nav #sNavi{
width:158px;
height:97px;
position:absolute;
top:5px;
right:0;
}
div#wrapper > header nav #sNavi ul{
width:auto;
}
div#wrapper > header nav #sNavi ul li{
font-size:0;
line-height:0;
display:block;
}
div#wrapper > header nav #sNavi ul li a,
div#wrapper > header nav #sNavi ul li a img{
font-size:0;
line-height:0;
display:block;
}
div#wrapper > header nav #sNavi ul li.menu1{
margin:12px 0 0 0;
height:8px;
}
div#wrapper > header nav #sNavi ul li.menu2{
margin:11px 0 0 0;
height:11px;
}
div#wrapper > header nav #sNavi ul li.menu3{
margin:8px 0 0 0;
height:11px;
}
div#wrapper > header nav #sNavi ul li.menu4{
margin:7px 0 0 0;
height:10px;
}
div#wrapper > header nav #sNavi #search form {
width:158px;
height:19px;
display:block;
position:relative;
}
div#wrapper > header nav #sNavi #search form input#searchInput {
width:120px;
height:17px;
border:1px solid #ccc;
display:block;
position:absolute;
top:0;
left:0;
}
div#wrapper > header nav #sNavi #search form input.submit {
width:30px;
height:19px;
display:block;
position:absolute;
top:0;
right:0;
}

/**************************************************
$(Global) Footer
***************************************************/
a#pageTop{
display:block;
width:860px;
margin:0 auto;
text-align:right;
text-decoration:none;
}
footer{
clear:both;
width:100%;
font-family:Quattrocento,Garamond,"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:100%;
line-height:1;
}
footer div#footerMenu{
background:#f2f2f2;
}
footer div#footerMenu dl{
margin:24px 0 24px 60px;
float:left;
}
footer div#footerMenu dl dt{
font-weight:700;
font-size:19px;
margin:0 0 12px 0;
font-family: 'Dancing Script', cursive;
}
footer div#footerMenu dl dt:after{
content:":";
}
footer div#footerMenu dl#footMenu dd ul{
float:left;
}
footer div#footerMenu dl#footMenu dd ul:nth-child(2){
margin-left:36px;
}
footer div#footerMenu dl#footMenu dd  ul li{
margin:0 0 12px 0;
}
footer div#footerMenu dl#footMenu dd  ul li:last-child{
margin:0;
}
footer div#footerMenu dl#footMenu dd  ul li a{
text-decoration:none;
font-size:16px;
}
footer div#footerMenu dl#footMenu dd ul li a span{
display:inline;
font-size:10px;
padding:0 0 0 12px;
}
footer div#footerMenu dl#footHeadLine{
float:right;
width:412px;
margin:24px 60px 24px 0;
}
footer div#footerMenu dl#footHeadLine dd ul li{
margin:0 0 10px 0;
}
footer div#footerMenu dl#footHeadLine dd  ul li:last-child{
margin:0;
}
footer div#footerMenu dl#footHeadLine dd ul li time,
footer div#footerMenu dl#footHeadLine dd ul li a{
padding:0 8px 0 0;
}
footer div#footerCompany{
background:#002233;
height:222px;
position:relative;
}

footer div#footerCompany p{
text-align:right;
}
footer div#footerCompany ul{
position:absolute;
right:60px;
top:27px;
width:170px;
height:170px;
padding:0 0 0 0;
}
footer div#footerCompany ul li{
margin:18px 0;
}
footer div#footerCompany ul li a:link{
color:#666677;
text-decoration:none;
}
footer div#footerCompany ul li a:visited{
color:#666677;
text-decoration:none;
}
footer div#footerCompany p#footerLogo{
width:300px;
height:59px;
position:absolute;
top:64px;
left:60px;
}
footer div#footerCompany #BAYCREWS_BNR{
width:200px;
position:absolute;
right:274px;
top:27px;
}
footer div#footerCompany #BAYCREWS_BNR aside{
width:200px;
margin:0 auto;
}
footer div#footerCompany #BAYCREWS_BNR aside ul{
width:200px;
margin:0 auto;
position:static;
padding:0;
border:none;
}
footer div#footerCompany #BAYCREWS_BNR aside ul li{
width:200px;
display:block;
margin:0 0 10px 0;
}
footer div#footerCompany #BAYCREWS_BNR aside ul li:nth-child(2){
margin:0;
}
footer div#footerCompany #BAYCREWS_BNR aside ul li a{
display:block;
width:100%;
}
footer div#footerCompany #BAYCREWS_BNR aside ul li img{
display:block;
width:100%;
}
footer div#footerCompany small{
position:absolute;
left:60px;
bottom:24px;
color:#666677;
}
footer div#breadCrumb{
background: #ececec;
text-align: center;
display: block;
color: #555;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
line-height:1;
position:relative;
height:26px;
}
footer div#breadCrumb ul{
position:absolute;
left:60px;
top:0;
height:26px;
}
footer div#breadCrumb ul li{
height:26px;
display:inline-block;
padding:0 3px 0 16px;
vertical-align:middle;
background:url(/system/images/bread.png) top left no-repeat;
}
footer div#breadCrumb ul li a{
text-decoration:none;
vertical-align:middle;
height:26px;
display:table-cell;
}
footer div#breadCrumb form{
display:block;
position:absolute;
right:60px;
top:0;
}
footer div#breadCrumb form #searchInputFooter{
display:block;
position:absolute;
right:26px;
top:0px;
border:none;
width:361px;
height:26px;
padding:0 12px;
}
footer div#breadCrumb form #searchSubmitFooter{
position:absolute;
right:0;
top:0px;
border-right:1px dotted #ccc;
background:#ddd;
}

/**************************************************
$(Global) sideContens
***************************************************/
#sideContents #BAYCREWS_BNR,
#sideContents #sideLINE,
#sideContents #sideBlog,
#sideContents #sideNEWS,
#sideContents #sideCL,
#sideContents #sideCS,
#sideContents #side417,
#sideContents #sideOS,
#sideContents #sideMobile,
#sideContents #sideBrand {
margin:0 0 36px 0;
}
#sideContents #sideBlogT,
#sideContents #sideItemT{
margin:0 0 4px 0;
}
#sideContents #sideOST,
#sideContents #sideMobileT {
margin:0 0 19px 0;
}
#sideContents #sideBrandT{
margin:0 0 16px 0;
}
#sideContents #sideOS a img{
display:block;
}
#sideContents #sideBlog #columnArea,
#sideContents #sideNEWS #latestArea dl,
#sideContents #sideCL #latestArea,
#sideContents #sideCS #latestArea,
#sideContents #side417 #latestArea{
}
#sideContents #sideBlog #columnArea dl,
#sideContents #sideNEWS #latestArea dl,
#sideContents #sideCL #latestArea dl,
#sideContents #sideCS #latestArea dl,
#sideContents #side417 #latestArea dl{
font-size:77%;
background:url(/system/images/blog_bg.jpg) repeat-x bottom;
padding:16px 0;
}
#sideContents #sideBlog #columnArea dl dt,
#sideContents #sideNEWS #latestArea dl dt,
#sideContents #sideCL #latestArea dl dt,
#sideContents #sideCS #latestArea dl dt,
#sideContents #side417 #latestArea dl dt{
width:65px;
margin:0 12px 0 0;
float:left;
}
#sideContents #sideBlog #columnArea dl dt a,
#sideContents #sideNEWS #latestArea dl dt a,
#sideContents #sideCL #latestArea dl dt a,
#sideContents #sideCS #latestArea dl dt a,
#sideContents #side417 #latestArea dl dt a{
display:block;
}
#sideContents #sideBlog #columnArea dl dd,
#sideContents #sideNEWS #latestArea dl dd,
#sideContents #sideCL #latestArea dl dd,
#sideContents #sideCS #latestArea dl dd,
#sideContents #side417 #latestArea dl dd{
margin:0;
float:left;
width:152px;
overflow:hidden;
}
#sideContents #sideBlog #columnArea dl dd img,
#sideContents #sideNEWS #latestArea dl dd img,
#sideContents #sideCL #latestArea dl dd img,
#sideContents #sideCS #latestArea dl dd img,
#sideContents #side417 #latestArea dl dd img{
padding:0 0 0 4px;
}
#sideContents #sideBlog #columnArea dl dd a,
#sideContents #sideNEWS #latestArea dl dd a,
#sideContents #sideCL #latestArea dl dd a,
#sideContents #sideCS #latestArea dl dd a,
#sideContents #side417 #latestArea dl dd a{
display:block;
color:#555;
text-decoration:none !important;
}
#sideContents #BAYCREWS_BNR{
margin-bottom:28px;
}
#sideContents #BAYCREWS_BNR ul li{
width:232px;
margin:0 0 8px 0;
}
#sideContents #BAYCREWS_BNR ul li a img{
width:232px;
}
#sideContents #sideLINE #sideItemT{
margin:0 0 19px 0;
}
#sideContents #sideLINE a{
width:232px;
display:block;
margin:0 0 1px 0;
}
#sideContents #sideLINE a img{
width:100%;
display:block;
}

/**************************************************
$(Unit) Style Cruise Getter
***************************************************/
#scFeeds {
padding:12px 12px 0 12px;
background:url(/system/images/scbg.jpg) repeat-y;
border-bottom:1px dotted #ccc;
}
#scFeeds #scItem #cnt {
font-size:77%;
}
#scFeeds #scItem #cnt dl {
margin:0 0 12px 0;
}
#scFeeds #scItem #cnt dl dt{
width:64px;
height:64px;
float:left;
margin:0 12px 0 0;
}
#scFeeds #scItem #cnt dl dd{
float:left;
width:128px;
overflow:hidden;
}
#scFeeds #scItem #cnt img{
width:64px;
height:64px;
}
#scFeeds #scItem #cnt img.scrk{
width:63px;
height:13px;
display:block;
margin:0 0 6px 0;
}
#scFeeds #scItem #cnt a{
text-decoration:none !important;
color:#555 !important;
}

/**************************************************
$(Global) entry
***************************************************/
.entry{
height:170px;
margin:0 0 36px 0;
overflow:hidden;
_overflow:visible;
}
.entry .entryImage,
.entry .entryImage img{
float:left;
border: none;
overflow: hidden;
_overflow:visible;
}
.entry .entryImage{
border: 1px solid #ccc;
}
.entry .entryImage img{
margin: -1px;
width:286px;
}
.entry .entryBody{
width:294px;
float:right;
margin:0 0 0 24px;
}
.entry .entryDate{
background:#999;
color:#fdfdfd;
padding:4px 8px;
font-size:77%;
}
.entry .entryTitle{
font-size:92%;
font-weight:bold;
color:#111;
margin:16px 0;
}
.entry .entryText{
font-size:85%;
}
.entry .entryTitle a,
.entry .entryText a{
text-decoration:none !important;
}
.entry .entryMore{
font-size:85%;
text-align:right;
}

/*---------------------- pageTitle ----------------------*/
#BRAND .brand_top h2{
width:860px;
height:54px;
margin:0 0 47px 0; /*58-11*/
text-indent:-9999px;
}
#NEWS h2,
#ITEM h2,
#FEATURE h2,
#BRAND h2,
#SHOPLIST h2{
width:604px;
height:54px;
margin:0 0 47px 0; /*58-11*/
text-indent:-9999px;
}
#NEWS h2{background:url(/system/images/title_news.jpg) no-repeat;}
#ITEM h2{background:url(/system/images/title_item.jpg) no-repeat;}
#ITEM .clothing h2{background:url(/system/images/title_clothing.jpg) no-repeat;}
#ITEM .casual h2{background:url(/system/images/title_casual.jpg) no-repeat;}
#ITEM .f417 h2{background:url(/system/images/title_417.jpg) no-repeat;}
#BRAND .brand_top h2{background:url(/system/images/title_brand_b.jpg) no-repeat;}
#BRAND h2{background:url(/system/images/title_brand_a.jpg) no-repeat;}
#FEATURE h2{background:url(/system/images/title_feature.jpg) no-repeat;}
#SHOPLIST h2{background:url(/system/images/title_shoplist.jpg) no-repeat;}

#ITEM .clothing h2,
#ITEM h2#ctTitle {
height:54px;
margin:0 0 47px 0;
background:url(/system/images/title_clothing.jpg) no-repeat;
}
#ITEM .casual h2,
#ITEM h2#csTitle {
height:54px;
margin:0 0 47px 0;
background:url(/system/images/title_casual.jpg) no-repeat;
}
#ITEM .f417 h2,
#ITEM h2#f417Title {
height:54px;
margin:0 0 47px 0;
background:url(/system/images/title_417.jpg) no-repeat;
}

/**************************************************
SEARCH
***************************************************/
#SEARCH h2{
padding:8px;
border:1px dotted #ccc;
background:#f0f0f0;
margin:0 0 36px 0;
font-size:85%;
}

/**************************************************
$(Unit) entryUnit
***************************************************/
.entryBody #pageTitle{
font-size:122%;
margin:12px 0 36px;
font-weight:bold;
}
.entryBody #entryMainImage{
margin:0 0 36px 0;
}
.entryBody .entryDate{
font-size:77%;
}
.entryBody #entryMain{
font-size:100%;
color:#333;
line-height:1.9em;
}
.entryBody #entryMain p{
margin:0 0 24px 0;
}
.entryBody #entryMain small{
display:block;
margin:0 0 12px 0;
}

.entryBody #entryMain h3{
font-size:107%;
font-weight:bold;
color:#333;
line-height:1.6em;
margin:36px 0 6px 0;
}
.entryBody #entryMain blockquote{
margin:32px 0 0 0;
padding:12px;
border:1px dotted #999;
background:#efefef;
font-size:85%;
line-height:1.8em;
}
.entryBody #entryMain blockquote h3{
margin:0 0 6px 0;
}
.entryBody .entryPoint{
font-size:85%;
padding:1px 12px 12px 12px;
background:#f0f0f0;
margin:36px 0 0 0;
line-height:1.7em;
}
.entryBody .entryPoint h3{
font-weight:bold;
margin:10px 0;
}
.entryBody .entryPoint h4{
font-weight:bold;
}
.entryBody .entryPoint p{
margin:12px 0 0 0;
}
div#entryMain .entryPoint{
padding:12px;
font-size:100%;
background:#f0f0f0;
margin:24px 0 18px 0;
line-height:1.7em;
}
.entryBody .imageUnit{
margin:36px 0 0 0;
}
.entryBody .imageUnit .entryImageLeft{
width:294px;
float:left;
margin: 0 15px 0 0;
}
.entryBody .imageUnit .entryImageRight{
width:294px;
float:right;
margin: 0 0 0 0;
}
.entryBody .imageUnit .entryImageLeft p,
.entryBody .imageUnit .entryImageRight p{
font-size:85%;
color:#999;
line-height:1.6em;
padding:0 8px 0 0;
}
.entryBody .imageUnit a {
text-decoration:none !important;
}
.entryBody .imageUnit h4 {
font-weight:bold;
margin: 0 0 6px 0;
}

/**************************************************
$(hack) imgInnerLine
***************************************************/
.entryBody .imageUnit .boxer,
.entryBody .imageUnit .boxer img {
border: none;
}
.entryBody .imageUnit .boxer{
border: 1px solid #f0f0f0;
margin:0 0 8px 0;
display:block;
overflow: hidden;
width:292px;
text-align:center;
}
.entryBody .imageUnit .boxer img{
margin: -1px;
display:block;
}

/**************************************************
$(Unit) pager
***************************************************/
#pager{
width:604px;
text-align:center;
margin:0 0 36px 0;
}
#pager li{
display:inline-block;
margin:0 8px 8px 0;
}
#pager li a{
padding:4px;
background:#333;
text-decoration:none !important;
color:#fff;
border:1px solid #333;
display:inline-block;
}
#pager li .current_page{
padding:4px 5px;
background:#efefef;
text-decoration:none !important;
color:#333;
border:1px solid #bbb;
}

/**************************************************
$(Unit) socialButton
***************************************************/
.entryBody div.snsArea{
width:604px;
height:100px;
margin:0 0 48px 0;
position:relative;
}
.entryBody div.snsArea .twitter{
width:90px;
position:absolute;
top:36px;
left:0;
}
.entryBody div.snsArea .fb{
width:100px;
position:absolute;
top:36px;
left:100px;
}

/**************************************************
$(Unit) goTopAny
***************************************************/
a#goToppage{
display:block;
position:relative;
right:-527px;
top:-58px;
width:76px;
}
a#goitemtop{
display:block;
position:relative;
right:-506px;
top:-58px;
width:98px;
}
a#gocstop{
display:block;
position:relative;
right:-493px;
top:-58px;
width:111px;
}
a#gocttop{
display:block;
position:relative;
right:-484px;
top:-58px;
width:120px;
}
a#go417top{
display:block;
position:relative;
right:-448px;
top:-58px;
width:156px;
}
a#gonewstop{
display:block;
position:relative;
right:-497px;
top:-58px;
width:107px;
}
a.sideImage{
width:65px;
height:65px;
overflow:hidden;
display:block;
}
a.sideImage img{
height:65px;
margin:0 0 0 -22px;
}
blockquote img{
width:150px;
float:left;
margin:0 18px 0 0;
}

/**************************************************
$(Unit) modeSwitch
***************************************************/
p.mode {
  margin: 0;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 10px;
  background-color: #828282; }

p.mode a {
  padding: 30px 0;
  display: block;
  color: #ffffff;
  font-size: 2.0rem;
  text-align: center;
  text-decoration: none; }

p.mode mark {
  color: inherit;
  background: none;
  text-decoration: underline; }

.modeSwitch {
  background-color: #828282;
  text-align: center;
padding: 30px 0;
  position: relative; }

.modeSwitch a:first-child {
  line-height: 52px;
  font-size: 2.0rem;
  text-decoration: underline;
  color: #fff; }

.modeSwitch a:last-child {
   font-size: 0;
    padding: 31px 30px 30px;
    position: absolute;
    right: 0;
    top: 0;
}

/**************************************************
$(hack) Clearfix
***************************************************/
#wrapper:after,
div#footerMenu:after,
dl#footMenu dd:after,
.cf:after{
    content:" ";
    display:block;
    clear:both;
}
/* 
 * Boxer v3.3.0 - 2014-10-28 
 * A jQuery plugin for displaying images, videos or content in a modal overlay. Part of the Formstone Library. 
 * http://formstone.it/boxer/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */

.boxer-lock{overflow:hidden!important}#boxer-overlay{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}.boxer-open #boxer-overlay{opacity:.75}#boxer{width:200px;height:200px;position:absolute;right:0;left:0;z-index:101;background:#fff;border-radius:3px;box-shadow:0 0 25px #000;opacity:0;margin:0 auto;padding:10px}#boxer *{-webkit-transition:none;transition:none}#boxer,#boxer *{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}#boxer,#boxer *,#boxer :before,#boxer :after{-moz-box-sizing:border-box;box-sizing:border-box}#boxer.fixed{position:fixed;top:0;bottom:0;margin:auto}#boxer.inline{padding:30px}#boxer.animating{-webkit-transition:height .25s ease,width .25s ease,opacity .25s linear,top .25s ease;transition:height .25s ease,width .25s ease,opacity .25s linear,top .25s ease}#boxer.animating .boxer-container{-webkit-transition:opacity .25s linear .25s;transition:opacity .25s linear .25s}.boxer-open #boxer{opacity:1}#boxer.loading .boxer-container{opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}#boxer .boxer-close{width:30px;height:30px;position:absolute;top:-7.5px;right:-7.5px;z-index:105;background:#fff;border-radius:100%;cursor:pointer;display:block;overflow:hidden;padding:0;text-indent:200%;white-space:nowrap}#boxer .boxer-close:before{position:absolute;top:0;right:0;bottom:0;left:0;color:#333;content:"\00d7";display:block;font-size:22px;font-weight:700;line-height:30px;margin:auto;text-align:center;text-indent:0;-webkit-transition:color .15s linear;transition:color .15s linear}.no-opacity #boxer .boxer-close{text-indent:-999px}#boxer .boxer-loading{width:50px;height:50px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:105;display:block;margin:auto;opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}#boxer .boxer-loading:before,#boxer .boxer-loading:after{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:110%;content:'';display:block}#boxer .boxer-loading:before{border:5px solid rgba(51,51,51,.25)}#boxer .boxer-loading:after{-webkit-animation:boxer-loading-spin .75s linear infinite;animation:boxer-loading-spin .75s linear infinite;border:5px solid transparent;border-top-color:#333}#boxer.loading .boxer-loading{opacity:1}@-webkit-keyframes boxer-loading-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes boxer-loading-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#boxer .boxer-container{width:100%;height:100%;position:relative;z-index:103;background:#fff;overflow:hidden}#boxer .boxer-content{width:100%;background:#fff;opacity:1;overflow:hidden;padding:0}#boxer.inline .boxer-content,#boxer.iframe .boxer-content{width:auto}#boxer .boxer-image{float:left}#boxer .boxer-video{width:100%;height:100%}#boxer .boxer-iframe{width:100%;height:100%;border:none;float:left;overflow:auto}#boxer .boxer-meta{clear:both}#boxer .boxer-control{width:40px;height:40px;position:absolute;top:0;background:#fff;border-radius:100%;box-shadow:0 0 5px rgba(0,0,0,.25);cursor:pointer;display:block;margin-right:auto;margin-left:auto;opacity:1;overflow:hidden;text-indent:200%;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;white-space:nowrap}#boxer .boxer-control:before{width:0;height:0;position:absolute;top:0;right:0;bottom:0;left:0;content:'';margin:auto}#boxer .boxer-control.previous{left:20px}#boxer .boxer-control.previous:before{border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10.4px solid #333;margin-left:14px}#boxer .boxer-control.next{right:20px}#boxer .boxer-control.next:before{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10.4px solid #333;margin-right:14px}#boxer .boxer-control.disabled{opacity:0}.no-opacity #boxer .boxer-control{text-indent:-999px}.no-touch #boxer .boxer-control{opacity:0}.no-touch #boxer:hover .boxer-control{opacity:1}.no-touch #boxer:hover .boxer-control.disabled{opacity:0;cursor:default!important}#boxer .boxer-meta{padding:10px 0 0 0}#boxer .boxer-position{color:#999;font-size:12px;margin:0;padding:15px 15px 0 15px}#boxer .boxer-caption p{color:#666;font-size:14px;margin:0;padding:15px}#boxer .boxer-caption.gallery p{padding-top:0}#boxer .boxer-error{width:250px}#boxer .boxer-error p{color:#900;font-size:14px;margin:0;padding:25px;text-align:center;text-transform:uppercase}#boxer.mobile{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background:#111;border-radius:0;padding:40px 0 0}#boxer.mobile .boxer-close,#boxer.mobile .boxer-close:hover{height:40px;width:40px;top:0;right:0;background:#111;border-radius:0}#boxer.mobile .boxer-close:before,#boxer.mobile .boxer-close:hover:before{color:#ccc;font-size:28px;font-weight:700;line-height:40px}#boxer.mobile .boxer-loading:before{border-color:rgba(153,153,153,.25)}#boxer.mobile .boxer-loading:after{border-top-color:#999}#boxer.mobile .boxer-container{background:#111}#boxer.mobile .boxer-content{background-color:#111}#boxer.mobile .boxer-control{width:50px;height:100%;background:#111;border-radius:0;box-shadow:none;opacity:1}#boxer.mobile .boxer-control.previous{left:0}#boxer.mobile .boxer-control.previous:before{border-right-color:#eee;margin-left:19px}#boxer.mobile .boxer-control.next{right:0}#boxer.mobile .boxer-control.next:before{border-left-color:#eee;margin-right:19px}.no-touch #boxer.mobile .boxer-control,.no-touch #boxer.mobile:hover .boxer-control{opacity:1}.no-touch #boxer.mobile .boxer-control.disabled,.no-touch #boxer.mobile:hover .boxer-control.disabled{opacity:0;cursor:default!important}#boxer.mobile .boxer-meta{width:100%;position:absolute;right:0;bottom:0;left:0;background-color:#111;padding:15px 65px}#boxer.mobile .boxer-position{color:#999;font-size:12px;margin:0;padding:0 15px 0 0}#boxer.mobile .boxer-caption p{color:#eee;font-size:14px;margin:0;padding:0}#boxer.mobile .boxer-image{-webkit-transition:none!important;transition:none!important;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}#boxer.mobile.animated .boxer-image{-webkit-transition:-webkit-transform .25s ease-out!important;transition:transform .25s ease-out!important}#boxer.mobile.inline .boxer-content,#boxer.mobile.iframe .boxer-content{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}

/**************************************************
$(Top) mainVis
***************************************************/
#mainVis{
width:860px;
height:301px;
margin:0 0 36px 0;
}
#mainVis li#vis1{
width:626px;
height:301px;
float:left;
position:relative;
}
#mainVis li#vis1 a{
width:626px;
height:301px;
position:absolute;
top:0
left:0;
z-index:8;
opacity:0.0;
background:#fff;
}
#mainVis li#vis1 a.active{
z-index:10;
opacity:1.0;
}
#mainVis li#vis1 a.last-active {
z-index:9;
}
#mainVis li#vis2{
width:232px;
height:149px;
float:right;
}
#mainVis li#vis3{
width:232px;
height:149px;
float:right;
margin:3px 0 0 0;
}

/**************************************************
$(Top) newerEnryList
***************************************************/
#Top #mainContents{
width:608px;
}
#Top .entryTop{
width:286px;
height:306px;
float:left;
padding:7px;
background:#f2f2f2;
margin:0 4px 4px 0;
position:relative;
}
#Top .entryTop h3{
margin:18px 0 16px 0;
font-size:93%;
font-weight:bold;
}
#Top .entryTop p{
font-size:77%;
line-height:1.7em;
}
#Top .entryTop p a,
#Top .entryTop h3 a{
text-decoration:none !important;
}
#Top .entryTop ul.metaData{
width:286px;
height:10px;
position:absolute;
bottom:7px;
}
#Top .entryTop ul.metaData li.topId{
width:120px;
float:left;
font-size:0%;
}
#Top .entryTop ul.metaData li.topDate{
width:160px;
float:right;
text-align:right;
font-size:77%;
}
#Top #pickUp{
margin:0 0 0 0;
}
#Top #pickUp h2{
margin:0 0 20px 0;
}
#Top #newItem{
margin:36px 0 0 0;
clear:both;
}
#Top #newItem h2{
margin:0 0 24px 0;
}
#Top #headLine{
clear:both;
margin:36px 0 0 0;
}
#Top #headLine h2{
margin:0 0 24px 0;
}
#Top #headLineUl li{
font-size:77%;
margin:0 0 12px 0;
}
#Top #headLineUl li a{
padding:0 0 0 8px;
}
section#pickupElement{
margin:36px 0 0 0;
}
section#pickupElement h2{
margin:0 0 20px 0;
}
section#pickupElement article a{
display:block;
width:286px;
height:170px;
overflow:hidden;
}
section#pickupElement article h3 a,
section#pickupElement article p a{
width:inherit;
height:inherit;
}

section#pickupElement article a img{
display:block;
width:100%;
}

#newItem {
}
#newItem h3 {
  clear: both;
  padding: 36px 0 24px;
}/*
#newItem ul {
  width: 644px;
  *zoom: 1;
}
#newItem ul:after {
  content: "";
  display: table;
  clear: left;
}
#newItem ul li {
  width: 120px;
  margin-right: 41px;
  float: left;
  font-size: 10px;
  line-height: 1.5;
}
#newItem ul li a {
  display: block;
  color: #444;
}
*/
#newItem ul {
width: 604px;
}
#newItem ul:after {
content: "";
display: table;
clear: left;
}
#newItem ul li {
width: 140px;
height:232px;
margin:0 12px 12px 0;
float: left;
font-size: 10px;
line-height: 1.5;
background:#f2f2f2;
}
#newItem ul li:nth-child(4n){
margin-right: 0;
}
#newItem ul li a {
display: block;
color: #444;
text-decoration:none;
}
#newItem ul li p.image{
width:138px;
height:160px;
margin:1px auto 6px;
overflow:hidden;
text-align:center;
}
#newItem ul li p.image img{
display:block;
width:210px;
margin:0 0 0 -36px;
}
#newItem ul li p.date{
color:#999;
}
#newItem ul li p.date,
#newItem ul li p.title{
padding:0 12px;
line-height:1.5em;
}

/* .carousel 
.carousel {
  position: relative;
  padding-bottom: 24px;
  width: 603px;
  overflow: hidden;
}
.carousel .slider {
}
.carousel .slider .item {
  float: left;
  width: 120px;
  height: 193px;
  margin-right: 41px;
  overflow: hidden;
  font-size: 10px;
  line-height: 1.5;
}
.carousel .slider .item:first-child {
  border: none;
}
.carousel .slider .item p.image {
  margin-bottom: 5px;
}
.carousel .slider .item p.date {
}
.carousel .slider .item a {
  display: block;
  height: 120px;
  color: #444;
  text-decoration: none;
}
.carousel .slider .item a:hover img {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
}
.carousel .slider .item a:hover p.title {
  text-decoration: underline;
}
.carousel .nav {
  position: absolute;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
}
.carousel .nav.prev {
  left: 0;
}
.carousel .nav.next {
  right: 0;
}
.carousel .nav .arrow {
  font-size: 0;
}
.carousel .nav.prev .arrow {
  text-align: left;
}
.carousel .nav.next .arrow {
  text-align: right;
}
.carousel .pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.carousel .pagination .item {
  display: inline-block;
  *zoom: 1;
  width: 18px;
  height: 17px;
  font-size: 0;
  vertical-align: bottom;
}
.carousel .pagination .item img {
  padding: 5px 5px 4px;
  vertical-align: bottom;
}
*/