@charset "utf-8";

/*------------------------------------------------------------
書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.t_center{ text-align:center !important;}

/*------------------------------------------------------------
汎用スタイル
------------------------------------------------------------*/
* html .clearfix {
	zoom: 1;
}

*+html .clearfix {
	zoom: 1;
}

.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

/*------------------------------------------------------------
リンク・インプットをタップ時のクラス
------------------------------------------------------------*/
a.tapCtrl, input.tapCtrl,
.tapCtrl a, .tapCtrl input {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.tap {
}

/*------------------------------------------------------------
comLinkList
------------------------------------------------------------*/
.comLinkList {
	padding-left: 8px;
}

.comLinkList li {
	padding-bottom: 10px;
}

.comLinkList li a {
	display: inline-block;
	padding-left: 18px;
/*	background: url(../../img/common/icon02.gif) no-repeat left 3px;*/
}

.comLinkList ul {
	margin: 4px 0 0 20px;
}

.comLinkList ul li {
	padding: 11px 0 0;
}

.comLinkList ul li a {
	padding-left: 15px;
}

.comLinkList .liStyle01 a {
/*	background: url(../../img/common/icon03.gif) no-repeat left 4px;*/
}

.comLinkList .liStyle02 a {
/*	background: url(../../img/common/icon04.gif) no-repeat left 4px;*/
}

.comLinkList .liStyle03 a {
/*	background: url(../../img/common/icon05.gif) no-repeat left 4px;*/
}

.comLinkList .liStyle04 a {
/*	background: url(../../img/common/icon06.gif) no-repeat left 4px;*/
}

.comLinkList .liStyle05 a {
/*	background: url(../../img/common/icon07.gif) no-repeat left 4px;*/
}

.comLinkList .liStyle06 a {
/*	background: url(../../img/common/icon08.gif) no-repeat left 4px;*/
}

.comLinkList .liStyle07 a {
/*	background: url(../../img/common/icon09.gif) no-repeat left 4px;*/
}

.comLinkList .liStyle08 a {
/*	background: url(../../img/common/icon10.gif) no-repeat left 4px;*/
}

.comLinkList .liStyle09 a {
/*	background: url(../../img/common/icon11.gif) no-repeat left 4px;*/
}

/*------------------------------------------------------------
mainBox
------------------------------------------------------------*/
#main .mainBox {
	margin: 0 auto;
	width: 960px;
}

/*------------------------------------------------------------
h2
------------------------------------------------------------*/
#main h2 {
	margin: 0 auto;
	width: 890px;
}

/*------------------------------------------------------------
h3
------------------------------------------------------------*/
#main h3 img {
	margin: 0 auto;
}

/*------------------------------------------------------------
pageList
------------------------------------------------------------*/
#main .pageList li {
	float: right;
	font-size: 14px;
}

#main .pageList li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#main .pageList li a span {
	display: block;
	padding-right: 35px;
/*	background: url(../../img/common/icon13.gif) no-repeat right center;*/
}

#main .pageList li:first-child {
	float: left;
}

#main .pageList li:first-child a span {
	padding: 0 0 0 35px;
/*	background: url(../../img/common/icon12.gif) no-repeat left center;*/
}

/*------------------------------------------------------------
subBoxL subBoxR
------------------------------------------------------------*/
#main .subBoxL .photoList {
	float: left;
	width: 442px !important;
}

#main .subBoxL .txtBox {
	float: right;
	width: 420px;
}

#main .subBoxL .txtBox p,
#main .subBoxR .txtBox p {
	margin-bottom: 33px;
	font-size: 14px;
	line-height: 2.35;
}

#main .subBoxR .photoList {
	float: right;
	width: 442px !important;
}

#main .subBoxR .txtBox {
	float: left;
	width: 420px;
}

/*------------------------------------------------------------
comTable
------------------------------------------------------------*/
#main .mainBox .comTable {
	width: 100%;
	border-collapse: collapse;
}

#main .mainBox .comTable th,
#main .mainBox .comTable td {
	box-sizing: border-box;
	padding: 18px;
	width: 76%;
	border: 1px solid #C9C9CA;
	vertical-align: middle;
	text-align: left;
	word-break: break-all;
	font-size: 15px;
}

#main .mainBox .comTable th {
	width: 24%;
	background-color: #EEEFEF;
	text-align: center;
	font-weight: normal;
}

