@charset "UTF-8";
/*
Theme Name: yui-lo
Theme URI: http://c-tpl.com/
Description: yui-lo
Version: 1.0
Author: Jazzinterplay
Author URI: http://www.jazzinterplay.co.jp/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}

table{
border-collapse: collapse;
border-spacing:0;
}
img{
border:0;
line-height:0;
}
ol,ul{
list-style:none;
}

body{
font:14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
/* background:#f6f3ee url(images/bg.png); */
background:#fafafa;
}


a:link,a:visited{color:#3894c0;text-decoration:none;}
a:hover{color:#56a7cd;}
a:active, a:focus {outline:0;}
img{border:0;}



/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper,#footer ul{
margin:0 auto;
/*width:880px;*/
max-width:880px;
clear:both;
}

#sidebar{
/* float:left; */
float:right;
width:233px;
padding:22px 0 50px;
/* padding:52px 0 50px; */
/* background-color:#ffffff;*/	/* jip */
}

#main{
/* float:right; */
float:left;
/*width:627px;*/
/*width:100%;*/
padding:22px 0 50px;
/* padding:52px 0 50px; */
/* background-color:#ffffff;*/	/* jip */
}


/*******************************
/* ヘッダー
*******************************/
#headerWrap{
height:147px;
/*height:70px; */
	margin-bottom: 5px;
}

#header{
position:relative;
height:147px;
/* background-color:#ffffff;*/	/* jip */
}

#header h1,#header h2,#header p,#headInfo{
position:absolute;
/*top:31px;*/
top:20px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

/* スローガン */
#header h1{
top:2px;
left:0;
color:#555;
	font-size: 12px;
}

/* ロゴ */
#header h2{
left: 88px;
}

/* 住所 */
#header p{
right:0;
}

#headInfo{
right:0;
}
#headInfo .leftContent,#headInfo .rightContent{
display:inline-block;
height:64px;
position:relative;
}
#headInfo .rightContent{
width:136px;
}
#headInfo .rightContent a{
display:block;
position:absolute;
}
#headInfo .rightContent a.contact2{
top:0;
}
#headInfo .rightContent a.profile{
bottom:0;
}


/************************************
/* メインナビゲーション
************************************/
ul#mainNav{
position:absolute;
top:102px; 
/* top:418px; */
/* height:45px; */
height:50px;
background:url(images/mainNavBg.png) no-repeat 0 0;
}

ul#mainNav li{
text-indent: -5000px;
float:left;
}

ul#mainNav a{
display: block;
/* width: 176px; */
width: 146px;
height: 45px;
background:#d6f2f9 url(images/mainNav1.png) no-repeat 0 0;
}



ul#mainNav li.current_page_item a,ul#mainNav li.current-menu-item a,ul#mainNav li a:hover{background-color:#fff9ba;background-position:0 -45px;}

ul#mainNav li.menu-item-2 a{background-image:url(images/mainNav2.png);}
ul#mainNav li.menu-item-3 a{background-image:url(images/mainNav3.png);}
ul#mainNav li.menu-item-4 a{background-image:url(images/mainNav4.png);}
ul#mainNav li.menu-item-5 a{background-image:url(images/mainNav5.png);}	

ul#mainNav li.menu-item-6 a{
	background-image:url(images/mainNav6.png);
	width:150px;
}	


/* new メインナビ2 JIP2015-12-29*/
div#mainNav{
position:absolute;
top:102px; 
/* top:418px; */
/* height:45px; */
height:50px;
background:url(images/mainNavBg.png) no-repeat 0 0;
}

div#mainNav li{
text-indent: -5000px;
float:left;
}

div#mainNav a{
display: block;
/* width: 176px; */
width: 146px;
height: 45px;
background:#d6f2f9 url(images/mainNav1.png) no-repeat 0 0;
}



