@charset "utf-8";

/* ----------------------------------------------------------------------
	BASE
====================================================================== */
* {
	margin: 0px;
	padding: 0px;
	}

html,body { width: 100%; }
body {
	background-color: #FFFFFF;
	color: #666666;
/*	color: #555555;*/
	font-size: 12px;
	line-height: 150%;
	font-family: "ＭＳ Ｐゴシック", "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
	}

/* --LinkColor-- */
a {
	color: #1E81BB;
	text-decoration: underline;
	}
a:visited { color: #285080; }
a:hover { color: #59BEEA; }

/* --FontSize-- */
h1,h2,h3,h4 { font-size: medium; }
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }

.lh130 { line-height: 130%; }

/* --Color-- */
.red { color: #990000; }
.redV { color: #DA1D21; }
.redS { color: #D55154; }
.white { color: #FFFFFF; }
.black { color: #000000; }
.gray { color: #B1B1B8; }

/* --Margin/Padding-- */
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mt15 { margin-top: 15px; }
.mt30 { margin-top: 30px; }
.p10 { padding: 10px; }

/* --TextAlign-- */
.txtC { text-align: center; }
.txtR { text-align: right; }
.txtL { text-align: left; }

img { border: 0px; }

.clear { overflow: hidden; }
.clear:after{ 
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
} 
/*\*/
* html .clear {
	height: 0px;
	overflow: visible;
}
/**/


/* ----------------------------------------------------------------------
	GLOBAL TOP ONLY
====================================================================== */
#globalLink,
#globalHead {
	width: 100%;
	min-width: 940px;
	}

.globalBody,
#whatsNew table,
#whatsNew .photo { display: inline; }

/* --FontSize-- */
#globalLink li { font-size: 10px; }
#whatsNew .date { font-size: 12px; }
#whatsNew .photo,
#globalMobile .text {
	font-size: 10px;
	line-height: 130%;
	}
#globalLink .title,
#globalLink .subTitle {
	font-size: 12px;
	line-height: 130%;
	}

/* --TextIndent-- */
#globalHead h1,
#globalMenu li { text-indent: -9999px; }

/* ---- */
#globalHead {
	margin-bottom: 22px;
	border-bottom: 3px solid #000000;
	}

#globalHead h1 {
	width: 940px;
	margin: 0px auto;
	background: url(img/logo_l.gif) center no-repeat;
	}
#globalHead h1 a {
	height: 90px;
	display: block;
	}

#globalMenu {
	width: 150px;
	float: left;
	margin-right: 25px;
	list-style: none;
	}
#globalMenu li {
	width: 150px;
	margin-bottom: 1px;
	}
#globalMenu li a {
	height: 50px;
	display: block;
	}
#globalMenu li.kokura { background: url(img/menu01_kok.gif) left no-repeat; }
#globalMenu li.colet { background: url(img/menu02_col.gif) left no-repeat; }
#globalMenu li.kurosaki { background: url(img/menu03_kur.gif) left no-repeat; }
#globalMenu li.yamaguchi { background: url(img/menu04_yam.gif) left no-repeat; }
#globalMenu li.ube { background: url(img/menu05_ube.gif) left no-repeat; }
#globalMenu li.satellite { background: url(img/menu06_sat.gif) left no-repeat; }
#globalMenu li.netshop {
	margin-bottom: 11px;
	background: url(img/menu07_net.gif) left no-repeat;
	}
#globalMenu li.company { background: url(img/menu08_com.gif) left no-repeat; }

#globalMenu li.kokura a:hover { background: url(img/menu01_kok_on.gif) left no-repeat; }
#globalMenu li.colet a:hover { background: url(img/menu02_col_on.gif) left no-repeat; }
#globalMenu li.kurosaki a:hover { background: url(img/menu03_kur_on.gif) left no-repeat; }
#globalMenu li.yamaguchi a:hover { background: url(img/menu04_yam_on.gif) left no-repeat; }
#globalMenu li.ube a:hover { background: url(img/menu05_ube_on.gif) left no-repeat; }
#globalMenu li.satellite a:hover { background: url(img/menu06_sat_on.gif) left no-repeat; }
#globalMenu li.netshop a:hover { background: url(img/menu07_net_on.gif) left no-repeat; }
#globalMenu li.company a:hover { background: url(img/menu08_com_on.gif) left no-repeat; }

.globalBody {
	width: 590px;
	float: left;
	}

#whatsNew {
	padding: 12px;
	background-color: #F8F8F8;
	border: 1px solid #DADADE;
	border-top: none;
	line-height: 130%;
	}

#whatsNew a {}
#whatsNew a:visited {}
#whatsNew a:hover {}

#whatsNew table {
	width: 380px;
	float: left;
	}
