/** 共通CSS仕様 **/

/* For modern browsers */


.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */

.cf {
	zoom: 1;
}

a:hover img {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/**BODY仕共通様**/
body {
	font: 11px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", "Arial", "Verdana", "sans-serif";
	color: #808080;
	text-align: center;
	margin: 0px auto;
	border-top: 5px solid #134E3C;
}

/**文字リンク共通仕様**/
a {
	text-decoration: none;
}

a:hover {
	color:#4e80d9;
}

/**画像リンクの共通仕様**/
a img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1; 
}

a img:hover {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6; 
}

/**クリア**/
.clear_div {
	clear:both;
	height:10px;
}


/**ヘッダー及びコンテンツ表示共通仕様**/

#content {
	width:1000px;
	margin:10px auto;
	text-align:left;
}

/**画像表示共通仕様**/
img {
	border:0px;
}

/** common style end **/

/** header style start **/

/**コンテンツのMAIN表示仕様**/
#mainPage {
	width: 1025px;
        height: 138px;
	margin: 0px auto;
}

/** header style start **/


/*-------------------------------------------------
					 [HEADER]
-------------------------------------------------*/
#header {
	width: 1000px;
	margin: 0px auto;
}

#headInner {
	width: 1000px;
}

#headerInner {
	height: 79px;
}


/* LOGO */
#logo {
	float: left;
	margin-top: 18px;
}

#headCont {
	float: right;
	width: 550px;
}

#selectLang {
	text-align: right;
	float: right;
	font-size: 12px;
	line-height: 110%;
	height: 26px;
}

#selectLang ul {
	margin: 13px 0px 0px 0px;
	padding: 0;
	list-style: none;
}

#selectLang ul li {
	color: #000;
	letter-spacing: 0.08em;	
	display: block;
	padding: 0px 0px 0px 6px;
	float: left;
}

#selectLang ul li.rightBorder {
	font-size: 91.66%;
	letter-spacing: 0;
	border-right: 2px solid #BFBFBF;
	padding: 0px 5px 0px 6px;
}

#headMaterial {
	float: right;
	margin: 7px 0px 0px 0px;	
}

#headMaterial ul {
	float: left;
	list-style: none;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}
#headMaterial li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px 7px 0px 6px;
}

#headSearch {
	float: left;
	width: 356px;
	padding: 0px 0px 0px 11px;	
}

#headSearch #shopSearch {
	float:right;
	margin: 0 0 0 12px;
}

#headSearch #shopSearch img {
	vertical-align: bottom;
	margin-top: 7px;
}

#headSearch form {
	margin: 0;
	padding: 7px 0px 0px 0px;	
}
#headSearch form input {
	margin: 0;
	padding: 0px;	
}

/**検索入力ボックス、ボタンの共通表示仕様**/
#search_input, #search_button {
	vertical-align: middle;
}

#search_input {
	border: 1px solid #bec3c7;
	width: 210px;
	height: 26px;
	font-size: 15px;
	padding: 2px 0px 2px 5px;
	float: left;
}

#search_button {
	border: 0px;
	width: 46px;
	height: 26px;
	background: url('/img/header_btn_item_search.png');
	float: right;
}
input.text1 {
	border: 1px solid #bec3c7;
	width: 191px !important;
	height: 24px;
	font-size: 16px;
	padding: 0px 0px 0px 5px !important;
	float: left;
}
input.button1 {
	float:right;
	padding: 0px 0px 0px 0px;
}

div.headBanner {
	float: left;
}

/**ヘッダーメニュのエリア表示仕様**/
#top_menu {
	border-bottom: 1px solid #124C3D;
	margin: 0px 0px 6px 0px;
}

/**メニューリスト表示仕様**/
#top_menu ul {
	list-style: none;
	float: right;
	margin: 0px 1px 0px 0px;
	padding: 21px 0px 1px 0px;
	width: 675px;
	background: url(/img/common/header_nav_ttl.gif) no-repeat left 1px;
}

#top_menu li {
	float:left;
}

#top_menu li a {
}


/**メニューリスト表示仕様**/
#headMenu ul {
    background-color: #004D2B;
    display: block;
	float: left;
    width: 848px;
    height: 47px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

