@charset "utf-8";
/* home.js
*************************/
#contents .content_auter {
/* padding:50px 0; */
padding:20px 0;
}
h2 span.icon {
margin-right:15px;
}
#mainimage {
background:url(../img/home/bg_mainimage.gif) bottom center no-repeat;
padding:0 0 25px;
*display:none!important;
}
#mainimage #slider ul {
height:auto;
max-height:430px;
margin: 0;
padding: 0;
display: block;
}
#mainimage #slider li {
line-height:0;
text-align: center;
width: 1020px;
height:430px;
display: block;
float: left;
}
#mainimage #mainimage_items {
/*
width:100%;
height:100%;
max-width:1020px;
max-height:430px;
margin:0 0 0 -480px;
position:absolute;
top:0;
left:50%;
*/
}
#slide_nav {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
#slide_nav .inner{
	width:100%;
	max-width:1020px;
	height:100%;
	margin:0 auto;
	position:relative;
}
#btn_prev{
	width:100%;
	max-width:1020px;
	height:100%;
	margin-left:-100%;
	position:absolute;
	z-index:1000;
}
#btn_prev a{
	width:100%;
	height:100%;
	display:block;
	position:relative;
}
#btn_prev a span{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	right:-20px;
	top:44%;
}
#btn_next{
	width:100%;
	max-width:1020px;
	height:100%;
	margin-left:100%;
	position:absolute;
	z-index:100;
}
#btn_next a{
	width:100%;
	height:100%;
	display:block;
	position:relative;
	z-index:100;
}
#btn_next a span{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	left:-20px;
	top:44%;
}
#mainimage p#mainimage_btn {
height:100%;
position:relative;
display:none;
}
#mainimage p#mainimage_btn img{
position:absolute;
bottom:10%;
left:5%;
display:none;
}
#mainimage p#mainimage_sp_btn {
display:none;
}
#mainimage p#mainimage_lead {
height:100%;
position:relative;
}
#mainimage p#mainimage_lead img{
position:absolute;
top:5%;
right:5%;
}
#mainimage.responsive {
width: auto;
height:auto;
margin-left: 0;
position:relative;
}
#cylce {
width:100%;
height:100%;
max-width:1020px;
max-height:430px;
display:none;
*display:block;
margin:0 auto;
position:relative;
}
#cylce #cycle_btn {
position:absolute;
bottom:40px;
left:20px;
}
/* service */
#service {
width:95%;
max-width:1020px;
margin:0 auto;
}
#service #service_head {
width:100%;
margin: 0 0 10px;
}
#service #service_head p {
line-height:1.8em;
padding:0 0 0 20px;
}
#service #service_contents #main_service {
margin:0 auto;
width:100%;
}
#service #service_contents #main_service #service01,#service #service_contents #main_service #service02,
#service #service_contents #main_service #service03,#service #service_contents #main_service #service04 { padding: 20px 0 50px; }

