@charset "utf-8";
/* ===================================================================
CSS information

=================================================================== */

/* トップページ要素
----------------------------------------------------------- */
#main .topics	{ background: #E1E1E1; border: 1px solid #D9D9D9; padding:9px;  }
#main .topics ul	{ overflow: hidden; margin-right:-1px; }
#main .topics li	{ width: 186px; float: left; margin-right:1px; }
#main .topics li dt	{ margin-bottom:1px; position: relative; }
#main .topics li dt span	{
	width: 176px;
	display: block;
	padding: 5px;
	font-size: 85%;
	color: #fff;
	background: #000;
	opacity: .7;
	position:absolute;
	bottom:0;
	left:0;
}
#main .topics li dt span.t5	{ padding: 15px 5px 16px; }
#main .topics li dd	{
	background: #fff;
	padding: 10px;
	font-size: 85%;
	min-height: 50px;
}

#main .product h2	{ margin-bottom: 10px; }
#main .product ul	{ overflow: hidden; margin-right:-20px; }
#main .product li	{ float: left; margin: 0 20px 10px 0; }
#main .product a:hover	{ opacity:.9; }

#main .topArea	{
	padding: 0px 0 0 0px;
	font-size: 85%;
}
#main .topArea h2	{ position: absolute; top:28px; left:0; }
#main .topArea ul	{
	overflow: hidden;
	margin-right:0px;
}
#main .topArea ul li	{
	width: 155px;
	margin: 0px auto;
	padding: 0px 37px 15px 0px;
	text-align: center;
	float: left;
}
#main .topArea ul li img	{
	width: 150px;
	height:150px;
	border: 1px solid #D6D6D6;
	padding: 5px;
}
#main .topArea ul li dt	{
	border-bottom: 1px dotted #999;
	padding-bottom: 0px;
	margin-bottom:5px;
	color: #060;
	font-weight: bold;
}
#main .topArea ul li dt a:link,#main .topArea ul li dt a:visited {
	color: #060;
	font-family: Arial, Helvetica, sans-serif;
}
#main .topArea .textArea	{
	background: url(../images/bg.gif) repeat;
	padding: 0px 5px;
}
#main .topArea .textArea dt	{
	font-size: 180%;
	line-height: 150%;
	margin-bottom:5px;
	font-family: "Microsoft YaHei", Arial, Helvetica;
	color: #360;
	text-align: center;
}

#topMenu{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width: 970px;
	height:434px;
	overflow:hidden;
	background:none transparent;
}
.topMenuList{
	position:absolute;
	top: 0px;
	left: 50%;
	margin-left:-1070px;
	width:2140px;
	height:434px;
	z-index:10;
	overflow: hidden;
}
.topMenuListBox{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:3580px;
	height:400px;
	zoom: 1;
}
.topMenuListBox:after {display: block;clear: both;height: 0;visibility: hidden;content: " ";}
.topMenuListBox div{
	float:left;
	position:relative;
	margin:0px 25px 0px 0px;
	width:970px;
	height:400px;
	background-repeat:no-repeat;
}
.topMenuListBox div a{
	position: relative;
	display: block;
	cursor: pointer;
}
.topMenuListBox div a span.top_btn_over,
.topMenuListBox div a img {
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	height:400px;
	width:970px;
}
.topMenuListBox div a span.top_btn_over {
	background: url("../images/top_btn_over.png") 0px -400px no-repeat;
	z-index: 20;
}
.topMenuListBox div a img {
	z-index: 15;
}
.topMenuSwitch{
	position:relative;
	margin:0px auto 0px;
	top:400px;
	width:1038px;
	z-index:999999;
	overflow:visible;
}
.topMenuBtnPrev,
.topMenuBtnNext{
	display:none;
	position:absolute;
	top:-400px;
	width:706px;
	height:400px;
	cursor:pointer;
}
.topMenuBtnPrev{ left:-676px;}
.topMenuBtnNext{ right:-676px;}
.topMenuBtnPrev a,
.topMenuBtnNext a{
	display:block;
}
.topMenuBtnPrev .topMenuBtnNet,
.topMenuBtnNext .topMenuBtnNet{
	width:706px;
	height:400px;
	text-indent:-9999px;
	background:url("../images/top_btn_over.png") 0px 0px no-repeat;
	overflow:hidden;
}
.topMenuBtnPrev a.topMenuBtn,
.topMenuBtnNext a.topMenuBtn{
	position:absolute;
	display:block;
	top:166px;
	width:39px;
	height:39px;
	text-indent:-9999px;
	background-image:url("../images/top_btn_over.png");
	background-repeat:no-repeat;
}
.topMenuBtnPrev a.topMenuBtn{background-position:0px bottom;left:684px;}
.topMenuBtnNext a.topMenuBtn{background-position:-120px bottom;left:-32px;}
.topMenuBtnPrev a.topMenuBtn:hover,
.topMenuBtnPrev a.topMenuBtn.over{background-position:-60px bottom;}
.topMenuBtnNext a.topMenuBtn:hover,
.topMenuBtnNext a.topMenuBtn.over{background-position:-180px bottom;}