#headMenu li {
	float:left;
    line-height: 0;
}

#headMenu li a {
}


li#li_women {
	float: left;
	width: 78px;
	height: 15px;
	padding: 5px 19px 5px 0px;
}

li#li_men {
	float: left;
	width: 43px;
	height: 15px;
	padding: 5px 19px 5px 18px;
}

li#li_kids {
	float: left;
	width: 50px;
	height: 15px;
	padding: 5px 12px 5px 17px;
}

li#li_digital {
	float: right;
	width: 107px;
	height: 15px;
	padding: 5px 12px 5px 11px;
}

li#li_shop {
	float: right;
	width: 70px;
	height: 15px;
	padding: 5px 12px 5px 11px;
}

li#li_company {
	float: right;
	width: 70px;
	height: 15px;
	padding: 5px 12px 5px 11px;
}


#to_top_menu {
	display:none;
	position: relative;
	top: 7px;
	margin-top: -7px;
}

/**サブメニューエリア表示仕様**/
#sub_menu {
	height:26px;
	background:#bec3c7;
	margin-top:7px;
	display:none;
}

/**サブメニューの文字とhover挙動表示仕様**/
#sub_menu_title, #sub_menu_content {
	float:left;
}

#sub_menu_title {
	width:67px;
	height:10px;
	margin:8px;
	background:url('/img/header_label_women.png');
	background-repeat: no-repeat;
	background-position: center center;

}

#sub_menu_content {
	height:18px;
	margin:4px;
	width:908px;
	background:#fff;

}

#sub_menu_content a {
	color:#bdc3c7;
}

#sub_menu_content a:hover {
	color:#4e80d9;
}

#sub_menu_content a:visited {
	color:#bdc3c7;
}

/**サブメニュー表示仕様**/
#sub_menu_content ul {
	float:left;
	width:100%;
	list-style-image:url('/img/header_icon_arrow.png');
	margin: 0px;
	padding:0px;
	margin-top: 2px;
}

#sub_menu_content li {
	float:left;
	margin-left:135px;
	height:11px;
	padding: 0 5px;
}

#sub_menu_content li:hover {
	list-style-image:url('/img/header_icon_arrow_honer.png');
}




/**ヘッダーの右にあるfloat仕様**/
.top_right {
	margin-left:15px;
	margin-top:10px;
	float:right;

	height:80px;
	width: 239px;

}

/**ヘッダーの文字表示仕様**/
#language_tab {
	margin-bottom:10px;
	float:right;
}

/**ヘッダーにあるLINEボタンのバックグラウンド表示仕様**/
#header_btn_line {
	background:url('/img/header_btn_line.png');
}

/**ヘッダーにあるTWITTERボタンのバックグラウンド表示仕様**/
#header_btn_twitter {
	background:url('/img/header_btn_twitter.png');
}

/**ヘッダーにあるFACEBOOKボタンのバックグラウンド表示仕様**/
#header_btn_facebook {
	background:url('/img/header_btn_facebook.png');
}

/**LINE、TWITTER、FACEBOOKボタン内のリンク表示仕様**/
#header_btn_line a, #header_btn_twitter a, #header_btn_facebook a {
	display:block;
	width:100%;
	height:100%;
}

/**LINE、TWITTER、FACEBOOKボタン本体表示仕様**/
#header_btn_line,#header_btn_twitter,#header_btn_facebook {
	width:36px;
	height:36px;
	float:right;
	margin-left:15px;
}

/**ヘッダーの文字表示仕様**/
#header_txt {
	width:239px;
	height:27px;
	background:url('/img/header_txt.png');
}

/**ヘッダーの検索エリア表示仕様**/
#search_div {
	margin-top:5px;
	float: right;
	width:239px;
}




/** header style end **/

/** content style start **/

/* 見出し画像 */
.topic_container{
	width: 998px;
	height: 65px;
	line-height:65px;
	display: table-cell;
		vertical-align:middle;
	border-color: #DADADA;
	border-width: 1px;
	border-style: solid;
	padding:0px 15px;
	margin: 10px auto;
	*display: block;
	*font-size: 56px;
	*font-family:Arial;
}

