@charset "UTF-8";


body{
	color:#4c4c4c;
	margin:0 auto;
	padding:0;
	font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:12px;
	line-height:1.6;
	background-color:#F0EFEE;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
*:first-child+html body{font-family:Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",	Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;	}
* html body{font-family:Meiryo,"メイリオ",Verdana,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;}


h1,h2,h3,h4,h5,h6,p,input,form,ul,ol,li,dl,dt,dd,hr,td,th{
	margin: 0;
	padding: 0;
}


img{ border: none;}
ul,li{	list-style-type:none;}
hr{ display:none;}
table{border-collapse:collapse;}

blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#CCC;
}


/*text
--------------------------------*/
em{
	font-style:normal;
	font-weight:bold;
	font-size:1.2em !important;
}

.font_red{ color:#BC0005;}

.font_txt_s{ font-size:10px;}
.font_txt_m{ font-size:12px !important;}
.font_txt_l{ font-size:14px;}
.nobold{ font-weight:normal !important;}
.bold{ font-weight:bold !important;}

.font_blue{color:#223152 !important;}

.con{ color:#223152;}
.con_b{ color:#223152; font-weight:bold;}

/*clearfix*/
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table; zoom:1;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */
/*.ov a:hover img{
	filter: alpha(opacity=80);
	opacity: 0.8;
}*/
.ov a:hover img{
	-ms-filter: "alpha(opacity=80)";	/* ie 8 */
	filter: alpha(opacity=80);	/* ie lt 8 */
	-moz-opacity:0.8;	/* FF lt 1.5, Netscape */
	opacity:0.8;
	zoom:1;
}


.clearBoth {
	clear: both;
}


/*margin
--------------------------------*/
.lmargin10{margin-left:10px;}
.lmargin15{margin-left:15px;}
.lmargin20{margin-left:20px;}
.lmargin5{margin-left:5px;}

.pad_top50{ padding-top:50px;}
.pad_top30{ padding-top:30px;}
.pad_left30{ padding-left:30px;}
.pad_left40{ padding-left:40px;}
.pad_left12{ padding-left:12px;}

.bottom_m20{margin-bottom:20px;}
.bottom_m14{margin-bottom:14px;}
.bottom_m12{margin-bottom:12px;}
.bottom_m30{margin-bottom:30px;}

.mt00 {
	margin-top: 0px !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.alignLeft {
	text-align: left !important;
}
.alignCenter {
	text-align: center !important;
}
.alignRight {
	text-align: right !important;
}


/*link
--------------------------------*/
a{color: #2685C3; text-decoration: underline;}
a:visited{color: #2685C3; text-decoration: underline;}
a:hover{color: #2685C3;	text-decoration: none;}
a:active{color: #2685C3; text-decoration: underline;}




/*layout
--------------------------------*/

#wrap{width:1000px; margin:0 auto}



#con_wrap{width:1000px; margin-bottom:50px;}
#bread{
	width:1000px;
	margin-bottom:10px;
	font-size:10px;
	text-align:left;
}
#bread a{color: #223152; text-decoration: underline;}
#bread a:visited{color: #223152; text-decoration: underline;}
#bread a:hover{color: #223152;	text-decoration: none;}
#bread a:active{color: #223152; text-decoration: underline;}

#contents{
	width:770px;
	float:left;
}
#contents_long{
	width:1000px;
}
#side{
	width:218px;
	float:right;
}
#footer{
	width:100%;
	background-image: url(../img/foot_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}


/*header
--------------------------------*/
#home #header{
	width:1000px;
	height:100px;
	padding-top:32px;
	margin-bottom:30px;
}
#header{
	width:1000px;
	height:100px;
	padding-top:32px;
	margin-bottom:20px;
}

#header #logo{
	width:164px;
	height:100px;
	float:left;
}

/*navi
--------------------------------*/

#header #navi_area{
	width:736px;
	float:right;
	
}
#header #gsnavi{
	width:335px;
	height:10px;
	margin-top:12px;
	float:right;
	
}
#header #glnavi{
	width:742px;
	height:28px;
	float:right;
	display:inline;
}
#header #onlineshop{
	width:148px;
	height:46px;
	margin-left:28px;
	margin-bottom:27px;
	float:right;
	
}
#header #gsnavi ul{}
#header #gsnavi ul li{
	float:left;
	height:21px;
	background-image:url(../img/gsnavi_dot.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:36px;
}
#header #gsnavi ul li#gsnavi_contact{
	padding-right:0 !important;
	background-image:none;
}
#header #gsnavi ul li a{
	display:block;
	overflow:hidden;
	background-image:url(../img/gsnavi.gif);
	background-repeat:no-repeat;
	height:0 !important;
	height /**/: 21px ;
	padding-top:21px;
	
}