.topMenuMark{
	display:none;
	padding:9px 0px 0px;
	_width:100%;
	height:11px;
	text-align:center;
}
.topMenuMark li{
	display:inline-block;
	/display:inline;
	zoom:1;
	margin-left:10px;
	width:6px;
	height:6px;
}
.topMenuMark li a{
	display:block;
	width:5px;
	height:5px;
	text-indent:-9999px;
	background-color:#FFF;
	border:1px #000 solid;
	-wibkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.topMenuMark li a:hover,
.topMenuMark li a.selected{
	background-color:#333;
}
.ie678 .topMenuMark li a{
	width:11px;
	height:10px;
	border:none;
	background:url(../images/ie678_top_menu_circle.gif) left top no-repeat;
	overflow:hidden;
}
.ie678 .topMenuMark li a:hover,
.ie678 .topMenuMark li a.selected{
	background-position:left -10px;
}

/* 製品紹介・製作実績
----------------------------------------------------------- */
#main section.list .topArea	{ margin: 0 -10px; }
#main section.list .topArea h3	{ background: none; padding:0; border: none; position: absolute; top:28px; left:0; }
#main section.list .topArea li img	{ width: 120px; height: 120px; }
#main section.detail h2 span, #main section.caseDetail h2 span	{
	display: inline-block;
	padding: 2px 5px;
	background:#666;
	font-size: 12px;
	color: #fff;
	margin: 0 5px 0 0;
	vertical-align:bottom;
}
#main section.detail h3	{ border-bottom: none; }

/* 画像ギャラリー -------- */
#main #gallery	{ margin: 0 0 40px; overflow: hidden; }
#main #gallery a	{ display: block; }
#main .imgMain	{ width: 320px; height: 320px; float: left; text-align:center; margin-bottom: 0; padding:1px; border: 1px solid #e8e8e8; text-align: center; }
#main #gallery #imgMain {
  background: url(../images/lightbox-ico-loading.gif) no-repeat center;
}
#main #gallery #imgMain img	{ width: 320px; height: auto; background:#fff; }
#main .gallery 	{ overflow: hidden; float: right; width:420px; margin-right:-10px; }
#main .gallery li	{ float: left; overflow: hidden; width:120px; padding:1px; border: 1px solid #e8e8e8; margin: 0 10px 10px 0; }
#main .gallery li img	{ width:120px; height: 120px; text-align: center; }
#main .gallery li img:hover	{ opacity:.7; }


#main section.detail .body	{ margin-bottom: 20px; }
#main section.detail table	{ font-size: 85%; }
#main section.detail th	{ width: 15%; }
#main section.detail .about, #main .caseDetail .about	{ background: url(../images/bg.gif); padding: 20px; border: 1px solid #DBDBDB; }
#main section.detail .about dt, #main .caseDetail .about dt	{ font-size: 116%; color: #333; margin-bottom: 10px; }

