@charset "utf-8";

/* //////////////////////////////////////////////////////////////////////////


	1. header
	2. footer
	3. main
	4. aside
	5. page
	6. pageTop
	7. mainContents
	8. general


///////////////////////////////////////////////////////////////////////////*/

/*margin*/
.mb0 {   margin-bottom: 0px !important;}

.mt5 {   margin-top:    5px !important;}
.mr5 {   margin-right:  5px !important;}
.mb5 {   margin-bottom: 5px !important;}
.ml5 {   margin-left:   5px !important;}
   
.mt10 {   margin-top:    10px !important;}
.mr10 {   margin-right:  10px !important;}
.mb10 {   margin-bottom: 10px !important;}
.ml10 {   margin-left:   10px !important;}

.mt15 {   margin-top:    15px !important;}
.mr15 {   margin-right:  15px !important;}
.mb15 {   margin-bottom: 15px !important;}
.ml15 {   margin-left:   15px !important;}

.mt20 {   margin-top:    20px !important;}
.mr20 {   margin-right:  20px !important;}
.mb20 {   margin-bottom: 20px !important;}
.ml20 {   margin-left:   20px !important;}

.mt25 {   margin-top:    25px !important;}
.mr25 {   margin-right:  25px !important;}
.mb25 {   margin-bottom: 25px !important;}
.ml25 {   margin-left:   25px !important;}

.mt30 {   margin-top:    30px !important;}
.mr30 {   margin-right:  30px !important;}
.mb30 {   margin-bottom: 30px !important;}
.ml30 {   margin-left:   30px !important;}

.mt40 {   margin-top:    40px !important;}
.mr40 {   margin-right:  40px !important;}
.mb40 {   margin-bottom: 40px !important;}
.ml40 {   margin-left:   40px !important;}

.mt50 {   margin-top:    50px !important;}
.mr50 {   margin-right:  50px !important;}
.mb50 {   margin-bottom: 50px !important;}
.ml50 {   margin-left:   50px !important;}

/*padding*/
.pt0 { padding-top:      0px !important;}
.pb0 { padding-bottom:   0px !important;}

.pt5 { padding-top:      5px !important;}
.pr5 { padding-right:    5px !important;}
.pb5 { padding-bottom:   5px !important;}
.pl5 { padding-left:     5px !important;}

.pt10 { padding-top:    10px !important;}
.pr10 { padding-right:  10px !important;}
.pb10 { padding-bottom: 10px !important;}
.pl10 { padding-left:   10px !important;}

.pt15 { padding-top:    15px !important;}
.pr15 { padding-right:  15px !important;}
.pb15 { padding-bottom: 15px !important;}
.pl15 { padding-left:   15px !important;}

.pt20 { padding-top:    20px !important;}
.pr20 { padding-right:  20px !important;}
.pb20 { padding-bottom: 20px !important;}
.pl20 { padding-left:   20px !important;}

.pt25 { padding-top:    25px !important;}
.pr25 { padding-right:  25px !important;}
.pb25 { padding-bottom: 25px !important;}
.pl25 { padding-left:   25px !important;}

.pt30 { padding-top:    30px !important;}
.pr30 { padding-right:  30px !important;}
.pb30 { padding-bottom: 30px !important;}
.pl30 { padding-left:   30px !important;}

.pa20 { padding: 20px; }


/*Negative margin*/
.nmt5 {   margin-top:    -5px !important;}
.nmr5 {   margin-right:  -5px !important;}
.nmb5 {   margin-bottom: -5px !important;}
.nml5 {   margin-left:   -5px !important;}
   
.nmt10 {   margin-top:    -10px !important;}
.nmr10 {   margin-right:  -10px !important;}
.nmb10 {   margin-bottom: -10px !important;}
.nml10 {   margin-left:   -10px !important;}

.nmt15 {   margin-top:    -15px !important;}
.nmr15 {   margin-right:  -15px !important;}
.nmb15 {   margin-bottom: -15px !important;}
.nml15 {   margin-left:   -15px !important;}

