@charset "UTF-8";



/*
	--------------------------------
	更新日: 2012-12-25
	--------------------------------
*/



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* --------------------------------
	body
-------------------------------- */
html {}
body {font-family:'メイリオ','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;font-size:12px;color:#545454;}



/* --------------------------------
	コンテナ
-------------------------------- */

article#all_container { width:100%; margin:0 auto; padding-bottom:40px;}

article#all_container {
    overflow: hidden;
}

article#all_container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html article#all_container {
    height: 1em;
    overflow: visible;
}
/**/


/* --------------------------------
	ヘッダ
-------------------------------- */

header { padding:20px 0 0;  width:960px; position:relative; margin:0 auto;}
#logo {  padding:0; margin:0 auto; text-align:center;}
#logo h1 { padding:0 0 40px 0;}
#logo p { padding:20px 0 5px;}
#logo p a { text-decoration:none;}

header div.shopInfo { position:absolute; top:0; right:0; width:290px;}
header div.shopInfo ul { width:290px;}
header div.shopInfo ul li { width:140px; float:left;}
header div.shopInfo ul li:nth-child(2) { width:140px; float:right;}

.sliderBox { width:1160px; margin:0 auto;}
#hdr_container {}
@media only screen and (max-width: 768px) {
header {
	width: 100%;
}
}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
header{}
#logo img { width:50%; margin:0 auto;}
}

/* --------------------------------
	グロナビ
-------------------------------- */
nav#gnav {margin:0 auto; height:30px; background:#FFFFFF;}
nav#gnav a { text-decoration:none; text-align:center;color:#9a9a9a;}
#menu {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
#menu li{
	display: block;
	 float:left;
	 width:20%;
	 padding:0;
	 font-family:'Arial', sans-serif;letter-spacing: 0.2em;color:#9a9a9a;font-size:12px;
}
#menu li a {
	display: block;
	text-align: center;
	text-decoration: none;
}
#menu li.gnav06{
	display: none;
	}

#menu li:last-child a{
	border: none;
}
#menu li a:hover{
	 color:#7d7d7d;
}
#toggle {
	display: none;
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
	.menu li {
		width: 25%;
	}

}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
	nav#gnav {
		height: auto;
	}
	article .subImg {
		clear:none;
	}
	nav#gnav #menu {
		display: none;
		width:100%;
		margin:0 0 0;
	}
	nav#gnav #menu li {
		width: 100%;
		padding:20px 0 20px;
		margin:0 0 0;
		float:none;
		border-bottom: 1px solid #96756f;
		background:#FFFFFF;
	}
	nav#gnav #menu li:first-child {
		border-top: 1px solid #96756f;
	}
	nav#gnav #menu li.gnav06{
	display:block;
	}
	#toggle {
		display:block;
		position: relative;
		width: 100%;
		background: #faf7f0;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 20px 0 20px;
		color:#000000;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background:#a6837c;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #faf7f0;
	}
	#toggle a:before {
		margin-top:-8px;
	}
	#toggle a:after {
		margin-top: 4px;
	}
}
/* --------------------------------
	サイドナビ
-------------------------------- */

nav#snav { width:300px; float:right;margin:20px 0 0;}
nav#snav dl { padding:0 0 20px;}


/* --------------------------------
	メインラップ
-------------------------------- */
article#mainWrap { margin:0 auto 100px;}
#mainVI { width:100%;}
#mainVI img{ width:100%; margin:0 auto 40px;}
article#mainWrap h1{ margin:0px auto;width:960px;text-align:center;border-bottom:thin solid #525252;border:none;}
article#mainWrap h1#pageTtl{ width:360px;margin:0px auto 30px;padding-bottom:15px;text-align:center;border-bottom:thin solid #525252;}  