#main section.caseDetail .imgC	{ text-align: center; margin-bottom: 30px; }
#main section.caseDetail .imgC img	{ width: 320px; height: 320px; }
#main section.caseDetail .body	{ border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 20px 30px 10px; margin-bottom: 20px; }
#main .caseDetail .voice dt	{ font-size: 130%; padding: 10px; border-bottom: 1px dotted #666; margin-bottom: 15px; }
#main .caseDetail .boxL, #main .caseDetail .boxR	{ width: 325px; padding: 15px; border: 5px solid #DBDBDB; min-height: 280px; }
#main .caseDetail .boxL dt, #main .caseDetail .boxR dt	{ color: #000; padding: 5px 0 5px 30px; margin-bottom:5px; }
#main .caseDetail .boxL	{ float: left; }
#main .caseDetail .boxL dt	{ background: url(../images/dt_l.gif) no-repeat 0 3px; }
#main .caseDetail .boxR	{ float: right; }
#main .caseDetail .boxR dt	{ background: url(../images/dt_r.gif) no-repeat 0 3px; }

#main #form h3	{ padding:0; border: none; margin: 0 0 10px; }
#main #form [type=text],
#main #form [type=password],
#main #form textarea {
    padding:4px;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#main #form textarea { width: 400px; }
#main #form .kome {
	background-color:#F90;
	padding:2px 4px 0px 4px;
	color:#fafafa;
	font-size:9px;
	letter-spacing:1px;
	border-top:1px solid #fc3;
	border-bottom:1px solid #f73;
	border-right:1px solid #f73;
	border-left:1px solid #fc3;
	margin: 0px 0px 0px 10px;
	line-height: 2em;
}
#main #form footer	{ text-align: center; padding: 10px; }
#main aside#form [type=submit]	{ border: none; background: #333; padding: 15px 100px; color: #fff; }
#main aside#form .wpcf7-not-valid-tip-no-ajax, #main aside#form .wpcf7-mail-sent-ok	{ margin-left: 5px; color:#F66; font-weight: bold; }
#main aside#form .wpcf7-validation-errors, #main aside#form .wpcf7-mail-sent-ok	{
	padding: 20px;
	background: #fff;
	border: 3px solid #F66;
	color:#F66;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}
/* その他
----------------------------------------------------------- */
#main .sitemap	{}
#main .sitemap ul	{ font-weight: bold; }
#main .sitemap li	{ border-bottom: 1px dashed #ddd; }
#main .sitemap li a	{
	display: block;
	padding: 10px 5px 10px 13px;
	background: url(../images/arrow2.gif) no-repeat 0 13px;
}
#main .sitemap ul ul	{ margin-left: 30px; font-weight: normal; }
#main .sitemap ul ul li	{ border-bottom: none; }
#main .sitemap ul ul a	{ padding: 5px 5px 5px 13px; background-position: 0 8px; }

#main .company h2	{ background: none; padding:0; margin: 0 0 20px; }
#main .company a	{ color:#006666; }
#main .company table	{ border: none; }
#main .company table th	{ background: none; border: none; border-bottom: 1px dotted #999; padding: 20px; border-right: 1px dotted #999; }
#main .company table td	{ border: none; border-bottom: 1px dotted #999; padding: 20px; }

#main #qa section	{ background: #F2F2F2; border: 1px solid #ccc; padding:4px; margin-bottom: 20px; }
#main #qa section dl	{ border: 3px solid #fff; padding: 15px 15px 5px; margin-bottom:0; }
#main #qa section dt	{ background: url(../images/q.gif) no-repeat 10px 0; padding: 2px 5px 10px 30px; font-size: 116%; }
#main #qa section dd	{ border: 1px solid #ccc; padding: 40px 20px 15px; background: #fff url(../images/a.gif) no-repeat 20px 15px; margin-bottom:5px; }

/* お知らせ
----------------------------------------------------------- */
#main #info section, #main #campaign section	{
	margin: 0 auto 30px;
	padding: 20px;
	border: 3px solid #E1E1E1;
}
#main #info section h2, #main #campaign section h2	{ margin:0; }
#main #info section h2 a, #main #campaign section h2 a	{ color: #fff; }