.topic_container img{
	vertical-align:middle;
}

.topic_container .right_image{
	float:right;
}

/* 下層ページ見出し */
p.headline{
	font-size:20px;
	font-weight: bold;
	color: #1a5443;
	width:745px;
	border-bottom:1px solid #dadada;
	margin:10px auto;
	height:39px;
	line-height:39px;
}

p.head{
	font-size:20px;
	font-weight: bold;
	color: #1a5443;
	margin:0;
	line-height:30px;
	height:30px;
}

/* 下層ページ本文 */
p.text{
	font-size:14px;
	line-height:1.7;
	margin:4px 0 16px 0;
}

p.text img{
	vertical-align:middle;
}

/* 問い合わせ先アドレス */
p.mail{
	font-size:14px;
	font-weight: bold;
	margin:5px 0;
}

p.mail span{
	font-size:25px;
}

/* 商品の交換・返品 */
p.point{
	line-height:1.8;
	font-size:17px;
	font-weight: bold;
	color: #000000;
}

/*BOX内标题*/
p.box_head{
	font-size:14px;
	line-height:1.7;
	font-weight: bold;
	color: #1a5443;
	margin:0px;
}

p.box_text{
	font-size:12px;
	margin:10px 0 0 0;
	line-height:1.7;
}

p.box_point{
	line-height:1.8;
	font-size:12px;
	margin:10px 0 0 0;
}

/** content style end **/

/** footer style start **/

/**ここからフッターの仕様**/

#footer {
	margin:10px auto 0px auto;
	background:#F0F0F0;
	height: 355px;
	text-align:center;
	width:1024px;
}

/**フッターのロゴ表示仕様**/
#box_logo {
	width:100px;
	height:100px;
	background:url('/img/common/footer_logo.jpg');
	margin: 20px;
	float:left;
}

/**フッターのアリア表示仕様**/
#footer_info {
	float:left;
	width: 872px;
}

/**フッターの文字表示仕様**/
#footer_info ul {
	list-style: none;
	float:left;
	margin: 0px;
	padding:0px;
}

#footer_info li {
	float:left;
	margin-right:55px;
	margin-top: 15px;
}

#footer_info li a {
	color:#000000;
	font-size: 12px;
}

/**TOPに戻るボタン表示仕様**/
#footer_info #return_top {

	margin-top: 0px;

	margin-right:0px;
	margin-left:10px;
}

#footer_info #return_top a {
	display:block;
	background:#4E90FE;
	padding: 9px 4px;
}

/**フッターの線の表示仕様**/
.user_defined_line {
	border-bottom:2px solid #fff;
	margin-bottom:20px;
}

/**サイトマップ表示仕様**/
#footer_info .site_map {
	list-style: none;
	margin: 0px 45px 0px 0px;
	padding: 0px;
	/*width:195px;*/
}
#footer_info .site_map li {
	font-size: 16px;
	color: #3A3A3A;
	text-align: left;
	float: none;
	margin-right: 25px;
	margin-top: 5px;
}

/** footer style end **/
/*----------------------------------------------------------
					  [PAGE-TOP BUTTON]
----------------------------------------------------------*/
#pageTop {
	position: fixed;
	bottom: 30px;
	right: 10px;
	font-size: 77%;
}

/* IE6用 */
* html {
   overflow:hidden;
}
* html body {
   height:100%;
   overflow:auto;
   margin:0;
}
* html #pageTop {
   position:absolute;
   right:10px;
}
#pageTop a:link,
#pageTop a:visited {
	font-size:15px;
	background: #88A69D;
	text-decoration: none;
	color: #fff;
	width: 80px;
	_width: 100px; /* IE6 */
	height: 16px;
	max-height: 50px;
	padding: 10px 10px 15px 10px;
	text-align: center;
	display: block;
	z-index: 9000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
#pageTop a:hover,
#pageTop a:active {
	color: #FFF;
	background: #124E3C;
	
}




/* Mega Menu Styles */
.mega-menu ul,
.mega-menu ul li {
    list-style: none;
}

.mega-menu ul {
    position: relative;
}

.mega-menu ul li ul {
    display: none;
}

.mega-menu .sub {
    display: none;
}