/*------------------------------------------------------------
pageTop
------------------------------------------------------------*/
#main .pageTop {
	position: fixed;
	right: 44px;
	bottom: 89px;
	z-index: 200;
	display: none;
}

/*------------------------------------------------------------
comPhoto
------------------------------------------------------------*/
#main .comPhoto {
	overflow: hidden;
	margin: 0 0 55px -251px;
/*	background: url(../../img/common/com_photo_bg.gif) repeat-x left top;*/
}

/*------------------------------------------------------------
comImgList
------------------------------------------------------------*/
#main .comImgList {
	margin: -49px -33px 44px 0;
}

#main .comImgList li {
	float: left;
	margin: 49px 31px 0 0;
}

/*------------------------------------------------------------
comWorkLink
------------------------------------------------------------*/
#main .comWorkLink {
	padding-top: 36px;
	border-top: 1px solid #C9C9C9;
}

#main .comWorkLink .area {
	margin: 0 auto;
	width: 960px;
}

#main .comWorkLink .area ul {
	overflow: hidden;
	margin: -12px -15px 65px 0;
	zoom: 1;
}

#main .comWorkLink .area li {
	float: left;
	margin: 12px 12px 0 0;
	width: 183px;
	text-align: center;
}

#main .comWorkLink .area li a {
	display: block;
	padding: 14px 0 13px;
/*	background: url(../../img/common/icon14.gif) no-repeat 163px center;*/
	background-color: #71C7D4;
	text-decoration: none;
	font-size: 15px;
}

#main .comWorkLink .area .menu01 a {
	background-color: #71C7D4;
}

#main .comWorkLink .area .menu02 a {
	background-color: #F9CCC6;
}

#main .comWorkLink .area .menu03 a {
	background-color: #98BD9E;
}

#main .comWorkLink .area .menu04 a {
	background-color: #E0A15E;
}

#main .comWorkLink .area .menu05 a {
	background-color: #E9ED98;
}

#main .comWorkLink .area .menu06 a {
	background-color: #A2B8D0;
}

#main .comWorkLink .area .menu07 a {
	background-color: #C495C1;
}

#main .comWorkLink .area .menu08 a {
	background-color: #F9DA97;
}

#main .comWorkLink .area .menu09 a {
	background-color: #BCB8DD;
}

#main .comLink a:hover,
#main .comWorkLink .area a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*------------------------------------------------------------
comLink
------------------------------------------------------------*/
#main .comLink {
	margin: 0 auto;
	width: 424px;
}

#main .comLink a {
	display: block;
	padding: 32px 0 29px;
/*	background: url(../../img/common/icon15.gif) no-repeat 272px center;*/
	background-color: #E6E6E8;
	text-align: center;
	text-decoration: none;
	letter-spacing: 6px;
	font-size: 16px;
}

/*------------------------------------------------------------
comWorkArea
------------------------------------------------------------*/
#main .comWorkArea h3 {
	clear: both;
	margin-bottom: 45px;
}

#main .comWorkArea .pTop {
	margin: -2px 32px 54px;
	font-size: 14px;
	line-height: 2.35;
}

#main .comWorkArea .imgBox {
	margin-bottom: 65px;
}

#main .comWorkArea .imgBox .pho {
	float: left;
	margin-top: -48px;
	width: 465px;
}

#main .comWorkArea .imgBox .pho li {
	float: left;
	margin-top: 48px;
}

#main .comWorkArea .imgBox .txtBox {
	float: right;
	margin-top: 12px;
	padding-right: 10px;
	width: 433px;
}

#main .comWorkArea .imgBox dt {
	margin: 0 0 24px -20px;
	padding-left: 22px;
/*	background: url(../../img/common/line01.gif) no-repeat left 11px;*/
	font-size: 16px;
}

#main .comWorkArea .imgBox dd {
	margin-bottom: 34px;
	font-size: 14px;
	line-height: 2.35;
}

#main .comWorkArea .txtInner {
	margin: 0 -30px 45px 0;
	padding-top: 10px;
}

#main .comWorkArea .txtInner .txtBox {
	float: left;
	margin-right: 30px;
	padding-bottom: 8px;
	width: 300px;
	background-color: #F7F7F7;
}

#main .comWorkArea .txtInner .txtBox h4 {
	margin-bottom: 27px;
	padding: 9px 0 4px 17px;
	width: 155px;
	border-bottom: 1px solid #F9CCC6;
	font-size: 19px;
}