.nmt20 {   margin-top:    -20px !important;}
.nmr20 {   margin-right:  -20px !important;}
.nmb20 {   margin-bottom: -20px !important;}
.nml20 {   margin-left:   -20px !important;}

.nmt25 {   margin-top:    -25px !important;}
.nmr25 {   margin-right:  -25px !important;}
.nmb25 {   margin-bottom: -25px !important;}
.nml25 {   margin-left:   -25px !important;}


/*padding*/
.pt5 { padding-top:      5px !important;}
.pr5 { padding-right:    5px !important;}
.pb5 { padding-bottom:   5px !important;}
.pl5 { padding-left:     5px !important;}

.pt10 { padding-top:    10px !important;}
.pr10 { padding-right:  10px !important;}
.pb10 { padding-bottom: 10px !important;}
.pl10 { padding-left:   10px !important;}

.pt15 { padding-top:    15px !important;}
.pr15 { padding-right:  15px !important;}
.pb15 { padding-bottom: 15px !important;}
.pl15 { padding-left:   15px !important;}

.pt20 { padding-top:    20px !important;}
.pr20 { padding-right:  20px !important;}
.pb20 { padding-bottom: 20px !important;}
.pl20 { padding-left:   20px !important;}

.pt30 { padding-top:    30px !important;}
.pr30 { padding-right:  30px !important;}
.pb30 { padding-bottom: 30px !important;}
.pl30 { padding-left:   30px !important;}

.pt40 { padding-top:    40px !important;}
.pr40 { padding-right:  40px !important;}
.pb40 { padding-bottom: 40px !important;}
.pl40 { padding-left:   40px !important;}

.pt50 { padding-top:    50px !important;}
.pr50 { padding-right:  50px !important;}
.pb50 { padding-bottom: 50px !important;}
.pl50 { padding-left:   50px !important;}


/* ==========================================================
	
	header
	
========================================================== */
header {
	border-top: solid 5px #B2A585;
	box-shadow: inset 0 8px #C8C2A8;
	}
	header .container {
		padding: 3% 3% 0 3%;
		}
	
	/*ロゴ*/
	header .container h1 {
		text-align: center;
		margin-bottom: 0.5em;
		}
	/*文字サイズ*/
	header .container dl#fontchange {
		display: none;
		}
	/*外国語*/
	header .container nav#language ul {
			margin: 0 auto 15px;
			width: 100%;
			height: 20px;
			text-align: center;
			}	
		header .container nav#language li {
			display: inline;
			}
		header .container nav#language li a {
			font-size: 12px;
			line-height: 20px;
			padding: 0 5px 0 0;
			text-decoration: none;
		}
		header .container nav#language li a:hover {
			text-decoration: underline;
		}
		header .container nav#language li.en a {
			position: relative;
			top: 1px;
			font-family: Arial, Helvetica, sans-serif;
			border-right: #8A7B57 dotted 1px;
		}
		/*header .container nav#language li.en a:before {
			content: url(../img/common/flag_usa.jpg);
			position: relative;
			top: 5px;
		}*/
		header .container nav#language li.zh a {
			font-family : SimSun, STSong, sans-serif;
		}
		/*header .container nav#language li.zh a:before {
			content: url(../img/common/flag_chn.jpg);
			position: relative;
			top: 5px;
		}*/	
	/*プライマリーナビゲーション*/
	header .container nav#primaryNav {
		margin-bottom: 1em;
		}
		header .container nav#primaryNav ul {
			margin: 0 auto;
			width: 100%;
			text-align: center;
			}	
		header .container nav#primaryNav li {
			display: inline;
			}
		header .container nav#primaryNav li+li {
			margin-left: 10px;
			}
	/*グローバルナビゲーション*/
	header .container nav#globalNav {
		margin: 1em 0 2em;
		clear: both;
		}
		header .container nav#globalNav ul {
			margin: 0 auto;
			width: 100%;
			text-align: center;
			}
		header .container nav#globalNav li {
			display: inline;
			margin: 0 0 10px 10px;
			}

