@charset "shift_jis";
/* CSS Document */
html,body{
	padding:0;
	margin:0;
	font-family:"MS PGothic",sans-serif;
	letter-spacing:1px;
}
*{
	font-family:"MS PGothic",sans-serif;
}
body{background:url(../../img/bg.gif) repeat;}


ol,ul{
	margin:0;
	padding:0;
	list-style:none;
}
a{text-decoration:none;}
a:link{color:#5993bc;}
a:visited{color:#6f82c0;}
a:hover{color:#008088; text-decoration:underline;}
img {border:none;}
.f_right{float:right;}
.f_left{float:left;}
.clear{clear:both;}
.d_none.{display:none}
.right{text-align:right;}
.center{text-align:center;}
.icon_r{margin-right:5px;vertical-align:text-top;}
.icon_l{
	margin-left:5px;
	vertical-align:text-top;
}
#cbody{
	width:1010px;
	padding:0;
	text-align:left;
	margin:auto;
	background:url(../../img/content_back.gif) repeat-y;
}
#inbody{
	width:1000px;
	margin:auto;
}
#main{
	width:740px;
	margin:0 20px;
	float:left;
}
#side{
	width:200px;
	margin-right:20px;
	float:right;
}
*html #main{
	margin:0 10px;
}
*html #side{
	margin-right:10px;
}
#footer{
	clear:both;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	margin-top:20px;
	padding-bottom:10px;
	text-align:center;
	color:#999999;
	font-size:0.8em;
}
#header{
	height:100px;
}
#header .logo{
	width:200px;
	margin:10px;
	float:left;
	height:80px;
	display:block;
	background:url(../../img/header_logo.jpg) no-repeat;
}
#header .txt_menu{
	text-align:right;
	float:right;
	margin:10px;
	font-size:0.8em;
}
#header .tel{
	width:220px;
	height:50px;
	margin:0;
	float:right;
	display:block;
	background:url(../../img/header_tel.gif) no-repeat;
}
#header .icon{
	width:210px;
	margin:0;
	float:right;
}
#header a.header_mail{
	width:48px;
	height:48px;
	display:block;
	float:left;
	margin-right:20px;
	background:url(../../img/header_mail.gif) no-repeat;
}
#header a.header_company{
	width:48px;
	height:48px;
	display:block;
	float:left;
	margin-right:20px;
	background:url(../../img/header_company.gif) no-repeat;
}
#header a.header_faq{
	width:48px;
	height:48px;
	display:block;
	float:left;
	margin-right:20px;
	background:url(../../img/header_faq.gif) no-repeat;
}
#header .icon img{
	margin-right:10px;
}
/*TopMenu Start*/
#t_menu{
	height:47px;
	margin:0;
	padding:0;
	clear:both;
	margin-bottom:20px;
	width:1000px;
	background:url(../../img/menu/bg.gif) no-repeat;
}
#t_menu a{
	text-decoration:none;
}
#t_menu ul{
	margin:0px;
	padding:0px;
}
#t_menu li {
	float:left;
	margin:0;
	padding:0px;
	font-size:1px;
	text-indent:-9999px;
}
#t_menu .menu01{
	width:167px;
	height:47px;
	display:block;
	background:url(../../img/menu/top.gif) no-repeat;
}
#t_menu .menu02{
	width:167px;
	height:47px;
	display:block;
	background:url(../../img/menu/goods_job.gif) no-repeat;
}
#t_menu .menu03{
	width:167px;
	height:47px;
	display:block;
	background:url(../../img/menu/goods.gif) no-repeat;
}
#t_menu .menu04{
	width:167px;
	height:47px;
	display:block;
	background:url(../../img/menu/product.gif) no-repeat;
}
#t_menu .menu05{
	width:167px;
	height:47px;
	display:block;
	background:url(../../img/menu/flow.gif) no-repeat;
}
#t_menu .menu06{
	width:165px;
	height:47px;
	display:block;
	background:url(../../img/menu/inquiry.gif) no-repeat;
}
#t_menu .menu01:hover,
#t_menu .menu02:hover,
#t_menu .menu03:hover,
#t_menu .menu04:hover,
#t_menu .menu05:hover,
#t_menu .menu06:hover,
#t_menu .select{
	background-position:bottom;
}
#t_menu .select:hover{
	background-position:bottom;
}
/*TopMenu End*/