#main .comWorkArea .txtInner .txtBox .wid {
	width: 182px;
}

#main .comWorkArea .txtInner .txtBox .txtList {
	margin: 0 25px;
	font-size: 17px;
}

#main .comWorkArea .txtInner .txtBox .txtList li {
	margin-bottom: 15px;
	padding-left: 20px;
/*	background: url(../../img/common/icon16.gif) no-repeat left 4px;*/
}

#main .comWorkArea .txtInner .txtBox .txtList .spe {
	margin-bottom: 6px;
	padding-left: 15px;
/*	background: url(../../img/common/icon17.gif) no-repeat left 5px;*/
	font-size: 15px;
	line-height: 1.75;
}

/*------------------------------------------------------------
none
------------------------------------------------------------*/
.pcNone {
	display: none !important;
}

.spNone {
	display: block !important;
}

@media all and (min-width: 1501px) {
	#main .comPhoto {
		/* margin: 0 auto 55px; */
		text-align: center;
	}

	#main .comPhoto img {
		margin: 0 auto;
	}
}

@media all and (min-width: 0) and (max-width: 736px)  {
	/*------------------------------------------------------------
	mainBox
	------------------------------------------------------------*/
	#main .mainBox {
		margin: 0 15px;
		width: auto;
	}

	/*------------------------------------------------------------
	h2
	------------------------------------------------------------*/
	#main h2 {
		width: auto;
	}

	#main h2 img {
		margin: 0 auto;
	}

	/*------------------------------------------------------------
	pageList
	------------------------------------------------------------*/
	#main .pageList li {
		font-size: 10px;
	}

	#main .pageList li a {
		padding: 2px 10px 1px;
	}

	#main .pageList li a span {
		padding-right: 17px;
		background-size: 12px 12px;
	}

	#main .pageList li:first-child a span {
		padding: 0 0 0 17px;
		background-size: 12px 12px;
	}

	/*------------------------------------------------------------
	comLinkList
	------------------------------------------------------------*/
	.comLinkList {
		padding-left: 6px;
	}
	.comLinkList01 {
		margin-bottom: 25px;
	}

	.comLinkList li {
		padding-bottom: 5px;
	}

	.comLinkList li a {
		padding-left: 12px;
		background-size: 7px 7px;
		text-decoration: none;
	}

	.comLinkList ul {
		margin: 1px 0 0 10px;
	}

	.comLinkList ul li {
		padding: 0;
	}	

	.comLinkList ul li a {
		padding-left: 12px;
		background-size: 7px 7px !important;
	}

	/*------------------------------------------------------------
	subBoxL subBoxR
	------------------------------------------------------------*/
	#main .subBoxL .photoList {
		float: none;
		width: auto;
	}

	#main .subBoxL .txtBox {
		float: none;
		width: auto;
	}

	#main .subBoxL .txtBox p,
	#main .subBoxR .txtBox p {
		margin-bottom: 15px;
		font-size: 10px;
		line-height: 2.2;
	}

	#main .subBoxR .photoList {
		float: none;
		width: auto;
	}

	#main .subBoxR .txtBox {
		float: none;
		width: auto;
	}

	/*------------------------------------------------------------
	comTable
	------------------------------------------------------------*/
	#main .mainBox .comTable th,
	#main .mainBox .comTable td {
		padding: 12px;
		width: 74%;
		font-size: 10px;
	}

	#main .mainBox .comTable th {
		padding: 12px 5px;
		width: 26%;
	}

	/*------------------------------------------------------------
	pageTop
	------------------------------------------------------------*/
	#main .pageTop {
		right: 29px;
		bottom: 59px;
	}

	#main .pageTop img {
		width: 33px;
	}

	/*------------------------------------------------------------
	comPhoto
	------------------------------------------------------------*/
	#main .comPhoto {
		margin: 0 0 22px;
	}

	/*------------------------------------------------------------
	comImgList
	------------------------------------------------------------*/
	#main .comImgList {
		margin: 0 5px 22px;
	}

	#main .comImgList li {
		float: none;
		margin: 0 0 22px;
		width: 100%;
	}

	#main .comImgList li:last-child {
		margin-bottom: 0;
	}

	#main .comImgList li img {
		width: 100%;
	}

	/*------------------------------------------------------------
	comWorkLink
	------------------------------------------------------------*/
	#main .comWorkLink {
		padding: 19px 20px 0;
	}

	#main .comWorkLink .area {
		width: auto;
	}

	#main .comWorkLink .area ul {
		margin: -12px 0 53px;
	}

	#main .comWorkLink .area li {
		margin: 12px 0 0 0;
		width: 48%;
	}

	#main .comWorkLink .area li:nth-child(2n) {
		float: right;
	}

	#main .comWorkLink .area li a {
		position: relative;
		padding: 11px 0 10px;
		background-image: none;
		font-size: 10px;
	}

	#main .comWorkLink .area li a:before {
		position: absolute;  
		top: 50%;  
		right: 7px;  
		margin-top: -4px;
		width: 8px;  
		height: 8px;