#service #service_contents #main_service  p {
cursor:pointer;
text-align:center;
}
#service #service_contents #main_service  p.pic {
padding:0 10px;
}
#service #service_contents #main_service p.title{
width:auto;
max-width:190px;
margin:20px auto 0;
line-height:1em;
color:#000;
font-size:110%;
font-weight:bold;
}
#service #service_contents #main_service  p.title span{
padding:0 0 0 20px;
color:#000;
}
#service #service_contents #main_service  p.title span:hover { 	text-decoration:underline;}
#service #service_contents #sub_service{
position:relative;
margin:0 auto 40px;
padding:20px 0;
width:100%;
}
#service #service_contents #sub_service .inner{
max-width:940px;
width:100%;
margin:0 auto;
}
#service #service_contents #sub_service  p { text-align:center;}
#service #service_contents #sub_service  p.pic {
padding:0 10px;
}
#service #service_contents #sub_service  p.read {
text-align:left;
padding:0 10px 20px;
color:#fff;
}
#service #service_contents #sub_service p.title{
width:auto;
max-width:190px;
margin:20px auto 0;
line-height:1em;
color:#fff;
font-size:110%;
font-weight:bold;
}
#service #service_contents #sub_service  p.title a{
padding:0 0 0 20px;
background:url(../img/common/bg_side_content_w.gif) top left no-repeat;
color:#fff;
}
#service #service_contents #sub_service p.btn_close {
cursor:pointer;
position:absolute;
top:0;
right:0;
}
#service #service_contents #main_service #service01 p.title span{background:url(../img/common/bg_side_content_b.gif) left no-repeat; color:#000;}
#service #service_contents #main_service #service02 p.title span{background:url(../img/common/bg_side_content_b.gif) left no-repeat; color:#000;}
#service #service_contents #main_service #service03 p.title span{background:url(../img/common/bg_side_content_b.gif) left no-repeat; color:#000;}
#service #service_contents #main_service #service04 p.title span{background:url(../img/common/bg_side_content_b.gif) left no-repeat; color:#000;}
#service #service_contents.c1 #main_service #service01 {	background:url(../img/home/bg_anchor.png) bottom no-repeat #336699; }
#service #service_contents.c1 #main_service #service01 p.title span{background:url(../img/common/bg_side_content_w.gif) top left no-repeat; color:#fff;}
#service #service_contents.c1 #sub_service {background:#336699}
#service #service_contents.c2 #main_service #service02 {	background:url(../img/home/bg_anchor.png) bottom no-repeat #66CC33;}
#service #service_contents.c2 #main_service #service02 p.title span{background:url(../img/common/bg_side_content_w.gif) top left no-repeat; color:#fff;}
#service #service_contents.c2 #sub_service {background:#66CC33;}
#service #service_contents.c3 #main_service #service03 {background:url(../img/home/bg_anchor.png) bottom no-repeat #FF9933;}
#service #service_contents.c3 #main_service #service03 p.title span{background:url(../img/common/bg_side_content_w.gif) top left no-repeat; color:#fff;}
#service #service_contents.c3 #sub_service {background:#FF9933;}
#service #service_contents.c4 #main_service #service04 {background:url(../img/home/bg_anchor.png) bottom no-repeat #9677bc;}
#service #service_contents.c4 #main_service #service04 p.title span{background:url(../img/common/bg_side_content_w.gif) top left no-repeat; color:#fff;}
#service #service_contents.c4 #sub_service {background:#9677bc;}

#service #service_contents .btn_detail {
width:95%;
text-align:center;
margin:20px auto 0;
padding:20px 0 0;
}
#service #service_contents.c1 .btn_detail { border-top:1px solid #ce6d6d; }
#service #service_contents.c2 .btn_detail { border-top:1px solid #d1b248; }
#service #service_contents.c3 .btn_detail { border-top:1px solid #68aa84; }
#service #service_contents.c4 .btn_detail { border-top:1px solid #aa91c9; }
/* other_service */
#service #service_contents #other_service {
width:100%;
}
#service #service_contents #other_service  p.title {
margin:0 0 20px;
}
#service #service_contents #other_service  p.read {
margin:0 0 20px;
}

#service #service_contents #other_service  .rapper {
    line-height: 1.1em;
    letter-spacing: 0.2em;
    border-left: 5px solid #CC0000;
    /* font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif; */
    /* font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; */
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 0 0 0 15px;
    font-weight: bold;
    font-size: 180%;
    color: #000;
}

#service #service_contents #other_service .rapper span {
    font-size: 50%;
    letter-spacing: 0.1em;
    color: #B0B0B0;
    /* font-weight: bold; */
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