#topNavi dl a{text-decoration:none; font-family:'Arial', sans-serif; letter-spacing: 0.2em; color: #545454; font-size:12px;}
#topNavi dl a:link,
#topNavi dl a:visited{text-decoration:none; font-family:'Arial', sans-serif; letter-spacing: 0.2em; color: #545454; font-size:12px;}
#topNavi dl a:hover{font-family:'Arial', sans-serif; letter-spacing: 0.2em; color:#9a9a9a; font-size:12px;}
#topNavi dl dd{font-family:'メイリオ', sans-serif;font-size:12px;}

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

article#mainWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html article#mainWrap {
    height: 1em;
    overflow: visible;
}
/**/


/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
article#mainWrap { width:100%;margin:0 auto;}
article#mainWrap h1{ margin:5% auto;width:90%;text-align:center;border-bottom:thin solid #525252;border:none;}
article#mainWrap h1#pageTtl{ width:90%;margin:0 auto 5%;padding-bottom:5%;text-align:center;border-bottom:thin solid #525252;} 
}
@media only screen and (max-width: 480px) {
article#mainWrap h1#pageTtl img{ width:70%;}
}

/* --------------------------------
	topラップ
-------------------------------- */
#topNavi { padding-top:50px;}
#topNavi  dl { width:225px;  float:left; margin-right:20px;}
#topNavi  dl:nth-child(4) { width:225px; margin-right:0px;}
#topNavi  dl  img{ width:225px;}
#topNavi  dl  dt{width:225px;padding:12px 0 5px;text-align:center;}
#topNavi  dl  dd{width:225px;padding-top:10px;border-top:thin solid #9D9D9D;text-align:center;letter-spacing: 0px;}
 
 
#contentsWrap #topOther { clear:both; padding-top:160px;}
#topImage{ float:left; width:400px; margin-right:60px;}
.fb-page{ float:right; width:500px;}

#newsBox{ width:900px;margin:50px auto 100px;}
#newsBox h2 { margin:0 0 20px; border-bottom:2px solid #000000;}
#newsBox ul { padding:0 10px 0; font-size:1.1em;}
#newsBox ul li { margin:0.5em 0 0;}
#newsBox ul li a { color:#333333;}
#newsBox ul li a:hover { color:#BCBCBC;}
#rss div ul { margin-bottom: 5px;}
#rss div ul li { display:inline-block; }
#rss div ul li:nth-child(2) { padding-left: 20px;}
#socialBox { float:right; width:460px}

#topNavi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #topNav {
    height: 1em;
    overflow: visible;
}
/**/

.topFtBanner { padding:80px 0 0; clear: both;}

.topBanner { padding:20px 0 0; clear:both;}

@media only screen and (max-width: 768px) {
#topNavi { width:500px; margin:0 auto 10%; padding:0;}
#topNavi dl {margin-bottom:20px;} 
#newsBox{ width:90%;margin:20% auto 30%;}

#contentsWrap #topOther { padding-top:0;}
#topImage{ float:none; width:90%; margin:5%;}
.fb-page{ float:none; width:90%; margin:5%;}


#socialBox { float:none; width:90%; margin:0 5%;}
/* Facebook Like Box width:100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100%! important;
}
}

/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
	#topNavi { width:90%; margin:0 auto 10%; padding:0;}
	#topNavi dl { float:none; margin:0 auto 10%;} 
	#topNavi dl:nth-child(4) { margin:0 auto 10%;} 
}

/* --------------------------------
	コンテンツラップ
-------------------------------- */

article#contentsWrap { width:960px; margin:0px auto;clear:both; }
article#contentsWrap .contentsBox { width:960px;margin-bottom:60px;color:#333333;line-height:2.3em;}
article#contentsWrap .contentsBox h2 { text-align:left; margin: 0 auto; padding-top:50px; font-size:200%;}
article#contentsWrap .contentsBox h3 { text-align:center; padding-top:30px; font-size:100%;}
article#contentsWrap .contentsBox p { text-align:left;  padding-top:20px; font-size:130%; line-height:2em;}
article#contentsWrap .contentsBox p.comment { text-align:center; padding:40px 0 20px; clear:both;}
article#contentsWrap .contentsBox ul { margin:20px auto 0; width:70%; padding:20px 0 20px; background:#fff100;}
article#contentsWrap .contentsBox ul li { padding:0 20px; line-height:2em;}
article#contentsWrap .contentsBox .VI {width:960px; margin:10px auto 50px;}

.sp_desplay{ display: none;}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
article#contentsWrap { width:100%; clear:both; }
article#contentsWrap .contentsBox { width:90%; padding:5% 5%;}
article#contentsWrap .contentsBox p { text-align:left;  padding-top:10%; font-size:130%; line-height:2em;}
article#contentsWrap .contentsBox .VI {width:100%; margin:0 auto 5%;}
.sp_desplay{ display:inline; width:90%; margin:0 5%;}
.pc_desplay{ display:none;}
.br_sp{display:none;}

}