/*		background: url(../../img/common/icon14.gif) no-repeat left center;*/
		background-size: 8px 8px;
		content: "";
	}

	/*------------------------------------------------------------
	comLink
	------------------------------------------------------------*/
	#main .comLink {
		margin: 0 33px;
		width: auto;
	}

	#main .comLink a {
		position: relative;
		padding: 13px 0 12px;
		background-image: none;
		letter-spacing: 2px;
		font-size: 12px;
	}

	#main .comLink a:before {
		position: absolute;  
		top: 50%;  
		right: 36px;  
		margin-top: -4px;
		width: 8px;  
		height: 8px;
/*		background: url(../../img/common/icon15.gif) no-repeat left center;*/
		background-size: 8px 8px;
		content: "";
	}

	/*------------------------------------------------------------
	comWorkArea
	------------------------------------------------------------*/
	#main .comWorkArea {
		padding-top: 10px;
	}

	#main .comWorkArea h3 {
		margin-bottom: 20px;
	}

	#main .comWorkArea .pTop {
		margin: -2px 5px 37px;
		font-size: 10px;
		line-height: 2.2;
	}

	#main .comWorkArea .comImgList {
		margin-bottom: 37px;
		padding-top: 16px;
	}

	#main .comWorkArea .imgBox {
		margin: 0 5px 45px;
	}

	#main .comWorkArea .imgBox .pho {
		float: none;
		margin-top: 0;
		width: auto;
	}

	#main .comWorkArea .imgBox .pho li {
		margin: 0 0 29px;
		width: 100%;
	}

	#main .comWorkArea .imgBox .pho li:last-child {
		margin-bottom: 0;
	}

	#main .comWorkArea .imgBox .pho li img {
		width: 100%;
	}

	#main .comWorkArea .imgBox .txtBox {
		float: none;
		margin: 0 7px 20px;
		padding-right: 0;
		width: auto;
	}

	#main .comWorkArea .imgBox dt {
		margin: 0 0 15px -15px;
		padding-left: 16px;
/*		background: url(../../img/common/line01.gif) no-repeat left 6px;*/
		background-size: 12px 1px;
		font-size: 11px;
	}

	#main .comWorkArea .imgBox dd {
		margin-bottom: 27px;
		font-size: 10px;
		line-height: 2.2;
	}

	#main .comWorkArea .txtInner {
		margin: 0 5px 20px;
		padding-top: 11px;
	}

	#main .comWorkArea .txtInner .txtBox {
		float: none;
		margin-right: 0;
		padding-bottom: 28px;
		width: auto;
		height: auto !important;
	}

	#main .comWorkArea .txtInner div.txtBox:last-child {
		padding-bottom: 17px;
	}

	#main .comWorkArea .txtInner .txtBox h4 {
		margin-bottom: 15px;
		padding: 13px 0 4px 17px;
		width: 145px;
		font-size: 13px;
	}

	#main .comWorkArea .txtInner .txtBox .wid {
		width: 145px;
	}

	#main .comWorkArea .txtInner .txtBox .txtList {
		margin: 0 24px;
		font-size: 12.5px;
	}

	#main .comWorkArea .txtInner .txtBox .txtList li {
		margin-bottom: 8px;
		padding-left: 15px;
/*		background: url(../../img/common/icon16.gif) no-repeat left 2px;*/
		background-size: 12px 12px;
	}

	#main .comWorkArea .txtInner .txtBox .txtList .spe {
		margin-bottom: 1px;
		padding-left: 11px;
