@CHARSET "utf-8";

/* index.css
---------------------------------------------------------*/
body {
	background-color:#004185;
	text-align:center;	/* For IE */
}

div#container {
	width:887px;
	height:605px;
	text-align:center;
/*	margin-left:20px; */
	margin:0 auto;
	margin-top:30px;
	background-color:#FFFFFF;
	text-align:left;
	padding-right:8px;
	background-image:url(../images/sideframe.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

div#footer {
	width:893px;
/*	margin-left:20px; */
	margin:0 auto;
	text-align:right;
	color:#FFFFFF;
	background-image:url(../images/underframe.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:8px;
}


/* 	標準画面の左右
----------------------------*/

div#maincontentsbox {
	width:591px;
	height:100%;
	float:left;
}

div#subcontentsbox {
	width:290px;
	height:100%;
	float:right;
	background-image:url(../images/topbackimg.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

/* 	foot navigation buttons
----------------------------*/
div#footnavi {
	clear:both;
	position:absolute;
	width:887px;
	margin:0 auto;
	top:580px;
	margin-left:27px;
}

div#footnavi li {
	display:block;
	height:17px;
	float:left;
	margin-right:5px;
}

/* index.html
===============================================================================*/
div#indexheader {
	margin-left:26px;
	margin-top:30px;
}

div#shopinfomation {
	margin-top:14px;
}

div#mobilesiteanc, div#mailmagazine, div#contactanc, div#topcalendar {
	margin-left:26px;
}

div#indexbottom {
	width:550px;
	height:0%;
	margin-top:14px;
/*	border:1px solid black;*/
}

div#menuside {
	width:260px;
	height:250px;
/*	border:1px solid blue;*/
	float:left;
}

div#topwhatsnew {
/*	width:268px;*/
	width:268px;
	height:250px;
	float:right;
/*	border:1px solid red;*/
	text-align:left;
}

/*	What's New Scroll Bar 
---------------------------------*/
div#topwhatsnew div#scrollable1 {
	float:left;
	width:247px;
	height:250px;
	overflow:hidden;
}

div#topwhatsnew div#scrollbar1 {
	float:right;
}

div#topwhatsnew div#track1 {
	width:8px;
	height:232px;
	background-color:#dddddd;
}

div#topwhatsnew div#handle1 {
	width:8px;
	height:40px;
	background-color:#999999;
}


/*	What's New ( indside of Scroll Bar  )
---------------------------------*/
div#topwhatsnew div.newsdiv {
	width:251px;
	font-size:12px;
}

div#topwhatsnew div.newsdate {
	background-color:#004185;
	color:#FFFFFF;
	font-size:11px;
}

div#topwhatsnew div.newstitle {
	color:#004185;
	font-size:12px;
	margin-top:5px;
}

div#topwhatsnew div.newstext {
	color:#333333;
	font-size:12px;
	margin-top:5px;
}

div#topwhatsnew div.newsbottom {
	width:241px;
	font-size:12px;
	text-align:right;
	margin-top:5px;
	margin-bottom:12px;
	background-image:url(../images/dotLine.gif);
	background-position:top left;
	background-repeat:repeat-x;
	padding-top:8px;
	color:#004185;
	height:20px;
}

div#topwhatsnew div.newsbottom img.moremark {
	vertical-align:middle;
}

/* Calendar
----------------------------*/
div#topcalendar {
	margin-top:25px;
}

div#topcalendar div.yearandmonth {
	width:130px;
}

div#topcalendar div.calmonth {
	float:left;
}

div#topcalendar div.calyear {
	float:right;
}

/* 会社概要
===============================================================================*/
div#corporatebottom h2 {
	margin:20px 0px 0px 20px;
}

div#corporatebottom div#corporatespec {
	width:532px;
	margin:10px 0px 0px 22px;
/*	border:1px solid red;*/
}

/*	corporate spec table
---------------------------------*/
div#corporatebottom table#corporatetable {
	border:none;
	width:525px;
}

div#corporatebottom table#corporatetable td.dtname {
	font-size:11px;
	color:#444444;	
	background-color:#CCCCCC;
	padding:7px 7px 7px 10px;
}

div#corporatebottom table#corporatetable td.dtdata {
	font-size:11px;
	color:#444444;	
	background-color:#DBD4C9;
	padding:7px 2px 7px 10px;
}

/*	Corporate Scroll Bar 
---------------------------------*/
div#corporatebottom div#scrollable1 {
	width:520px;
	height:400px;
	float:left;
	overflow:hidden;
/*	border:1px solid blue;*/
}

div#corporatebottom div#scrollbar1 {
	float:right;
	margin-top:2px;
}