@media only screen and ( max-width : 481px ) {
	
	header .container {
		padding-top: 5%;
		}
	/*グローバルナビゲーション*/
	header .container nav#globalNav {
		display: none;
		}
		header .container nav#globalNav li {
			margin: 0 0 10px 0;
			}
		header .container nav#globalNav li img {
			max-width: 45%;
			}
			
}

@media print, screen and ( min-width : 769px ) {
	
	header {
		border-top: none;
		box-shadow: none;
		}
	header {
		background-image: url(../img/common/header-line.gif);
		background-repeat: repeat-x;
		background-position: top;
		}
	header .container {
		padding: 0;
		position: relative;
		padding-top: 52px;
		}
	
	/*ロゴ*/
	header .container h1 {
		float: left;
		width: 310px;
		margin-bottom: 15px;
		}
	
	/*文字サイズ*/
	header .container dl#fontchange {
		display: inherit;
		position: absolute;
		right: 0;
		top: 0px;
		width: 230px;
		height: 57px;
		background-image: url(../img/common/fontsize-bg.gif);
		background-repeat: no-repeat;
		background-position: right top;
		}
		header .container dl#fontchange dt {
			position: absolute;
			top: 18px;
			right: 90px;
			}
		header .container dl#fontchange dd#normal {
			position: absolute;
			top: 18px;
			right: 48px;
			}
		header .container dl#fontchange dd#large {
			position: absolute;
			top: 18px;
			right: 12px;
			}
		header .container dl#fontchange dd:hover {cursor: pointer;}
	/*外国語*/
	header .container nav#language {
		float: right;
		width: 365px;
		}
	header .container nav#language ul {
		text-align: right;
		margin: 10px 0;
		}		
	/*プライマリーナビゲーション*/
	header .container nav#primaryNav {
		float: right;
		width: 365px;
		}
	/*グローバルナビゲーション*/
	header .container nav#globalNav {
		margin: 1em 0 2em;
		}
	
	/*トップスライダー*/
	#topSlider {
		clear: both;
		}
		
}



/* ==========================================================
	
	footer
	
========================================================== */
footer {
	clear: both;
	border-top: solid 10px #C8C2A8;
	background-color: #B2A585;
	margin-top: 3%;
	}
	footer .container {
		padding: 3%;
		}
	/*フッターアドレス*/
	footer .container .address {
		display: none;
		}
	footer .count {
		font-size: 12px;
		font-family: 'Roboto', sans-serif;
		margin-top: 5px;
		}
	/*フッターナビゲーション*/
	#footerNav #menu li {
		color: #FFF;
		}
	#footerNav #menu li a {
		color: #FFF;
		text-decoration: none;
		display: block;
		}
	/*コピーライト*/
	footer .container .copyright {
		color: #FFF;
		font-size: 90%;
		}

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

	/*フッターナビゲーション*/	
	#footerNav #menu{display: none;}
	#footerNav #menu li {
		width: 100%;
		background-color: #998D72;
		border-top: solid 1px #B2A585;
		}
	#footerNav #menu li a {
		text-align: center;
		padding: 12px 0 12px;
		}
	#footerNav #menu li a:hover {
		background-color: #B2A585;
		}
	
	#footerNav #toggle{
		display: block;
		position: relative;
		width: 100%;
		background-color: #998D72;
		}
	#footerNav #toggle a {
		display: block;
		position: relative;
		padding: 12px 0 12px;
		color: #fff;
		text-align: center;
		text-decoration: none;
		}
	#footerNav #toggle:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #C8C2A8;
		}
	#footerNav #toggle a:before, #footerNav #toggle a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
		background: #998D72;
		}
	#footerNav #toggle a:before{margin-top: -6px;}
	#footerNav #toggle a:after{margin-top: 2px;}
	
	#footerNav #menu ul li span {
		display: block;
		padding: 12px 0 12px;
		color: #fff;
		text-align: center;
		}
	
	/*コピーライト*/
	footer .container .copyright {
		text-align: center;
		margin-top: 3%;
		}
		
}