#whatsNew table td { padding-bottom: 6px; }
#whatsNew .shop,
#whatsNew .webflyer,
#whatsNew .company,
#whatsNew .imail,
#whatsNew .entire,
#whatsNew .netshop {
	width: 75px;
	float: left;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	}
#whatsNew .shop { background-color: #D55154; }
#whatsNew .webflyer { background-color: #863636; }
#whatsNew .company { background-color: #5BA8D0; }
#whatsNew .imail { background-color: #AACF49; }
#whatsNew .entire { background-color: #EDB727; }
#whatsNew .netshop { background-color: #694A8A; }
#whatsNew .date {
	padding: 0px 6px;
	font-weight: bold;
	}
/*新着部分改造用css　ここから*/
#whatsNew table#newslist {
	display: table;
	margin-top: -12px;
}
#whatsNew table#newslist td {
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #DADADE;
}
#whatsNew table#newslist td.text {
	padding-left: 12px;
}
#whatsNew #newslist .date {
	padding: 0 0 0 1em;
	display: block;
	float: left;
	/*width: 7em;*/
	}
#whatsNew #newslist .shop,
#whatsNew #newslist .webflyer,
#whatsNew #newslist .company,
#whatsNew #newslist .imail,
#whatsNew #newslist .entire,
#whatsNew #newslist .netshop {
	display: block;
	float: left;
	width: 60px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	}
#whatsNew #newslist .netshop {
	font-size: 8px;
	line-height: 200%
	}
#whatsNew #newslist p {
	/*display: block;*/
	padding-top: 6px;
	clear: both;
	}

#whatsNew table img {
	border: 1px solid #dadade;
	padding: 3px;
	background-color: #ffffff;
}

#whatsNew #newslist .shop { background-color: #D55154; }
#whatsNew #newslist .webflyer { background-color: #863636; }
#whatsNew #newslist .company { background-color: #5BA8D0; }
#whatsNew #newslist .imail { background-color: #AACF49; }
#whatsNew #newslist .entire { background-color: #EDB727; }
#whatsNew #newslist .netshop { background-color: #694A8A; }
/*新着部分改造用css　ここまで*/

#whatsNew .photo {
	width: 150px;
	padding: 8px;
	float: right;
	background-color: #FFFFFF;
	border: 1px solid #DADADE;
	}
#whatsNew .photo a,
#whatsNew .photo a:visited { text-decoration: none; }
#whatsNew .photo a:hover { text-decoration: underline; }
#whatsNew .photo p { padding: 3px 3px 0px; }

#globalMobile {
	width: 590px;
	margin: 18px 0px 30px;
	border: 1px solid #CDCDD3;
	border-right: none;
	}
#globalMobile td { border-right: 1px solid #CDCDD3; }
#globalMobile .text { padding: 10px 20px 8px; }
#globalMobile .qr { margin-top: 12px; }
#globalMobile .more { margin: 8px 0px 0px -2px; }

#globalLink {
	padding: 8px 0px;
	border-top: 3px solid #EEEEF0;
	}
#globalLink dl {
	width: 140px;
	float: left;
	margin-right: 20px;
	padding-bottom: 10px;
	}
#globalLink dl.last { margin-right: 0px; }
#globalLink ul { list-style: none; }
#globalLink li {
	padding: 1px 3px 4px 13px;
	line-height: 120%;
	background: url(common/icon_arrow.gif) 2px 2px no-repeat;
	*background: url(common/icon_arrow.gif) 2px 3px no-repeat;
	}

#globalLink .title,
#globalLink .subTitle {
	margin-top: 10px;
	padding: 1px 0px 4px 13px;
	display: block;
	color: #000000;
	font-weight: bold;
	}
#globalLink .title {
	background: url(common/icon_red.gif) 2px 1px no-repeat;
	*background: url(common/icon_red.gif) 2px 2px no-repeat;
	}
#globalLink .subTitle {
	background: url(common/icon_black.gif) 2px 1px no-repeat;
	*background: url(common/icon_black.gif) 2px 2px no-repeat;
	}

#globalLink a {
	color: #555555;
	text-decoration: none;
	}
#globalLink a:visited { color: ##285080; }
#globalLink a:hover {
	color: #1E81BB;
	text-decoration: underline;
	}

.dotline { background: url(common/dotline.gif) left bottom repeat-x; }
.dotlineV { background: url(common/dotline_v.gif) right top repeat-y; }
#globalLink ul,
#globalLink .dotline { padding-bottom: 6px; }

.exlink {
	margin-right: 8px;
	padding-right: 15px;
	background: url(common/icon_exlink.gif) right 1px no-repeat;
	}
	
.pdf {
	background:url("corp/img/icon_pdf.gif") no-repeat scroll 6px 50% transparent;
	margin-top:-2px;
	padding:2px 0 1px 23px;
	}

