@charset "UTF-8";


/* common
-------------------------------------------------*/
a,
a:link,
a:visited {
	text-decoration:underline;
	color:#fff;
}
a:hover,
a:active {
	text-decoration:none;
}
a.al:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}

body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "helvetica", "arial", sans-serif;
	font-size:14px;
	line-height:1.6;
	color:#3e3a39;
	-webkit-text-size-adjust:100%;
}

#wrapper {
	width:100%;
	min-width:1000px;
	margin:0 auto;
	text-align: center;
}

@media only screen and (min-width:1px) and (max-width:680px){
a,
a:link,
a:visited {
	text-decoration:underline;
	color:#fff;
}
a.al:hover {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
}
body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "helvetica", "arial", sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#3e3a39;
	-webkit-text-size-adjust:100%;
}
#wrapper {
	min-width: inherit;
}
}


/* #header
-------------------------------------------------*/
#header {
	width:100%;
	height: 30px;
	margin:0 auto 40px;
	background-color: #ef4d73;
}
#header ul li {
	background: url(../uchinaoshi/img/icon.png) left center no-repeat;
	float: left;
	line-height: 30px;
	margin:0 30px;
	padding-left: 15px;
}
#header ul li:last-child {
	float: right;
	background: none;
	padding-left: 0;
}

@media only screen and (min-width:1px) and (max-width:680px){
#header {
	height: 24px;
	margin:0 auto 30px;
}
#header ul li {
	background: url(../uchinaoshi/img/icon.png) left center no-repeat;
	background-size: 4px 6px;
	line-height: 24px;
	margin:0 3%;
	padding-left: 5px;
}
}


/* material.html
-------------------------------------------------*/
#contents {
	width: 960px;
	margin: 0 auto 50px;
}
h1 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
}
h1 span {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
	display: block;
	padding-top: 10px;
}
table {
	margin: 20px 0 40px;
}
table th,
table td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #3e3a39;
	padding: 13px 13px;
}

@media only screen and (min-width:1px) and (max-width:680px){
#contents {
	width: 94%;
	margin: 0 auto 30px;
}
h1 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}
h1 span {
	font-size: 11px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
	display: block;
	padding-top: 5px;
}
table {
	margin: 10px 0 20px;
}
table th,
table td {
	padding: 10px 5px;
}
table td img {
	width: 100%;
}
}


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#000; opacity: 0.8; filter: alpha(opacity = 80);}
#colorbox{outline:0;}
#cboxContent{margin-top:0;background: rgba(0,0,0,0); padding:25px;}
.cboxIframe{background:#fff;}
#cboxLoadedContent{background:#fff;}
#cboxLoadingGraphic{background:url(../common/img/bx_loader.gif) no-repeat center center;}
#cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxClose:active {outline:0;}
#cboxCurrent,
#cboxTitle,
#cboxSlideshow,
#cboxPrevious,
#cboxNext{ display: none !important; }
#cboxClose{position:absolute; top:0px; right:0px; display:block; background:url(../uchinaoshi/img/material/close.png) no-repeat top center; width:50px; height:50px; text-indent:-9999px;}

@media only screen and (min-width:1px) and (max-width:680px){
#cboxContent{padding:0;}
#cboxClose{top:-12px; right:-3%; background:url(../uchinaoshi/img/material/close.png) no-repeat top center; background-size: 25px 25px; width:25px; height:25px;}
}


/* popup.html
-------------------------------------------------*/
#popup #wrapper {
	width:740px;
	min-width: 740px;
	margin:0 auto;
	background-color: #fff;
	text-align: left;
}
#popup #contents {
	width:600px;
	margin: 50px auto;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	display: block;
}
.bx-wrapper .bx-viewport {
	background: #fff;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../common/img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bxslider li {
	border: 1px solid #3e3a39;
}
#bx-pager {
	margin-top: 15px;
}
#bx-pager a {
	display: inline-block;
	width: 112px;
	margin: 0 5px 10px 0;
	text-decoration: none;
	text-align: left;
	color: #3e3a39;
	line-height: 1.3;
	vertical-align: top;
}
#bx-pager a.last {
	margin-right: 0;
}
#bx-pager img {
	border: 2px solid #3e3a39;
	margin-bottom: 5px;
}
#bx-pager a:hover img,
#bx-pager a.active img {
	border: 2px solid #ef4d73;
}
.bx-prev,
.bx-next {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: absolute;
	top: 178px;
}
.bx-prev {
	background: url(../uchinaoshi/img/popup/prev.png) left top no-repeat;
	left: -45px;
}
.bx-next {
	background: url(../uchinaoshi/img/popup/next.png) left top no-repeat;
	right: -45px;
}
.bx-prev:hover,
.bx-next:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}

@media only screen and (min-width:1px) and (max-width:680px){
#popup #wrapper {
	width:100%;
	min-width: inherit;
}
#popup #contents {
	width:94%;
	margin: 20px auto;
}
.bx-wrapper img {
	max-width: 100%;
}
#bx-pager { 
	display: none;
}
.bx-prev,
.bx-next  {
	width: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
}
.bx-prev {
	background: url(../forcompany/img/temple/prev.png) left top no-repeat;
	background-size: 30px 30px;
	left: 0;
}
.bx-next {
	background: url(../forcompany/img/temple/next.png) left top no-repeat;
	background-size: 30px 30px;
	right: 0;
}
.bx-prev:hover,
.bx-next:hover {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
}


}