div#corporatebottom div#track1 {
	width:8px;
	height:382px;
	background-color:#dddddd;
}

div#corporatebottom div#handle1 {
	width:8px;
	height:120px;
	background-color:#999999;
}

/* 採用情報
===============================================================================*/
div#recruitbottom h2 {
	margin:20px 0px 0px 20px;
}

div#recruitguide  {
	height:30px;
	margin-top:12px;
}

div#recruitguide img#recnavi2008 {
	margin-left:43px;
	vertical-align:middle;
}

div#recruitguide img#recnavi2010 {
	margin-left:33px;
	vertical-align:middle;
}

div#recruitguide img#jumpguide {
	vertical-align:middle;
}

div#recruitbottom div#recruitspec {
	width:532px;
	margin:20px 0px 0px 22px;
/*	border:1px solid red;*/
}

/*	recruit spec table
---------------------------------*/

div#recruitbottom table#recruittable {
	border:none;
	width:525px;
}

div#recruitbottom table#recruittable td.lineheader {
	font-size:14x;
	background-color:#004185;
	color:#FFFFFF;	
	padding:3px 2px 3px 10px;
}

div#recruitbottom table#recruittable td.dtname {
	font-size:12x;
	color:#444444;	
	background-color:#CCCCCC;
	padding:7px 7px 7px 10px;
}

div#recruitbottom table#recruittable td.dtdata {
	font-size:12px;
	color:#444444;	
	background-color:#DBD4C9;
	padding:7px 2px 7px 10px;
}

/*	recruit Scroll Bar 
---------------------------------*/
div#recruitbottom div#scrollable1 {
	width:520px;
	height:330px;
	float:left;
	overflow:hidden;
/*	border:1px solid blue;*/
}

div#recruitbottom div#scrollbar1 {
	float:right;
	margin-top:2px;
}

/* 携帯サイト
===============================================================================*/
div#mobilebottom h2 {
	margin:33px 0px 0px 20px;
}

/*	career
---------------------------------*/
div#mobilebottom div#mobilecareer {
	width:530px;
	height:172px;
	margin:10px 0px 0px 28px;
	border:1px solid #cccccc;
}

div#mobilebottom div#mobilecareermark {
	float:left;
	width:115px;
/*	border:1px solid blue;*/
}

div#mobilebottom div#mobilecareermark img {
	margin-top:12px;
	margin-left:12px;
}

div#mobilebottom div#mobilecareertext {
	float:right;
	width:390px;
/*	border:1px solid red;*/
}

div#mobilebottom div#mobilecareertext img {
	margin-top:12px;
}

div#mobilebottom div#mobilecareer p.midashi {
	margin:8px 0px 0px 5px;
	font-size:11px;
}

div#mobilebottom div#mobilecareer .textdata {
	margin:5px 20px 10px 5px;
	font-size:11px;
}

/*	send url
---------------------------------*/
div#mobilebottom div#sendurl {
	width:530px;
	height:200px;
	margin:16px 0px 0px 28px;
	border:1px solid #cccccc;
}

div#mobilebottom div#sendurlmark {
	float:left;
	width:115px;
/*	border:1px solid blue;*/
}

div#mobilebottom div#sendurlmark img{
	margin:8px 0px 0px 32px;
}

div#mobilebottom div#sendurltext {
	float:right;
	width:390px;
/*	border:1px solid red;*/
}

div#mobilebottom div#sendurltext img {
	margin-top:12px;
}

div#mobilebottom div#sendurl p.midashi {
	margin:8px 0px 0px 5px;
	font-size:11px;
}

div#mobilebottom div#sendurl p.textdata {
	margin:10px 20px 10px 105px;
	font-size:11px;
}

div#mobilebottom div#sendurl ol{
	margin:2px 20px 0px 30px;
	font-size:11px;
}



/* PRIVACY POLICY, ABOUT THIS SITE, FAQ, SITEMAPをひとまとめで。
===============================================================================*/
div#privacybottom h2,
div#faqbottom h2,
div#sitemapbottom h2,
div#contactbottom h2,
div#aboutbottom h2 {
	margin:20px 0px 0px 20px;
}

div#privacybottom div#datawindow,
div#faqbottom div#datawindow,
div#sitemapbottom div#datawindow,
div#aboutbottom div#datawindow {
	width:534px;
	height:400px;
	margin:10px 0px 0px 22px;
	border:1px solid #cccccc;
}

/*	Corporate Scroll Bar 
---------------------------------*/
div#privacybottom div#scrollable1,
div#faqbottom div#scrollable1,
div#sitemapbottom div#scrollable1,
div#aboutbottom div#scrollable1 {
	width:524px;
	height:400px;
	float:left;
	overflow:hidden;
