@charset "UTF-8";

body {
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
	font-size: 12px;
	line-height: 1.4;
}
p {
	margin:0;
	padding:0;
	line-height: 1.8;
	}
h1,h2,h3,h4,ul,li,dt,dl,dd {
	list-style-type:none;
	margin:0;
	padding:0;
}
a:link {
	color: #CC0000;
}
a:visited {
	color: #CC0000;
}
a:hover {
	color: #E9495A;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
/*  ヘッダー
---------------------------------------------*/
#header {
	position:relative;
	height: 24px;
	font-size:75%;
}
#globalNav {
	position:absolute;
	top:0;
	left:0;
	width:950px;
}
#globalNav li {
	float: left;
}
#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:24px;
	padding-top: 24px;
	background-image: url(../img/common/g_navi.gif);
	color: #000000;
}
/*  背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#nav01 { width:78px; }
	#nav02 { width:48px; }
	#nav03 { width:61px; }
	#nav04 { width:67px; }
	#nav05 { width:103px; }
	#nav06 { width:121px; }
	#nav07 { width:98px; }
	#nav08 { width:183px; }
	#nav09 { width:89px; }
	#nav10 { width:102px; }
	
	
	/* 通常 */
	#nav01 a { 	background-position:  0    0; }
	#nav02 a { background-position: -78px  0; }
	#nav03 a { background-position: -126px 0; }
	#nav04 a { background-position: -187px 0; }
	#nav05 a { background-position: -254px 0; }
	#nav06 a { background-position: -357px 0; }
	#nav07 a { background-position: -478px 0; }
	#nav08 a { background-position: -576px 0; }
	#nav09 a { background-position: -759px 0; }
	#nav10 a { background-position: -848px 0; }
	
	/* 選択済み */
	#nav01 a.stay { background-position:  0     -24px; }
	#nav02 a.stay { background-position: -78px  -24px; }
	#nav03 a.stay { background-position: -126px -24px; }
	#nav04 a.stay { background-position: -187px -24px; }
	#nav05 a.stay { background-position: -254px -24px; }
	#nav06 a.stay { background-position: -357px -24px; }
	#nav07 a.stay { background-position: -478px -24px; }
	#nav08 a.stay { background-position: -576px -24px; }
	#nav09 a.stay { background-position: -759px -24px; }
	#nav10 a.stay { background-position: -848px -24px; }

	
	
	/* オンマウス */
	#nav01 a:hover { background-position:  0     -24px; }
	#nav02 a:hover { background-position: -78px  -24px; }
	#nav03 a:hover { background-position: -126px -24px; }
	#nav04 a:hover { background-position: -187px -24px; }
	#nav05 a:hover { background-position: -254px -24px; }
	#nav06 a:hover { background-position: -357px -24px; }
	#nav07 a:hover { background-position: -478px -24px; }
	#nav08 a:hover { background-position: -576px -24px; }
	#nav09 a:hover { background-position: -759px -24px; }
	#nav10 a:hover { background-position: -848px -24px; }