/*default*/
#header #gsnavi ul li#gsnavi_home a{ width:27px; background-position:0 0;}
#header #gsnavi ul li#gsnavi_corpo a{ width:56px; background-position:-27px 0;}
#header #gsnavi ul li#gsnavi_recruit a{ width:41px; background-position:-83px 0;}
#header #gsnavi ul li#gsnavi_faq a{ width:22px; background-position:-124px 0;}
#header #gsnavi ul li#gsnavi_contact a{ width:45px; background-position:-146px 0;}


/*over*/
#header #gsnavi ul li#gsnavi_home a:hover{ width:27px; background-position:0 -21px;}
#header #gsnavi ul li#gsnavi_corpo a:hover{ width:56px; background-position:-27px -21px;}
#header #gsnavi ul li#gsnavi_recruit a:hover{ width:41px; background-position:-83px -21px;}
#header #gsnavi ul li#gsnavi_faq a:hover{ width:22px; background-position:-124px -21px;}
#header #gsnavi ul li#gsnavi_contact a:hover{ width:45px; background-position:-146px -21px;}

/*現在地*/
/*body#home #header #gsnavi ul li#gsnavi_home a{ width:27px; background-position:0 -21px;}*/
body#corpo #header #gsnavi ul li#gsnavi_corpo a{ width:56px; background-position:-27px -21px;}
body#recruit #header #gsnavi ul li#gsnavi_recruit a{ width:41px; background-position:-83px -21px;}
body#faq #header #gsnavi ul li#gsnavi_faq a{ width:22px; background-position:-124px -21px;}
body#contact #header #gsnavi ul li#gsnavi_contact a{ width:45px; background-position:-146px -21px;}


#header #glnavi ul{}
#header #glnavi ul li{
	float:left;
	height:28px;
	background-image:url(../img/glnavi_dot.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:51px;
}
#header #glnavi ul li#glnavi_pointcard{
	padding-right:24px !important;
	background-image:none;
}
#header #glnavi ul li a{
	display:block;
	overflow:hidden;
	background-image:url(../img/glnavi.jpg);
	background-repeat:no-repeat;
	height:0 !important;
	height /**/: 28px ;
	padding-top:28px;
}

/*default*/
#header #glnavi ul li#glnavi_concept a{ width:50px; background-position:0 0;}
#header #glnavi ul li#glnavi_catalog a{ width:48px; background-position:-50px 0;}
#header #glnavi ul li#glnavi_shoplist a{ width:55px; background-position:-98px 0;}
#header #glnavi ul li#glnavi_special a{ width:45px; background-position:-153px 0;}
#header #glnavi ul li#glnavi_mediainfo a{ width:63px; background-position:-198px 0;}
#header #glnavi ul li#glnavi_mailmagazine a{ width:86px; background-position:-261px 0;}
#header #glnavi ul li#glnavi_pointcard a{ width:65px; background-position:-347px 0;}

/*over*/
#header #glnavi ul li#glnavi_concept a:hover{ width:50px; background-position:0 -28px;}
#header #glnavi ul li#glnavi_catalog a:hover{ width:48px; background-position:-50px -28px;}
#header #glnavi ul li#glnavi_shoplist a:hover{ width:55px; background-position:-98px -28px;}
#header #glnavi ul li#glnavi_special a:hover{ width:45px; background-position:-153px -28px;}
#header #glnavi ul li#glnavi_mediainfo a:hover{ width:63px; background-position:-198px -28px;}
#header #glnavi ul li#glnavi_mailmagazine a:hover{ width:86px; background-position:-261px -28px;}
#header #glnavi ul li#glnavi_pointcard a:hover{ width:65px; background-position:-347px -28px;}

