@charset "utf-8";
/* CSS Document */

body {
	font-size:95%;
	line-height:1.8;
	margin:0;
	padding:0 0 40px 0;
	color:#666;
	font-family:"ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "MS PGothic", sans-serif;
	margin:0 auto;
}

img {
	line-height:1;
	border:none;
}


/********  ヘッダー  ***************************************/

#header_wrap{
	width:100%;
}

header {
max-width:960px;
padding:5px 20px 0 20px;
height:110px;
}

@media only screen and (max-width: 600px) {
	header {height:180px;}
}
	
header,footer {
	margin:0 auto;
	}

a {text-decoration:none;}
a:link, a:visited {color:#0386a5;}



header h1 {
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0 0 10px 0;
	color:#000;
}

#logo {
	width:260px;
	float:left;
}

#tel {
	width:210px;
	float:right;
}

@media only screen and (max-width: 600px) {
	
#logo {
	float:none;
	display:block;
	margin:0 auto;
}

#tel {
	float:none;
	display:block;
	margin:15px auto 20px auto;
}

header h1 {
	margin-left:10px;
	text-align:center;
}	
	
}

@media only screen and (max-width: 340px) {
	
#logo {
	width:100%;
	float:none;
}
}

/********  ナビゲーション  ***************************************/


#nav_wrapper{
	width:100%;
	background-image:url(../images/bg_li.gif);
	background-position:center top;
	background-repeat:x-repeat;
}



nav {
	max-width:960px;
	clear:both;
	text-align:center;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	letter-spacing:0.2em;
	font-size:17px;
}

nav ul {
	margin:0;
	padding:0;
}

nav li {
	float:left;
	width:24%;
	list-style:none;
	padding:0;
	white-space:nowrap;
	margin:0 5px 5px 0;
}

nav li a {
	color:#0386a5;
	display:block;
	width:100%;
	padding:5px 0;
}

nav li a:hover, nav li a:focus {
	color:#0386a5;
	background-image:url(../images/bg_li_ov.gif);
	background-position:center top;
	background-repeat:x-repeat;
}

@media screen and (max-width: 600px) {
nav {
	margin-bottom:5px;
	height:175px;
}



nav li {
    float: none;
    display:block;
    margin: 0;
    width: 100%;
    padding:0;
    text-align:center;
  }
}



.naver .naver-handle {
	color: #fff;
	font-size:200%;
	font-weight:bold;
	cursor: pointer;
	display: none;
	text-transform: uppercase;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
 	}
	
	 
.naver .naver-wrapper { 
	height: auto; 
	}
	
.naver .naver-container:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	}

.naver.enabled .naver-handle { 
	display: block;
	}
	
.naver.enabled .naver-wrapper {
	height: 0px;
	overflow: hidden;
	}

/********  メイン画像  ***************************************/


#visual {
	text-align:center;
	margin:0 auto;
}

#visual ul{
	padding:0;
}

#visual ul li img {
	width:100%;
	max-width:1400px;
	margin:0 auto;
}

@media only screen and (max-width: 600px) {
#visual {
	margin-top:0;
}
#visual  ul li{
	overflow:hidden;
	position: relative;
	height:180px;
}
	
#visual ul li img  {
	position: absolute;
	width:600px;
	height:180px;
	left:50%;
	margin-left:-300px;
}
}

#img2{
	display:none;
}

#main img {
	max-width:100%;
}

/********  コンテンツ  ***************************************/


#main {
	padding-bottom:30px;
}

#main h2 {
	background-image:url(../images/bg_li.gif);
	background-position:center top;
	background-repeat:x-repeat;
	font-weight:bold;
	letter-spacing:0.2em;
	padding:0 0 0 20px;
	font-size:17px;
}

#main p {
	font-size:15px;
	color:#03286b;
	padding:0 0 0 20px;
}

hr {
	 clear:both;
	 visibility:hidden;
}
 
.inner {
	max-width:960px;
	padding:0 20px;
	overflow:hidden;
	margin:0 auto;
}


/********  業務内容  ***************************************/

 
dl{
	margin-left:30px;
}


 @media only screen and (max-width: 600px) {
dl{
	margin-left:10px;
}
}

dd,dt{
	padding:3px 0;
}

dt{
 /*position:relative;*/
  padding-left:11px;
  margin-top:10px;
 border-left:10px solid #0386a5;
 border-bottom:1px solid #0386a5;
 font-size:100%;
 font-weight:bold;
}

 @media only screen and (max-width: 340px) {
dt{
 margin-left:-20px;
}
}

/*dt:before {
  content: "";
  display: inline-block;
  border: 6px solid transparent;
  border-left-color: #0386a5;;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
}*/

.sozoku_whole{
	width:510px;
	height:90px;
	background:#e9f4ff;
	border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	x-indent:100;
	margin-left:35px;
	margin-top:10px;
	padding:10px;
}

.sozoku{
	width:100px;
	float:left;
	text-align:center;
}

.sozoku2{
	width:180px;
	float:left;
	background:#ff0000;
	text-align:center;
	color:#fff;
	margin:0 10px;

}