.mega-menu .sub ul {
    display: block;
    margin: 0px;
    padding: 0px;
    top: 0;
}

#megaMenu {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    /*background-color: #004D2B;*/
    text-align: left;
    width: 1000px;
    position: relative;
    padding: 0;
    margin: 12px 0 0px 0;
    z-index: 9997;
    list-style: none;
}

#megaMenu ul {
    list-style: none;
}

#megaMenu .sub ul {
    display: block;
}

#megaMenu li {
    float: left;
    margin: 0;
    padding: 0;
}

#megaMenu li a {
    float: left;
    display: block;
    color: #000;
    padding: 0px;
    text-decoration: none;
}

#megaMenu li.mega-hover a,
#megaMenu li.mega-hover a:hover {
    /*background: #E7E7E7;*/
    color: #000;
}

#megaMenu li a:hover {
    /*background: #999;*/
    color: #000;
}

#megaMenu li .sub-container {
    position: absolute;
    z-index: 9998;
}

#megaMenu li .sub {
    background-color: #FFF;
    background-color: rgba(255,255,255,0.97);
    padding: 10px 10px 0px 10px;
}

#megaMenu li .sub .row {
    width: 100%;
    overflow: hidden;
    clear: both;
}

#megaMenu li .sub li {
    list-style: none;
    float: none;
    width: 176px;
    font-weight: normal;
}

#megaMenu li .sub li.mega-hdr {
    margin: 0px 10px 10px 10px;
    float: left;
}

#megaMenu li .sub li.mega-hdr.last {
    margin-right: 0;
}

#megaMenu li .sub a {
    background: none;
    color: #111;
    /*padding: 0px 10px 7px 10px;*/
    padding: 0px 10px 0px 10px;
    display: block;
    float: none;
    /*font-size: 0.9em;*/
}

#megaMenu li .sub li.mega-hdr a.mega-hdr-a {
    font-size: 15px;
    color: #444;
    padding: 10px 0px 10px 43px;
    margin-bottom: 5px;
    text-transform: uppercase;
    border-bottom: 1px dashed #555;
}

#megaMenu li .sub li.mega-hdr a.mega-hdr-a:hover {
    color: #000;
}

#megaMenu .sub li.mega-hdr li a {
    font-size: 12px;
    padding: 4px 0px 5px 2px;
    font-weight: normal;
}

#megaMenu .sub li.mega-hdr li a:hover {
    color: #a32403;
    background: #E7E7E7;
}

#megaMenu .sub ul li {
    padding-right: 0;
}

#megaMenu li .sub-container.non-mega .sub {
    padding: 10px;
}

#megaMenu li .sub-container.non-mega li {
    padding: 0;
    width: 190px;
    margin: 0;
}

#megaMenu li .sub-container.non-mega li a {
    font-size: 12px;
    /*padding: 7px 5px 7px 22px;*/
    padding: 0px 5px 0px 22px;
}

#megaMenu li .sub-container.non-mega li a:hover {
    color: #a32403;
    background: #efefef;
}

#megaMenu li.mens a img {
    border-left: 4px solid #004D2B;
}

/* メンズ */
li#liMen {
    background-color: #FFF;
	width: 104px;
	height: 47px;
	padding: 0px;
    margin: 0px 0px 0px 4px;
}

/* ウィメンズ */
li#liWomen {
    background-color: #FFF;
	width: 135px;
	height: 47px;
	padding: 0px;
}

/* キッズ */
li#liKids {
    background-color: #FFF;
	width: 93px;
	height: 47px;
	padding: 0px;
}

/* インナーレッグス */
li#liInner {
    background-color: #FFF;
	width: 147px;
	height: 47px;
	padding: 0px;
}

/* ライフスタイル雑貨 */
li#liLifestyle {
    background-color: #FFF;
	width: 195px;
	height: 47px;
	padding: 0px;
    margin: 0px 2px 0px 0px;
}

/* 会社情報 */
li#navCompany {
    background-color: #004C2A;
	width: 81px;
	height: 43px;
	padding: 2px 1px 2px 2px;
}

li#navCompanyM {
    background-color: #004C2A;
	width: 164px;
	height: 43px;
	padding: 2px 2px 2px 2px;
}

