body {
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12pt;
	color: #000000;
	background-color: #FFFFFF;
	margin:0;
	padding:0;
	text-align:center;
	float: left;
	line-height: 1.5;
}

a:link,
a:visited {
	text-decoration: underline;
	color: #000000;
}


table,
th,
td {
	border-spacing: 30;
	padding-top: 1px;
}

img {
	border: 0;
	margin:0;
	padding:0;
	text-align: center;
	font-style: italic;
}



.clear{
	clear:both;
	font-size:0px;
	height:0;
	margin:0;
	padding:0;
}


h1, form, li, ul, ol, select{
	margin:0;
	padding:0;
}



select{
}

table{
	width:100%;
	height:100%
}

ul, ol, h1, h2, h3, p{
	margin:0;
	padding:0;
}



.left{ float:left }
.right{ float:right }





/*
 * wrapper * * * * * * * * * * * * * * * * * * * * * * 
 */
#wrapper{
	width:980px;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
}


/*
 * header * * * * * * * * * * * * * * * * * * * * * * 
 */
#header{
	width:980px;
	text-align:left;
}
#header #logo-block{
	margin-bottom:16px;
	float:left;
	height:43px;
	width:300px;
}
#header #logo-block #logo-img a{
	height:43px;
	width:90px;
	display:block;
}

#header #logo-block h1{ display:none;}
#header #logo-block #logo-img{
	width:197px;
	height:43px;
	text-indent:-9999px;
	background: transparent url('img_common/main_logo.gif') no-repeat left bottom;
}

#header #link-block{
	line-height:9px;
	padding-top:30px;
	float:right;
}

#header #link-block img.btn-sitemap{
	margin-right:0px;
}

#header #menu ul{
	list-style-position:outside;
	list-style-type:none;
}
#header #menu li {
	display:block;
	float:left;
	height:21px;
	margin:0 4px 0 0;
	padding:0;
}

li.end{
	margin:0;
}
#header #menu li.end{
	margin:0;
}


/*
 * footer * * * * * * * * * * * * * * * * * * * * * * 
 */

#footer{
	font-size:10px;
	margin-top:30px;
	text-indent:-9999px;
	background:transparent url('img_common/footer.gif') no-repeat left top;
	height:47px;
}

/*
 * パン屑リスト * * * * * * * * * * * * * * * * * * * * * * 
 */
#breadcrumbs{
	font-size:10px;
	text-align:left;
	margin-top: 12px;
	margin-bottom: 12px;
}

#breadcrumbs a{
	text-decoration:none;
}
#breadcrumbs a:hover{
	text-decoration:underline;
}

/*
 * コンテンツ * * * * * * * * * * * * * * * * * * * * * * 
 */

#contents{
	width:980px;
	text-align: left;
}

#index #contents{
	margin-top:18px;
	height: 800px;
}



#company h2,
#list h2,
#detail h2,
#search h2{
	background-color:black;
	color:white;
	font-size:10px;
	font-weight:normal;
	padding:2px 4px 1px;
	margin-bottom:12px;
	height:19px;
}


/* * * * * * TOP * * * * * */
#index{}
#index #contents #upper{
	height:330px;
	margin-bottom:15px;
}
#index #contents #lower{
	height:272px;
}

#index #contents #upper #main-pct{
	width:704px;
	float:left;
}
#index #contents #upper #sub-pct{
	width:276px;
	height:300px;
	float:left;
	background-color:red;
}

#lower #whats-pct{
	float:left;
	width:276px;
	height:184px;
	margin-right:4px;
}
#lower #feature{
	float:left;
	width:420px;
	height:184px;
	margin-right:4px;
}
#lower #banner{
	float:left;
	width:276px;
	height:187px;
	line-height:0;
}

