/**
 * RESET
**/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, th, var {
	font-weight: normal;
	font-style: normal;
}

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

q:before, q:after { content:''; }

abbr, acronym { border: 0; }

/**
 * Clearfix
**/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear: both;
}


/**
 * CONTENTS
**/
body {
	text-align:center;
	font-family:Verdana, Geneva, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif !important;
	font-family:Verdana, Geneva, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:160%;
	background:#dadbdd url(/images/bg.jpg) no-repeat center top;
	text-align:center;
	padding:30px 0;
	color:#222;
}

a:link {
	color:#f18843;
	text-decoration:underline;
}
a:visited {
	color:#f18843;
	text-decoration:none;
}
a:hover {
	color:#ea5a0f;
	text-decoration:underline;
}
a {
	outline: none;
	/*\*/
	overflow: hidden;
	/**/
}
a.pdf {
	background:url(/images/pdf_icon.gif) no-repeat right top;
	padding-right:15px;
}
a.blank {
	background:url(/images/blank_icon.gif) no-repeat right top;
	padding-right:18px;
}
a.print {
	background:url(/images/icon_print.gif) no-repeat right top;
	padding-right:18px;
}


/* 972px grid (9 columns - 4px margin) */
.contents {
	width:972px;
	margin:0 auto;
	text-align:left;
	margin-top:10px;
}
.contents .col_s, .contents .col_ms, .contents .col_m, .contents .col_l, .contents .col_ll {
	display:inline;
	float: left;
	position: relative;
	margin-left:4px;
	margin-right:4px;
}
.contents .col_s { width:208px; }
.contents .col_ms { width:262px; }
.contents .col_m { width:532px; }
.contents .col_l { width:748px; } 
.contents .col_ll { width:964px; }


#header { margin-bottom:8px; }
#gnavi {
	background:url(/images/gnavi.gif) no-repeat 0px 0px;
}
#gnavi li {
	float: left;
	text-indent:-9999px;
	line-height: 1px;
	font-size: 1px;
	background:url(/images/gnavi.gif) no-repeat;
	width:120px;
}
#gnavi li#home, #gnavi li#contact { width:122px; }
#gnavi li#home { background-position:0px 0px; }
#gnavi li#news { background-position:-122px 0px; }
#gnavi li#brands { background-position:-242px 0px; }
#gnavi li#company { background-position:-362px 0px; }
#gnavi li#works { background-position:-482px 0px; }
#gnavi li#life { background-position:-602px 0px; }
#gnavi li#recruit { background-position:-722px 0px; }
#gnavi li#contact { background-position:-842px 0px; }

#gnavi li a {
	display:block;
	width:120px;
	height:45px;
}
#gnavi li#home a, #gnavi li#contact a { width:122px; }
#gnavi li#home a:hover { background:url(/images/gnavi_on.gif) no-repeat 0px 0px; }
#gnavi li#news a:hover { background:url(/images/gnavi_on.gif) no-repeat -122px 0px; }
#gnavi li#brands a:hover { background:url(/images/gnavi_on.gif) no-repeat -242px 0px; }
#gnavi li#company a:hover { background:url(/images/gnavi_on.gif) no-repeat -362px 0px; }
#gnavi li#works a:hover { background:url(/images/gnavi_on.gif) no-repeat -482px 0px; }
#gnavi li#life a:hover { background:url(/images/gnavi_on.gif) no-repeat -602px 0px; }
#gnavi li#recruit a:hover { background:url(/images/gnavi_on.gif) no-repeat -722px 0px; }
#gnavi li#contact a:hover { background:url(/images/gnavi_on.gif) no-repeat -842px 0px; }

 
.contents .col_inner {
	background-color:#FFF;
	border-left:#bdbdbd solid 1px;
	border-right:#bdbdbd solid 1px;
	padding:10px;
}
.contents #main.col_inner {
	padding:20px 15px;
}