/* 店舗検索 */
li#navShop {
    background-color: #004C2A;
	width: 81px;
	height: 43px;
	padding: 2px 2px 2px 1px;
}

#megaMenu li.mega-hover a#mensBijikaji {
    background: url(../img/common/ico_m_bijikaji.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#mensBijikaji:hover {
    background: #E7E7E7 url(../img/common/ico_m_bijikaji.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#mensOuter {
    background: url(../img/common/ico_m_outer.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#mensOuter:hover {
    background: #E7E7E7 url(../img/common/ico_m_outer.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#mensTops {
    background: url(../img/common/ico_m_tops.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#mensTops:hover {
    background: #E7E7E7 url(../img/common/ico_m_tops.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#mensBottoms {
    background: url(../img/common/ico_m_bottoms.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#mensBottoms:hover {
    background: #E7E7E7 url(../img/common/ico_m_bottoms.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#mensInner {
    background: url(../img/common/ico_m_inner.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#mensInner:hover {
    background: #E7E7E7 url(../img/common/ico_m_inner.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#mensGoods {
    background: url(../img/common/ico_m_goods.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#mensGoods:hover {
    background: #E7E7E7 url(../img/common/ico_m_goods.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#womensOuter {
    background: url(../img/common/ico_l_outer.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#womensOuter:hover {
    background: #E7E7E7 url(../img/common/ico_l_outer.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#womensTops {
    background: url(../img/common/ico_l_tops.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#womensTops:hover {
    background: #E7E7E7 url(../img/common/ico_l_tops.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#womensBottoms {
    background: url(../img/common/ico_l_bottoms.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#womensBottoms:hover {
    background: #E7E7E7 url(../img/common/ico_l_bottoms.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#womensInner {
    background: url(../img/common/ico_l_inner.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#womensInner:hover {
    background: #E7E7E7 url(../img/common/ico_l_inner.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#womensGoods {
    background: url(../img/common/ico_l_goods.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#womensGoods:hover {
    background: #E7E7E7 url(../img/common/ico_l_goods.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#womensOnepeace {
    background: url(../img/common/ico_l_onepeace.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#womensOnepeace:hover {
    background: #E7E7E7 url(../img/common/ico_l_onepeace.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#kidsBoys {
    background: url(../img/common/ico_k_boys.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#kidsBoys:hover {
    background: #E7E7E7 url(../img/common/ico_k_boys.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#kidsGirls {
    background: url(../img/common/ico_k_girls.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#kidsGirls:hover {
    background: #E7E7E7 url(../img/common/ico_k_girls.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#innerMens {
    background: url(../img/common/ico_m_inner.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#innerMens:hover {
    background: #E7E7E7 url(../img/common/ico_m_inner.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#innerWomens {
    background: url(../img/common/ico_l_inner.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#innerWomens:hover {
    background: #E7E7E7 url(../img/common/ico_l_inner.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#goodsKitchen {
    background: url(../img/common/ico_g_kitchen.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#goodsKitchen:hover {
    background: #E7E7E7 url(../img/common/ico_g_kitchen.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#goodsLunch {
    background: url(../img/common/ico_g_lunch.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#goodsLunch:hover {
    background: #E7E7E7 url(../img/common/ico_g_lunch.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#goodsLiving {
    background: url(../img/common/ico_g_living.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#goodsLiving:hover {
    background: #E7E7E7 url(../img/common/ico_g_living.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#goodsTravel {
    background: url(../img/common/ico_g_travel.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#goodsTravel:hover {
    background: #E7E7E7 url(../img/common/ico_g_travel.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#goodsBath {
    background: url(../img/common/ico_g_bath.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#goodsBath:hover {
    background: #E7E7E7 url(../img/common/ico_g_bath.gif) no-repeat left 3px;
    color: #000;
}

#megaMenu li.mega-hover a#goodsBed {
    background: url(../img/common/ico_g_bed.gif) no-repeat left 3px;
}

#megaMenu li.mega-hover a#goodsBed:hover {
    background: #E7E7E7 url(../img/common/ico_g_bed.gif) no-repeat left 3px;
    color: #000;
}