/*		background: url(../../img/common/icon17.gif) no-repeat left 2px;*/
		background-size: 10px 10px;
		font-size: 11px;
		line-height: 1.7;
	}

	/*------------------------------------------------------------
	none
	------------------------------------------------------------*/
	.pcNone {
		display: block !important;
	}

	.spNone {
		display: none !important;
	}


}



/*------------------------------------------------------------------------------
Css name: common.css
Css info: 共通スタイル
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
基本
--------------------------------------------------------------------------*/
html{
overflow-x : hidden;
overflow-y:scroll; 
height:100%;
}

* html body {	/* for IF6 */
font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* For modern browsers 回り込みの解除 */
.clearfix:before,
.clearfix:after {
display:table;
content:"";
}

.clearfix:after {
clear:both;
}

/* For IE 6/7 (trigger hasLayout) 回り込みの解除 */
.clearfix {
zoom:1;
}

.f-lef{		/* 左配置回り込み */
float:left;
}

.f-rig{		/* 右配置回り込み */
float:right;
}

.rig-10{		/* 右側余白10px */
padding-right:10px;
}

.lef-10{		/* 左側余白10px */
padding-left:10px;
}

.cen{		/* 真ん中寄せ */
text-align:center;
}

.rig{		/* 右寄せ */
text-align:right;
}

.lef{		/* 左寄せ */
text-align:left;
}

.tp{	         /* 上に揃える */
vertical-align:top;
}

.md{	      /* 中心に揃える */
vertical-align:middle;
}

.bt{	      /* 下に揃える */
vertical-align:bottom;
}

.hr-s1{
margin:1em 0px;
height:1px; /* 水平線の太さ */
/*background: url("../images/line_s1.gif");*/
	/* 画像の指定 */
}
img[src*="/upload/"]{
padding:4px;/* uploadディレクトリにアップされたimg要素のみ*/
border:1px solid #cccccc;
}

.nonetxt{		/* 文字消し */
display:none;
}

.btm-s1{		/* 下余白1行 */
margin-bottom:1em;
}
.btm-s2{		/* 下余白2行 */
margin-bottom:2em;
}
.btm-s3{		/* 下余白3行 */
margin-bottom:3em;
}
.btm-s4{		/* 下余白4行 */
margin-bottom:4em;
}
.btm-s5{		/* 下余白5行 */
margin-bottom:5em;
}
.btm-non{		/* 下余白無し */
margin-bottom:0em;
}

.ind-s1{
margin-left: 1em;  /* 2文字分右に下げる */   /* 段落 文字1文字上げる */
text-indent: -1em; /* 文字1文字分上げる */
}

.f-large{		/* 文字大きく */
font-size:130%;	
}

.f-small{		/* 文字小さく */
font-size:x-small ;	
}


@media screen and (max-width: 480px) {/* 480px以下用（スマートフォン用）の記述 */
#pan{
margin:5px 2px 30px 2px;		/* パンくずリンク */
width:96%;
font-size:12px;
line-height:21px;
}
#pan .home{
display:inline-block;
overflow: hidden;
width:77px;
height:21px;
background: #f6f6e6 /*url("../images/ico_home.png") no-repeat*/;
text-indent: 100%;
white-space: nowrap;
}
#pan a{
color:#333333;
text-decoration:none;
font-size:12px;
line-height:21px;
}
}
@media print, screen and (min-width:481px){/*481px以上用（PC用）の記述*/
#pan{
margin:5px auto 30px auto;		/* パンくずリンク */
width:980px;
font-size:12px;
line-height:12px;
}
#pan .home{
display:inline-block;
width:77px;
height:21px;
background: #f6f6e6 /*url("../images/ico_home.png") no-repeat*/;
text-indent:-9999px;
}
#pan a{
color:#333333;
text-decoration:none;
}
}

/*------------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {/* 480px以下用（スマートフォン用）の記述 */
#container{
position:relative;
overflow: hidden;
margin:0px;
padding:0px;
width:100%;
height: 100%;
text-align:left;
}

body > #container {
height: auto;
}

#content{
position:relative;
margin:0px auto;
width:100%;
text-align:left;
}

#main,
#main2,
#side{
width:100%;
}

#header{
position:relative;
margin:0px;
padding:0px;
width:100%;
height:110px;
background: #f6f6e6 /*url("../images/bg_header.gif") bottom right no-repeat*/; 
background-size:50% auto;
text-align:left;
}
#header-in{
position:relative;
margin:0px;
width:100%;
height: 100%;
text-align:left;
}