#service #service_contents #other_service {
/* background:url(../img/common/dot_tate.gif) top left repeat-y; */
margin:0 auto;
}
#service #service_contents #other_service  #other_service01,
#service #service_contents #other_service  #other_service02,
#service #service_contents #other_service  #other_service03 {
padding:0 20px;
background:url(../img/common/dot_tate.gif) top right repeat-y;
}
#service #service_contents #other_service  #other_service01 {
padding:0 6px 10px 6px;
*width:29%;
*padding:0 2%;
}
#service #service_contents #other_service  #other_service02 {
padding:0 20px 10px;
*width:29%;
*padding:0 2%;
}
#service #service_contents #other_service  #other_service03 {
padding:0 5px 10px 10px;
*width:29%;
*padding:0 2%;
}
#service #service_contents #other_service  #other_service04 {
padding:0 5px 10px 10px;
*width:29%;
*padding:0 2%;
}


#service #service_contents #other_service  #other_service01 ul li{
margin:0 0 10px;
}
#service #service_contents #other_service #other_service01  a{
font-size:90%;
padding:0 0 0 15px;
background:url(../img/common/icon_arrow_w.gif) top left no-repeat;
color:#000;
}
#service #service_contents #other_service  #other_service02 ul li a{
display:block;
padding:10px;
border:1px solid #dfdfdf;
margin:0 0 10px;
background:#fff;
}
#service #service_contents #other_service #other_service02  a span{
padding:0 0 0 20px;
background:url(../img/common/icon_arrow_w.gif) top left no-repeat;
color:#000;
}
#service #service_contents_sp {
display:none;
}
/* result */
#result {
width:95%;
max-width:1020px;
margin:0 auto;
}
#result #result_head {
margin: 0 0 40px;
width:100%;
}
#result #result_head h2{
padding:0 ;
}
#result #result_head p {
line-height:1.8em;
padding:0 0 0 20px;
}
#result #result_head p.btn_list {
line-height:0;
padding:0;
text-align:right;
}
#result #result_head p  img {
max-width:100%;
}
#result #result_contents {
background:url(../img/home/bg_result_contents.gif) bottom center no-repeat;
padding:0 0 20px;
margin:0 auto;
}
#result #result_contents .grid {
letter-spacing:0;
}
#result #result_contents .result_img {
cursor:pointer;
max-height:192px;
height:100%;
vertical-align:bottom;
position:relative;
font-size:0;
}
#result #result_contents  .result_img .cover {
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0.85;
background:url(../img/portfolio/bg_result_img_hover.png) top left no-repeat #fff;
background-size:100% 100%;
}
#result #result_contents  .result_img:hover .cover,
#result #result_contents  .result_img.open .cover {
display:block;
}
#result #result_contents a:hover{
text-decoration:none;
}
#result #result_contents  .result_img .cover p{
color:#fff;
font-weight:bold;
font-size:14px;
padding:10%;
}
#result #result_contents  .result_img .cover p span {
display:block;
}
#result #result_contents  .result_img .cover.cat1 {
background-color:#bc3737;
}
#result #result_contents  .result_img .cover.cat2 {
background-color:#bc9a1a;
}
#result #result_contents  .result_img .cover.cat3 {
background-color:#3b8857;
}
#result #result_contents  .result_img .cover.cat4 {
background-color:#8979bd;
}
result  #result_contents .detail {
display:none;
display:block;
cursor:auto;
}
#result .detail{
display:none;
background:#bc3737;
min-height:100px;
width:99.7%;
color:#fff;
}
#result .detail.cat1 {background:#bc3737;}
#result .detail.cat2 {background:#bc9a1a;}
#result .detail.cat3 {background:#3b8857;}
#result .detail.cat4 {background:#8979bd;}
#result #sp_all_result { display:none; }
/* news */
#news {
width:100%;
}
#news #news_head {
margin: 0 0 40px;
width:100%;
text-align:left;
}
#news #news_head h2{
padding:0 ;
}
#news #news_head p.btn_list {
text-align:right;
}
#news ul {
background:url(../img/common/dot_yoko.gif) top left repeat-x;
padding:15px 0px 0;
margin:0 10px 50px;
}
#news ul li {
padding: 0 5px 15px;
margin:0 0 15px;
background:url(../img/common/dot_yoko.gif) bottom left repeat-x;
text-align:left;
}
#news ul li span.date{
width:10%;
display:block;
float:left;
font-weight:bold;
}
#news ul li a {
width:80%;
display:block;
float:right;
padding:0 0 0 20px;
background:url(../img/common/icon_arrow_w.gif) top left no-repeat;
line-height:1.2em;
}
#news ul li span.post {
width:80%;
display:block;
float:right;
padding:0 0 0 20px;
background:url(../img/common/icon_arrow_w.gif) top left no-repeat;
line-height:1.2em;
}
#news .contact_banner {
max-width:600px;
padding:15px 25px 35px 15px;
margin:0 20p 20px;
background:url(../img/common/bg_contact.gif) bottom left no-repeat #fff;
border-radius: 6px;
}
#news .contact_banner p.lead {
float:left;
width:55%;
}
#news .contact_banner p.btn_contact {
float:right;
width:45%;
padding:15px 0 0 ;
}