#index h2{
	background-color:black;
	color:white;
	font-size:10px;
	font-weight:normal;
	padding:2px 4px 0;
	height:19px;
}
#index .list-block{
	font-size:9px;
}
#index .list-block ul{
	list-style-position:inside;
	margin:10px;
}
#index .list-block ul li{
	padding-bottom:8px;
	margin-bottom:8px;
	background: transparent url('img_common/dot_line.gif') repeat-x left bottom;
}
#index .list-block ul li a{

}

.bg-grid{
	background-image:url('img/bg_grid.gif');
}




#lower #banner img.upper{
	margin-bottom:4px;
}
#lower #banner img.lower{}

#lower #feature .list{
	line-height:0;
	margin-left:7px;
	margin-top:7px;
	height:46px;
}

#lower #feature .list .ph-block{ float:left;}
#lower #feature .list .tx-block{ float:left;}

#lower .ph-block img{
	border:black 3px solid;
	margin-right:11px;
}

#lower #feature .list .tx-block h3{
	width:342px;
	height:15px;
	margin:8px 0 5px;
	line-height:0;
	background: transparent url('img_common/dot_line.gif') repeat-x left bottom;
}
#lower #feature .list .tx-block .text{
	text-indent:15px;
	font-size:10px;
	line-height:10px;
}




/* * * * * * product-list * * * * * */
#list{}
#list a{
	text-decoration:none;
}

#list #breadcrumbs{
	float:left;
}
#list #pagenavi1{
	float:right;
	font-size:10px;
	margin:12px 0;
	padding-right:5px;
}
#list #pagenavi2{
	text-align:right;
	font-size:10px;
	margin:8px 0 0;
	padding-right:5px;
}
#list #pagenavi1 a:hover,
#list #pagenavi2 a:hover{
	text-decoration:underline;
}


#list .thumb-box{
	float:left;
	background:transparent url('products/images/dot_pattern.gif');
	width:156px;
	padding:5px 0;
	margin-right:8px;
	margin-bottom:8px;
}
#list .end{
	margin-right:0;
}
#list .thumb-pct{
	width:146px;
	height:105px;
	margin:0 5px;
}
#list .thumb-pct a{
	display:block;
	width:146px;
	height:105px;
	margin:0;
	text-decoration:none;
}
#list .thumb-pct a img.new{
	width:27px;
	height:11px;
	display:block;
}
#list .thumb-pct a .new-wrap{
	padding-top:94px;
	padding-left:119px;
}
#list .thumb-title{
	width:146px;
	height:47px;
	font-size:10px;
	color:white;
	margin:0 5px;
	background:black url('products/images/pct_cursor.gif') no-repeat 10px 8px;
}
#list .thumb-title a{
	display:block;
	width:146px;
	height:47px;
	color:white;
	text-decoration:none;
}
#list .thumb-title a .title-box{
	padding:5px 10px 5px 23px;
}


/*
 * products-index
 */
#list #list-block{
	padding:10px;
	color:white;
	background-color:black;
	font-size:10px;
}
#list #list-block a{ color:white;}
#list #list-block a:hover{ color:#ff9900;}

#list #list-block h3{
	width:670px;
	float:left;
	font-size:12px;
	height:22px;
	text-indent:-9999px;	
	margin-top:10px;
}
#list #list-block h3#namecard{ background: transparent url('products/images/pindex/ttl_namecard.gif') no-repeat left top;}
#list #list-block h3#key{ background: transparent url('products/images/pindex/ttl_key.gif') no-repeat left top;}
#list #list-block h3#clip{ background: transparent url('products/images/pindex/ttl_clip.gif') no-repeat left top;}
#list #list-block h3#magnet{ background: transparent url('products/images/pindex/ttl_magnet.gif') no-repeat left top;}
#list #list-block h3#pin{ background: transparent url('products/images/pindex/ttl_pin.gif') no-repeat left top;}
#list #list-block h3#stationary{ background: transparent url('products/images/pindex/ttl_stationary.gif') no-repeat left top;}
#list #list-block h3#desk{ background: transparent url('products/images/pindex/ttl_desk.gif') no-repeat left top;}
#list #list-block h3#file{ background: transparent url('products/images/pindex/ttl_file.gif') no-repeat left top;}
#list #list-block h3#others{ background: transparent url('products/images/pindex/ttl_others.gif') no-repeat left top;}