@media print, screen and ( min-width : 769px ) {
	
	footer .container {
		padding: 25px 0;
		}
	/*フッターアドレス*/
	footer .container .address {
		display: inherit;
		float: left;
		width: 340px;
		}
		footer .container .address h3 {
			margin-bottom: 15px
			}
		footer .container .address address {
			border-top: solid 3px #C8C2A8;
			border-bottom: solid 3px #C8C2A8;
			padding: 10px 0;
			text-align: center;
			}
		footer .container .address img {
			vertical-align: bottom;
			}
		
	/*フッターナビゲーション*/
	#footerNav #toggle {
		display: none;
		}
	#footerNav #menu {
		display: inherit;
		width: 350px;
		float: right;
		}
		#footerNav #menu ul {
			float: left;
			}
		#footerNav #menu ul+ul {
			float: right;
			margin-left: 20px;
			}
		#footerNav #menu ul li a {
			padding: 2px 0;
			}
		#footerNav #menu ul li a:hover {
			text-decoration: underline;
			}
			#footerNav #menu ul li a:before,
			#footerNav #menu ul li span:before {
				content: "■";
				margin-right: 3px;
				}
		
	/*コピーライト*/
	footer .container .copyright {
		clear: both;
		text-align: right;
		padding-top: 20px;
		}
		
}



/* ==========================================================
	
	main
	
========================================================== */
	main .container {
		padding: 0 3%;
		}

@media print, screen and ( min-width : 769px ) {
	
	main .container {
		padding: 0;
		}
		
}



/* ==========================================================
	
	aside
	
========================================================== */
.banner {
	clear: both;
	}
	.banner li {
		margin-bottom: 0.5em;
		text-align: center;
		}


/* ==========================================================
	
	page
	
========================================================== */
/*
固定ページ　タイトル部
*/
.leadArea {
	margin-bottom: 5%;
	}
	.leadArea h1 {
		width: 100%;
		background-color: #DAD2B1;
		-webkit-border-radius:15px 15px 0 0;
		   -moz-border-radius:15px 15px 0 0;
			 -o-border-radius:15px 15px 0 0;
				border-radius:15px 15px 0 0;	
		text-indent: 15px;
		}
	.leadArea .box {
		border: solid 5px #DAD2B1;
		border-top: none;
		padding: 2%;
		}
	
	.leadArea nav {
		background-color: #DAD2B1;
		padding: 0 5px;
		}
	.leadArea nav ul {
		border-top: solid 10px #EEF0E8;
		padding-top: 1.5%;
		background-color: #DAD2B1;
		}
	.p-leadArea-nav-noline {
		border-top: none !important;
		}
	.leadArea nav ul li {
		position: relative;
		}
	.leadArea nav ul li a {
		background-color: #63583F;
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
		text-shadow: 1px 1px 1px #333;
		}
		


@media only screen and ( max-width : 481px ) {
	
	.leadArea h1 img {
		max-width: 70%;
		}
			
}

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

	.leadArea nav ul {
		padding-bottom: 5px;
		}
	.leadArea nav ul li a {
		display: block;
		width: 100%;
		padding: 0.7em;
		border-bottom: solid 1px #DAD2B1;
		}
		/*右矢印アイコン*/
		.leadArea nav ul li a:before{
			display: block;
			content: "";
			position: absolute;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 50%;
			right: 15px;
			width: 10px;
			height: 10px;
			margin-top: -5px;
			background: #fff;
			}
		.leadArea nav ul li a:after{
			display: block;
			content: "";
			position: absolute;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			top: 50%;
			right: 20px;
			width: 10px;
			height: 10px;
			margin-top: -5px;
			background: #63583F;
			}
	/*臨時リボン*/
	.leadArea nav ul li span.ribbon {
		float: left;
		margin: 0.7em 0.5em;
		padding: 0 6px;
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		background-color: #BD112A;
		}

}