/* --------------------------------
	ページラップ
-------------------------------- */
article#contentsWrap.aboutusWrap .idea{width:960px;}
article#contentsWrap.aboutusWrap .idea dl{ width:300px;float:left;margin:60px 0 40px 20px;}
article#contentsWrap.aboutusWrap .idea dt{ width:270px;margin-top:30px;padding:12px 15px 15px;background-color:#eeeeee;text-align:center;font-size:160%;}
article#contentsWrap.aboutusWrap .idea dd{ width:270px;padding:0 15px 12px;background-color:#eeeeee;line-height:1.8em;}
article#contentsWrap.aboutusWrap .idea p{clear:both;}
article#contentsWrap.aboutusWrap .contentsBox p#outline { width:600px;padding:40px 135px 62px;margin:0 auto;border-bottom:thin solid #737373;}
article#contentsWrap.aboutusWrap .contentsBox p.imgs{text-align:center;margin:45px auto 0;padding:0;}
article#contentsWrap.aboutusWrap .contentsBox p.contact{text-align:center;margin:150px auto 0;padding:0;}
article#contentsWrap.aboutusWrap .contentsBox p span { font-size:70%;}
article#contentsWrap.aboutusWrap .profile h2 { text-align:center;}
article#contentsWrap.aboutusWrap .profile section { width:960px;margin:0 auto;}
article#contentsWrap.aboutusWrap .profile section div.profileList { width:520px;margin:50px auto 20px;}
article#contentsWrap.aboutusWrap .profile section div.profileList:after{ content: "";display: block;clear: both;height: 1px;overflow: hidden;}
article#contentsWrap.aboutusWrap .profile section div.profileList div.profileListL { width:230px;margin-right:30px;float:left;}
article#contentsWrap.aboutusWrap .profile section div.profileList div.profileListR { width:260px;margin-top:35px;float:right;}
article#contentsWrap.aboutusWrap .profile section div.profileList div.profileListR p { padding:0;line-height:2.1em;}
article#contentsWrap.aboutusWrap .profile section p { margin-bottom:50px;padding:0;}

