@charset "utf-8";

/* LAYOUT */

body {
}

#container {
 width: 980px;
 margin: 0 auto;
}



#mainContentsWrapper {
 background: url(../images/main_bg_top.gif) no-repeat 0 top;
 width: 980px;
 padding-top: 15px;
}

#mainContainer {
 background: url(../images/mainContainer_bg2.gif) repeat-y;
}


.contentsBtm {
 width: 980px;
 height: 30px;
 background: url(../images/mainContainer_btm.jpg) no-repeat 0 bottom;
 margin: 0;
 padding: 0;
 clear: both;
}

#contents {
 float: right;
 width: 702px;
 margin-right: 15px;
 padding-right: 15px;
 _margin-right: 7px;
 margin-top: 1px;
}

.flatContainer {

}

.inner {
 margin: 10px;
}

/* 基本レイアウト */

.crumbs {
 margin-top: 15px;
}

.crumbs ul li {
 float: left;
 margin-right: 10px;
 margin-bottom: 15px;
}

.crumbs ul li span {
 margin-left: 10px;
}

/* ページトップ */

.pagetop {
 width: 640px;
 text-align: right;
 margin: 20px auto;
}

/* リストページ／ナビゲーション */

#pageNavi {
 clear: both;
 margin-top: 20px;
 text-align: center;
 font-size: 100%;
 width: 642px;
 margin-right: auto;
 margin-left: auto;
 padding-top: 10px;
 padding-bottom: 10px;
}

#pageNavi a {
 margin-right: 5px;
 margin-left: 5px;
 text-decoration: none;
}

#pageNavi span {
 margin-right: 5px;
 margin-left: 5px;
}




/* @group HEADER */

#globleHeader {
 width: 980px;
 position: relative;
 height: 99px;
 margin: 0;
 padding: 0;
}

#globleHeader h1 a {
 position: absolute;
 bottom: 1px;
 height: 58px;
 width: 223px;
}

#globleHeader h1 span {
 display: none;
}

#globleHeader div#subNavi {
 position: absolute;
 top: 24px;
 right: 1px;
 font-size: 9px;
}



#globleHeader div#subNavi p a {
 padding-left: 13px;
 background: url(../images/snavi_icon.jpg) no-repeat 0 top;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 font-size: 10px;
 line-height: 1;
 color: #5cc9ed;
 padding-top: 2px;
 padding-bottom: 2px;
}

#globleHeader div#subNavi p img {
 vertical-align: -3px;
}

#globleHeader div#subNavi p span {
 margin-left: 2px;
 margin-right: 0;
 font-size: 0;
 line-height: 0;
}

#globleHeader div#subNavi p span.nolink {
 clear: both;
 padding-left: 13px;
 background: url(../images/snavi_icon.jpg) no-repeat 0 top;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 font-size: 10px;
 line-height: 1;
 color: #a0a0a0;
 padding-top: 2px;
 padding-bottom: 2px;
}

#globleHeader div#areaNavi {
 position: absolute;
 right: 8px;
 bottom: -1px;
 width: 189px;
 height: 33px;
}

/* 旧ヘッダー */

#globleHeader p.catch {
 position: absolute;
 top: 25px;
 color: #666;
 font: 10px "Lucida Grande", Meiryo, メイリオ, "ＭＳ Ｐゴシック", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", sans-serif;
}




/* @end */

/* @group FOOTER */

#footerContainer {
 width: 980px;
 padding: 0;
 margin: 5px 0 20px;
 clear: both;
 text-align: right;
}

address {
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 font-size: 100%;
}

/* @end */

/* @group SideMenu */

#sideContainer {
 width: 208px;
 font-size: 0;
 line-height: 0;
 background: url(../images/sideContainer_bg.jpg) repeat-y;
 padding-bottom: 5px;
 display: inline;
 float: left;
 margin-left: 15px;
 _margin-left: 7px;
}

#sideContainer #shopSearch {
 background-color: #32BCE9;
}

#sideContainer #shopSearch img {
 padding-bottom: 7px;
}

#sideContainer ul#sideBnr {
 padding-left: 15px;
 margin-top: 10px;
 width: 190px;
}

#sideContainer ul#sideBnr li {
 margin-bottom: 10px;
}

#sideContainer ul#sideBnr li img {
 width: 178px;
}



/* @end */

@media print {

body, #container, address {
 color: #000 !important;
 background-color: white;
 background-image: none;
}

* html body {
 zoom: 65% !important;
}

a, a:link, a:visited {
 color: #000 !important;
 text-decoration: none !important;
}

#globalnavigation,
#cover,
#globleHeader a.navHome,
#globleHeader a.navContact,
#sideContainer,
#directorynav,
#g_footer {
 display: none !important;
}

#contents{
 float: left !important;
}
#container, #footer {
 background-image: none!important;
}

}