/*SideContent Start*/
.side_btn_mailform a{
	width:200px;
	height:121px;
	display:block;
	background:url(../../img/side_btn_mailform.jpg) no-repeat;
}
.side_btn_mail a{
	width:200px;
	height:121px;
	display:block;
	background:url(../../img/side_btn_mail.jpg) no-repeat;
}
.side_btn_mailform a:hover,
.side_btn_mail a:hover{
	background-position:bottom;
}
.side_bnr_line{
	margin:25px 0;
	border-bottom:dashed 1px #cccccc;
}
/*SideMenu Start*/
#side_menu{
	margin:0;
	padding:0 0 30px 0;
	clear:both;
}
#side_menu a{
	text-decoration:none;
	margin:0;
	padding:0;
	width:200px;
	height:50px;
	display:block;
	border-bottom:dashed 1px #cccccc;
}
#side_menu ul{
	margin:0px;
	padding:0px;
}
#side_menu li {
	float:left;
	margin:0;
	padding:0;
	font-size:1px;
	text-indent:-9999px;
}
#side_menu img {
	padding:0;
	margin:0;
	display:block;
}
#side_menu .goods01{
	background:url(../../img/side/goods01.gif) no-repeat;
}
#side_menu .goods02{
	background:url(../../img/side/goods02.gif) no-repeat;
}
#side_menu .goods03{
	background:url(../../img/side/goods03.gif) no-repeat;
}
#side_menu .goods04{
	background:url(../../img/side/goods04.gif) no-repeat;
}
#side_menu .goods05{
	background:url(../../img/side/goods05.gif) no-repeat;
}
#side_menu .goods06{
	background:url(../../img/side/goods06.gif) no-repeat;
	border-bottom:none;
}
#side_menu .product01{
	background:url(../../img/side/product01.gif) no-repeat;
}
#side_menu .product02{
	background:url(../../img/side/product02.gif) no-repeat;
}
#side_menu .product03{
	background:url(../../img/side/product03.gif) no-repeat;
}
#side_menu .product04{
	background:url(../../img/side/product04.gif) no-repeat;
}
#side_menu .product05{
	background:url(../../img/side/product05.gif) no-repeat;
}
#side_menu .product06{
	background:url(../../img/side/product06.gif) no-repeat;
	border-bottom:none;
}
#side_menu .flow01{
	background:url(../../img/side/flow01.gif) no-repeat;
}
#side_menu .flow02{
	background:url(../../img/side/flow02.gif) no-repeat;
	border-bottom:none;
}
#side_menu .goods01:hover,
#side_menu .goods02:hover,
#side_menu .goods03:hover,
#side_menu .goods04:hover,
#side_menu .goods05:hover,
#side_menu .goods06:hover,
#side_menu .product01:hover,
#side_menu .product02:hover,
#side_menu .product03:hover,
#side_menu .product04:hover,
#side_menu .product05:hover,
#side_menu .product06:hover,
#side_menu .flow01:hover,
#side_menu .flow01:hover,
#side_menu .select{
	background-position:bottom;
}
#side_menu .select:hover{
	background-position:bottom;
}