article#contentsWrap.worksWrap .contentsBox p.imgs{text-align:center;margin:45px auto 0;padding:0;}
article#contentsWrap.worksWrap .contentsBox p.contact{text-align:center;margin:150px auto 0;padding:0;}
article#contentsWrap.worksWrap .contentsBox p.contact01{text-align:center;margin:50px auto 80px;padding:0;}
article#contentsWrap.worksWrap .contentsBox dl{margin-top:60px;}
article#contentsWrap.worksWrap .contentsBox dl dt{padding-bottom:30px; font-size:200%;}
article#contentsWrap.worksWrap .contentsBox dl dd{font-size:130%;line-height:2.3em}
article#contentsWrap.worksWrap .contentsBox .imgs01{ width:620px;margin:50px auto 50px;}
article#contentsWrap.worksWrap .contentsBox div.imgs01 figure.imgR{ width:300px;float:right;margin:0;}
article#contentsWrap.worksWrap .contentsBox div.imgs01 figure.imgL{ width:300px;float:left;margin:0;}
article#contentsWrap.worksWrap .contentsBox .imgs02{ width:678px;margin:50px auto 50px;}
article#contentsWrap.worksWrap .contentsBox div.imgs02 figure.imgR{ width:311px;float:right;margin:0;}
article#contentsWrap.worksWrap .contentsBox div.imgs02 figure.imgL{ width:347px;float:left;margin:0;}
article#contentsWrap.worksWrap .contentsBox dl dd .imgText{ text-align:center;font-size:80%;}
article#contentsWrap.worksWrap .contentsBox p span{ font-size:80%;}
.scraplink a{color:#ea5d0c;font-weight:bold;text-decoration:none;font-size:110%;letter-spacing:0.2em;}
.scraplink a:hover{text-decoration:underline;}

article#contentsWrap.supportworksWrap .contentsBox p.imgs{text-align:center;margin:45px auto 0;padding:0;}
article#contentsWrap.supportworksWrap .contentsBox p.contact{text-align:center;margin:150px auto 0;padding:0;}
article#contentsWrap.supportworksWrap .contentsBox p span{font-size:80%;}

article#contentsWrap.lifeworksWrap .contentsBox p.imgs{text-align:center;margin:45px auto 0;padding:0;}
article#contentsWrap.lifeworksWrap .contentsBox p.contact{text-align:center;margin:150px auto 0;padding:0;}
article#contentsWrap.lifeworksWrap .contentsBox .imgs02{ width:678px;margin:50px auto 50px;}
article#contentsWrap.lifeworksWrap .contentsBox div.imgs02 figure.imgR{ width:311px;float:right;margin:0;}
article#contentsWrap.lifeworksWrap .contentsBox div.imgs02 figure.imgL{ width:347px;float:left;margin:0;}


article#contentsWrap.contactWrap .contentsBox p.imgs{text-align:center;margin:45px auto 0;padding:0;}
article#contentsWrap.contactWrap .contentsBox p{text-align:center;margin:45px auto 0;padding:0;}
article#contentsWrap.contactWrap .contentsBox div#content{width:100%;margin:0 auto 0;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table.alpha{width:500px;margin:0 auto;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table tr{background: url("/common/img/contact/form_line.png")  repeat-x bottom ;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table tr.ad01{background:none;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table tr.adB{background: url("/common/img/contact/form_line.png")  repeat-x bottom ;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table tr th{text-align:right;padding:30px 40px 30px 0;font-size:130%;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table tr td{font-size:130%;padding:30px 0 30px 0;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table tr.adT td{padding:30px 0 10px 0;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table tr.adC td{padding:0 0 10px 0;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table tr.adB td{padding:0 0 30px 0;}
article#contentsWrap.contactWrap .contentsBox div#content div div.center{margin-top:20px;text-align:center;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section h2{margin:60px 0 40px;text-align:center; font-size:170%;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section p{margin:0 0 15px;text-align:center; font-size:120%;}


#formText h2,
#formText p{ width: 90%; margin: 0 auto; text-align: center; padding-top: 20px; font-size: 130%; line-height: 2em;}
#formTextLink{ padding-top: 50px; text-align: center;}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

article#contentsWrap.aboutusWrap .idea{width:90%;}
article#contentsWrap.aboutusWrap .idea dl{ width:80%;float:none;margin:10% auto 10%;}
article#contentsWrap.aboutusWrap .idea dl img{ width:100%;}
article#contentsWrap.aboutusWrap .idea dl dt{ width:80%;margin:10% 0 0;padding:10% 10% 10%;background-color:#eeeeee;text-align:center;font-size:160%;}
article#contentsWrap.aboutusWrap .idea dl dd{ width:80%;padding:0 10% 10%;background-color:#eeeeee;line-height:1.8em;}
article#contentsWrap.aboutusWrap .contentsBox p#outline { width:90%;padding:10% 0 10%;margin:0 auto;font-size:120%;
border-bottom:thin solid #737373;}
article#contentsWrap.aboutusWrap .profile section { width:90%;margin:0 auto 20%;}
article#contentsWrap.aboutusWrap .profile section div.profileList { width:80%;margin:10% auto 10%;}
article#contentsWrap.aboutusWrap .profile section div.profileList div.profileListL { width:80%;margin-right:0;float:none;}
article#contentsWrap.aboutusWrap .profile section div.profileList div.profileListR { width:80%;margin-top:0;float:none;}
article#contentsWrap.aboutusWrap .profile section div.profileList div.profileListR p { padding:0;line-height:2.1em;}
article#contentsWrap.aboutusWrap .profile section p { margin-bottom:10%;padding:0;}
article#contentsWrap.aboutusWrap .contentsBox p.imgs img{width:90%;text-align:center;margin:5% auto 0;padding:0;}
article#contentsWrap.worksWrap .contentsBox p.imgs img{width:90%;text-align:center;margin:5% auto 0;padding:0;}
article#contentsWrap.lifeworksWrap .contentsBox p img{width:100%;text-align:center;margin:5% auto 0;padding:0;}
article#contentsWrap.contactWrap .contentsBox p.imgs{margin:45px auto 0;padding:0;}

article#contentsWrap.contactWrap .contentsBox div#content div div.section table.alpha{width:90%;margin:0 auto;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table tr th{text-align:left;padding:5% 0;font-size:130%;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table tr td{padding:5% 0;}
article#contentsWrap.contactWrap .contentsBox div#content div div.section table tr td textarea{width:90%;}
    .alpha th,
    .alpha td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .alpha tr:first-child th   {}
}
@media only screen and (max-width: 480px) {
article#contentsWrap.aboutusWrap .profile section div.profileList div.profileListL { width:100%;margin-right:0;float:none;}
article#contentsWrap.aboutusWrap .profile section div.profileList div.profileListR { width:100%;margin-top:0;float:none;}
article#contentsWrap.worksWrap .contentsBox div.imgs01 figure figcaption{font-size:60%;}
article#contentsWrap.worksWrap .contentsBox div.imgs01 figure.imgR{ width:90%;float:none;}
article#contentsWrap.worksWrap .contentsBox div.imgs01 figure.imgR img{ width:40%;}
article#contentsWrap.worksWrap .contentsBox div.imgs01 figure.imgL{ width:90%;float:none;}
article#contentsWrap.worksWrap .contentsBox div.imgs01 figure.imgL img{ width:40%;}
article#contentsWrap.worksWrap .contentsBox div.imgs02 figure figcaption{font-size:60%;}
article#contentsWrap.worksWrap .contentsBox div.imgs02 figure.imgR{ width:90%;float:none;}
article#contentsWrap.worksWrap .contentsBox div.imgs02 figure.imgR img{ width:40%;}
article#contentsWrap.worksWrap .contentsBox div.imgs02 figure.imgL{ width:90%;float:none;}
article#contentsWrap.worksWrap .contentsBox div.imgs02 figure.imgL img{ width:40%;}
article#contentsWrap.lifeworksWrap .contentsBox div.imgs02 figure figcaption{font-size:60%;}
article#contentsWrap.lifeworksWrap .contentsBox div.imgs02 figure.imgR{ width:90%;float:none;}
article#contentsWrap.lifeworksWrap .contentsBox div.imgs02 figure.imgL{ width:90%;float:none;}
article#contentsWrap.lifeworksWrap .contentsBox div.imgs02 figure.imgR img{ width:40%;}
article#contentsWrap.lifeworksWrap .contentsBox div.imgs02 figure.imgL img{ width:40%;}
}
/* --------------------------------

	ページャー
-------------------------------- */
/* ページャー */
.pager{
    margin-bottom: 20px;
    text-align:center}
 