/* ----------------------------------------------------------------------
	HEADER / FOOTER
====================================================================== */
#head,
#externalHead,
#foot,
#mainMenu {
	width: 100%;
	min-width: 940px;
	}

#head h1,
#externalHead h1,
#subMenu ul,
#mainMenu ul {
	width: 940px;
	margin: 0px auto;
	}

/* --FontSize-- */
#foot { font-size: 10px; }

/* --TextIndent-- */
#head h1,
#externalHead h1,
#subMenu li,
#mainMenu li { text-indent: -9999px; }

/* ---- */
#head {}
#head h1 { background: url(common/logo_s.gif) center no-repeat; }
#head h1 a {
	height: 50px;
	display: block;
	}

#externalHead {
	padding-bottom: 2px;
	background: url(common/logo_ss_bg.gif) bottom repeat-x;
	}
#externalHead h1 { background: url(common/logo_ss.gif) left no-repeat; }
#externalHead h1 a { width: 150px; }

#mainMenu { background-color: #000000; }
#subMenu ul,
#mainMenu ul { list-style: none; }
#subMenu li,
#mainMenu li { float: left; }
#mainMenu li a,
#externalHead h1 a {
	height: 35px;
	display: block;
	}
#mainMenu li.kokura,
#mainMenu li.kokuraOn,
#mainMenu li.colet,
#mainMenu li.coletOn,
#mainMenu li.yamaguchi,
#mainMenu li.yamaguchiOn,
#mainMenu li.satellite,
#mainMenu li.satelliteOn { width: 157px; }
#mainMenu li.kurosaki,
#mainMenu li.kurosakiOn,
#mainMenu li.ube,
#mainMenu li.ubeOn { width: 156px; }

#mainMenu li.kokura { background: url(common/menu01_kok.gif) left top no-repeat; }
#mainMenu li.colet { background: url(common/menu02_col.gif) left top no-repeat; }
#mainMenu li.kurosaki { background: url(common/menu03_kur.gif) left top no-repeat; }
#mainMenu li.yamaguchi { background: url(common/menu04_yam.gif) left top no-repeat; }
#mainMenu li.ube { background: url(common/menu05_ube.gif) left top no-repeat; }
#mainMenu li.satellite { background: url(common/menu06_sat.gif) left top no-repeat; }

#mainMenu li.kokuraOn { background: url(common/menu01_kok_on.gif) left top no-repeat; }
#mainMenu li.coletOn { background: url(common/menu02_col_on.gif) left top no-repeat; }
#mainMenu li.kurosakiOn { background: url(common/menu03_kur_on.gif) left top no-repeat; }
#mainMenu li.yamaguchiOn { background: url(common/menu04_yam_on.gif) left top no-repeat; }
#mainMenu li.ubeOn { background: url(common/menu05_ube_on.gif) left top no-repeat; }
#mainMenu li.satelliteOn { background: url(common/menu06_sat_on.gif) left top no-repeat; }

#mainMenu li.kokura a:hover { background: url(common/menu01_kok_om.gif) left top no-repeat; }
#mainMenu li.colet a:hover { background: url(common/menu02_col_om.gif) left top no-repeat; }
#mainMenu li.kurosaki a:hover { background: url(common/menu03_kur_om.gif) left top no-repeat; }
#mainMenu li.yamaguchi a:hover { background: url(common/menu04_yam_om.gif) left top no-repeat; }
#mainMenu li.ube a:hover { background: url(common/menu05_ube_om.gif) left top no-repeat; }
#mainMenu li.satellite a:hover { background: url(common/menu06_sat_om.gif) left top no-repeat; }

#subMenu { background: url(common/menu_bg_out.gif) top repeat-x; }
#subMenu ul {
	height: 31px;
	background:url(common/menu_bg.gif) top no-repeat;
	}
#subMenu li { margin: 5px 5px 0px 20px; }
#subMenu li a {
	height: 20px;
	display: block;
	}
#subMenu li.schedule { width: 122px; }
#subMenu li.floor { width: 78px; }
#subMenu li.brand { width: 78px; }
#subMenu li.gourmet { width: 45px; }
#subMenu li.service { width: 88px; }
#subMenu li.access { width: 95px; }
#subMenu li.contact { width: 110px; }

#subMenu li.schedule { background: url(common/sub_schedule.jpg) left top no-repeat; }
#subMenu li.floor { background: url(common/sub_floor.jpg) left top no-repeat; }
#subMenu li.brand { background: url(common/sub_brand.jpg) left top no-repeat; }
#subMenu li.gourmet { background: url(common/sub_gourmet.jpg) left top no-repeat; }
#subMenu li.service { background: url(common/sub_service.jpg) left top no-repeat; }
#subMenu li.access { background: url(common/sub_access.jpg) left top no-repeat; }
#subMenu li.contact { background: url(common/sub_contact.jpg) left top no-repeat; }