.contents .col_s .bottom, .contents .col_ms .bottom, .contents .col_m .bottom, .contents .col_l .bottom, .contents .col_ll .bottom {
	height:5px;
	line-height: 1px;
	font-size: 1px;
}
.contents .col_s .bottom { background:url(/images/col_s_bottom.gif) no-repeat left bottom; }
.contents .col_m .bottom { background:url(/images/col_m_bottom.gif) no-repeat left bottom; }
.contents .col_l .bottom { background:url(/images/col_l_bottom.gif) no-repeat left bottom; }
.contents .col_ll .bottom { background:url(/images/col_ll_bottom.gif) no-repeat left bottom; }

.contents .col_m #pagetop a, .contents .col_l #pagetop a, .contents .col_ll #pagetop a {
	display:block;
	text-indent:-9999px;
	line-height: 1px;
	font-size: 1px;
	height: 32px;
}
.contents .col_m #pagetop { background:url(/images/col_m_pagetop.gif) no-repeat left bottom;  }
.contents .col_l #pagetop { background:url(/images/col_l_pagetop.gif) no-repeat left bottom;  }
.contents .col_ll #pagetop { background:url(/images/col_ll_pagetop.gif) no-repeat left bottom;  }

.contents #breadcrumbs {
	background:url(/images/breadcrumbs_bg.gif) no-repeat left top;
	margin-bottom:10px;
	padding:8px 0;
	height:20px;
	font-size:90%;
	color:#545454;
}
.contents #breadcrumbs li {
	color:#999;
	float:left;
	margin:0 5px;
	padding-left:14px;
	background:url(/images/bc_separator.gif) no-repeat left 0.5em;
}
.contents #breadcrumbs li#bc_home {
	padding:0;
	background:none;
	margin-left:10px !important;
	margin-left:5px;
}
.contents #breadcrumbs #bc_home a {
	display:block;
	text-indent:-9999px;
	line-height: 1px;
	font-size: 1px;
	width:21px;
	height:18px;
	background:url(/images/bc_home.gif) no-repeat;
}


.contents #newsheadline .col_inner {
	padding:5px 5px 5px 10px;
	min-height:250px;
	height: auto !important; 
	height: 250px;
}

/*.contents #newsheadline #rssfeed {
	height:360px;
	overflow:hidden;
}*/

.contents #rssfeed li {
	background:url(/images/line.gif) repeat-x left bottom;
	padding-bottom:8px;
	margin-bottom:8px;
	width:95%;
	font-size:90%;
	line-height:140%;
}
.contents #rssfeed li a {
	display:block;
	background:url(/images/list_icon001.gif) no-repeat left top;
	padding-left:8px;
}
.contents #rssfeed li a:link, .contents #rssfeed li a:visited,
.contents #breadcrumbs a:link, .contents #breadcrumbs a:visited,
.contents #shoplist li a:link, .contents #shoplist li a:visited,
.contents #archives .col_inner li a:link, .contents #archives .col_inner li a:visited,
.contents #footer a:link, .contents #footer a:visited {
	color:#666;
	text-decoration:none;
}
.contents #rssfeed li a:hover,
.contents #breadcrumbs a:hover,
.contents #shoplist li a:hover,
.contents #archives .col_inner li a:hover,
.contents #footer a:hover {
	color:#ea5a0f;
	text-decoration:underline;
}

.contents #brandlist {
	margin-top:10px;
	background:url(/images/brands_bg.gif) no-repeat top left;
	height:52px;
	padding-top:35px;
}
.contents #brandlist li {
	display:inline;
	height:50px;
}
.contents #brandlist img {
	vertical-align:middle;
	margin-left:22px;
}

.contents #footer {
	margin-top:5px;
	font-size:10px;
	color:#666;
}

.contents #footer #privacy {
	float:left;
	width:49%;
	text-transform:uppercase;
}

.contents #footer #copy {
	float:right;
	width:49%;
	text-transform:uppercase;
	text-align:right;
}



/**
 * SCROLL
**/
.scroll-track {
	height:10px;
	width:5px;
	background-color:#EEE;
}

.scroll-handle {
	height:10px;
	width:5px;
	background:url(/images/slider.gif);
	cursor:pointer;
}