/*  コンテンツエリア
---------------------------------------------*/	
#container {
	position: relative;
	left: 0;
	width: 950px;
	margin: 0;
}
/*  プレゼント */	
#PresentBG {
	position: relative;
	width: 950px;
	background: url(../img/present/bg_present.jpg) left top no-repeat;
}
#PresentTitle {
	margin: 0 0 0 309px;
	text-indent: -9999px;
	width: 632px;
	height: 112px;
	display: block;
	overflow: hidden;
	background: url(../img/present/title_present.jpg) left top no-repeat;
}
#linkColumn {
	position: absolute;
	right: 10px;
	top: 42px;
}
.Present {
	margin: 0 0 0 309px;
	width: 632px;
}
.Present img.titleTop {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	
}
.Present img.title {
	clear: both;
	margin-top: 30px;
	margin-bottom: 10px;
	
}
.PresentList {
	margin: 20px 0 20px 0;
	height: auto;
	clear: both;
}
.PresentList p{
	width: 366px;
	float: right;
	margin-bottom: 10px;
	
}
.Present ul{
	margin:0 0 0 15px;
	padding:0;
}
.Present li{
	margin:0;
	padding:0;
	list-style:outside disc;
	line-height: 1.8;
}
.imgbg {
	width: 240px;
	height: 170px;
	padding: 1px;
	margin-right: 24px;
	margin-bottom /**/: 20px;
	float: left;
	background: url(../img/news/bg_pic.gif) top left no-repeat;
}
.pmail {
	padding-left:15px;
	padding-top: 3px;
	background:url(../img/news/li_link.jpg) center left no-repeat;
}
.datetxt {
	font-size: 14px;
	font-weight: bold;
}
#btn_oubo{
	margin-top: 20px;
	margin-bottom: 20px;
}
.Present h2{
	background: url(../img/present/bg_title.gif) no-repeat;
	padding: 6px 0 3px 10px;
	width: 622px;
	margin-bottom: 10px;
	font-size:12px;
	color: #FFFFFF;
	height: 27px;
}
.PresentList span{
	padding-left: 20px;
}
.spacebot {
	margin-bottom: 20px;
}
/*  ニュース */	
#NewsBG {
	position: relative;
	width: 950px;
	background: url(../img/news/bg_news.jpg) left top no-repeat;
}
#linkMaking {
	position: absolute;
	right: 10px;
	top: 30px;
}
#NewsList {
	margin: 0 0 0 309px;
	width: 632px;
}
#NewsTitle {
	margin: 0 0 0 309px;
	text-indent: -9999px;
	width: 632px;
	height: 112px;
	display: block;
	overflow: hidden;
	background: url(../img/news/title_news.jpg) left top no-repeat;
}
#NewsList h3 {
	color: #CC0000;
	font-size: 12px;
	padding-bottom: 20px;
}
#NewsList dt {
	width: 240px;
	padding: 1px;
	margin-right: 24px;
	float: left;
	background: url(../img/news/bg_pic.gif) top left no-repeat;
}
#NewsList dt img{
	margin-bottom: 10px;
}
#NewsList dd {
	width: 366px;
	float: left;
	margin-bottom: 20px;
}
#Newsdot {
	clear: left;
	padding-top: 15px;
	padding-bottom: 30px;
}
#MakingTitle {
	margin: 0;
	text-indent: -9999px;
	width: 632px;
	height: 112px;
	display: block;
	overflow: hidden;
	background: url(../img/news/title_making.jpg) left top no-repeat;
}
#Makingfla {
	float: right;
	margin-top: 8px;
	width: 260px;
	height: 220px;
}
#MakingText {
	width: 350px;
}
#MakingLeft {
	width: 290px;
	float: left;
	margin-right: 20px;
	line-height: 1.4;
}
.staffList {
	color: #CC0000;
	margin-bottom: 30px;
	font-weight: bold;
}
#toTop {
	clear: left;
	margin: 20px 0;
	padding-left: 540px;
	background:url(../img/news/li_link.jpg) center right no-repeat;
}

/*  お客様への重要なお知らせ */	
#NoticeBG {
	position: relative;
	width: 950px;
	background: url(../img/notice/bg_notice.jpg) left top no-repeat;
}
#NoticeList {
	margin: 0 0 0 309px;
	width: 632px;
}
#NoticeTitle {
	margin: 0 0 0 309px;
	text-indent: -9999px;
	width: 632px;
	height: 112px;
	display: block;
	overflow: hidden;
	background: url(../img/notice/title_notice.jpg) left top no-repeat;
}
#NoticeList h3 {
	color: #CC0000;
	font-size: 12px;
	padding-bottom: 20px;
}
#NoticeList dt {
	width: 240px;
	padding: 1px;
	margin-right: 24px;
	float: left;
	background: url(../img/news/bg_pic.gif) top left no-repeat;
}
#NoticeList dt img{
	margin-bottom: 10px;
}
#NoticeList dd {
	width: 366px;
	float: left;
	margin-bottom: 20px;
}
#Noticedot {
	clear: left;
	padding-top: 15px;
	padding-bottom: 30px;
}
 