a.page-numbers,
.pager .current{
    background-color: #edede3;
    border: solid 1px #aaaaaa;
    border-radius:5px;
    padding:5px 8px;
    margin:0 2px;}
 
.pager .current{
    background-color: #000000;
    border: solid 1px #000000;
    color: #ffffff;}
 
.pager a:hover{
    color: #ffffff;
    border: solid 1px #000000;
    background-color: #000000;}
	
/* --------------------------------
	パンくず
-------------------------------- */

div#bread { padding:21px 0 0 23px; }






/* --------------------------------
	アンカー
-------------------------------- */

article#content .rel { margin:11px 0 0 0; padding:2px 0 2px 13px; background:url(../img/arrow_02.gif) no-repeat 0 5px; }
article#content ul.rel { margin:0; padding:0; background:none; }
article#content ul.rel li { padding:2px 0 2px 13px; background:url(/common/img/arrow_02.gif) no-repeat 0 5px; }
article#content .blank a { padding:0 19px 0 0; background:url(../img/ancr_blank_01.gif) no-repeat top right; }
article#content .pdf a { padding:2px 19px 0 0; background:url(../img/ancr_pdf_01.gif) no-repeat top right; }



/* --------------------------------
	ページトップ
-------------------------------- */

article#content section#cnt_pagetop { clear:both; padding:18px 39px 0 39px; }
article#content section#cnt_pagetop p { text-align:right; }
article#content section#cnt_pagetop p a:hover img { filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; }



/* --------------------------------
	ページャ
-------------------------------- */

section#pager { clear:both; position:relative; margin:30px 0 0 0; font-size:75%; line-height:1.417; }
section#pager p.prev { position:absolute; left:0; top:0; }
section#pager p.prev a { padding:0 0 0 13px; background:url(../img/arrow_03.gif) no-repeat left 0.25em; }
section#pager table { margin:0 auto 0 auto; }
section#pager table td { padding:0 1px 0 2px; background:url(../img/dt_v_03.gif) repeat-y left top; }
section#pager table td.first { background:none; }
section#pager table td a,
section#pager table td span { display:block; padding:3px 8px 3px 8px; }
section#pager table td a:hover { background:#74b20d; color:#fff; }
section#pager table td span { color:#488902; font-weight:bold; }
section#pager p.next { position:absolute; right:0; top:0; }
section#pager p.next a { padding:0 13px 0 0; background:url(../img/arrow_02.gif) no-repeat right 0.25em; }



/* --------------------------------
	フッターナビ
-------------------------------- */

/* --------------------------------
	フッタ
-------------------------------- */

footer { clear:both; width:100%; padding-top:20px;position: relative; background: #ffffff;}
footer .footerWrap { width:580px; margin:0 auto; text-align:left;}
footer .footerWrap .ftWrapL { width:208px; float:left;}
footer .footerWrap .ftWrapR { width:340px; float:left; margin-left:30px;}
footer .footerWrap .ftWrapR h3 { font-size:190%;}
footer .footerWrap .ftWrapR h3 span { font-size:80%;}
footer .footerWrap .ftWrapR p { line-height:180%; }
footer .footerWrap .ftWrapR p.address { font-size:120%; margin-top:5px; }
footer .footerWrap .ftWrapR p.tel { font-size:120%;}
footer .footerWrap .ftWrapR p.mail {font-size:160%;}
footer .footerWrap .ftWrapR dl { margin-top:5px; font-size:80%;}
footer .footerWrap .ftWrapR dl dt { float:left; width:4em; margin:0.2em 0 0; line-height:1.6em;}
footer .footerWrap .ftWrapR dl dd { padding:0.2em 0 0 5em; line-height:1.6em;}
footer .inner { width:960px; margin:0 auto; clear:both;}
div.ftBox { width:960px; padding:40px 0 0 0; margin:0 0 40px;}
div.ftBox dl { color:#ffffff;padding:0 0 20px;}
div.ftBox dl a { color:#ffffff; text-decoration:none;}
div.ftBox dl dt { padding:0 0 10px; font-size:87.5%; font-weight:bold;}
div.ftBox dl dd { padding:0 0 5px 1em;font-size:81.3%;}
div.ftBoxL { width:333px; float:left;background:url(../img/line01.png) repeat-y right top;}
div.ftBoxC { width:300px; float:left; margin-left:33px;}
div.ftBoxR { width:300px; float:right;background:url(../img/line01.png) repeat-y left top; margin-top:0; padding-left:33px;}
div.ftBoxR p {margin-top:0; font-size:62.5%;}
div.ftTxt { width:240px; float:right; text-align:left; margin:10px 0 0; font-size:68.8%; color:#ffffff; }
div.ftTxt a {color:#ffffff; }

nav#fnav { width:580px; height:15px;margin:0 auto;padding:60px 0 0;background:#FFFFFF; clear:both;}
nav#fnav a { text-decoration:none; text-align:center;color:#000000;}
#fmenu {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
}
#fmenu li{
	display: block;
	 float:left;
	 width:96px;
	 padding:0;
	 font-family:'Arial', sans-serif;letter-spacing: 0.2em;color:#9a9a9a;font-size:12px;
}
#fmenu li a {
	display: block;
	text-align: center;
	text-decoration: none;
}

#fmenu li:last-child a{
	border: none;
}
#fmenu li a:hover{
	 color:#7d7d7d;
}




@media only screen and (max-width: 768px) {
footer .footerWrap { width:100%; margin:0 auto; text-align:center;}
footer .footerWrap .ftWrapL { width:90%; float:none; text-align:center; margin:0 auto;}
footer .footerWrap .ftWrapR { width:90%; float:none; text-align:center; margin:5% auto 0;}
footer .footerWrap .ftWrapR dl dt{  width:20%; text-align:center;}
footer .footerWrap .ftWrapR dl dd{  width:70%; text-align:center;}
}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
footer .footerWrap .ftWrapR h3 { font-size:160%;}
footer .footerWrap .ftWrapR p.address { font-size:100%; margin-top:10px; }
footer .footerWrap .ftWrapR p.tel { font-size:100%; margin:5px 0;}
nav#fnav { width:100%; height:auto;margin:60px 0 auto;padding:0;background-image: url(/common/img/footLine01.png);background-repeat: no-repeat;background-position: top;background-size: 100% 1px;clear:both;}
nav#fnav a { text-decoration:none; text-align:center;color:#000000;}
#fmenu { width: 100%;margin: 0 auto;padding: 0;background-image: url(/common/img/footLine01.png);background-repeat: no-repeat;background-position: center;background-size: 1px 100%;}
#fmenu li{ display: block;float:left;width:50%;padding:20px 0 20px;font-family:'Arial', sans-serif;letter-spacing: 0.2em;color:#9a9a9a;font-size:12px;background-image: url(/common/img/footLine01.png);background-repeat: no-repeat;background-position: bottom;background-size: 100% 1px;}
#fmenu li a {
	display: block;
	text-align: center;
	text-decoration: none;
}

#fmenu li:last-child a{
	border: none;
}
#fmenu li a:hover{
	 color:#7d7d7d;
}
}