#list #list-block .hr{
	display:block;
	clear:both;
	border:none;
	font-size:0px;
	line-height:0px;
	height:1px;
	margin:10px 0;
	background:transparent url('products/images/pindex/dot_line.gif') repeat-x;
}

#list #list-block img.thumb-pct{
	float:left;
	margin:0;
	width:260px;
	height:67px;
	margin-right:14px;
}
#list #list-block img.namecard{
	height:130px;
}
#list #list-block .text-box{
	float:left;
	width:670px;
	padding-top:13px;
	background: transparent url('products/images/pindex/l_1line.gif') no-repeat 11px 10px;
}
#list #list-block .text-block-namecard{
	background: transparent url('products/images/pindex/l_4line.gif') no-repeat 11px 10px;
}
#list #list-block .text-box ul{
	line-height:14px;
	padding-left:24px;
	list-style:none;
	margin:0;
	float:none;
}
#list #list-block .text-box li{
	float:left;
	background: transparent url('products/images/pct_cursor.gif') no-repeat left 2px;
	height:21px;
	margin-right:15px;
	padding-left:12px;
}
#list #list-block ul li.title{
	display:block;
	width:100px;
	margin:0;
	background-image:none;
}

#list #list-block ul li.title2{
	display:block;
	width:150px;
	margin:0;
	background-image:none;
}

#list #list-block ul li.top{
	margin-left:8px;
}

/* * * * * * product-detail * * * * * */

#detail{}


#detail #photo-block{
	float:left;
	width:440px;
	background-color: white;
}
#detail #info-block{
	float:left;
	width:210px;
	/*background-color:red;*/
}


#detail #photo-block #ph1{
	width:420px;
	height:305px;
	background-image:url('img_common/bg_grid.gif');
	margin-bottom:7px;
}

#detail #photo-block #ph2,
#detail #photo-block #ph3,
#detail #photo-block #ph4{
	float:left;
	width:136px;
	height:102px;
	background-image:url('img_common/bg_grid.gif');
	margin-right:6px;
}
#detail #photo-block #ph1 img,
#detail #photo-block #ph2 img,
#detail #photo-block #ph3 img,
#detail #photo-block #ph4 img{
	margin:5px;
}
#detail #photo-block #picons{
	float:left;
	margin-top:13px;
}
#detail #photo-block #picons img{ margin-right:8px;}

#detail #photo-block #more{
	float:right;
	padding:7px 25px 0 0;
}



#detail #info-block table{
	width:510px;
}
#detail #info-block th{
	font-size:10px;
	width:55px;
	text-align:left;
	vertical-align:center;
	background: transparent url('products/images/info_line.gif') repeat-x scroll left top;
}
#detail #info-block th.th-detail,
#detail #info-block th.th-color,
#detail #info-block th.th-size,
#detail #info-block th.th-rerated-a,
#detail #info-block th.th-rerated-p,
#detail #info-block th.th-etc
{
	vertical-align:top;
}
#detail #info-block th.th-detail img,
#detail #info-block th.th-color img,
#detail #info-block th.th-size img,
#detail #info-block th.th-rerated-a img,
#detail #info-block th.th-rerated-p img,
#detail #info-block th.th-etc img
{
	margin-top:12px;
}
#detail #info-block td{
	font-size:10px;
	width:455px;
	padding:8px 0 8px 0;
	background: transparent url('products/images/info_line.gif') repeat-x scroll left top;
}
#detail #info-block td ul{
	font-size:10px;
	list-style-position:inside;
	list-style-type:disc;
}
#detail #info-block td li{
	margin-bottom:2px;
}