/*  ショップリスト */
#contents {
	clear: left;
}
#shopBG {
	width: 950px;
	height: 216px;
}
#shopTitle {
	display: block;
	width: 200px;
	height: 142px;
	background: url(../img/shoplist/title_shoplist.jpg) left top no-repeat;
	text-indent: -9999px;
	float: left;
}
#shopListBG {
	position: relative;
	margin:17px 0 10px 200px;
	_margin:-125px 0 10px 200px;
	width: 750px;
	background: url(../img/recruit/bg_div1.jpg) repeat-y;
}
#shopList {
	margin: 0 0 0 30px;
}
#shopList a:link {
	color: #666666;
}
#shopList a:visited {
	color: #666666;
}
#shopList a:hover {
	color: #CC0000;
}
#shop_search {
	color: #000000;
	position: relative;
	height: 40px;
	background: url(../img/shoplist/bg_div2.gif) bottom left repeat-x;
	padding:10px 0 0 0;
}
#select_brand {
	position: absolute;
	top:15px;
}
#select_area {
	position: absolute;
	top:15px;
	left:170px;
}
#btn {
	position: absolute;
	margin-top:3px;
	top: 13px;
	left: 340px;
}
#shop_brand {
	color: #000000;
	height: 35px;
	background: url(../img/shoplist/bg_div2.gif) bottom left repeat-x;
	margin: 15px 0 0 0;
}
#shop_brand li {
	float: left;
}
#brand01 { width:110px;}
#brand02 { width:90px;  padding-left:20px; background: url(../img/shoplist/vis.gif) center left no-repeat;}
#brand03 { width:100px;  padding-left:20px; background: url(../img/shoplist/pour.gif) center left no-repeat;}
#brand04 { width:85px;  padding-left:20px; background: url(../img/shoplist/gami.gif) center left no-repeat;}
#brand05 { width:95px;  padding-left:20px; background: url(../img/shoplist/rope.gif) center left no-repeat;}
#brand06 { width:90px;  padding-left:20px; background: url(../img/shoplist/adam.gif) center left no-repeat;}

#shop_list {
	position: relative;
	margin: 10px 0 0 0;
}
#shop_list h3{
	display: block;
	font-size: 12px;
	width: 80px;
	float: left;
	margin: 10px 0 0 0;
}
#shop_list table {
	width: 640px;
	line-height: 140%;
	_float: left;
}
#shop_list tr{
	text-align: left;
	vertical-align:top;
	background: url(../img/shoplist/bg_div2.gif) bottom left repeat-x;
}
#shop_list td {
	padding:10px 0 10px 0;
}

#shop01 { width: 180px; }
#shop02 { width: 110px; }
#shop03 { width: 250px; }
#shop04 { width: 100px; }

.clear {
	clear: left;
}
.clearboth {
	clear: both;
	height: 20px;
}
/*  リクルート */
#recruitBG {
	width: 950px;
	height: 216px;
	background: url(../img/recruit/bg_recruit.jpg) left top no-repeat;
}
#recruitTitle {
	display: block;
	width: 260px;
	height: 142px;
	background: url(../img/recruit/title_recruit.jpg) left top no-repeat;
	text-indent: -9999px;
	float: left;
}
#recruitListBG {
	position: relative;
	margin:17px 0 0 260px;
	_margin:-125px 0 0 260px;
	width: 690px;
	background: url(../img/recruit/bg_div1.jpg) repeat-y;
}
#recruitList {
	margin: 0 10px 0 30px;
}
#recruitList h3 {
	background: url(../img/recruit/title_recruit2.jpg) no-repeat;
	background-position: 0 17px;
	text-indent: -9999px;
	padding-bottom: 30px;
	height: 16px;
}
#recruitList ul{
	margin:0;
	padding:0;
	width: 300px;
}
#recruitList li{
	margin:0;
	padding:0;
}
#recruitList li a {
	padding: 0 0 0 15px;
	display: block;
	height: 25px;
	background: url(../img/recruit/li_link.jpg) left top no-repeat;
}
/*  About this site */
#aboutBG {
	width: 950px;
	height: 216px;
	background: url(../img/about/bg_about.jpg) left top no-repeat;
}
#aboutTitle {
	display: block;
	width: 260px;
	height: 213px;
	background: url(../img/about/title_about.jpg) left top no-repeat;
	text-indent: -9999px;
	float: left;
}
#aboutListBG {
	position: relative;
	margin:13px 0 0 260px;
	width: 680px;
	background: url(../img/recruit/bg_div1.jpg) repeat-y;
}
#aboutList {
	margin: 0 10px 0 30px;
	padding-top: 20px;
}
#aboutList dl {
	margin: 20px 0;
	
}
#aboutList dt {
	font-weight: bold;
	margin-bottom: 5px;
}
#aboutList dd {
	margin-bottom: 20px;
	margin-left: 12px;
	line-height: 1.8;
}
#aboutList dd dl {
	margin: 10px 0;
	padding: 0;
}
#aboutList dd dt {
	margin: 5px 0 0 0;
}
#aboutList dd dd {
	margin: 0 0 0 12px;
	_margin-left: 18px;
	padding: 0;
}
#blank {
	height: 30px;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
}
/*  Column */	
#ColumnBG {
	width: 100%;
	background: url(../img/column/bg_column.jpg) left top no-repeat;
}
#ColumnList {
	margin: 0 0 0 309px;
	width: 632px;
}