@media print, screen and ( min-width : 769px ) {
	
	.leadArea h1 {
		background-repeat: no-repeat;
		background-position: right bottom;
		height: 80px;
		}

	/*
	タイトル部　アイコン
	*/
	#kashikiri .leadArea h1 {
		background-image: url(../img/kashikiri/icon-kashikiri.png);
		}
	#company .leadArea h1 {
		background-image: url(../img/company/icon-company.png);
		}
	#kosoku .leadArea h1 {
		background-image: url(../img/kosoku/icon-kosoku.png);
		}
	#noriai .leadArea h1 {
		background-image: url(../img/noriai/icon-noriai.png);
		}
	#topics .leadArea h1 {
		background-image: url(../img/topics/icon-bus.png);
		}
	
	.leadArea nav ul li {
		float: left;
		display:table;
    	text-align: center;
		margin-left: 10px;
		margin-bottom: 1.5%;
		}
	.leadArea nav ul li > *{
		display:table-cell;
		vertical-align: middle;
		}
	.leadArea nav ul li a {
		background-image: url(../img/common/rosen_nav-bg.png);
		background-repeat: no-repeat;
		background-position: 5px center;
		background-color: #63583F;
		width: 133px;
		height: 80px;
		font-size: 15px;
		border: solid 2px #FFFFFF;
		-webkit-border-radius:8px;
		   -moz-border-radius:8px;
			 -o-border-radius:8px;
				border-radius:8px;
			}
	.leadArea nav ul li.rosen a {
		background-image: url(../img/common/rosen_nav-bg2.png);
		background-position: 10px center;
		}
	.leadArea nav ul li.teiki a {
		background-image: url(../img/common/rosen_nav-bg3.png);
		background-position: 5px 2px;
		}
		.leadArea nav ul li a:hover {
			background-color: #413929;
			transition-property: all;
  		transition: 0.4s linear;
			}
	#noriai .leadArea nav ul li a span {
		display: block;
		}
		#noriai .leadArea nav ul li a span.small {
			font-size: 12px;
			}
	/*臨時リボン*/
	.leadArea nav ul li span.ribbon {
		background-image: url(../img/common/ribbon.png);
		background-repeat: no-repeat;
		height: 30px;
		width: 38px;
		color: #FFF;
		font-size: 13px;
		font-weight: bold;
		position: absolute;
		top: -1px;
		right: 9px;
		}
	
	/*バナー*/
	.p-banner-link a {
		transition-property: all;
  	transition: 0.2s linear;
		}
	.p-banner-link a:hover {
		opacity: 0.7;
		}

}



/* ==========================================================
	
	pageTop
	
========================================================== */
#scrollUp {
	bottom: 10px;
	right: 10px;
	width: 97px;
	height: 97px;
	background: url(../img/common/pagetop.png) no-repeat;
	}

.footerBtn {
	margin: 0 auto 15px auto;
	width: 100%;
	text-align: center;
	}
	.footerBtn li {
		display: inline;
		}
	.footerBtn li + li {
		margin-left: 20px;
		}
		.footerBtn li img {
			vertical-align: top;
			}

.pageTop {
	text-align: center;
	margin-bottom: 1.3%;
	}

@media only screen and ( max-width : 768px ) {
	
#scrollUp {
	display: none !important;
	}
	
}

@media print, screen and ( min-width : 769px ) {
	
.footerBtn {
	display: none;
	}
	
}



/* ==========================================================
	
	mainContents
	
========================================================== */
.mainContents {
	background-color: #FFF;
	padding: 6% 3%;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	     -o-border-radius:15px;
	        border-radius:15px;		
	}
	.mainContents .inner {
		padding: 1%;
		}
	.mainContents .inner02 {
		padding: 1% 0;
		}
	.mainContents section,
	.mainContents article {
		margin-bottom: 40px;
		}

