@charset "utf-8";
/* service.css
*************************/
#service {
position:relative;
}
/* side_content */
#side_content {
width: 25%;
position: absolute;
top: 0;
left: 0;
}
#side_content #side_nav #side_main {
background: #E8E8E8;
max-width:210px;
margin:0 0 10px;
padding:10px 0 5px;
}
#side_content #side_nav #side_main ul {
width: 90%;
margin: 0 auto;
}
#side_content #side_nav #side_main ul li  { margin:0 0 5px; }
#side_content #side_nav #side_main ul li a {
line-height: 1em;
display: block;
padding: 25px 10px;
margin: 0 0 1px;
background: white;
}
#side_content #side_nav #side_main ul li a span {padding: 0 0 0 20px;}
#side_content #side_nav #side_main ul li.cat1 a span {background:url(../img/common/icon_arrow_r.gif) left no-repeat;}
#side_content #side_nav #side_main ul li.cat2 a span {background:url(../img/common/icon_arrow_y.gif) left no-repeat;}
#side_content #side_nav #side_main ul li.cat3 a span {background:url(../img/common/icon_arrow_g.gif) left no-repeat;}
#side_content #side_nav #side_main ul li.cat4 a span {background:url(../img/common/icon_arrow_p.gif) left no-repeat;}
#side_content #side_nav #side_main ul li.cat5 a span {background:url(../img/common/icon_arrow_m.gif) left no-repeat;}

#side_content #side_nav #side_main ul li a:hover {
text-decoration: none;
background: #626262;
color: white;
}
#side_content #side_nav #side_main ul li.current { padding-bottom:15px; }
#side_content #side_nav #side_main ul li.cat5 { padding-bottom:0; }
#side_content #side_nav #side_main ul li.current a { margin:0; }
#side_content #side_nav #side_main ul li.cat1.current ,#side_content #side_nav #side_main ul li.cat1.current a { background-color:#eecdcd; }
#side_content #side_nav #side_main ul li.cat2.current ,#side_content #side_nav #side_main ul li.cat2.current a{ background-color:#efe5c0; }
#side_content #side_nav #side_main ul li.cat3.current ,#side_content #side_nav #side_main ul li.cat3.current a{ background-color:#cbe2d5; }
#side_content #side_nav #side_main ul li.cat4.current ,#side_content #side_nav #side_main ul li.cat4.current a{ background-color:#e2d9ec; }
#side_content #side_nav #side_main ul li.cat5.current ,#side_content #side_nav #side_main ul li.cat5.current a{ background-color:#cae7f0; }

#side_content #side_nav #side_main ul li a:hover span { background:url(../img/portfolio/bg_side_content_w.gif) left no-repeat; }
#side_content #side_nav #side_main ul li.cat1.current a span { background:url(../img/service/wrapping/icon_side_r.gif) left no-repeat; font-weight:bold; }
#side_content #side_nav #side_main ul li.cat2.current a span { background:url(../img/service/sign/icon_side_y.gif) left no-repeat; font-weight:bold; }
#side_content #side_nav #side_main ul li.cat3.current a span { background:url(../img/service/seal/icon_side_g.gif) left no-repeat; font-weight:bold; }
#side_content #side_nav #side_main ul li.cat4.current a span { background:url(../img/service/roadsign/icon_side_p.gif) left no-repeat; font-weight:bold; }
#side_content #side_nav #side_main ul li.cat5.current a span { background:url(../img/service/web/icon_side_m.gif) left no-repeat; font-weight:bold; }

#side_content #side_nav #side_main ul li.current ul { width:100%; }
#side_content #side_nav #side_main ul li ul li a {
	padding:5px 10px 5px 15px!important;
	margin:0 20px!important;
	font-weight:normal!important;
}
#side_content #side_nav #side_main ul li.c1 a {
	background-color:#da9191!important;	
}
#side_content #side_nav #side_main ul li.c2 a {
	background-color:#e6cd86!important;	
}
#side_content #side_nav #side_main ul li.c3 a {
	background-color:#8dbfa3!important;	
}
#side_content #side_nav #side_main ul li.c4 a {
	background-color:#bfacd6!important;	
}
#side_content #side_nav #side_main ul li ul li a.hover{ color:#000; }
#side_content #side_nav #side_main ul li ul li a{ background:url(../img/common/icon_arrow_w.gif) left no-repeat!important; }