#news .contact_banner p.btn_contact a {
    display: block;
    width: 180px;
    border: solid 2px #191970;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    color: #FFFFFF;
    padding: 10px 0;
    text-decoration: none;
    background: #191970;
}

#news .rapper {
    line-height: 1.1em;
    letter-spacing: 0.2em;
    border-left: 5px solid #CC0000;
    /* font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif; */
    /* font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; */
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding: 0 0 0 15px;
    font-weight: bold;
    font-size: 180%;
    color: #000;
}

#news .rapper span {
    font-size: 50%;
    letter-spacing: 0.1em;
    color: #B0B0B0;
    /* font-weight: bold; */
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}


#news .banner_area p{
text-align:right;
}
#news .banner_area p {
line-height:0;
margin:0 0 10px 10px;
}
#news #sp_all_news {
display:none;
}
@media only screen and (max-width:1020px) {
h2 img {
max-width:63%;
}

#mainimage #mainimage_items {
	/*
margin:0;
position:absolute;
top:0;
left:0;
*/
}
#btn_prev a span{
	right:-60px;
}

#btn_next a span{
	left:-60px;
}
#btn_prev a span img,#btn_prev a span img{
	width:100%;
	height:100%;
}
#news_inner {
width:100%;
text-align:center;
}
#service #service_contents #other_service  #other_service01 ul li{
width:100%;
}
#news_inner #news_contents {
width:90%;
margin:0 auto;
}
#news_inner .banner_area {
width:90%;
margin:0 auto;
text-align:left;
}
#news_inner .banner_area p{
text-align:left;
float:left;
margin:0 20px 0 0;
}

}
@media only screen and (max-width:640px) {
h2 {
width:100%!important;
margin:0 0 20px!important;
}
#contents .content_auter { padding:0 0 40px;}
#mainimage #mainimage_items #mainimage_btn img{
display:none;
}
#mainimage {
width:90%!important;
margin:0 auto!important;
background:none;
padding:0;
}
#slide_nav{
	overflow:visible;
}
#side_nav .inner{
	overflow:hidden;
}
#slide_nav #btn_prev{
	width:1px;
	margin-left:0;
}
#slide_nav #btn_next {
	width:1px;
}
#slide_nav #btn_prev a span{
	width:30px;
	height:30px;
	right:-20px;
	top:38%;
}
#slide_nav #btn_next a span{
	width:30px;
	height:30px;
	left:-20px;
	top:38%;
}
#slide_nav #btn_prev a span img,#slide_nav #btn_prev a span img{
	width:100%;
	height:100%;
}