#detail #info-block th.th-name{ background-image:none;}
#detail #info-block td.th-name{
	font-size:12px;
	font-weight:bold;
	background-image:none;
}
#detail #info-block td.th-no,
#detail #info-block td.th-price{ font-size:8px;}
#detail #info-block td.th-detail{ font-size:12px;}
#detail #info-block td.th-detail ul{ margin-top:10px;}

#detail #info-block td .icon-new{
	margin-left:5px;
}

#detail #info-block td .th-focus{
	font-size:12px;
	font-weight:bold;
}



/* * * * * * Thumbnail(Product) * * * * * */
#thumb{}





/* * * * * * Company * * * * * */
#company #menu-block{
	float:left;
	width:140px;
}
#company #info-block{
	float:left;
	width:560px;
}
#company #photo-block{
	float:right;
	/*width:280px;*/
	width:235px;
	text-align:right;
}

#company h2{ margin-bottom:17px;}
#company #info-block h3{
	margin:10px 0 38px;
	width:81px;
	height:19px;
	line-height:19px;
	text-indent:-9999px;
	background: transparent url('company/images/outline/o_sttl.gif') no-repeat left bottom;
}


#company #menu-block ul{
	list-style-type:none;
}
#company #menu-block ul li{
	height:21px;
	line-height:21px;
	margin-bottom:5px;
}


#company #info-block h4{
	font-size:9pt;
	line-height:10pt;
	font-weight:bold;
	height:22px;
	margin-bottom:15px;
	background: transparent url('img_common/dot_line.gif') repeat-x scroll left bottom;
}
#company #info-block .text{
	font-size:8pt;
	line-height:14pt;
	margin-bottom:55px;
}
#company #info-block .text p{
	margin-bottom:12pt;
}
#company #info-block .text table{
	width:520px;
	font-size:8pt;
}
#company #info-block .text th{
	font-weight:normal;
	text-align:left;
	width:120px;
	height:20px;
}
#company #info-block .text td.addr{ width:270px;}
#company #info-block .text td.map{ width:130px;}
#company #info-block .text td img{
	margin-left:8px;
	height:11px;
	line-height:11px;
}

#company #photo-block .ph{
	padding:6px;
	width:223px;
	height:123px;
	background-image:url('img_common/bg_grid.gif');
	margin:0;
}
#company #photo-block img{}
#company #photo-block p.caption{
	font-size:10px;
	line-height:11px;
	height:12px;
	margin:3px 0 22px;
}

/* organization */

#company #chart{
	float:left;
	width:696px;
}



#company #chart h3{
	margin:10px 0 10px;
	width:81px;
	height:19px;
	line-height:19px;
	text-indent:-9999px;
	background: transparent url('company/images/chart/o2_sttl.gif') no-repeat left bottom;
}


/* recruit */

#company #r-block{
	float:left;
	width:560px;
}

#company #r-block h3{
	margin:10px 0 38px;
	width:81px;
	height:19px;
	line-height:19px;
	text-indent:-9999px;
	background: transparent url('company/images/recruit/o_sttl.gif') no-repeat left bottom;
}

#company #r-block h4{
	font-size:9pt;
	line-height:10pt;
	font-weight:bold;
	height:22px;
	margin-bottom:15px;
	background: transparent url('img_common/dot_line.gif') repeat-x scroll left bottom;
}
#company #r-block .text{
	font-size:8pt;
	line-height:14pt;
	margin-bottom:55px;
}
#company #r-block .text p{
	margin-bottom:12pt;
}
#company #r-block .text table{
	width:520px;
	font-size:8pt;
}
#company #r-block .text th{
	font-weight:normal;
	text-align:left;
	width:120px;
	height:20px;
}
#company #r-block .text td.addr{ width:270px;}
#company #r-block .text td.map{ width:130px;}
#company #r-block .text td img{
	margin-left:8px;
	height:11px;
	line-height:11px;
}


/* eco */