/* main_content */
#main_content {
width:76%;
max-width:690px;
float:right;
}
#main_content  h2 {
width:100%;
margin: 0 0 30px;
}
#main_content p#content_top_lead {
font-size:15px;
margin:0 0 60px;
letter-spacing: 0;
line-height:1.8em;
}
#main_content h3{
width: 100%;
padding: 0 0 10px;
margin: 0 0 30px;
border-bottom: 5px solid #ebe9e9;
position: relative;
}
/* col1 */
#main_content  #col1{
margin:0 0 60px;
}
/* cat2 */
#main_content  #col2{
margin:0 0 60px;
letter-spacing: 0;
font-size:12px;
}
#main_content  #col2 p{
	margin:0 0 30px;
	line-height:1.8em;
}
#main_content  #col2 li{
	margin:0 0 0 1em;
	text-indent:-1em;
	line-height:1.8em;
}
/* cat3 */
#main_content  #col3{
margin:0 0 60px;
letter-spacing: 0;
font-size:12px;
}
#main_content #col3 .subject {
padding:0 0 40px;
margin:0 0 40px;
background:url(../img/common/dot_yoko.gif) bottom left repeat-x;
}
#main_content #col3 .subject.noline {
background:none;
}
#main_content #col3 .subject p.pic{
width:45%;
}
#main_content #col3 .subject dl {
	padding:0 15px;
}
#main_content #col3 .subject dl dt {
	font-size:20px;
	font-weight:bold;
	margin:0 0 25px;
}
#main_content #col3 .subject dl dd{
	font-size:13px;
	line-height:1.8em;
}
#main_content #col3 .subject dl dd.btn {
	margin:15px 0 0;
}
#main_content #cat3 .subject dl dd.btn a img{
	line-height:0;
}
/* ccl4 */
#main_content  #col4{
margin:0 0 60px;
letter-spacing: 0;
font-size:12px;
}
#main_content  #col4 ul {
	margin:0 0 40px;
}
#main_content  #col4 ul li {
	margin:0 0 0 1em;
	text-indent:-1em;
}

/* ribress */
#main_content #detail_list .btn{
	width:240px;
	margin:20px auto 0;
} 

/* detail_list */
#main_content #detail_list {
margin:0 0 60px;
letter-spacing: 0;
font-size:12px;
}
#main_content #detail_list  #result_contents {
padding:20px 0;
margin:0 auto;
}
#main_content #detail_list  #result_contents .grid {
letter-spacing:0;
}
#main_content #detail_list  #result_contents .result_img {
cursor:pointer;
max-height:184px;
height:100%;
vertical-align:bottom;
position:relative;
font-size:0;
}
#main_content #detail_list  #result_contents  .result_img .cover {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-height:184px;
opacity:0.85;
background:url(../img/portfolio/bg_result_img_hover.png) top left no-repeat #fff;
background-size:100% 100%;
}
#main_content #detail_list  #result_contents  .result_img:hover .cover,
#main_content #detail_list  #result_contents  .result_img.open .cover {
display:block;
}
#main_content #detail_list  #result_contents a:hover{
	text-decoration:none;
}
#main_content #detail_list  #result_contents  .result_img .cover p{
color:#fff;
font-weight:bold;
font-size:14px;
padding:10%;
}
#main_content #detail_list  #result_contents  .result_img .cover p span {
display:block;
}
#main_content #detail_list  #result_contents  .result_img .cover.cat1 {
background-color:#bc3737;
}
#main_content #detail_list  #result_contents  .result_img .cover.cat2 {
background-color:#bc9a1a;
}
#main_content #detail_list  #result_contents  .result_img .cover.cat3 {
background-color:#3b8857;
}
#main_content #detail_list  #result_contents  .result_img .cover.cat4 {
background-color:#8979bd;
}
#main_content #detail_list   #result_contents .detail {
display:none;
display:block;
cursor:auto;
}
#main_content #detail_list  .detail{
display:none;
background:#bc3737;
min-height:100px;
width:99.7%;
color:#fff;
}
#main_content #detail_list  .detail.cat1 {background:#bc3737;}
#main_content #detail_list  .detail.cat2 {background:#bc9a1a;}
#main_content #detail_list  .detail.cat3 {background:#3b8857;}
#main_content #detail_list  .detail.cat4 {background:#8979bd;}
/*
#result .detail .cycle-slideshow{

/* bottom_content */
#bottom_content {
display:none;
}
#contact_banner_sp {
display:none;
}
@media only screen and (max-width:960px) {
#side_content {
display:none;
}
#main_content {
width:100%;
float:none;
margin:0 auto;
}

#bottom_content {
display:block;
}