div#mainNav li.current_page_item a,div#mainNav li.current-menu-item a,div#mainNav li a:hover{background-color:#fff9ba;background-position:0 -45px;}

div#mainNav li#menu-item-18 a{background-image:url(images/mainNav2.png);}
div#mainNav li#menu-item-19 a{background-image:url(images/mainNav3.png);}
div#mainNav li#menu-item-209 a{background-image:url(images/mainNav4.png);}
div#mainNav li#menu-item-25 a{background-image:url(images/mainNav5.png);}	
div#mainNav li#menu-item-179 a{
	background-image:url(images/mainNav6.png);
	width:150px;
}	
div#mainNav li#menu-item-389 a{background-image:url(images/mainNav7.png);}

/*******************************
/* メイン
*******************************/
/* #mainImg{margin-top:20px;} */
#mainImg{margin-top:5px;}

h3.heading{
clear:both;
position:relative;
padding-left:17px;
height:50px;
line-height:50px;
font-size:18px;
font-weight:normal;
/* color:#fff; */
color:#333;
text-align:center;
/*background:url(images/headingBg.png) no-repeat 0 0;*/
background-color:#bce1f3;
margin-bottom: 15px;
}

h3.heading span{
color:#c3e3f2;
padding-left:10px;
font-size:10px;
line-height:2;
}

h3.heading .showNewsList{
position:absolute;
right:0;
bottom:0;
}

h3.heading .showNewsList a{
display: block;
box-sizing: border-box;
padding:5px;
color:#333;
background-color:#eee;
}

.article_cell{
clear:both;
border-bottom:1px dashed #dcdcdc;
position: relative;
padding: 10px 0;
}

.mgb {
	margin-bottom: 10px;
}

.main{
margin:0 0 40px 0;
border:0;
background:none;
background:#fff;
}

.last{border-bottom:none;}

#main h2{
padding:0px 10px 10px 10px;
font-size:16px;
color:#333333;
//border-bottom:1px solid #dcdcdc;
}
#main h2.obi {
	padding: 0;
	height: 50px;
	line-height: 50px;
  background:url(images/headingBg.png) no-repeat 0 0;
	margin-bottom: 15px;
	font-size: 18px;
	text-align: center;
	font-weight: 400;
}
.main h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#333;
}

#newsList li{
border:0;
border-bottom: 1px dotted #787878;
padding:1em 0;
}
#newsList li:first-child{
border-top: 1px dotted #787878;
}

.article h4{
font-size:16px;
font-weight:normal;
color:#333;
}

.alignleft{
float:left;
margin-right: 10px;
}

.alignright{
float:right;
padding: 0 10px 15px 15px;
}

.aligncenter{
padding: 20px 0 20px 0;
text-align: center;
}

.main p{
padding:0 10px 0 10px;
}

.wp-caption img {
	height: 141px;
} 

.wp-caption-text {
	margin: auto;
	text-align: left;
	width: 250px;
}

.picture{
position:relative;
float:left;
box-sizing:border-box;
margin:5px 0 0 7px;
padding:15px 0;
width:204px;
height:250px;
background-color:#fff;
}
.group .picture:first-child{
margin-left:0;
}

.picture:hover{
background-color:#fffaef;
}

.picture .title{
text-align:center;
}

.picture .title img{
padding:10px 5px 10px 5px;
}

.picture .title .name{
font-size:110%;
}

.picture .description{
padding:5px 17px;
line-height:2;
}

.picture .detail{
display:inline-block;
position:absolute;
right:0;
left:0;
bottom:20px;
margin:auto;
padding:7px 14px;
width:60px;
text-align:center;
color:#fff;
background-color:#9a9a9a;
}