#footer{
position:relative;
bottom:0px;
margin:0px;
padding:0px;
min-height: 65px;
width:100%;
background:#f6f6e6 /*url("../images/bg_footer.gif") bottom left no-repeat*/; 
text-align:left;
}
#footer-in{
position:relative;
margin:0px;
width:100%;
height: 100%;
text-align:left;
}
}
@media print, screen and (min-width:481px){/*481px以上用（PC用）の記述*/
#container{
position:relative;
margin:0px;
padding:0px;
width:100%;
height: 100%;
text-align:left;
}

body > #container {
height: auto;
}

#content{
position:relative;
margin:0px auto;
width:980px;
text-align:left;
}

#main{
width:980px;
}

#main2{
float:left;
width:690px;
}

#side{
float:right;
width:240px;
}

#header{
position:relative;
margin:0px;
padding:0px;
width:100%;
/*background: url("../images/bg_header.gif") bottom right no-repeat; */
text-align:left;
}
#header-in{
position:relative;
margin:0px auto;
width:980px;
height: 100%;
text-align:left;
}

#footer{
position:relative;
bottom:0px;
margin:0px;
padding:0px;
min-height: 430px;
width:100%;
background:#f6f6e6 /*url("../images/bg_footer.gif") bottom left no-repeat*/; 
text-align:left;
}
#footer-in{
position:relative;
margin:0px auto;
width:980px;
height: 100%;
text-align:left;
}
}

/*------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {/* 480px以下用（スマートフォン用）の記述 */
#header h1{
padding-top:5px;
padding-left:5px;
width:165px;
}
#header h1 a{
display:block;
height:43px;
/*background: url("../images/logo.png") left no-repeat; */
background-size:contain;
background-size:165px auto;
text-indent:-9999px;
}

#header ul#guidenav{
position:relative;
top:20px;
text-align:center;
font-size:0;
}
#header ul#guidenav li{
display:inline-block;
margin:0 5px;
vertical-align:middle;
font-size:12px;
}	
#header ul#guidenav li.tel a{
display:block;
width:120px;
height:12px;
/*background: url("../images/btn_tel.png") left no-repeat; */
background-size:contain;	
text-indent:-9999px;
}		
#header ul#guidenav li.tim{
width:170px;
text-align:left;
font-size:11px;
line-height:11px;
}


#header .accordion{
position:absolute;
top:0;
right:0;
z-index:99999;
width:100%;
}
#header .accordion p{
position:absolute;
top:5px;
right:5px;
width:40px;
height:43px;
}
#header .accordion p span{
display:block;
width:40px;
height:43px;
/*background: url("../images/s-menu.png") no-repeat;*/
background-size:contain;
text-indent:-9999px;
}

#header ul#globalnav{
position:absolute;
top:110px;
z-index:99999;
display:none;
width:100%;
}
#header ul#globalnav li{
width:100%;
border-top:1px solid #ffffff;
background:#cc5566;
}
#header ul#globalnav li a{
display:block;
padding:0 5% 0 7%;
width:88%;
height:42px;
/*background: url("../images/ico_s3.png") 5px center no-repeat;*/
color:#ffffff;
text-decoration:none;
font-size:14px;
line-height:42px;
}
#header ul#globalnav li a.s2,
#header ul#globalnav li a.s5{
/*background: url("../images/ico_s11.png") 5px center no-repeat;*/
}

#header ul#globalnav li ul.subnav {
}
#header ul#globalnav li ul.subnav li{
width:100%;
border-top:1px solid #cc5566;
background:#ffffff;
}
#header ul#globalnav li ul.subnav li a{
display:block;
padding:0 5% 0 7%;
width:88%;
height:42px;
/*background: url("../images/ico_s3.png") 5px center no-repeat;*/
color:#333333;
text-decoration:none;
font-size:14px;
line-height:42px;
}

}
@media print, screen and (min-width:481px){/*481px以上用（PC用）の記述*/
#header h1 a{
position:relative;
top:28px;
left:10px;
display:block;
width:274px;
height:54px;
/*background: url("../images/logo.png") left no-repeat; */
text-indent:-9999px;
}