#company #e-block{
	float:left;
	width:700px;
}

#company #e-block h3{
	margin:10px 0 38px;
	width:130px;
	height:19px;
	line-height:19px;
	text-indent:-9999px;
	background: transparent url('company/images/eco/o_sttl.gif') no-repeat left bottom;
}

#company #e-block h4{
	font-size:9pt;
	line-height:10pt;
	font-weight:bold;
	height:1px;
	margin-bottom:15px;
	background: transparent url('img_common/dot_line.gif') repeat-x scroll left bottom;
}
#company #e-block p{
	font-size:8pt;
	line-height:14pt;
}
#company #e-main{
	float:left;
	width:700px;
}

#company #e-left{
	float:left;
	width:500px;
}

/* parsonal */

#company #f-block{
	float:left;
	width:730px;
}

#company #f-block h3{
	margin:10px 0 38px;
	width:147px;
	height:19px;
	line-height:19px;
	text-indent:-9999px;
	background: transparent url('company/images/parsonal/o_sttl.gif') no-repeat left bottom;
}

#company #f-block h4{
	font-size:9pt;
	line-height:10pt;
	font-weight:bold;
	height:1px;
	margin-bottom:15px;
	background: transparent url('img_common/dot_line.gif') repeat-x scroll left bottom;
}
#company #f-block p{
	font-size:8pt;
	line-height:14pt;
}
#company #f-main{
	float:left;
	width:700px;
}

#company #f-left{
	float:left;
	width:500px;
}



/* * * * * * recommend * * * * * */

#recommend{
	height:500px;
}

/* * * * * * search * * * * * */

#search h2{ margin-bottom:17px;}


#search #s-block{
    margin-left : 65px;
	width:850px;
}

#search p{
	line-height: 1.5;
	letter-spacing: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	text-align: left;
}

#search #s-title h3{
	margin:30px 0 5px;
	width:81px;
	height:19px;
	line-height:19px;
	text-indent:-9999px;
	background: transparent url('search/images/s_title01.gif') no-repeat left bottom;
}

#search #s-title2 h3{
	margin:30px 0 5px;
	width:81px;
	height:19px;
	line-height:19px;
	text-indent:-9999px;
	background: transparent url('search/images/s_title02.gif') no-repeat left bottom;
}


#search #s-line{
    height:5px;
	width:850px;
	background: transparent url('img_common/dot_line.gif') repeat-x scroll left bottom;
}

#search #s-contents{
    margin:10px 0 5px;
	width:850px;
}

#search #s-contents2{
   position:relative;
   top:-28px;
   float:right;
   text-align:right;
}


#search #s-result{
    margin-top:10px;
    width:850px;
}


#search #s-text{
    margin-top:20px;
    width:850px;
}

#search #s-text{
    margin-top:20px;
    width:850px;
}

#search #s-text a{
color:#00ccff;
}



/* * * * * sitemap * * * * * */


#sitemap{
    margin-left : 65px;
	width:850px;
	line-height: 1.5;
	letter-spacing: 1px;
	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif; 
	font-size: 10px;
}

#site-block-p{
width:850px;
height:500px;
}



#sitemap h3{
margin:30px 0px 10px 0px;
width:850px;
border-bottom-style:dotted;
border-bottom-width:1px;
display:block;
padding-left:14px;
background: transparent url('products/images/pct_cursor2.gif') no-repeat left 3px;
}

#sitemap h4{
margin-bottom:0px;
}

#sitemap h5{
margin-left:10px;
margin-top:10px;
margin-bottom:0px;

}

#sitemap ul{
width:200px;
margin-bottom:20px;
margin-top:10px;
margin-left:0px;
}


#sitemap li{
margin-left:20px;
}

.pro-block{
width:212px;
float:left;
}



.pro-block1{
width:212px;
height:160px;
float:left;
}

#sitemap a{
text-decoration: none; 
}

#sitemap a:hover{
	text-decoration:underline;
}