.picture .detail a{
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

.article_cell .detail{
display:inline-block;
/*
position:absolute;
right:0;
left:0;
bottom:20px;
margin:auto;
padding:7px 14px;
*/
width:60px;
text-align:center;
color:#fff;
background-color:#9a9a9a;
	position: absolute;
	top: 10px;
	right: 0;
}

.article_cell .detail a{
    color:#fff;
    font-style:normal;
    text-decoration:none;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#333333;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/*******************************
/* サイトバー
*******************************/
#sidebar h3{
clear:both;
padding-left:17px;
line-height:33px;
font-size:12px;
font-weight:normal;
/* color:#fff; */
color:#333333;
background:url(images/side_headingBg.png) no-repeat 0 0;
}

#sidebar ul{
overflow:hidden;
padding:0 0 10px 17px;
border:1px solid #d5d5d5;
margin-bottom:20px;
background:#fff;
}

#sidebar ul li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #dcdcdc;
}

#sidebar ul a:link,#sidebar ul a:visited{
display: block;
padding-left:12px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(images/linkArrow.gif) no-repeat 0 50%;
}

#sidebar ul a:hover, #sidebar ul li.current_page_item a, #sidebar ul li.current-menu-item a{color:#56a7cd;}

#sidebar ul li.last{border-bottom:none;}

#sidebar p{margin-bottom:20px;}

/*******************************
/* フッター
*******************************/
#footer{
clear:both;
}

#footer ul{
padding:25px 0;
text-align:center;
}

#footer li{
display: inline;
padding: 5px 16px;
border-left:1px dotted #d5d5d5;
}

#footer li a{
text-decoration:none;
color:#000;
}

#footer li a:hover{color:#999;}

p#copy{
padding:10px 0 37px;
text-align:center;
color:#000;
font-size:12px;
background-color:#bce1f3;
}


/*******************************
/* JIP tsuika
*******************************/

/*
.page_title{
	margin:5px auto 0 auto; 
	padding:0; 
	width:100%;
	background:#fff url(images/title/title_blank.png) no-repeat 0 0;
	height:76px;
}
*/



.page_title img{
	width:100%;
}


h2.title2{
	clear:both;
	margin:30px 0 0;
	padding:0px 20px;
	font-size:125%;
	/* border:1px solid #dadada; */
	border-bottom:0;
	background:#fff url(images/title/midashi_blank.jpg) repeat-x 0 100%;
	height:46px;
	color:#ffffff;
	font-weight:bold;
	line-height:42px;
}

h2.first2{
	margin-top:0;
}

h2.title3{
	clear:both;
	margin:30px 0 0;
	padding:7px 10px;
	font-size:200%;
	/*border:1px solid #dadada;*/
	border-bottom:0;
	/*background:#fff url(images/border.png) repeat-x 0 100%;*/
/*	color:#053d95;*/
	color:#ffffff;
/*	font-weight:bold;*/
	line-height:65px;

}

h2.first3{
	margin:0 0 0 5px;
	font-family:ＭＳ 明朝;
	text-align:center;
	text-shadow: 1px 1px 1px #000000;
}


h2.first{
	margin-top:0;
}

.corporateBlock {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	background: bisque;
}

.businessPicture {
	width: 45%;
	height: 52px;
	background: transparent url("http://yui-lo.com/wordpress/wp-content/themes/yui-lo/images/service_saimu.png") no-repeat scroll 0% 0%;
	float: left;
	margin: 0 2.5% 15px;
	background-position: 50%;
}

.businessPicture a {
	height: 100%;
	display: block;
}

#main .corporateHeading {
	text-align: center;	
	font-size: 2em;
	padding: 10px 0;
	border: none;
}

#profile {
	margin-bottom: 50px;
}


ul#mainNav.boundary a:after {
	background: url("images/boundaryline.png") no-repeat right;
	content: "";
	display: block;
	height: 45px;
	margin-top: -18px;
}

ul#mainNav.boundary li:last-child a:after {
	height: 0;	
}


/* g-navi 変更20151229 */
div#mainNav.boundary a:after {
	background: url("images/boundaryline.png") no-repeat right;
	content: "";
	display: block;
	height: 45px;
	margin-top: -18px;
}