#mainimage p#mainimage_sp_btn {
margin:10px 0 0;
display:block;
}
#contents {
margin:60px auto 20px;
}
#service {
width:90%;
margin:0 auto;
}
#service #service_head {
margin:0 0 10px;
}
#service #service_head h2 {
width:100%;
margin:0 0 20px;
}
#service #service_head p{
width:100%;
padding:0;
margin:0 0 10px;
}
#service #service_contents {
display:none;
}
#service #service_contents_sp {
display:block;
}
#service #service_contents_sp #sp_main_service {
background:#fbfbfb;
border:1px solid #e6e6e6;
border-bottom:none;
margin:0 0 40px;
}
#service #service_contents_sp .ms {
padding: 10px 0 0;
border-bottom:1px solid #e6e6e6;
}
#service #service_contents_sp .ms p.pic,
#service #service_contents_sp .ms p.text {
text-align:center;
cursor:pointer;
}
#service #service_contents_sp .ms p.text {
width:45%;
text-align:left;
margin:10% 5% 0 0;
padding:0 20px 0 10px;
background:url(../img/common/icon_plus.gif) right no-repeat;
}
#service #service_contents_sp .ms.open p.text {
background:url(../img/common/icon_minus.gif) right no-repeat;
}
#service #service_contents_sp  #sp_service01.ms.open p.text {background:url(../img/home/icon_close_01.gif) right no-repeat;}
#service #service_contents_sp  #sp_service01.ms.open p.text {background:url(../img/home/icon_close_02.gif) right no-repeat;}
#service #service_contents_sp  #sp_service03.ms.open p.text {background:url(../img/home/icon_close_03.gif) right no-repeat;}
#service #service_contents_sp  #sp_service04.ms.open p.text {background:url(../img/home/icon_close_04.gif) right no-repeat;}
#service #service_contents_sp .ms p.text span {
margin:0;
font-weight:bold;
display:block;
}
#service #service_contents_sp .ms .detail {
margin:10px 0 0;
display:none;
}
#service #service_contents_sp .ms .detail li {
padding:0 25px;
background:#ececec;
margin:0;
}
#service #service_contents_sp .ms .detail li a {
width:100%;
height:100%;
}
#service #service_contents_sp .ms .detail li a span{ vertical-align:middle; }
#service #service_contents_sp .ms .detail li a span.sub_title {
width:60%;
margin:0 0 0 5%;
padding:10px 0 10px 15px;
background:url(../img/home/icon_arrow.png) left no-repeat;
}
#service #service_contents_sp .ms .detail li.btn_detail {
text-align:center;
padding:15px 0;
}
#service #service_contents_sp .ms .detail li.btn_detail  a {
padding:0 0 0 15px;
background:url(../img/home/icon_arrow.png) left no-repeat;
font-size:13px;
font-weight:bold;
}
#service #service_contents_sp #sp_service01 p.text { color:#181818;}
#service #service_contents_sp #sp_service02 p.text { color:#181818;}
#service #service_contents_sp #sp_service03 p.text { color:#181818;}
#service #service_contents_sp #sp_service04 p.text { color:#181818;}

#service #service_contents_sp .open,#service #service_contents_sp .open a,
#service #service_contents_sp #sp_service01.open p.text,
#service #service_contents_sp #sp_service02.open p.text,
#service #service_contents_sp #sp_service03.open p.text,
#service #service_contents_sp #sp_service04.open p.text  { color: #fff; }

#service #service_contents_sp #sp_service01.open .detail { border-top:1px solid #303030; }
#service #service_contents_sp #sp_service01.open,
#service #service_contents_sp #sp_service01.open .detail li { background:#989898; border-bottom:1px solid #303030;}
#service #service_contents_sp #sp_service02.open .detail { border-top:1px solid #303030; }
#service #service_contents_sp #sp_service02.open,
#service #service_contents_sp #sp_service02.open .detail li { background:#989898; border-bottom:1px solid #303030;}
#service #service_contents_sp #sp_service03.open .detail { border-top:1px solid #303030; }
#service #service_contents_sp #sp_service03.open,
#service #service_contents_sp #sp_service03.open .detail li { background:#989898; border-bottom:1px solid #303030;}
#service #service_contents_sp #sp_service04.open .detail { border-top:1px solid #303030; }
#service #service_contents_sp #sp_service04.open,
#service #service_contents_sp #sp_service04.open .detail li { background:#989898; border-bottom:1px solid #303030;}