.ftInfoBox { width:960px; clear:both;background:url(../img/line02.png) repeat-x center top; margin:0 0 0; padding:20px 0 0;}
.ftInfoBox .ftInfoBoxL { width:130px; float:left; margin-bottom:20px;}
.ftInfoBox .ftInfoBoxC { width:285px; float:left; margin-left:10px; color:#ffffff;}
.ftInfoBox .ftInfoBoxC h3 { padding:0 0 0; font-size:87.5%; font-weight:bold; line-height:1.3em;}
.ftInfoBox .ftInfoBoxC p { padding:0 0 0 0;font-size:81.3%; line-height:1.3em;}
.ftInfoBox .ftInfoBoxR { width:555px; float:right;}
.ftInfoBox .ftInfoBoxR ul li:nth-child(1) { width:60px; float:left;}
.ftInfoBox .ftInfoBoxR ul li:nth-child(2) { width:190px; float:left; margin-left:5px;}
.ftInfoBox .ftInfoBoxR ul li:nth-child(3) { width:130px; float:left; margin-left:5px;}
.ftInfoBox .ftInfoBoxR ul li:nth-child(4) { width:160px; float:left; margin-left:5px;}
#inquiryBtn {
	position: fixed;
	bottom: 90px;
	right: 20px;
	font-size: 77%;
}
#inquiryBtn a {
	width: 90px;
	height: 60px;
	text-align: center;
	display: block;
}