div#mainNav.boundary li:last-child a:after {
	height: 0;	
}



	

.wp-caption-text {
	margin-top: 2px;
}
.wp-caption-text span {
	background: url("images/caption_number.png") no-repeat;
	color: white;
	line-height: 15px;
	width: 15px;
	text-align: center;
	display: inline-block;
	margin-right: 2px;
}

/*↓取り扱い業務20151229↓*/
#main .kojin, #main .houjin {
	padding: 0;
	line-height: 40px;
	padding-left: 10px;
	color: white;
	margin-bottom: 10px;
}

#main .kojin:before, #main .houjin:before {
	content: "";
	height: 20px;
	border-left: solid 3px;
	margin-right: 10px;	
}

#main .kojin {
	background: #57b2df;
	margin-top: 15px;
}

#main .houjin {
	background: #e58065;
}
ul.handling {
	margin-bottom: 20px;
	overflow: hidden;
}

ul.handling:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
  visibility: hidden;
}
ul.handling li {
	float: left;
}

ul.handling li:hover {
	opacity: .5;
	transition: .5s;
}

ul.handling li a {
	height: 80px;
	width: 204px;
	display: block;
	text-indent: -9999px;
}

.saimuseiri {
	width: 204px;
	height: 80px;		
	background: url("images/service_saimu2.png") no-repeat;
	margin: 0 0 3.75px 3.75px;
}

.koutsuujiko {
	width: 204px;
	height: 80px;		
	background: url("images/service_kotsujiko2.png") no-repeat;
	margin: 0 3.75px 3.75px 3.75px;
}

.souzoku {
	width: 204px;
	height: 80px;		
	background: url("images/service_sozoku2.png") no-repeat;
	margin: 0 3.75px 3.75px 0;
}

.kourei {
	width: 204px;
	height: 80px;		
	background: url("images/service_kourei2.png") no-repeat;
	margin: 0 0 3.75px 3.75px;
}

.rikon {
	width: 204px;
	height: 80px;		
	background: url("images/service_rikon2.png") no-repeat;
	/*! margin: 0 3.75px 3.75px 3.75px; */
	margin-left: 3.75px;
}

.roudou {
	width: 204px;
	height: 80px;		
	background: url("images/service_rodomondai2.png") no-repeat;
	margin: 0 3.75px 3.75px 0;
}

.fudousan {
	width: 204px;
	height: 80px;		
	background: url("images/service_hudosan2.png") no-repeat;
	margin: 0 3.75px 10px 3.75px;
}

.keiji {
	width: 204px;
	height: 80px;		
	background: url("images/service_keji2.png") no-repeat;
}

.minbou {
	width: 204px;
	height: 80px;		
	background: url("images/service_minbo2.png") no-repeat;
	margin: 0 3.75px 10px 0;
}

.houmu {
	width: 204px;
	height: 80px;		
	background: url("images/service_houmu2.png") no-repeat;
	margin: 0 0 3.75px 3.75px;
}

.komon {
	width: 204px;
	height: 80px;		
	background: url("images/service_komon2.png") no-repeat;
	margin: 0 3.75px 3.75px 3.75px;
}

.saiken {
	width: 204px;
	height: 80px;		
	background: url("images/service_saiken2.png") no-repeat;
	margin: 0 3.75px 3.75px 0;
}

.kaisyaseiri {
	width: 204px;
	height: 80px;		
	background: url("images/service_kaisyaseiri2.png") no-repeat;
	margin: 0 0 3.75px 3.75px;
}

.syoukei {
	width: 204px;
	height: 80px;		
	background: url("images/service_syoukei.png") no-repeat;
	margin: 0 3.75px 3.75px 3.75px;
}

.roudou {
	width: 204px;
	height: 80px;		
	background: url("images/service_rodomondai2.png") no-repeat;
	margin: 0 3.75px 3.75px 0;
}