.text_strong{
	font-weight:bold;
	color:#0386a5;
	margin:10px 0 0 0;
}

.intro_text ul{
	list-style:none;
}

.intro_text ul li{
	width:440px;
	background:#e9f4ff;
	color:#000;
	border-bottom:1px solid #fff;
	padding:0 10px;
}

 @media only screen and (max-width: 680px) {
.sozoku_whole{
	width:90%;
	height:auto;
	margin:0 auto;
}
.sozoku{
	width:32%;
}
.sozoku2{
	width:60%;
	float:none;
	clear:left;
	margin:0 auto;
}
.intro_text ul{
	padding-left:10px;
}
}


 @media only screen and (max-width: 620px) {
.intro_text ul{
	margin-left:10px;
	margin-right:10px;
}

.intro_text ul li{
	width:95%;
	margin-right:10px;
}

.intro_text{
	font-size:95%;
}

dd{
	margin-left:0;
}

}

/********  お問い合わせ  ***************************************/
.contact{
	width:600px;	
}

.contact_list{
	width:290px;
	float:left;
	margin:0;
	font-weight:bold;
	line-height:2em;
	font-size:16px;
}

.contact_img{
	width:250px;
	float:right;	
	margin:0 10px 0 5px;	
}

 @media only screen and (max-width: 620px) {
	 
.contact_img{
	margin-left:20px;
	float:none;	
}	 
	 
.contact_list{
	float:none;
	width:300px;
}
}

 @media only screen and (max-width: 340px) {
.contact_list{
	width:100%; 
	margin-right:10px; 
	float:none;
	} 
}

/********  アクセス  ***************************************/
.access{
	margin-left:15px;
	margin-right:10px;
}

.access p{
	color:#0386a5;
}

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

.access iframe{
	width:100%;
	margin:0 10px 0 0;}
}

/********  事務所概要  ***************************************/
.profile{
	margin-left:40px;	
}

@media only screen and (max-width: 600px) {
	
.profile {
	margin:10px auto;
}
}

table.profile {
	border-collapse:collapse;
	/*border-spacing:0;*/
	background:#e9f4ff;
	line-height:1.5;
}

th,td{
	padding:10px;
	border:1px #fff solid;
}

.tbl_img{
	text-align:center;
	vertical-align:middle;
	padding-bottom:0;
}

 @media only screen and (max-width: 600px) {
table{ width:90%;}
th{ width:25%; padding:0 0 0 5px;}
td{padding:5px 0 5px 5px;}

.tbl_img{padding-top:6px;}
}



/********  フッター  ***************************************/
footer,#footer {
	background-image:url(../images/bg.gif);
	background-position:center top;
	background-repeat:x-repeat;
	font-size:85%;
}

@media only screen and (max-width: 480px) {
footer,#footer {
	background-image:url(../images/bg_600.gif);
	background-position:center top;
	background-repeat:x-repeat;
	color:#636363;}
}

#info h2 {
	font-weight:normal;
	letter-spacing:0.3em;
	color:#fff;
}


#footNav {
	float:left;
	list-style:none;
	margin:1em 0;
	padding:0;
}

#footNav a:link, #footNav a:visited {
	color:#636363;
}

#footNav a:hover, #footNav a:focus {
	color:#0386a5;
}

#footNav li {
  position: relative;
  padding-left:11px;
}
#footNav li:before {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border-left-color: #0386a5;;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
}


#info {
	float:right;
	text-align:right;
	margin:30px 0;
}

#info a:link, #info a:visited {
	color:#636363;
}

#info a:hover, #info a:focus {
	color:#DCDCDC;
}

#info h2 {
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	font-weight:normal;
	letter-spacing:0.3em;
}

#info p {
	margin:0;
}

#copyRight {
	font-size:11px;
}

.share-buttons li{

	display: inline;
}

.share-buttons li img{
	width:25px;
}


.share-buttons img,.bnr {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.share-buttons img:hover,.bnr:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


#page-top {
	position: fixed;
	bottom: 10px;
	right: 20px;
}

#page-top img {
	width:45px;
}
.none{ display:none; }
	

.tar {text-align:right;}

.tar a {padding:5px 10px;
line-height:1;
border:1px solid #ccc; 
font-size:70%;
color:#aaa;}

#page-top {
	position: fixed;
	bottom: 10px;
	right: 20px;
}

#page-top img {
	width:45px;
     filter:alpha(opacity=80);
     -moz-opacity:0.8;
     -khtml-opacity: 0.8;
     opacity:0.8;
}

.clearfix{
	clear:both;	
}
.clearleft{
	clear:left;
}

.bold{
	font-weight:bold;
}

.red{
	color:red;
}
.bk_aqua{
	 background:#dff5fd;
	padding:5px;
}
.br-sp{
	display:none;	
}
@media only screen and (max-width: 680px) {
.br-sp2{
	display:block;	
}
}
@media only screen and (max-width: 480px) {
.br-sp{
	display:inline;	
}
}