#main{
	font-size:0.9em;
	line-height:1.3em;
	white-space:1px;
	color:#333333;
}
/*---------------------------------------navi*/
.navi_product{
	background-color:#a5cd55;
	color:#ffffff;
	font-size:12px;
	padding:3px 0px 2px 10px;
}
.navi_flow{
	background-color:#f09b19;
	color:#ffffff;
	font-size:12px;
	padding:3px 0px 2px 10px;
}
.navi_gjob{
	background-color:#ff9bb4;
	color:#ffffff;
	font-size:12px;
	padding:3px 0px 2px 10px;
}
.navi_contact{
	background-color:#ff8686;
	color:#ffffff;
	font-size:12px;
	padding:3px 0px 2px 10px;
}
.navi_newitem{
	background-color:#ff8686;
	color:#ffffff;
	font-size:12px;
	padding:3px 0px 2px 10px;
}
.navi_goods{
	background-color:#5a96b9;
	color:#ffffff;
	font-size:12px;
	padding:3px 0px 2px 10px;
}
.navi_product a,
.navi_flow a,
.navi_gjob a,
.navi_contact a,
.navi_goods a{
	color:#ffffff;
}
.stxt{
	font-size:0.8em;
}
.strong{font-weight:bold;}
.caps1{
	text-indent:-1em;
	margin-left:1em;
}
/*------------------------------------h1*/
h1{
	font-size:10px;
	padding:0;
	margin:20px 0px;
}
.h1 img{
	width:740px;
	height:35px;
}
h2{
	height:30px;
	margin:0px 0px 20px 0px;
	padding:35px 0px 0px 45px;
	font-size:0.95em;
	line-height:1em;
}
h2.flow{
	background:url(../../img/h1/h2_flow.gif) no-repeat;
}
.m05{margin:5px 0 0 0;}
.m1{margin:10px 0 0 0;}
.m15{margin:15px 0 0 0;}
.m2{margin:20px 0 0 0;}
.m3{margin:30px 0 0 0;}
.mgl05{margin-left:5px;}
.mgl15{margin-left:15px;}
.mgl20{margin-left:20px;}
.mgr04{margin-right:4px;}
.mgr15{margin-right:15px;}
.pdt05{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.pdt50{padding-top:50px;}
.pdb20{padding-bottom:20px;}
.pdtd20{
	padding-top:20px;
	padding-bottom:20px;
}
.mgs10{
	margin-left:10px;
	margin-right:10px;
}
.mgs20{
	margin-left:20px;
	margin-right:20px;
}
.mgs30{
	margin-left:30px;
	margin-right:30px;
}
.w180{width:180px;}
.w300{width:300px;}
.w330{width:330px;}
.w360{width:360px;}
.w400{width:400px;}
.w200{width:200px;}
.w260{width:260px;}
.w380{width:380px}
.w460{width:460px;}
.w740{width:740px;}
.h20{height:20px;}
.h50{height:50px;}
.h100{height:100px;}
.h200{height:200px;}

/*Top*/
.news{
	margin-top:10px;
	float:left;
}
.news p{
	padding:0;
	margin:0;
	text-indent:-6.5em;
	margin-left:6.5em;
}
.news_line{
	font-size:1px;
	line-height:1px;
	border-top:dashed 1px #cccccc;
	margin-top:7px;
	margin-bottom:10px;
}
.newitem{
	float:right;
	width:360px;
	margin-top:30px;
}
.newitem_box{
	background-image:url(../../img/top_newitem02.gif);
	width:340px;
	padding:0 10px 10px 10px;
	display:table-cell;
}
.newitem_img{border:solid 1px #cccccc;}
.newitem_line{
	border-bottom:solid 1px #da4040;
	font-weight:bold;
	margin-bottom:15px;
	font-size:120%;
}
.mpickup_line{
	border-bottom:solid 1px #5993bc;
	font-weight:bold;
	margin-bottom:15px;
	font-size:120%;
}
.mpickup_box{
	width:360px;
}

.newitem_bn_l{float:left; width:160px;}
.newitem_bn_r{width:570px; float:right;}
.newitem_bn_line{border-bottom:dotted 1px #cccccc; padding-top:20px; margin-bottom:20px;clear:both;}


/*---------------------------------------商品実績*/
.list_box{
	width:206px;
	border-right:dashed 1px #cccccc;
	padding:20px;
	float:left;
}
.list_img{text-align:center; margin-bottom:20px; margin-top:10px;}
.list_box .purpose{
	float:left;
	width:40px;
	height:40px;
	display:block;
	background:url(../../product/images/ico_purpose.gif) no-repeat;
}
.list_box .customer{
	float:left;
	width:40px;
	height:40px;
	display:block;
	background:url(../../product/images/ico_customer.gif) no-repeat;
}
.list_box .original_g{
	float:left;
	width:40px;
	height:40px;
	display:block;
	background:url(../../product/images/ico_original.gif) no-repeat;
}
.list_box .apparel_g{
	float:left;
	width:40px;
	height:40px;
	display:block;
	background:url(../../product/images/ico_apparel.gif) no-repeat;
}
.list_box .stationery_g{
	float:left;
	width:40px;
	height:40px;
	display:block;
	background:url(../../product/images/ico_stationery.gif) no-repeat;
}
.list_box .cloth_g{
	float:left;
	width:40px;
	height:40px;
	display:block;
	background:url(../../product/images/ico_cloth.gif) no-repeat;
}
.list_box .eco_g{
	float:left;
	width:40px;
	height:40px;
	display:block;
	background:url(../../product/images/ico_eco.gif) no-repeat;
}
.list_line{
	border-bottom:solid 1px #cccccc;
	font-size:1px;
	height:1px;
	clear:both;
}
.list_txt{
	width:160px;
	float:right;
	word-wrap:break-word;
}
.list_space{padding-top:5px;
clear:both;
}




.none_r{
	border-right:none;
}
.pageNavi{
	color:#cccccc;
	vertical-align:super;
	text-align:center;
}
.pageNavi strong{
	color:#666666;
}
.pageNavi_prev{padding-right:100px;}
.pageNavi_next{padding-left:100px;}




.goods_list_line{
	margin:0px 0 10px 0;
	border-bottom:dashed 1px #cccccc;
	width:100%;
}
.goods_list_tbl .photo{
	width:170px;
}
.goods_list_tbl .photo img{
	border:solid 1px #cccccc;
}
.goods_list_tbl .photo div img{
	border:none;
	margin-right:20px;
}
.goods_list_tbl .txt{
	margin:5px 0 0 20px;
}
.mlist_left{
width:360px; float:left; margin-top:30px; margin-right:20px;
}
.mlist_right{
width:360px; float:right; margin-top:30px;
}
/*商品詳細*/
.list_tbl{
	margin:0;
	padding:0;
}
.list_tbl th{
	margin:0px;
	padding:0px 0px 20px 0px;
	font-size:1;
	vertical-align:top;
	width:100px;
}
.list_tbl td{
	margin:0px;
	padding:0px 0px 20px 0px;
}
.pic{width:350px; height:350px;border:solid 1px #cccccc; margin-left:4px;}
.pic_tmb{width:360px; padding-top:20px;}
.pic_tmb img{border:solid 1px #cccccc;margin:0; padding:0; width:60px; height:60px;}
.pic_tmb a{
	display:block;
	float:left;
	border:solid 3px #ffffff;
	padding:0;
	margin:0;
	margin-bottom:5px;
	margin-right:4px;
}
.pic_tmb .current{
	border:solid 3px #cccccc;
}
/*FAQ*/
.faq_blue_top{
	width:740px;
	height:44px;
	display:block;
	background:url(../../flow/images/faq_blue_top.gif) no-repeat;
}
.faq_blue_btm{
	width:740px;
	height:10px;
	display:block;
	background:url(../../flow/images/faq_blue_btm.gif) no-repeat;
}
.faq_blue{
	background:url(../../flow/images/faq_blue_bg.gif) repeat-y;
	padding-left:50px;
	padding-bottom:10px;
}
.faq_a{
	float:left;
	width:50px;
	height:41px;
	display:block;
	background:url(../../flow/images/faq_a.gif) no-repeat;
}
.faq_green_top{
	width:740px;
	height:44px;
	display:block;
	background:url(../../flow/images/faq_green_top.gif) no-repeat;
}
.faq_green_btm{
	width:740px;
	height:10px;
	display:block;
	background:url(../../flow/images/faq_green_btm.gif) no-repeat;
}
.faq_green{
	background:url(../../flow/images/faq_green_bg.gif) repeat-y;
	padding-left:50px;
	padding-bottom:10px;
}
.faq_orenge_top{
	width:740px;
	height:44px;
	display:block;
	background:url(../../flow/images/faq_orenge_top.gif) no-repeat;
}
.faq_orenge_btm{
	width:740px;
	height:10px;
	display:block;
	background:url(../../flow/images/faq_orenge_btm.gif) no-repeat;
}
.faq_orenge{
	background:url(../../flow/images/faq_orenge_bg.gif) repeat-y;
	padding-left:50px;
	padding-bottom:10px;
}
.flow01{font-size:1px;}
.flow01 img{
	margin:0;
	padding:0;
}
.flow01 img.flow01_arrow{margin-bottom:35px}
.gjob_bg_pd{padding:50px 30px 20px 100px;}

.w645{
	width:645px;
}
.flow_left{
	width:249px; float:left;
}
.flow_right{
	width:90px; height:0px; float:right; text-align:center;
}
.flow_arrow{
	width:20px;
	text-align:center;
	padding-right:10px;
	padding-left:10px;
}

.flow_example{
  padding-left:20px;
  width:100%;
  border:1px solid #ED9912;
}

.flow_example_title{
  margin-top:10px;
  margin-bottom:10px;
}

.flow_link{
  margin-left:120px;
}

.flow_link_next{
  margin-right:5px;
  position:relative;top:3px;
}

.flow_box_top{
	background:url(../../flow/images/flow_box_top.gif) no-repeat;
	width:375px;
}
.flow_box_middle{
	padding-top:50px;
	padding-left:30px;
	padding-right:60px;
}
.flow_box_btm{
	background:url(../../flow/images/flow_box_btm.gif) no-repeat;
	width:375px;
	height:30px;
}


/*product index*/
.product01_box_L{width:430px; float:left;}
.product01_box_R{width:300px; float:right;}
.scbox_photo{height:70px; padding:10px 0 0 0; text-align:center;}
.scbox_photo img{border:solid 1px #cccccc; margin:0 5px 5px 0;}
.scbox_original{background-color:#ffe8e8;}
.scbox_apparel{background-color:#fff1f5;}
.scbox_stationery{background-color:#eff5f5;}
.scbox_cloth{background-color:#fff3c9;}
.scbox_eco{background-color:#e9f4d4;}
div.scrollWrapper {
   position:relative;
   overflow:hidden;
   width:100%; height:100%;
}
div.scrollableArea {
   position:relative;
   width:auto; height:100%;
}
.makeme {
   width:100%;      /* ウィンドウサイズいっぱいに */
   height:62px;   /* 画像の高さ */
   position:relative;
}
.makeme * {
   position:relative;
   float:left;
   margin:0; padding:0;
}

/*GoodsJob*/
.goodsjob_bg{
	background:url(../../goods_job/images/bg.gif) repeat;
	padding-top:30px;
}
.w250{width:250px;}
.w240{width:240px;}

/*Goods*/
.goods_box_l{width:355px; float:left; display:block;}
.goods_box_r{width:385px; float:right; display:block;}
.goods_box01{background:url(../../goods/images/goods_top/img01_bg.gif) repeat; display:block;}
.img01_photo{background:url(../../goods/images/goods_top/img01_photo.jpg) no-repeat; height:337px;}
.img01_photo div.photo{padding:56px 20px 0 74px;}
.goods_box02{background:url(../../goods/images/goods_top/img02_bg.gif) repeat; display:block;}
.img02_photo{background:url(../../goods/images/goods_top/img02_photo.jpg) no-repeat; height:337px;}
.img02_photo div.photo{padding:56px 20px 0 74px;}
.goods_box03{background:url(../../goods/images/goods_top/img03_bg.gif) repeat; display:block;}
.img03_photo{background:url(../../goods/images/goods_top/img03_photo.jpg) no-repeat; height:337px;}
.img03_photo div.photo{padding:56px 20px 0 74px;}
.goods_box04{background:url(../../goods/images/goods_top/img04_bg.gif) repeat; display:block;}
.img04_photo{background:url(../../goods/images/goods_top/img04_photo.jpg) no-repeat; height:337px;}
.img04_photo div.photo{padding:56px 20px 0 74px;}
.goods_box05{background:url(../../goods/images/goods_top/img05_bg.gif) repeat; display:block;}
.img05_photo{background:url(../../goods/images/goods_top/img05_photo.jpg) no-repeat; height:337px;}
.img05_photo div.photo{padding:56px 20px 0 74px;}
/*sitemap*/
.sitemap_h2{font-weight:bold;}
.sitemap_h2 img{margin-right:15px;}


/*word*/
.word_pink_top{
	width:740px;
	height:44px;
	display:block;
}
.word_pink{
	background:url(../../flow/images/word_pink_top.gif) no-repeat;
	padding-left:60px;
	padding-bottom:10px;
}
.word_p{
	float:left;
	width:50px;
	height:41px;
	display:block;
}

.site_theme{
	float:left;
	padding:30px 0 10px 0;
	display:block;
}



/*------------------------------------shareButton*/
.shareBtn .tw{
	float:right;
	width:70px;
	margin-left:5px;
}
.shareBtn .fb{
	float:right;	
	margin-right:5px;
}
.shareBtn .gp{
	float:right;
}