#issueNUM {
	margin: 20px 0 0 0;
	position: relative;
	
}
#formarea {
	width: 270px;
	text-align: right;
	position: absolute;
	top: 10px !important;
	top: 5px;
	right: 0;
	background: url(../img/column/backnumber.jpg) left top no-repeat;
}
.date_Column {
	margin: 0;
	padding: 0;
	font-size: 28px;
	margin: 0;
	font-weight: bold;
}
.date_Column span.volNum {
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
}
.space {
	height: 20px;
}
#ColumnTitle {
	margin: 0 0 0 309px;
	text-indent: -9999px;
	width: 632px;
	height: 79px;
	display: block;
	overflow: hidden;
	background: url(../img/column/title_column.jpg) left top no-repeat;
}
#ColumnTitle2 {
	margin: 5px 0 10px 309px;
	width: 632px;
	height: 73px;
	display: block;
}
#dot {
	margin: 20px 0;
}
#dot2 {
	margin: 0 0 20px 0;
}
#ColumnList h4{
	color: #B91518 ;
	margin-bottom: 10px;
	font-size: 13px;
}
#ColumnTBL{
	padding-right: 10px;
	padding-top: 10px;
	vertical-align: top;
	
}
.columnGray {
	color: #666666;
	margin-top: 5px;
	line-height: 1.6;
}
/*  online shopping */	
#OnlineBG {
	width: 100%;
	background: url(../img/online/bg_online.jpg) left top no-repeat;
}
#OnlineList {
	margin: 0 0 0 309px;
	width: 632px;
}
#OnlineTitle {
	margin: 0 0 0 309px;
	text-indent: -9999px;
	width: 632px;
	height: 112px;
	display: block;
	overflow: hidden;
	background: url(../img/online/title_online.jpg) left top no-repeat;
}
#OnlineTitle2 {
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 160px;
	height: 21px;
	display: block;
	overflow: hidden;
	background: url(../img/online/title_online2.jpg) left top no-repeat;
}
#OnlineTitle3 {
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 160px;
	height: 21px;
	display: block;
	overflow: hidden;
	background: url(../img/online/title_online3.jpg) left top no-repeat;
}
#OnlineTitle4 {
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 160px;
	height: 28px;
	display: block;
	overflow: hidden;
	background: url(../img/online/title_online4.jpg) left top no-repeat;
}
#OnlineTitle5 {
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 233px;
	height: 29px;
	display: block;
	overflow: hidden;
	background: url(../img/online/title_online5.jpg) left top no-repeat;
}
#OnlineTitle6 {
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 149px;
	height: 29px;
	display: block;
	overflow: hidden;
	background: url(../img/online/title_online6.jpg) left top no-repeat;
}
#OnlineTitle7 {
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 149px;
	height: 35px;
	display: block;
	overflow: hidden;
	background: url(../img/online/title_online7.jpg) left top no-repeat;
}
#OnlineTitle8 {
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 129px;
	height: 33px;
	display: block;
	overflow: hidden;
	background: url(../img/online/title_online8.jpg) left top no-repeat;
}
#OnlineTitle9 {
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 282px;
	height: 35px;
	display: block;
	overflow: hidden;
	background: url(../img/online/title_online9.jpg) left top no-repeat;
}
#OnlineTitle10 {
	margin-top: 15px;
	text-indent: -9999px;
	width: 123px;
	height: 30px;
	display: block;
	overflow: hidden;
	background: url(../img/online/title_online10.jpg) left top no-repeat;
}
#OnlineList h5 {
	margin: 15px 0 5px 0;
	padding: 0;
	color: #BB1216;
	font-size: 110%;
}
#officialWrap {
	margin-top: 10px;
}
#officialL {
	width: 252px;
	float: left;
	margin-right: 20px;
}
#officialR {
	width: 340px;
	float: left;
	
}
#mobileshop {
	position: relative;
	margin-top: 20px;
}
#qr_mobile {
	position: absolute;
	top: 0;
	right: 0;
}
#mobileshopTxt {
	width: 232px;
}
#OnlineList ul{
	margin:10px 0 0 0;
	padding:0;
	width: 250px;
}
#OnlineList li{
	margin:0;
	padding:0;
}
#OnlineList li a {
	padding: 0 0 0 15px;
	display: block;
	height: 25px;
	background: url(../img/recruit/li_link.jpg) left top no-repeat;
}
.officialTxt {
	font-size: 14px;
}
.Columntext {
	font-size: 12px;
	font-weight: normal;
}
#OnlineTBL{
	padding-right: 10px;
	padding-top: 20px;
	vertical-align: top;
	text-align: left;
	background: url(../img/online/bg_qrcode.gif) right bottom no-repeat;
	width: 170px;
}
#OnlineTBL2{
	padding-right: 20px;
	padding-top: 20px;
	vertical-align: top;
	
}
/*  Member's Magazine */	
#MagBG {
	width: 100%;
	background: url(../img/mag/bg_mag.jpg) left top no-repeat;
}
#MagList {
	margin: 0 0 0 309px;
	width: 632px;
}
#MagTitle {
	margin: 0 0 0 309px;
	text-indent: -9999px;
	width: 632px;
	height: 112px;
	display: block;
	overflow: hidden;
	background: url(../img/mag/title_mag.jpg) left top no-repeat;
}
#MagTitle2 {
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 233px;
	height: 16px;
	display: block;
	overflow: hidden;
	background: url(../img/mag/title_mag2.jpg) left top no-repeat;
}
#MagTitle3 {
	margin-top: 20px;
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 400px;
	height: 37px;
	overflow: hidden;
	background: url(../img/mag/title_mag3.jpg) left top no-repeat;
}
#MagTitle4 {
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 233px;
	height: 16px;
	display: block;
	overflow: hidden;
	background: url(../img/mag/title_mag4.jpg) left top no-repeat;
}
#MagTitle5 {
	margin-top: 30px;
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 233px;
	height: 16px;
	display: block;
	overflow: hidden;
	background: url(../img/mag/title_mag5.jpg) left top no-repeat;
}
#MagList ul{
	margin:5px 0 0 0;
	padding:0;
}
#MagList li{
	margin:0;
	padding: 0 0 0 15px;
	display: block;
	height: 25px;
	background: url(../img/recruit/li_link.jpg) left top no-repeat;
}
#MagTBL{
	padding-right: 10px;
	padding-top: 10px;
	vertical-align: top;
	text-align: left;
	background: url(../img/online/bg_qrcode.gif) right bottom no-repeat;
	width: 180px;
}
#MagTBL2{
	padding-right: 20px;
	padding-top: 10px;
	vertical-align: top;
	
}
#Magdot {
	clear: left;
	padding-top: 30px;
	padding-bottom: 0;
}