#bottom_content {
display:block;
}
#bottom_content {
width:90%;
background:#e8e8e8;
padding:15px 0;
margin:30px auto 20px;
}
#bottom_content #bottom_nav {
width:95%;
margin:0 auto;
}
#bottom_content #bottom_nav ul li a{
line-height:1em;
display:block;
padding:15px 10px;
margin:0 0 1px;
background:#fff;
}
#bottom_content #bottom_nav ul li a span {padding: 0 0 0 20px;}
#bottom_content #bottom_nav ul li.cat1 a span {background:url(../img/common/icon_arrow_r.gif) left no-repeat;}
#bottom_content #bottom_nav ul li.cat2 a span {background:url(../img/common/icon_arrow_y.gif) left no-repeat;}
#bottom_content #bottom_nav ul li.cat3 a span {background:url(../img/common/icon_arrow_g.gif) left no-repeat;}
#bottom_content #bottom_nav ul li.cat4 a span {background:url(../img/common/icon_arrow_p.gif) left no-repeat;}
#bottom_content #bottom_nav ul li.cat5 a span {background:url(../img/common/icon_arrow_m.gif) left no-repeat;}

#bottom_content #bottom_nav ul li a:hover {
text-decoration:none;
background:#626262;
color:#fff;
}
#bottom_content #bottom_nav ul li a span {
padding:0 0 0 20px;
font-weight:bold;
}
#bottom_content #bottom_nav ul li a:hover span, 
#bottom_content #bottom_nav ul li.current a span {
background:url(../img/common/bg_side_content_w.gif) left no-repeat;
}
#bottom_content #bottom_nav ul li.current {padding-bottom:15px;}
#bottom_content #bottom_nav ul li.cat5 {padding-bottom:0;}
#bottom_content #bottom_nav ul li.current a { margin:0; }

#bottom_content #bottom_nav ul li.cat1.current {background-color:#eecdcd;}
#bottom_content #bottom_nav ul li.cat2.current {background-color:#efe5c0;}
#bottom_content #bottom_nav ul li.cat3.current {background-color:#cbe2d5;}
#bottom_content #bottom_nav ul li.cat4.current {background-color:#e2d9ec;}
#bottom_content #bottom_nav ul li.cat5.current {background-color:#cae7f0;}

#bottom_content #bottom_nav ul li.cat1.current a { background-color:#eecdcd; }
#bottom_content #bottom_nav ul li.cat2.current a { background-color:#efe5c0; }
#bottom_content #bottom_nav ul li.cat3.current a { background-color:#cbe2d5; }
#bottom_content #bottom_nav ul li.cat4.current a{background-color:#e2d9ec;}
#bottom_content #bottom_nav ul li.cat5.current a { background-color:#cae7f0; }

#bottom_content  #bottom_nav ul li a:hover span { background:url(../img/portfolio/bg_side_content_w.gif) left no-repeat; }
#bottom_content #bottom_nav ul li.cat1.current a span { background:url(../img/service/wrapping/icon_side_r.gif) left no-repeat; }
#bottom_content #bottom_nav ul li.cat2.current a span { background:url(../img/service/sign/icon_side_y.gif) left no-repeat; }
#bottom_content #bottom_nav ul li.cat3.current a span { background:url(../img/service/seal/icon_side_g.gif) left no-repeat; }
#bottom_content #bottom_nav ul li.cat4.current a span { background:url(../img/service/roadsign/icon_side_p.gif) left no-repeat; }
#bottom_content #bottom_nav ul li.cat5.current a span { background:url(../img/service/web/icon_side_m.gif) left no-repeat; }
#bottom_content #bottom_nav ul li ul li a {
	padding:5px 10px 5px 15px!important;
	margin:0 20px!important;
}
#bottom_content #bottom_nav ul li ul li a.hover{ color:#000; }
#bottom_content  #bottom_nav ul li.current ul li a{ background:url(../img/common/icon_arrow_w.gif) left no-repeat !important; }

/**/
#contact_banner_sp{
width:90%;
margin:40px auto 0;
display:block;
}
#contact_banner_sp .inner{
width:90%;
max-width: 635px;
padding: 20px 0;
margin: 0 0 20px;
background:#fff;
border:1px solid #ccc;
}
#contact_banner_sp .inner p.lead{
float: left;
width: 61%;
margin-left:2%;
}
#contact_banner_sp .inner p.btn_contact {
float: right;
width: 35%;
padding: 15px 0 0;
margin-right:2%;
}
/* cat2 cat4 cat7 */
#main_content #cat2 ,#main_content #cat4 ,#main_content #cat7 { padding:0 0 40px;}
#contact_banner_sp{
width:90%;
margin:40px auto 0;
display:block;
}
#contact_banner_sp .inner{
width:90%;
max-width: 635px;
padding: 20px 0;
margin: 0 0 20px;
background:#fff;
border:1px solid #ccc;
}
#contact_banner_sp .inner p.lead{
float: left;
width: 61%;
margin-left:2%;
}
#contact_banner_sp .inner p.btn_contact {
float: right;
width: 35%;
padding: 15px 0 0;
margin-right:2%;
}
}
@media only screen and (max-width:640px) {
#contact_banner_sp { display:none; }

#main_content #col3 .subject dl dt {
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px;
}

}