/*
#service #service_contents_sp #sp_other_service01 #sp_other_service01_head {	margin:0 0 20px;}
#service #service_contents_sp #sp_other_service01 #sp_other_service01_head p.title {width:100%;}
#service #service_contents_sp #sp_other_service01 #sp_other_service01_head p.read{	padding:3px 0; width:100%;}
#service #service_contents_sp #sp_other_service01 p a{
padding:0 0 0 15px;
margin:0 0 1em;
background:url(../img/common/icon_arrow_w.gif) left no-repeat;
display:inline-block;
}
*/
#service #service_contents_sp #sp_other_service01 {margin:0 0 40px;}
#service #service_contents_sp #sp_other_service01 #sp_other_service01_head p.title {width:100%; margin:0 0 20px;}
#service #service_contents_sp #sp_other_service01 #sp_other_service01_head p.read{	padding:3px 0; width:100%; margin:0 0 20px;}
#service #service_contents_sp #sp_other_service01 ul {
background:#fbfbfb;
border:1px solid #e5e5e5;
border-bottom:none;	
}
#service #service_contents_sp #sp_other_service01 ul li {
padding:10px;
border-bottom:1px solid #e5e5e5;
}
#service #service_contents_sp #sp_other_service01 ul li a{
padding:0 0 0 15px;
background:url(../img/common/icon_arrow_w.gif) left no-repeat;
}

#service #service_contents_sp #sp_other_service02 {	margin:0 0 40px;}
#service #service_contents_sp #sp_other_service02 p.title{	margin:0 0 20px;}
#service #service_contents_sp #sp_other_service02 ul {
background:#fbfbfb;
border:1px solid #e5e5e5;
border-bottom:none;	
}
#service #service_contents_sp #sp_other_service02 ul li {
padding:10px;
border-bottom:1px solid #e5e5e5;
}
#service #service_contents_sp #sp_other_service02 ul li a{
padding:0 0 0 15px;
background:url(../img/common/icon_arrow_w.gif) left no-repeat;
}
#result {
width:90%;
margin:0 auto;
}
#result #result_head { margin:0 0 10px; }
#result #result_head h2 {
width:30%;
margin:0;
}
#result #result_head p{ display:none; }
#result #result_contents  {
background:none;
padding:0 0 20px;
}
#result #result_contents .grid_unit {
width:50%;
display:none;
text-align:left;
}
#result #result_contents .grid_unit:nth-child(1),
#result #result_contents .grid_unit:nth-child(2),
#result #result_contents .grid_unit:nth-child(3),
#result #result_contents .grid_unit:nth-child(4){
display:inline-block;
}
#result #result_contents .grid_unit:nth-child(2n-1){
text-align:right;
}
#result #result_contents .grid_unit:nth-child(2n){
text-align:left;
}
#result #result_contents .detail{
max-width:480px;
margin:0 auto;
}
#result #sp_all_result,
#news #sp_all_news {
display:block;
margin:0;
padding:10px;
border:1px solid #e5e5e5;
background:#fbfbfb;
}
#result #sp_all_result a,
#news #sp_all_news a {
text-align:left;
line-height:1em;
padding:0 0 0 20px;
background:url(../img/common/icon_arrow_w.gif) left no-repeat;
width:100%;
height:100%;
display:block;
}
#result .detail .cycle-slideshow .detail_close{
display:none;
}
#result .detail .data {
position:relative;
}
#result .detail .data p.main_text{
width:100%;
margin:0 0 5px;
}
#result .detail .data .sub_text{
width:100%;
}
#result .detail .data .detail_close{
display: block;
position: absolute;
bottom: 0;
right: 0;
line-height: 0;
}

#news {
width:100%;
margin:0 auto;
}
#news ul { 	margin:0 0 20px; }
#news #news_head {
margin:0 0 10px;
}
#news #news_head h2 {
width:30%;
margin:0;
}
#news #news_head p{
display:none;
}
#news ul li span.date {
width:20%;
}
#news ul li a {
width:70%;
}
#news .contact_banner,#news .banner_area {
display:none;
}
}