#main #info section .nav, #main #campaign section .nav	{
	background: #E1E1E1;
	padding: 0 10px 3px;
	width: 120px;
	font-size: 10px;
	margin: 0 0 20px 564px;
	text-align: right;
}
#main #info section .body, #main #campaign section .body	{ padding: 10px 20px 20px; }

#main #info section footer, #main #campaign section	footer	{
	overflow: hidden;
	background: #E1E1E1;
	padding: 5px 10px;
	font-size: 10px;
	color: #999;
}
#main #info section footer time, #main #campaign section time	{ float: left; margin-bottom:0; }
#main #info section footer .link, #main #campaign section .link	{ float: right; margin-bottom:0; }

#main #campaign a	{ color:#FF6600; }
#main #info section, #main #campaign section	{ border-color:#E1E1E1; }
#main #campaign section .nav, #main #campaign section footer	{ background: #FFDCC5; }

#main #campaign .wp-pagenavi a, #main #campaign .wp-pagenavi span	{ background: #FF6600; color:#fff; }
#main #campaign .wp-pagenavi span	{ background: #fff; color: #FF6600; }
#main #campaign .wp-pagenavi a:hover	{ background: #FF8635; }

/* 遊具通販
----------------------------------------------------------- */
#main #onlineshop	{ margin: 0 -10px; }
#main #onlineshop .about	{ background: url(../images/bg.gif); padding: 20px; border: 1px solid #DBDBDB; margin-bottom:30px; }
#main #onlineshop dt	{ font-size: 116%; color: #333; margin-bottom: 10px; }

#main #onlineshop section {
	background:url(../images/works_bg01.gif) repeat;
	padding:10px;
	font-size: 85%;
}
#main #onlineshop section .item {
	background-color:#fff;
	padding:20px;
}
#main #onlineshop section .item h2 {
	background: none;
	margin:0 -20px 20px;
	padding:0 10px 10px;
	border-bottom:1px solid #ccc;
	color: #333;
	text-shadow: 1px 1px 0 #ccc;
}
#main #onlineshop section .imgArea	{ margin-bottom:0; }
#main #onlineshop section .imgL	{ width: 380px; font-size: 85%; overflow: hidden; }
#main #onlineshop section .imgL img	{ margin-bottom:2px; }
#main #onlineshop section .imgL p	{ width: 228px; float: left; }
#main #onlineshop section .imgL p.w210	{ width: 210px; }
#main #onlineshop section .imgL ul	{ width: 144px; float: right; }
#main #onlineshop section .imgL ul.w117	{ width: 117px; }
#main #onlineshop section ul.nl { margin-bottom: 10px; }
#main #onlineshop section ul.nl li	{
	list-style-type: disc;
	padding: 0px;
	margin-left: 20px;
}
#main #onlineshop section dl	{ padding: 5px 15px; border: 5px solid #eee; }
#main #onlineshop section dt	{ margin-bottom:5px; }
#main #onlineshop section dd	{ font-size: 11px; }
#main #onlineshop section .price	{ text-align: right; }
#main #onlineshop section .price strong	{ font-size: 18px; color: #C00; }
#main #onlineshop section .data	{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 5px; text-align: center; margin-bottom:0; }

#main .order .imgC	{ margin: 0 -10px 5px; }
#main .order .boxL	{ width: 370px; float: left; }
#main .order .boxR	{ width: 370px; float: right; }
#main .order .boxL h3, #main .order .boxR h3	{ margin: 0 0 15px; }
#main .order .boxL img, #main .order .boxR img	{ width: 370px; height: auto; }
#main .order .txtR	{ font-size: 85%; }

/* What's bolda
----------------------------------------------------------- */

#main .whatsboldaBody section {
	background:url(../images/whatsbolda_bg.jpg) no-repeat left top;
	padding:18px;
	margin:0 10px;
	position:relative;
}
#main .whatsboldaBody section dl {
	padding-top:10px;
}
#main .whatsboldaBody section dl dd {
	margin-top:10px;
	font-size:93%;
}
#main .whatsboldaBody section dl dd .readmore {
	position:absolute;
	right:28px;
	top: 28px;
}

