@charset "utf-8";

/* ------------------------------------------------------------

	top page style

------------------------------------------------------------ */


/* ----------header---------- */

#top_header {
	width: 100%;
}

#top_header .container {
	background: url(../images/top_header_bg.jpg) repeat-x left top;
	padding-top: 14px;
	text-align: left;
}

#top_header h1 {
	float: left;
	width: 333px;
	height: 60px;
	padding-left: 19px;
}
#top_header .right {
	float: right;
	margin: 0px;
	padding: 0px;
	margin-bottom: 3px;
}


#header_img {
	width:830px;
	height: 186px;
	position: relative;
	background-image: url(../images/header_img.jpg);
	background-repeat: no-repeat;
}
#header_img .header_btn {
	display: block;
	position: absolute;
	left: 26px;
	top: 17px;
}
#header_img .header_text {
	display: block;
	position: absolute;
	left: 252px;
	bottom: 25px;
}

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

#g-navi {
	width: 100%;
	height: 49px;
	background: url(../images/top_g-navi_base.jpg) repeat-x left top;
}

@media print {
* html body #g-navi .container {
	width: 832px;
}

*+html body #g-navi .container {
	width: 832px;
}
}

#g-navi ul {
	list-style-type: none;
	font-size: 1px;
	line-height: 1%;
}

@media print {
* html body #g-navi ul {
	margin-left: 1px;
}

*+html body #g-navi ul {
	margin-left: 1px;
}
}

#g-navi ul li {
	float: left;
	background-color: #F1F1F1;
	margin-left: 0;
	padding-bottom: 6px;
}

#g-navi ul li a {
	display: block;
	height: 43px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

#g-navi ul li a span {
	display: none;
}

#g-navi .g-navi1 a {
	background-image: url(../images/top_g-navi_01.jpg);
	width: 210px;
}

#g-navi .g-navi1 a:hover {
	background-image: url(../images/top_g-navi_01_o.jpg);
}

#g-navi .g-navi2 a {
	background-image: url(../images/top_g-navi_02.jpg);
	width: 205px;
}

#g-navi .g-navi2 a:hover {
	background-image: url(../images/top_g-navi_02_o.jpg);
}

#g-navi .g-navi3 a {
	background-image: url(../images/top_g-navi_03.jpg);
	width: 206px;
}

#g-navi .g-navi3 a:hover {
	background-image: url(../images/top_g-navi_03_o.jpg);
}

#g-navi .g-navi4 a {
	background-image: url(../images/top_g-navi_04.jpg);
	width: 209px;
}

#g-navi .g-navi4 a:hover {
	background-image: url(../images/top_g-navi_04_o.jpg);
}


/* ----------lead---------- */

p#lead {
	margin: 1em;
	line-height: 1.75em;
}


/* ----------------------------------------
				left area
---------------------------------------- */

/* ----------column1---------- */

#top_column1 {
	width: 580px;
	background: url(../images/top_column_top.jpg) no-repeat left top;
	margin-bottom: 10px;
	padding-top: 3px;
}

#top_column1 .column_bottom {
	width: 580px;
	background: url(../images/top_column_bottom.jpg) no-repeat left bottom;
	padding-bottom: 18px;
}

#top_column1 .column_base {
	width: 550px;
	background: url(../images/top_column_base.jpg) repeat-y left top;
	padding: 0 15px;
}

* html body #top_column1 .column_base {
	width: 580px;
}

/* column1 head */

#top_column1 h3 {
	margin-left: 15px;
}

#top_column1 h4 {
	margin-bottom: 5px;
	margin-left: 15px;
	color: #000000;
	font-size: 1em;
	font-weight: normal;
}

/* column1 layout */

#top_column1 .box_left {
	float: left;
	width: 328px;
}

#top_column1 .box_right {
	float: right;
	width: 216px;
}

/* column1 photo */

#top_column1 .photo1 {
	background: url(../images/photo_base.gif) repeat left top;
	padding: 4px;
}

#top_column1 .photo2 {
	float: left;
	background: url(../images/photo_base.gif) repeat left top;
	margin-bottom: 5px;
	padding: 3px;
}