@media only screen and ( max-width : 768px ) {
	
.mainContents {
	margin-bottom: 5%;
	}

}

@media print, screen and ( min-width : 769px ) {

	.mainContents .inner {
		padding: 15px;
		}
	.mainContents .inner02 {
		padding: 15px 0;
		}

}


/* ==========================================================
	
	general
	
========================================================== */
/*
タイトル帯
*/
.tit {
	padding: 2%;
	font-size: 135%;
	font-weight: bold;
	margin-bottom: 2%;
	}
	.tit span.sub {
		font-size: 12px;
		}
.subtit {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 1%;
	}
	.tit_01 {
		background-color: #DAD2B1;
		color: #6C6044;
		border-left: solid 10px #91815B;
		}
	.tit_02 {
		display: inline-block;
		font-weight: bold;
		color: #6C5F44;
		padding: 5px 2em 5px 2%;
		margin-bottom: 15px;
		background-color: #DAD2B1;
		border-radius: 0 100px 100px 0;
		position: relative;
		}
		.tit_02:before {
			content: "■";
			padding-right: 5px;
			}
	.tit_03 {
		background-color: #E3E3E3;
		color: #333333;
		border-left: solid 10px #CCCCCC;
		}
		.tit_03sub {
			display: inline-block;
			font-weight: bold;
			color: #333333;
			padding: 5px 2em 5px 2%;
			margin-bottom: 15px;
			background-color: #CCCCCC;
			border-radius: 0 100px 100px 0;
			}
	.tit_04 {
		background-color: #DCECFC;
		color: #333333;
		border-left: solid 10px #BD112A;
		}
	.tit_05 {
		background-color: #DAD2B1;
		color: #333333;
		border-left: solid 10px #3C6D3C;
		}