/*  フッター
---------------------------------------------*/
#footer {
	clear: both;
	position: relative;
	height:15px;
	font-size:75%;
}
#footerNav {
	position:absolute;
	left:8px;
}
#footerNav li {
	float:left;
	margin-right:30px;
	
}
#footerNav li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:15px;
	padding-top: 15px;
}
	#navF01 { width:36px; background: url(../img/common/footer_01.gif) no-repeat; }
	#navF02 { width:70px; background: url(../img/common/footer_02.gif) no-repeat; }
	#navF03 { width:36px; background: url(../img/common/footer_03.gif) no-repeat; }
	#navF04 { width:52px; background: url(../img/common/footer_04.gif) no-repeat; }
	
	#navF01 a:hover { width:36px; background: url(../img/common/footer_01_r.gif) no-repeat; }
	#navF02 a:hover { width:70px; background: url(../img/common/footer_02_r.gif) no-repeat; }
	#navF03 a:hover { width:36px; background: url(../img/common/footer_03_r.gif) no-repeat; }
	#navF04 a:hover { width:52px; background: url(../img/common/footer_04_r.gif) no-repeat; }

#copyRight {
	position:absolute;
	right: 30px;
	height: 15px ;
	padding-top: 3px ;
	font-family: Arial;
	font-size: 9px ;
	color: #666666 ;
}
#copyRight2 {
	position:absolute;
	right: 0;
	height: 15px ;
}