/*	border:1px solid blue;*/
}

div#privacybottom div#scrollcontents,
div#faqbottom div#scrollcontents,
div#sitemapbottom div#scrollcontents,
div#aboutbottom div#scrollcontents {
	margin:10px 20px 10px 20px;
}

div#privacybottom div#scrollcontents h4, 
div#faqbottom div#scrollcontents h4, 
div#sitemapbottom div#scrollcontents h4, 
div#aboutbottom div#scrollcontents h4 {
	width:480px;
	margin:30px 0px 10px 0px;
	padding:2px 0px 3px 8px;
	border-left:5px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-style:normal;
	text-decoration:none;
	color:#666666;
	font-size:14px;
}

div#faqbottom div#scrollcontents p, 
div#sitemapbottom div#scrollcontents p, 
div#aboutbottom div#scrollcontents p{
	margin:0px 5px 20px 5px;
	color:#555555;
	font-size:12px;
	margin-left:20px;
}

div#privacybottom div#scrollbar1,
div#faqbottom div#scrollbar1,
div#sitemapbottom div#scrollbar1,
div#aboutbottom div#scrollbar1 {
	float:right;
}

div#privacybottom div#track1,
div#faqbottom div#track1,
div#sitemapbottom div#track1,
div#aboutbottom div#track1 {
	width:8px;
	height:384px;
	background-color:#dddddd;
}

div#privacybottom div#handle1,
div#faqbottom div#handle1,
div#sitemapbottom div#handle1,
div#aboutbottom div#handle1 {
	width:8px;
	height:120px;
	background-color:#999999;
}

/*	corporate spec table
---------------------------------*/
div#faqbottom table#faqtable {
	border:none;
	width:526px;
	border:none;
}

div#faqbottom table#faqtable td.lineheader {
	background-color:#004185;
	color:#FFFFFF;
	padding:2px 0px 2px 15px;
}

div#faqbottom table#faqtable td.td-q {
	width:40px;
	background-color:#d9d4c8;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding:6px 0px 2px 15px;
}

div#faqbottom table#faqtable td.td-q-data {
	background-color:#d9d4c8;
	font-size:14px;
	color:#333333;
	padding:8px 20px 6px 2px;
}

div#faqbottom table#faqtable td.td-a {
	width:40px;
	background-color:#e8e5dc;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding:6px 0px 2px 15px;
}

div#faqbottom table#faqtable td.td-a-data {
	background-color:#e8e5dc;
	font-size:14px;
	color:#333333;
	padding:8px 20px 15px 2px;
}

/*	SITEMAP
---------------------------------*/
div#sitemapbottom div#linkcat1 {
	width:260px;
	float:left;
	border-right:1px #cccccc solid;
	font-size:12px;
}

div#sitemapbottom div#linkcat2 {
	width:260px;
	float:right;
/*	border:1px #cccccc solid;*/
	font-size:12px;
}

div#sitemapbottom ul {
	margin:10px 10px 0px 10px;
	list-style-image:url(../images/sitemapmark.gif);
	list-style-position:inside;
}

div#sitemapbottom li {
	margin:5px 0px 5px 0px;
}

div#sitemapbottom span.nihongo {
	font-size:12px;
}


div#sitemapbottom div#linkcat1:after,
div#sitemapbottom div#linkcat2:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* メールマガジンサイト
===============================================================================*/
div#mailmagbottom h2 {
	margin:33px 0px 0px 20px;
}

/*	
---------------------------------*/
div#mailmagbottom div#mailmagcntl {
	width:530px;
	height:202px;
	margin:10px 0px 0px 28px;
	border:1px solid #cccccc;
	font-size:12px;
}

div#mailmagbottom div#mailmagcntl p.title {
	margin:10px 0px 0px 10px;
}

div#mailmagbottom div#mailmagcntl p.midashi {
	margin:8px 0px 0px 16px;
}

div#mailmagbottom div#mailmagcntl div.formctrl {
	margin:8px 0px 0px 70px;
}

div#mailmagbottom div#mailmagcntl div.formctrl p {
	margin:8px 0px 8px 0px;
}

div#mailmagbottom div#mailmagcntl div.formctrl p input.rdemail{
	width:280px;
	margin:0px 5px 0px 0px;
}

div#mailmagbottom div#mailmagcntl div.formctrl div.frmbtmtxt {
	margin:20px 50px;
	vertical-align:middle;
}

div#mailmagbottom div#mailmagcntl div.formctrl div.frmbtmtxt img{
	vertical-align:middle;
	margin-right:10px;
}