/* ---- コンセプト-------- */

#main .conceptBody .concept,
#main .conceptBody .recycle {
	margin-left:-10px;
	margin-right:-10px;
}
#main .conceptBody .concept {
	padding-bottom:30px;
	background:url(../images/concept_bg01.jpg) no-repeat left bottom;
}
#main .conceptBody h2 {
	background: none;
	margin:50px 0 40px;
	padding: 0;
}
#main .conceptBody .concept .textArea {
	margin-bottom:30px;
}
#main .conceptBody .concept section {
	margin-left:20px;
	margin-right:20px;
}
#main .conceptBody .concept section dl {
	margin:0;
	overflow:hidden;
}
#main .conceptBody .concept section .imgL {
	width:140px;	
}
#main .conceptBody .concept section dl dt {
	margin:0 0 20px 0;
}
#main .conceptBody .recycle {
	padding-left:20px;
	padding-right:20px;
}
#main .conceptBody .recycle h2 {
	margin-left:-20px;
	margin-right:-20px;
}
#main .conceptBody .voc {
	font-size:93%;
	color:#CD0707;
}
#main footer#concept h2 {
	margin:0 -10px 30px;
	padding:0;
	background:none;
}
#main footer#concept nav ul {
	overflow:hidden;
	margin:0 -10px;
}
#main footer#concept nav ul li {
	float:left;
}

/* ---- 硬質紙ボード -------- */

#main .hardpaperBody {
	margin-left:-10px;
	margin-right:-10px;		
}
#main .hardpaperBody section.hardpaper {
	background:url(../images/hardpaper_bg.gif) repeat;
	padding: 10px 60px 10px 10px;
	margin:0 0 20px;
	position:relative;
}
#main .hardpaperBody section.hardpaper .imgArea {
	background-color:#ffffff;
	margin:0;
	padding:15px 10px;
}
#main .hardpaperBody section.hardpaper .imgArea dl,
#main .hardpaperBody section.hardpaper .imgArea dl dd {
	margin:0;
}
#main .hardpaperBody section.hardpaper .imgArea dl dt {
	margin-bottom:15px;
}
#main .hardpaperBody section.hardpaper .imgArea dl dd {
	margin:0;
}
#main .hardpaperBody section.hardpaper .imgArea dl dd .readmore a {
	position:absolute;
	right:7px;
	top:50%;
	margin-top:-18px;
}
#main .hardpaperBody section.hardpaper .imgArea a:hover	{ opacity:.7; }

/* ---- 硬質紙ボード＞下層ページ（共通） -------- */

#main .hardpaperBody .child section h2 {
	background:none;
	margin:0;
	padding:0 0 20px 20px;
}
#main .hardpaperBody .child section > .textArea {
	padding-left:40px;
	padding-right:250px;
	font-size:93%;
}
#main .hardpaperBody .child section dl dt {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:5px;
	margin-bottom:20px;
}
#main .hardpaperBody .child section .imgArea .imgL{
	margin:0;
}
#main .hardpaperBody .child section section .list1 {
	padding-left:20px;
}
#main .hardpaperBody .child section section .list1 li {
	background:url(../images/mildan_ico01.gif) no-repeat left top;
	padding:0 0 10px 30px;
}
#main .hardpaperBody .child .imgList	{ overflow: hidden; margin-right:-10px; }
#main .hardpaperBody .child .imgList li	{ float: left; margin-right:10px; }
#main .hardpaperBody .child section section .imgArea {
	padding:0 10px;
	margin:0 -10px;
}
#main .hardpaperBody .child section section .imgArea .imgL{
	margin-right:10px;
}
#main .hardpaperBody .child th, #main .hardpaperBody .child td	{ width:20%; }

/* ---- 硬質紙ボード＞下層ページ（個別） -------- */