#top_column1 .photo3 {
	float: right;
	background: url(../images/photo_base.gif) repeat left top;
	margin-bottom: 5px;
	padding: 3px;
}

/* column1 table */

#tb_01 {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 5px;
}

#tb_01 th {
	width: 80px;
	background-color: #E8E8E8;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	vertical-align: middle;
}

#tb_01 td {
	background-color: #F3F3F3;
	border-bottom: 2px solid #FFFFFF;
	padding: 0 0.5em;
	font-size: 0.75em;
	line-height: 1.5em;
	vertical-align: middle;
}

/* list1 */

ul.list1 {
	float: right;
	list-style-type: none;
	font-size: 0.625em;
}

ul.list1 li {
	display: inline;
	margin-right: 1em;
	margin-left: 0;
}

ul.list1 li.list_end {
	margin-right: 0;
}

ul.list1 li a {
	background: url(../images/list_icon_01.gif) no-repeat left center;
	padding-left: 19px;
}

/* thumbnail list */

ul#list_thumb {
	list-style-type: none;
	padding-top: 0px;
}

ul#list_thumb li {
	float: left;
	margin-right: 2px;
	margin-left: 0;
	font-size: 1px;
	line-height: 1%;
}

ul#list_thumb li.list_end {
	margin-right: 0;
}

ul#list_thumb a {
	display: block;
	width: 62px;
	height: 41px;
	background: url(../images/arrow_01.gif) no-repeat center bottom;
	padding-bottom: 10px;
}

ul#list_thumb a:hover {
	background: url(../images/arrow_01_o.gif) no-repeat center bottom;
}

ul#list_thumb a img {
	border: 1px solid #CCCCCC;
}

ul#list_thumb a:hover img {
	border: 1px solid #CC0033;
}


/* ----------banner1---------- */

.banner1 {
	margin-bottom: 10px;
}


/* ----------shopping banner---------- */

ul#list_shopping {
	list-style-type: none;
}

ul#list_shopping li {
	float: left;
	margin-right: 18px;
	margin-left: 0;
	font-size: 1px;
	line-height: 1%;
}

ul#list_shopping li.list_end {
	margin-right: 0;
}

ul#list_shopping img {
	display: block;
}

ul#list_shopping a span {
	display: block;
	width: 89px;
	height: 47px;
	background: no-repeat left top;
	padding: 12px 15px 0 70px;
	font-size: 12px;
	line-height: 1.5em;
	cursor: pointer;
}

* html body ul#list_shopping a span {
	width: 174px;
	height: 62px;
}

ul#list_shopping a span.shopping1 {
	background-image: url(../images/image_garage.jpg);
}

ul#list_shopping a span.shopping2 {
	background-image: url(../images/image_officeshop.jpg);
}

ul#list_shopping a span.shopping3 {
	background-image: url(../images/image_officechair.jpg);
}


/* ----------------------------------------
				right area
---------------------------------------- */

ul#top_banner1 {
	list-style-type: none;
	margin-bottom: 5px;
}

ul#top_banner1 li {
	margin-bottom: 2px;
	font-size: 1px;
	line-height: 1%;
}



#banner_concierge{
	padding: 0px 6px;
	margin-bottom: 8px;
}


/* MAC-OFFICE CONCEPT_BOOK */
#banner_mac_cbk {
	margin: 0px
}
#banner_mac_cbk img {
	margin-bottom: 5px;
}
#banner_mac_cbk a:hover img {
	opacity:0.80;
	filter: alpha(opacity=80);
}
#lowcost_banner   {
	margin: 15px 0px;
	margin-left: 8px;
}
#lowcost_banner a:hover img {
	opacity:0.80;
	filter: alpha(opacity=80);
}

ul#right_banner_sp {
	list-style-type: none;
	margin-bottom: 8px;
	margin-left: 6px;
}

ul#right_banner_sp li {
	margin-bottom: 7px;
	margin-left: 0;
	font-size: 1px;
	line-height: 1%;
}