#subMenu li.schedule a:hover { background: url(common/sub_schedule_on.jpg) left top no-repeat; }
#subMenu li.floor a:hover { background: url(common/sub_floor_on.jpg) left top no-repeat; }
#subMenu li.brand a:hover { background: url(common/sub_brand_on.jpg) left top no-repeat; }
#subMenu li.gourmet a:hover { background: url(common/sub_gourmet_on.jpg) left top no-repeat; }
#subMenu li.service a:hover { background: url(common/sub_service_on.jpg) left top no-repeat; }
#subMenu li.access a:hover { background: url(common/sub_access_on.jpg) left top no-repeat; }
#subMenu li.contact a:hover { background: url(common/sub_contact_on.jpg) left top no-repeat; }

#foot {
	margin-top: 10px;
	padding-bottom: 20px;
	border-top: 3px solid #000000;
	}

#foot .navi,
#foot .copyright {
	padding-top: 4px;
	display: inline;
	}
#foot .navi {
	float: left;
	color: #999999;
	}
#foot .navi a {
	color: #555555;
	text-decoration: none;
	}
#foot .navi a:visited { color: #285080; }
#foot .navi a:hover {
	color: #1E81BB;
	text-decoration: underline;
	}
#foot .copyright {
	float: right;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	}


/* ----------------------------------------------------------------------
	MAIN
====================================================================== */

/* --FontSize-- */
.topicPath,
.exTopicPath { font-size: 10px; }

/* --Color-- */
#storeArea .title { color: #000000; }

#bannerArea,
.mainBodyWide { display: inline; }

.centralBox {
	margin-left: auto;
	margin-right: auto;
	}

/* ---- */
.mainCont,
.topicPath {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	}

.topicPath {
	margin-top: 15px;
	margin-bottom: 8px;
	line-height: 100%;
	}
.topicPath a,
.topicPath a:visited,
.exTopicPath a,
.exTopicPath a:visited { color: #666666; }
.topicPath a:hover,
.exTopicPath a:hover { color: #1E81BB; }
.exTopicPath {
	width: 920px;
	margin: 0px auto;
	padding: 10px 0px 8px;
	}

.mainBody {
	width: 570px;
	float: left;
	}
.mainBodyWide {
	width: 745px;
	float: right;
	}
.mainBodyWideFull {
	margin-left: auto;
	margin-right: auto;
	}

#storeArea {
	width: 170px;
	float: left;
	margin-right: 25px;
	}
#storeArea .title {
	padding: 15px 5px 13px;
	font-size: 16px;
	line-height: 120%;
	font-weight: bold;
	}
#storeArea .data {
	padding-left: 5px;
	padding-right: 5px;
	}
#storeArea .data { line-height: 130%; }
.tel {
	padding-left: 16px;
	background: url(common/icon_tel.gif) 1px 1px no-repeat;
/*	*background: url(common/icon_tel.gif) 1px 2px no-repeat;*/
	}
#storeArea .tel {
	padding-left: 19px;
	padding-right: 5px;
	background-position: 5px 3px;
	*background-position: 5px 4px;
	}
#storeArea .tel,
#storeArea .schedule { margin-bottom: 15px; }

#storeArea ul { text-align: center; }
#storeArea li {}
#storeArea li img {}

#bannerArea {
	width: 150px;
	float: right;
	}
#storeArea ul,
#bannerArea ul {
	margin-bottom: 10px;
	list-style: none;
	}
#storeArea li,
#bannerArea li { margin-bottom: 2px; }
#storeArea li img,
#bannerArea li img { vertical-align: top; }

.pageUp,
.pageUpMid { text-align: right; }
.pageUp {
/*	padding: 5px 0px 2px;*/
	padding: 15px 0px 2px;
	}
.pageUpMid { padding: 5px 0px 2px; }
.pageUp a,
.pageUpMid a {
	padding: 1px 0px 0px 17px;
	background: url(common/icon_arrow_up.gif) 0px 0px no-repeat;
	color: #95959D;
	text-decoration: none;
	}
.pageUp a:visited,
.pageUpMid a:visited { color: #95959D; }
.pageUp a:hover,
.pageUpMid a:hover {
	color: #1E81BB;
	text-decoration: underline;
	}

.boxGray {
	/*padding: 8px 10px;*/
	padding: 12px 15px;
	border: 3px solid #EEEEF0;
	}
.boxGrayBg {
	padding: 15px 18px;
	background: #EEEEF0;
	}

.arrow {
	padding-left: 13px;
	background: url(common/icon_arrow.gif) 2px 2px no-repeat;
	}

.note {
	padding-left: 1em;
	text-indent: -1em;
	}