.fc_01 { color: #91815B; }
.fc_02 { color: #6C5F44; }
.fc_03 { color: #FC3; }
.fc_04 { color: #6666CC; }
.fc_05 { color: #91805A; }
.fc_06, .required { color: #F00; }
.fc_07 { color: #A5924C; }
.fc_08 { color: #D8B225; }
.fc_09 { color: #FF6600; }

.fsize_s01 { font-size: 90%; }
.fsize_s02 { font-size: 85%; }

.fsize_b01 { font-size: 110%; }

.t-r { text-align: right; }
.t-c { text-align: center; }

.list_uline li {
	border-bottom: dotted 1px #B7A766;
	}
	.list_uline li:before {
		content: url(../img/common/icon_01.png);
		margin-right: 5px;
		position:relative;
		top: 2px;
		}
.note {
	text-indent: -1em;
	margin-left: 1em;
	}

/*
お問合せバナー
*/
.contactBox {
	overflow: hidden;
	clear: both;
	background-color: #C8C2A8;
	padding: 3%;
	margin-top: 30px;
	-webkit-border-radius:15px;
	   -moz-border-radius:15px;
	     -o-border-radius:15px;
	        border-radius:15px;		
	}
	.contactBox ul {
		width: 100%;
		text-align: center;
		}

/*
テーブル
*/
.tblshare {
	border: solid 1px #B7A766;
	width: 100%;
	}
	.tblshare th {
		border: dotted 1px #B7A766;
		border-right: solid 1px #B7A766;
		background-color: #E8E2CC;
		padding: 0.6em;
		font-weight: bold;
		}
	.tblshare td {
		border: dotted 1px #B7A766;
		border-right: solid 1px #B7A766;
		padding: 0.6em;
		}
.tblshare02 {
	border: solid 1px #B7A766;
	width: 100%;
	}
	.tblshare02 th {
		border: dotted 1px #B7A766;
		border-right: solid 1px #B7A766;
		background-color: #E8E2CC;
		padding: 0.6em;
		font-weight: bold;
		}
	.tblshare02 td {
		border: dotted 1px #B7A766;
		border-right: solid 1px #B7A766;
		padding: 0.6em;
		}

/*
疑似テーブル（グレー）
*/
.dlbox {
	border: solid 1px #CCCCCC;
	background-color: #E3E3E3;
	}
.dlbox:last-child {
	border-bottom: none;
	}
	.dlbox dt,
	.dlbox dd {
		padding: 0.6em;
		}
	.dlbox dd {
		border-bottom: solid 1px #CCCCCC;
		background-color: #FFF;
		}
	.dlbox .box {
		background-color: #FFF;
		padding: 2%;
		}
		.dlbox .box li+li {
			margin-top: 1%;
			}
		.dlbox .box li span {
			display: block;
			}

.btn a {
	position: relative;
	text-decoration: none;
	display: block;
	padding: 15px 30px;
	border: 2px solid #DAD2B1;
	background: #F4F5F1;
	color: #736648;
	font-size: 110%;
		-webkit-border-radius:10px;
		   -moz-border-radius:10px;
		     -o-border-radius:10px;
		        border-radius:10px;	
	}
	.btn a:hover {
		border: 2px solid #91805A;
		}
	.btn a:before{
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 15px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		background: #736648;
		}
	.btn a:after{
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 20px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		background: #F4F5F1;
		}

/*
wp_pagenavi
*/
.wp-pagenavi {
	clear: both;
	margin-top: 30px;
	overflow: hidden;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		text-decoration: none;
		color: #fff;
		background: #B2A585;
		border: 1px solid #C8C2A8;
		display: block;
		text-align: center;
		white-space: nowrap;
		float: left;
		margin-left: 5px;
		padding: 5px 12px;
		}
		.wp-pagenavi a:hover{
			color: #8A7B57;
			background: #FFF;
			}
		.wp-pagenavi span.current {
			font-weight: bold;
			background: #FFF;
			color: #8A7B57;
			}

/*
お問い合わせフォーム
*/
#contact  th {
	white-space: nowrap;
	}
#contact textarea,
#contact input[type="text"] {
  width: 100%;
	}



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

	.contactBox ul li img {
		max-width: 80%;
		text-align: center;
		}

}

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

	.dl_image dt.right {
		text-align: center;
		}

/*
テーブル
*/
		.tblshare thead{
			display: none;
			}
		.tblshare tbody,
		.tblshare tr {
			display: block;
			}
		.tblshare th,
		.tblshare td{
			display: list-item;
			border: none;
			}
		.tblshare th{
			list-style-type: none;
			border-top: solid 1px #B7A766;
			border-bottom: solid 1px #B7A766;
			width: 100%;
			text-align: left;
			}
		.tblshare td {
			list-style-type: none;
			padding: 10px;
			border-bottom: dotted 1px #B7A766;
			}
		.tblshare td:last-child {
			border-bottom: none;
			}

}

@media print, screen and ( min-width : 769px ) {

.dl_image dt {
	float: left;
	}
.dl_image dt.right {
	float: right;
	padding-left: 20px;
	}
	.dl_image dd {
		overflow: hidden;
		zoom: 1;
		}

.contactBox {
	background-image: url(../img/common/contactBox-title.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3% 2%;
	}
	.contactBox ul {
		margin: 0 auto;
		text-align: center;
		}
		.contactBox ul li {
			display: inline;
			}
		.contactBox ul li.tel img {
			margin-left: 8px;
			}

/*
画像横並び
*/
ul.list_l li {
	display: inline;
	margin-right: 3px;
	}

/*
疑似テーブル（グレー）
*/
.dlbox {
	overflow: hidden;
	}
.dlbox dl {
	border-bottom: dotted 1px #CCCCCC;
	}
	.dlbox dt {
		float: left;
		width: 30%;
		}
	.dlbox dd {
		overflow: hidden;
		zoom: 1;
		border-left: solid 1px #fff;
		box-shadow: inset 1px 0 0 0 #CCC;
		border-bottom: none;
		}
		.dlbox .box li span {
			display: inline;
			margin-left: 1em;
			}

}