#main .hardpaperBody .child section.mildan {
	background:url(../images/mildan_bg01.jpg) no-repeat left top;
}
#main .hardpaperBody .child section.reboard {
	background:url(../images/reboard_bg01.jpg) no-repeat left top;
}
#main .hardpaperBody .child section.fibreboard {
	background:url(../images/fibreboard_bg01.jpg) no-repeat left top;
}
#main .hardpaperBody .child section.fibreboard > .textArea {
	min-height:300px;
}

/* ---- 技術 -------- */

#main .techniqueBody {
	margin-left:-10px;
	margin-right:-10px;		
}
#main .techniqueBody section.technique {
	background:url(../images/hardpaper_bg.gif) repeat;
	padding: 10px 60px 10px 10px;
	margin:0 0 20px;
	position:relative;
}
#main .techniqueBody section.technique .imgArea {
	background-color:#ffffff;
	margin:0;
	padding:15px 10px;
}
#main .techniqueBody section.technique .imgArea dl,
#main .techniqueBody section.technique .imgArea dl dd {
	margin:0;
}
#main .techniqueBody section.technique .imgArea dl dt {
	margin-bottom:15px;
}
#main .techniqueBody section.technique .imgArea dl dd {
	margin:0;
}
#main .techniqueBody section.technique .imgArea dl dd .readmore a {
	position:absolute;
	right:7px;
	top:50%;
	margin-top:-18px;
}
#main .techniqueBody section.technique .imgArea a:hover	{ opacity:.7; }

/* ---- 技術＞下層ページ（共通） -------- */

#main .techniqueBody .child  {
	padding-left:10px;
	padding-right:10px;
}
#main .techniqueBody .child h3 {
	margin:0 -10px 30px;
}
#main .techniqueBody .child dl {
}
#main .techniqueBody .child dl dt {
	margin-bottom:30px;
}
#main .techniqueBody .child dl dd dl dt {
	margin-bottom:10px;
}
#main .techniqueBody .child dl dd dl dd {
	margin-bottom:30px;
}
#main .techniqueBody .child .column2 {
	overflow:hidden;
	margin-bottom:30px;
}
#main .techniqueBody .child .column2 .columnInner {
	width:340px;
	margin-right:30px;
	float:left;
}
#main .techniqueBody .child table th {
	min-width:6em;
	background-color:#ffffff;
	border:none;
	border-right:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	font-weight:normal;
}
#main .techniqueBody .child table td {
	border:none;
	border-bottom:1px dotted #cccccc;
}
#main .techniqueBody .child table caption {
	text-align:left;
	font-size:93%;
	font-weight:bold;
}
#main .techniqueBody .child table caption small {
	font-size:93%;
	font-weight:normal;
}
#main .techniqueBody .child .col3 {
	margin-right:50px;
}
small.notes{
	font-size:85%;
	color:#CC0000;
}
.caption {
	font-size:93%;
}

/* ---- FSC -------- */

#main .fscBody section.fscInner {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background:url(../images/fsc_bg01.gif) repeat;
	padding:0;
}

#main .fscBody section.fscInner > dl {
	margin:20px -1px;
	background:url(../images/fsc_bg02.gif) repeat-x left top;
}
#main .fscBody section.fscInner > dl > dt {
	border-bottom: 2px solid #CCCCCC;
	margin:0 20px;
	padding:20px 0;
}
#main .fscBody section.fscInner dl dd {
	margin:20px;
}
#main .fscBody section.fscInner dl dd dl dt {
	margin-bottom:10px;
	padding-bottom:0;
}


/* 導入紹介
----------------------------------------------------------- */

#main .worksBody section.works {
	background:url(../images/works_bg01.gif) repeat;
	padding:10px;
}

#main .worksBody section.works .worksInner {
	background-color:#ffffff;
	padding:20px;
	margin:0;
}
#main .worksBody section.works .worksInner h2 {
	margin:0 -20px 20px;
	padding:0 10px 20px;
	border-bottom:1px solid #cccccc;	
}
#main .worksBody section.works .worksInner .imgArea{
	margin:0;
	padding:0;
	
}
#main .worksBody section.works .worksInner .textArea {

	font-size:93%;
}
#main .worksBody section.works .worksInner .readmore {
	text-align:right;
	margin:0;
	padding:0;
}