footer .footerWrap,div.ftBox {
    overflow: hidden;
}

footer .footerWrap:after,div.ftBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html footer .footerWrap,* html div.ftBox {
    height: 1em;
    overflow: visible;
}
/**/

/* --- ページトップ ------ */


/* --- クレジット ------ */
article#ftr_credit {font-size:62.5%; clear:both; width:100%; padding:20px 0 20px; color:#ffffff;}
article#ftr_credit .container { margin:0 auto 0 auto; padding:0 10px 0 10px;}
footer div.footerWrap p.copy { padding:10% 0 0; text-align:center; font-size:75%;}
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
}


#floatLink {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#floatLink a.reserve {
	text-decoration: none;
	width: 100px;
	text-align: center;
	display: block;
	margin:10px 0;
}

#floatLink a.inquiry {
	text-decoration: none;
	width: 100px;
	text-align: center;
	display: block;
}

/* --------------------------------
	GET ADOBE READER
-------------------------------- */

#get_reader { margin:30px 0 0 0; padding:12px 2em 12px 2em; background:#f9f9f9; }
#get_reader .container { margin:0 auto 0 auto; width:97%; }
#get_reader .sub { padding:0 17px 0 0; width:158px; float:left; }
#get_reader .sub p { }
#get_reader .main { float:left; }
#get_reader .main p { padding:3px 0 0 0; }