/*現在地*/
body#concept #header #glnavi ul li#glnavi_concept a{ width:50px; background-position:0 -28px;}
body#catalog #header #glnavi ul li#glnavi_catalog a{ width:48px; background-position:-50px -28px;}
body#shoplist #header #glnavi ul li#glnavi_shoplist a{ width:55px; background-position:-98px -28px;}
body#special #header #glnavi ul li#glnavi_special a{ width:45px; background-position:-153px -28px;}
body#mediainfo #header #glnavi ul li#glnavi_mediainfo a{ width:63px; background-position:-198px -28px;}
body#mailmagazine #header #glnavi ul li#glnavi_mailmagazine a{ width:86px; background-position:-261px -28px;}
body#pointcard #header #glnavi ul li#glnavi_pointcard a{ width:65px; background-position:-347px -28px;}


/*side
--------------------------------*/
#side .ban_box{
	width:218px;
	margin-bottom:12px;
}
#side .sideban_01,#side .sideban_02{
	background-color: #02050a;
}
#side .mob{
	background-image: url(../img/ban_mob_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:72px;
}
#side .mob span{
	display:block;
	padding-top:5px;
	padding-left:5px;
	float:left;
}
#side .mob p{
	float:right;
	padding-top:11px;
	padding-right:8px;
}
#topix{
	width:216px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}
#topix h2{
	margin-bottom:14px;
}
#topix dl{
	margin-bottom:12px;
	background-image: url(../img/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 194px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 14px;
}
#topix dt{
	font-size:10px;
	color:#417FC4;
}
#topix dd{
	font-size:10px;
}
#topix a{color: #4c4c4c; text-decoration: none;}
#topix a:visited{color: #4c4c4c; text-decoration: none;}
#topix a:hover{color: #2685C3;	text-decoration: underline;}
#topix a:active{color: #4c4c4c; text-decoration: none;}

.navText {
	font-size: 90%;
}

/*footer
--------------------------------*/
#footer #foot_btarea{
	width: 1000px;
	border-top: 1px solid #CCCCCC;
	margin-bottom: 47px;
	padding-top: 16px;
	margin-right: auto;
	margin-left: auto;	
}
#footer #foot_btarea ul{
	float:left;
	width:121px;
}
#footer #foot_btarea li{
	float:left;

}

#footer #foot_btarea p{
	float:right;
}

#footer #foot_imgarea{
	background-image: url(../img/foot_img.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 1000px;
	height:127px;
	margin: 0 auto;
	
}

#footer #foot_imgarea p{
	padding-top:98px;
	text-align:center;
}


/* 20110823 add footNav
--------------------------------*/
#footNav {
	overflow: hidden;
	clear: both;
	width: 1000px;
	margin: 0 auto;
}
#footNav ul.bnList {
	width: 1013px;
}
#footNav ul.bnList li {
	float: left;
	margin-right: 12px;
}
#footNav .listColumn {
	clear: both;
	width: 1011px;
	padding: 20px 0 50px;
}
#footNav .listColumn .col {
	float: left;
	width: 135px;
	margin-right: 10px;
}
#footNav .listColumn .logoCol {
	width: 130px;
	margin-right: 0;
}
#footNav .listColumn li {
	margin-top: 2px;
	padding-left: 10px;
	background: url(../img/footNav_ic001.gif) no-repeat 0 0.5em;
}


#footNav ul.bnList:after,
#footNav .listColumn:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #footNav ul.bnList,
* html #footNav .listColumn {/* IE6 hack */
	zoom: 1;
} 
*:first-child+html #footNav ul.bnList,
*:first-child+html #footNav .listColumn {/* IE7 hack */
	zoom: 1;
}