#header ul#guidenav{
position:absolute;
top:20px;
right:0px;
}	
#header ul#guidenav li.tel{
margin-bottom:10px;
width:241px;
height:24px;
/*background: url("../images/btn_tel.png") left no-repeat; */
text-indent:-9999px;
}	
#header ul#guidenav li.tim{
text-align:right;
font-size:13px;
line-height:20px;
}

#header .accordion p{
display:none;
}

#header ul#globalnav{
position:absolute;
top:105px;
left:0px;
font-size:0px;
}
#header ul#globalnav li{
position: relative;
display:inline-block;
}
#header ul#globalnav li a.s1{
display:block;
width:70px;
height:75px;
/*background: url("../images/gnav_01.png") left top no-repeat; */
text-decoration:none;
}
#header ul#globalnav li a.s2{
display:block;
width:182px;
height:75px;
/*background: url("../images/gnav_02.png") left top no-repeat;*/
text-decoration:none;
}
#header ul#globalnav li a.s3{
display:block;
width:182px;
height:75px;
/*background: url("../images/gnav_03.png") left top no-repeat;*/
text-decoration:none;
}
#header ul#globalnav li a.s4{
display:block;
width:182px;
height:75px;
/*background: url("../images/gnav_04.png") left top no-repeat;*/
text-decoration:none;
}
#header ul#globalnav li a.s5{
display:block;
width:182px;
height:75px;
/*background: url("../images/gnav_05.png") left top no-repeat;*/
text-decoration:none;
}
#header ul#globalnav li a.s6{
display:block;
width:182px;
height:75px;
/*background: url("../images/gnav_06.png") left top no-repeat; */
text-decoration:none;
}

#header ul.subnav {
position:absolute;
top:76px;
left:0px;	
z-index:9999;
display:none;
border:1px solid #cc5566;
}
#header ul.subnav li{
width:180px;
height:30px;
border:1px solid #cc5566;
background:#fff;
font-size:14px;
line-height:30px; 
}
#header ul.subnav li a{
display:block;
padding-left:23px;
/*background: url("../images/ico_s3.png") 5px no-repeat;*/
color:#333333;
text-decoration:none;
font-size:14px;
line-height:30px;
}

}

/*------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {/* 480px以下用（スマートフォン用）の記述 */
#footer-facility{
width:100%;
background:#ddddc6;
text-align:center;
}
#footer-facility .tit{
display:none;
}
#footer-facility .lis{
margin:0 auto;
padding:10px 0 5px 0;
font-size:0;
}
#footer-facility .lis li{
display:inline-block;
margin:0 2px;
margin-bottom:5px;
}
#footer-facility .lis li.senreikai a{
display:block;
width:100px;
height:32px;
/*background: url("../images/bana_senreikai.jpg") left no-repeat;*/
background-size:contain;
text-decoration:none;
}
#footer-facility .lis li.harima-hp a{
display:block;
width:100px;
height:32px;
/*background: url("../images/bana_harima-hp.jpg") left no-repeat;*/
background-size:contain;
text-decoration:none;
}
#footer-facility .lis li.harima-cl a{
display:block;
width:100px;
height:32px;
/*background: url("../images/bana_harima-cl.jpg") left no-repeat;*/
background-size:contain;
text-decoration:none;
}
#footer-facility .lis li.riha a{
display:block;
width:100px;
height:32px;
/*background: url("../images/bana_riha.jpg") left no-repeat;*/
background-size:contain;
text-decoration:none;
}
#footer-facility .lis li.homon a{
display:block;
width:100px;
height:32px;
/*background: url("../images/bana_homon.jpg") left top no-repeat;*/
background-size:contain;
text-decoration:none;
}		

#footer ul.assistnav-s1,
#footer ul.assistnav-s2,
#footer ul.assistnav-s3,
#footer ul.assistnav-s4{
display:none;
}

#footer .add{
padding-top:10px;
text-align:center;
}
#footer .add img{
display:inline-block;
width:40px;
}
#footer .add .txt{
position:relative;
top:3px;
left:0px;
display:inline-block;
text-align:left;
font-size:10px;
line-height:13px;
}
#footer .add .txt br{
font-size:10px;
line-height:13px;
}
#footer .add .txt span{
display:block;
margin-bottom:3px;
font-weight:bold;
font-size:10px;
line-height:10px;
}
#footer .add .txt a{
position:absolute;
bottom:0px;
left:0px;
display:block;
width:90px;
height:14px;
}