/* ---- 導入紹介＞下層ページ（共通） -------- */

#main .worksBody .worksdetails h2 {
	margin-bottom:0;
}
#main .worksBody .worksdetails .detailsArea {
	margin:0 -10px;
	padding:20px 20px 40px;
	padding-right:220px;
}
section.troubleAndSolution > dl > dt {
	background: url(../images/worksdetails_bg11.gif) no-repeat left bottom;
	border-bottom: 1px dotted #cccccc;
	padding:30px 0 10px 70px;
	margin-bottom:20px;
}
section.troubleAndSolution > dl dd {
	background:url(../images/worksdetails_bg15.gif) no-repeat left bottom;/*ボーダー*/
	padding-bottom:30px;
	margin-bottom:30px;
}
section.troubleAndSolution > dl dd:last-child {
	background:none;
}
section.troubleAndSolution dl dl {
	position:relative;
	padding-left:20px;
}
section.troubleAndSolution dl dl.trouble {
	background:url(../images/worksdetails_bg12.gif) no-repeat center bottom;/*下向き矢印*/
	padding-bottom:10px;
	margin-bottom:20px;
}
section.troubleAndSolution dl dl.trouble dt,
section.troubleAndSolution dl dl.solution dt {
	position:absolute;
	left:50px;
	top:10px;
}
section.troubleAndSolution dl dl.solution dt {
	color:#CBA660;
}
section.troubleAndSolution dl dl.solution dt strong {
	color:#CC0000;
}
section.troubleAndSolution dl dl.trouble dd,
section.troubleAndSolution dl dl.solution dd {
	font-size:93%;
	padding:40px 20px 0 30px;
	min-height:75px;
}
section.troubleAndSolution dl dl.trouble dd {
	background:url(../images/worksdetails_bg13.gif) no-repeat;
}
section.troubleAndSolution dl dl.solution dd {
	background:url(../images/worksdetails_bg14.gif) no-repeat;
}

/* ---- 導入紹介＞下層ページ（個別） -------- */

#main .worksBody .worksdetails01 .detailsArea {
	background:url(../images/worksdetails_bg01.jpg) no-repeat left top;	
}
#main .worksBody .worksdetails02 .detailsArea {
	background:url(../images/worksdetails_bg02.jpg) no-repeat left top;	
}
#main .worksBody .worksdetails03 .detailsArea {
	background:url(../images/worksdetails_bg03.jpg) no-repeat left top;	
}
#main .worksBody .worksdetails04 .detailsArea {
	background:url(../images/worksdetails_bg04.jpg) no-repeat left top;	
}
#main .worksBody .worksdetails05 .detailsArea {
	background:url(../images/worksdetails_bg05.jpg) no-repeat left top;	
}
#main .worksBody .worksdetails06 .detailsArea {
	background:url(../images/worksdetails_bg06.jpg) no-repeat left top;	
}
#main .worksBody .worksdetails07 .detailsArea {
	background:url(../images/worksdetails_bg07.jpg) no-repeat left top;	
}
#main .worksBody .worksdetails08 .detailsArea {
	background:url(../images/worksdetails_bg08.jpg) no-repeat left top;	
}


/* WORK FLOW
----------------------------------------------------------- */

#main .workflowBody section.workflow {
	background:url(../images/workflow_bg02.gif) no-repeat left top;
	margin-left:-10px;
	margin-right:-10px;
	padding:30px 20px 0;
}
#main .workflowBody section.workflow h2 {
	margin-left:-20px;
}
#main .workflowBody section.workflow .textArea {
	padding:0 30px;
}
#main .workflowBody section.workflow02 .imgArea {
	padding-left:30px;
}
#main .workflowBody section.workflow02 dl {
	background:url(../images/workflow_bg01.gif) no-repeat;
	margin: 20px 0;
	padding:20px;
}
#main .workflowBody section.workflow02 dl dt {
	padding-bottom:10px;
}
#main .workflowBody section.workflow02 dl dd {
	font-size:93%;	
}#page #contents #main .worksdetailsBody .worksdetails.worksdetails01 {
}