.pageWrap div#trust-form.contact-form table th {
padding: 10px 0;
border-bottom: 1px dotted #eee;
text-align: left;
vertical-align: top;
font-weight: bold;
}
.pageWrap div#trust-form.contact-form table td {
padding: 10px 0;
border-bottom: 1px dotted #eee;
text-align: left;
vertical-align: middle;
}

.companyBox dt { width:10em; float:left; font-size:87.5%; line-height:1.357; margin:10px 0; line-height:2em;}
.companyBox dd { padding:10px 0 10px 12em; font-size:87.5%; line-height:1.357; border-bottom:1px dotted #eee; line-height:2em;}

ul.sitemap { padding:10px 20px;}
ul.sitemap li { padding:5px 0;  font-size:87.5%; line-height:1.357; }
ul.sitemap li.low { text-indent:20px;}


/* --------------------------------
	ブログ
-------------------------------- */




.columnList {}
.columnList ul { }
.columnList li { width:142px; float:left; margin-right:20px;margin-top:20px;}

.columnList {
    overflow: hidden;
}

.columnList:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .columnList {
    height: 1em;
    overflow: visible;
}
/**/

/* --------------------------------
	ギャラリー
-------------------------------- */
#galleria{height:660px}



/* --------------------------------
	イメージ
-------------------------------- */
.aboutusBox { width:660px; margin-top:20px;}
.aboutusBox ul { width:660px;}
.aboutusBox li { width:150px; float:left; margin-right:20px; margin-bottom:20px;}
.aboutusBox li:nth-child(4n) { width:150px; float:left; margin-right:0;}