.fudousan {
	width: 204px;
	height: 80px;		
	background: url("images/service_hudosan2.png") no-repeat;
	margin: 0 3.75px 3.75px 3.75px;
}

.keiji {
	width: 204px;
	height: 80px;		
	background: url("images/service_keji2.png") no-repeat;
	margin: 0 3.75px 10px 3.75px;
}

.minbou {
	width: 204px;
	height: 80px;		
	background: url("images/service_minbo2.png") no-repeat;
	margin: 0 3.75px 10px 0;
}

.headGuide {
	border-top: solid 2px #57b2df;
}

.headGuide {
	border-top: solid 2px #57b2df;
	clear: left;
	margin-top: 30px;
}

.headGuide h5 {
	font-size: 20px;
	line-height: 40px;
	color: #57b2df;
	float: left;
}

.headGuide .flR {
	float: right;
	background: #e8e8e8;
	margin-top: 5px;
	padding: 5px;
}

.houjinGuide h5 {
	color: #e58065;	
}

.kojinGuide .flR a {
	color: #e58065;
}

.kojinGuide h5 a:hover {
	color: #57b2df;
}

.houjinGuide h5 a:hover {
	color: #e58065;	
}

/*↓取り扱い業務詳細*/
.ind {
	text-indent: 1em;
	margin-bottom: 1em;
}

h4.ind {
	font-size: 20px;
	margin-bottom: initial;
	margin-top: 30px;
}

.qa {
	margin-bottom: 1em;
}

/*↓料金表*/
.priceList {
	width: 95%;
	margin-bottom: 30px;
}
.priceList th, .priceList td {
	border: 2px inset #000;
	padding: 10px;	
}
.priceList th {
	background: #eff4ff;
}

.priceList .wid1 {
	width: 1em;
}

.priceList .wid3 {
	width: 3em;
}

.priceList .wid4 {
	width: 4em;
}

.priceList .sp4 {
	width: 6em;
}

.kome {
	vertical-align: top;
	font-size: .8em;
}

.iloha dt, .iloha dd {
	float: left;
}

.iloha dt {
	width: 3%;
}

.iloha dd {
	width: 95%;
	margin-left: 2%;
	margin-bottom: 5px;
}
.iloha dd:last-child {
	margin-bottom: 20px;
}
.setImg {
	width: 350px;
	margin: 30px 0 30px 50px;
}
.cont {
 	background: #e8e8e8;
	margin: 10px 30px 10px 0;
	padding: 5px;
	float: right;
}
.centerImg {
	display: block;
	width: 350px;
	margin: 30px auto;
}
.map .title {
    width: 3em;}
.map small {
	padding-top: 5px;
	display: inline-block;
}
.qaOuter h3 {
  padding-bottom: 10px;
}
.kabaraiFlow {
  width: 40em;
}
.kabaraiFlow li:after {
  content: "↓";
  text-indent: 11em;
	display: block;
}
.kabaraiFlow li.last:after {
  content: "";  
}
.syousaiList {
	margin: 0 0 1em 1em;
}
.syousaiList li {
	padding: 5px 0;
}
.short {
  text-indent: 8em;
}
p.heading.mgnB {
	margin-bottom: 1em;
}
p.qaLink {
	height: 40px;
	line-height: 40px;
	font-weight: bold;
}
.th {
	width: 6em;
}



/* 
NEW
====================================================================================================
*/


@media screen and (max-width: 1156px) {


}

@media screen and (max-width: 968px) {


}



@media screen and (max-width: 830px) {

	/* ロゴ */
	#header h2{
		left: 45px;
	}

	#headerWrap{
		height:160px;
		margin-bottom: 5px;
	}


}

@media screen and (max-width: 500px) {


	/* ロゴ */
	#header h2{
		left: 10px;
	}


	#headerWrap{
		height:100px;
		margin-bottom: 5px;
	}


}