/*	お問い合わせのテーブル
---------------------------------*/
div#contactspec table#contacttable {
	border:none;
	width:550px;
	font-size:10px;
}

div#contactspec table#contacttable td.dtname {
	background-color:#CCCCCC;
	padding:3px 7px 3px 3px;
}

div#contactspec table#contacttable td.dtdata {
	background-color:#DBD4C9;
	padding:3px 2px 3px 3px;
}

div#contactspec table#contacttable input {
	border:1px solid #999999;
}

div#contactspec table#contacttable input.name, input.tel, input.email {
	width:150px;
}

div#contactspec table#contacttable input.zipcode {
	width:60px;
}

div#contactspec table#contacttable input.address {
	width:220px;
}

div#contactspec table#contacttable input.noborder {
	border:none;
}

div#contactspec div#contactbuttons {
	clear:both;
}

div#contactbottom div#contactspec {
	width:570px;
	margin:10px 0px 0px 22px;
/*	border:1px solid red;*/
}

div#contactbottom div#contactbuttons {
	width:570px;
	text-align:right;
	margin-top:5px;
}

div#contactspec table#contacttable .errmsg {
	font-weight:bold;
	color:#ff3333;
}


/* ショップ情報
===============================================================================*/
div#shopinfobottom h2 {
	margin:20px 0px 0px 20px;
}

div#shopinfobottom div.guidetext {
	margin:5px 5px 5px 20px;
}

div#shopinfobottom div#activebody {
	width:530px;
	height:365px;
	margin:15px 5px 5px 24px;
/*	border:1px solid #cccccc;*/
}

div#shopinfobottom div#shopbunnerarea {
	width:385px;
	float:left;
	border:1px solid #e0e0e0;
}

div#shopbunnerarea div#shopbunnerset {
	float:left;
	width:375px;
	height:355px;
	overflow:hidden;
}

div#shopbunnerarea div#shopbunnerset img{
	margin-bottom:7px;
}

div#shopbunnerarea div#shopbannerscrollbar {
	float:right;
}

div#shopinfobottom div#brandlistset {
	float:right;
}
	
div#shopinfobottom div.shopbunner img {
	margin:0px 7px 5px 0px;
}

div#shopinfobottom div#scrollable1 {
	float:left;
	margin-top:2px;
	width:127px;
	height:341px;
	background-color:#DBD4C9;
	overflow:hidden;
}

div#shopinfobottom div#scrollable1 ul{
	list-style:none;
}

div#shopinfobottom div#scrollable1 li{
	text-align:center;
	font-size:11px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #eeeeee;
	padding:1px 0;
	line-height:13px;
}

div#shopinfobottom div#scrollbar1 {
	float:left;
	margin-top:2px;
}

/* 取扱ブランド一覧
===============================================================================*/
div#brandlistbottom h2 {
	margin:20px 0px 0px 20px;
}

div#brandlistbottom div.guidetext {
	margin:10px 5px 5px 22px;
}

div#brandlistbottom div#activelisttitle {
	margin:10px 0px 0px 22px;
}

div#brandlistbottom div#activelist {
	width:521px;
	height:338px;
	margin:5px 0px 0px 24px;
}

/* Brand List
---------------------------------------------- */
div#brandlistbottom div#brandlistsep {
	width:229px;
	height:338px;
/*	border:1px solid #cccccc;*/
	float:left;
}

div#brandlistbottom div#scrollable1 {
	float:left;
	width:220px;
	height:338px;
	background-color:#DBD4C9;
	overflow:hidden;
}

div#brandlistbottom div#scrollbar1 {
	float:right;
}

div#brandlistbottom table#brandarea {
	width:220px;
}

div#brandlistbottom table#brandarea td {
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #eeeeee;
}

/* Shop List
---------------------------------------------- */
div#brandlistbottom div#shoplistsep {
	width:227px;
	height:338px;
	border:1px solid #cccccc;
	float:right;
}
	
div#brandlistbottom div#scrollable2 {
	width:217px;
	height:338px;
	overflow:hidden;
	float:left;
	text-align:center;
}

div#brandlistbottom div#scrollable2 ul{
	list-style:none;
}

div#brandlistbottom div#scrollable2 li{
	margin-top:20px;
}

div#brandlistbottom div#scrollbar2 {
	float:right;
}

/* QR Code
---------------------------------------------- */
div#qrcode {
	margin-top:15px;
}

div#qrcode img {
	border:1px solid #666666;
}

/* プライバシーポリシー
===============================================================================*/
div#privacybottom h4 {
	font-size:14px;
	margin-bottom:10px;
}

div#privacybottom div#scrollcontents p { 
	font-size:12px;
	color:#555555;
	margin-left:20px;
}