#cop{
height:30px;
background-color:#cc5566;
text-align:center;
}
#cop small{
color:#ffffff;
font-style:normal;
font-size:9px;
line-height:30px;
}
#cop a{
color:#ffffff;
text-decoration:none;
}

#gotop{
position:fixed;
right:5px;
bottom:10px;
}
#gotop a{
display:block;
width:35px;
height:34px;
/*background: url("../images/gotop-s.png") no-repeat;*/
background-size:contain;
text-indent:-9999px;
}
}
@media print, screen and (min-width:481px){/*481px以上用（PC用）の記述*/
#footer-facility{
min-height:163px;
width:100%;
background:#ddddc6 /*url("../images/bg_footer-facility.png") center top repeat-x*/;
text-align:center;
}
#footer-facility .tit{
margin-bottom:20px;
padding-top:44px;
/*background: url("../images/footer-facility_tit-01.png") center top no-repeat;*/
color:#443333;
font-size:17px;
font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
line-height:17px;
}
#footer-facility .lis{
position:relative;
left:-7px;
margin:0 auto;
width:990px;
font-size:0;
}
#footer-facility .lis li{
display:inline-block;
margin-left:7px;
}
#footer-facility .lis li.senreikai a{
display:inline-block;
width:191px;
height:61px;
/*background: url("../images/bana_senreikai.jpg") left no-repeat;*/
text-decoration:none;
}
#footer-facility .lis li.harima-hp a{
display:inline-block;
width:191px;
height:61px;
/*background: url("../images/bana_harima-hp.jpg") left no-repeat;*/
text-decoration:none;
}
#footer-facility .lis li.harima-cl a{
display:inline-block;
width:191px;
height:61px;
/*background: url("../images/bana_harima-cl.jpg") left no-repeat;*/
text-decoration:none;
}
#footer-facility .lis li.riha a{
display:inline-block;
width:191px;
height:61px;
/*background: url("../images/bana_riha.jpg") left no-repeat;*/
text-decoration:none;
}
#footer-facility .lis li.homon a{
display:inline-block;
width:191px;
height:61px;
/*background: url("../images/bana_homon.jpg") left top no-repeat;*/
text-decoration:none;
}		

#footer ul.assistnav-s1{
position:relative;
top:50px;
left:0px;
}
#footer ul.assistnav-s2{
position:absolute;
top:50px;
left:245px;
}
#footer ul.assistnav-s3{
position:absolute;
top:50px;
left:490px;
}
#footer ul.assistnav-s4{
position:absolute;
top:50px;
left:735px;
}
#footer ul.assistnav-s1 li,
#footer ul.assistnav-s2 li,
#footer ul.assistnav-s3 li,
#footer ul.assistnav-s4 li{
margin-bottom:10px;	
width:245px;
font-size:14px;
line-height:14px;
}
#footer ul.assistnav-s1 li a,
#footer ul.assistnav-s2 li a,
#footer ul.assistnav-s3 li a,
#footer ul.assistnav-s4 li a{
padding-left:20px;
/*background: url("../images/ico_s1.png") left no-repeat;*/
color:#333333;
text-decoration:none;	
font-size:14px;
line-height:14px;
}
#footer ul.assistnav-s4 li.s1 a{
/*background: url("../images/ico_s2.png") left no-repeat;*/
}

#footer .add{
margin-top:180px;
text-align:center;
}
#footer .add img{
display:inline-block;
}
#footer .add .txt{
position:relative;
top:3px;
left:10px;
display:inline-block;
text-align:left;
font-size:14px;
line-height:14px;
}
#footer .add .txt br{
font-size:14px;
line-height:16px;
}
#footer .add .txt span{
display:block;
margin-bottom:5px;
font-weight:bold;
font-size:15px;
line-height:15px;
}
#footer .add .txt a{
display:none;
}

#cop{
padding-top:23px;
min-height:47px;
background-color:#cc5566;
text-align:center;
}
#cop small{
color:#ffffff;
font-style:normal;
font-size:11px;
line-height:11px;
}
#cop a{
color:#ffffff;
text-decoration:none;
}

#gotop{
position:fixed;
right:20px;
bottom:40px;
}
#gotop a{
display:block;
width:49px;
height:49px;
/*background: url("../images/gotop.png") no-repeat;*/
text-indent:-9999px;
}
}