@charset "UTF-8";


/*========================================


	common.css
	Recent Edit | 2013
	

========================================*/

/* ����{-------------------- */

body {
	font-size: 11px;
	line-height: 1.8;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	color:#323227;
}	

a:link {
	text-decoration: none;
	color: #9D916C;
}
a:visited {
	text-decoration: none;
	color: #9D916C;
}
a:hover {
	text-decoration: underline;
	color: #aaa;
}
a:active {
	text-decoration: none;
}
input {outline:0;}

ul, li {margin:0; padding:0;}

.txt30 {font-size:30%;} .txt40 {font-size:40%;} .txt50 {font-size:50%;} .txt60 {font-size:60%;} .txt70 {font-size:70%;} .txt80 {font-size:80%;} .txt90 {font-size:90%;}
.txt110 {font-size:110%;} .txt120 {font-size:120%;} .txt130 {font-size:130%;} .txt140 {font-size:140%;} .txt150 {font-size:150%;} .txt160 {font-size:160%;} .txt170 {font-size:170%;} .txt180 {font-size:180%;} .txt190 {font-size:190%;} .txt200 {font-size:200%;}
.plr10 {padding:0 10px;}

.red { color:#e00;}

/* ���X�N���v�g-------------------- */
#windowFade {
position:absolute; /* ie6 */
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fcfcfc;
z-index:1000;
}
.totop {position:fixed; right:0px; top:120px; cursor:pointer;}
.totop a{ width: 20px; height: 100px; display: block;}


.shdw {
  -webkit-box-shadow: 0 2px 7px -2px #bbb;
     -moz-box-shadow: 0 2px 7px -2px #bbb;
          box-shadow: 0 2px 7px -2px #bbb;}

/*�w�i*/
.bgred { background-color: #DF3C21;}
.bgpink { background-color: #F4D6D8;}
.bgyellow { background-color: #EDE500;}
.bglgy { background-color: #E6E6C9;}
.bgdgy { background-color: #766C5C;}
.bglbu { background-color: #7FB4C0;}
.bggrn { background-color: #90B570;}
.bglgrn { background-color: #C2E1BD;}

.bgnone { background:none;
  -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
		  padding:8px;}

/* ��topimg-------------------- */
.slidebox {width:948px;
			height:300px;
			display:block;
			border:none;
			position:relative;
			top:0px;
			left:0px;
		/*-webkit-box-shadow: 0 1px 9px -2px #ddd; -moz-box-shadow: 0 1px 9px -2px #ddd; box-shadow: 0 1px 9px -2px #ddd;*/
			float:left;}
.slidebox .slide {display:none;
			position:absolute;
			top:0;
			left:0;
			border:none;}
.slidebox .slide img { border:none; }

.thumbs {position:absolute;
			left:-4px;
			bottom:-30px;
			z-index:101;}
.thumbs b {display:block;
			float:left;
			margin:1px;
			cursor:pointer;}
.thumbs img { border:none; }
.thumbs b.selected { background:url(../imgs/btn01bg.gif) no-repeat; /*border:1px solid #ff3; -webkit-box-shadow: 0 1px 9px -2px #bbb; -moz-box-shadow: 0 1px 9px -2px #bbb; box-shadow: 0 1px 9px -2px #bbb; */}

/* ��head-------------------- */
#head {width:100%; border-bottom:1px solid #ddd; border-top:1px solid #f2f2f2; height:90px; position: fixed; top:0px; background:rgba(253,253,250,.2) url(../imgs/sq_lgy.gif);
  -webkit-box-shadow: 0 4px 5px -2px #e5e5e5;
     -moz-box-shadow: 0 4px 5px -2px #e5e5e5;
          box-shadow: 0 4px 5px -2px #e5e5e5; z-index:9999;}
#headin {width:950px; margin:auto; position: relative;}
#headin #logo {
	position:absolute;
	top:20px;
	left:0;
}
.head_exp {font-size:11px; position:absolute; top:12px; right:8%;}
.head_caution {font-size:10px; position:absolute; top:26px; right:8%; font-size:10px;}

.headinfo { position:absolute; top:30px; right:0px;}

.navi { width:100%; background:rgba(10,10,0,.7) url(../imgs/sq_dgy.gif); position:relative;
/*  -webkit-box-shadow: 0 2px 5px -0px #ccc;
     -moz-box-shadow: 0 2px 5px -0px #ccc;
          box-shadow: 0 2px 5px -0px #ccc;*/}
.navi ul { width:950px; list-style:none; margin:0 auto; padding:14px 0 0; height:31px;}
.navi ul li{ margin-right:18px; font-size:10px; float:left; color:#ccc;}
.navi ul li a {
  padding:3px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.navi ul li a:hover{ background: rgba(253,253,250,.1); text-decoration:none;}

/* ��main-------------------- */

.top {width:976px; margin:0px auto; }

.main {width:976px; margin:150px auto 50px;}

.topimg {width:948px; margin:0px auto 50px;}

table.access {width:100%;}
table.access th { background:rgba(200,200,200,.3); padding:5px 10px;}
table.access td { padding:5px 10px; border-bottom:1px dotted #bbb;}

/* ��foot-------------------- */
#footer {width:100%; position: relative; border-top:1px solid #ddd; margin-top:15px; background:rgba(253,253,250,.2) url(../imgs/sq_lgy.gif);
  -webkit-box-shadow: 0 -4px 5px -2px #e5e5e5;
     -moz-box-shadow: 0 -4px 5px -2px #e5e5e5;
          box-shadow: 0 -4px 5px -2px #e5e5e5;}
#footer h2 {margin:0; padding:0;}
#footer p {margin:0; padding:9px 0 0;}
#footer #in {width:950px; margin:30px auto;}
#footer #cr { text-align:center; font-size:10px; background:rgba(10,10,0,.8) url(../imgs/sq_bk.gif); padding:5px 0; color:#888; text-transform:0 -1 0 #000; font-size:9px;}

.info1, 
.info2 {float:left; font-size:9px;}

.info1 {padding-right:50px;}

#footer ul {margin:10px 0 0 35px;}

/* ��shop����-------------------- */
table.carry {margin:5px;}
.carrylist { max-width:90%; overflow: auto; margin:0 5%;}
.carrylist::-webkit-scrollbar{
	width: 5px;
}
.carrylist::-webkit-scrollbar:horizontal{
	height: 8px;
}
.carrylist::-webkit-scrollbar-track,
.carrylist::-webkit-scrollbar-track:horizontal{
	background: #ddd; -webkit-box-shadow: inset 0 0 3px #bbb;
	border-radius: 5px;
}
.carrylist::-webkit-scrollbar-thumb,
.carrylist::-webkit-scrollbar-thumb:horizontal{
	background: #f2f2f2;  -webkit-box-shadow: inset 0 0 2px #ddd;
	border-radius: 5px;
}

.carrylist table { margin-bottom:1em; border-collapse:collapse; white-space:nowrap;}
.carrylist table th {border:1px dotted #eee; background:#f8f8f8; padding:.3em .5em;}
.carrylist table td {border:1px dotted #eee; padding:.3em; text-align:center;}

/* ��ipad����-------------------- */
@media screen and (orientation:portrait) {
/* �L�� */
}

/* ��ipad�悱-------------------- */
@media screen and (orientation:landscape) {
}


/* ��retina�Ȃ�-------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
}

/* Infinite Scroll loader */
#infscr-loading {
  text-align: center;
  z-index: 100;
  position: fixed;
  right: 5%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #fff;
  opacity: 0.8;
  color: #333;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.topimg #ss2 img {width:474px; height: auto; margin:0;}
.topimg #ss2 {clear: both;}
.topimg #ss2 .ss-left {float: left;}
.topimg #ss2 .ss-right {float: right;}



/* 20190404 colorbox.css��rss.css�̓��e���܂Ƃ߂�*/
/* https�x���̈�*/

/* colorbox.css*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#f4f8f1 url(../imgs/sq_wh.gif);}
#colorbox{}
#colorbox img{
margin:10px;
background:#fff;
-webkit-box-shadow: 0 1px 8px -2px #ccc;
-moz-box-shadow: 0 1px 8px -2px #ccc;
box-shadow: 0 1px 8px -2px #ccc;}
#cboxContent{margin-top:40px; margin-bottom:40px; margin-left:5px; margin-right:5px; overflow:visible;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#eee url(../imgs/sq_wh.gif); padding:0px;
-webkit-box-shadow: 0 1px 8px -2px #222;
-moz-box-shadow: 0 1px 8px -2px #222;
box-shadow: 0 1px 8px -2px #222;}
#cboxLoadingGraphic{background:url(images/loadinfo1.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#f5f5f5 url(../imgs/sq_wh.gif);}
#cboxTitle{position:absolute; top:-22px; left:0; color:#222; text-shadow: 0px 1px 0px #fff;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-25px; left:0px; background:url(images/controls.png) no-repeat 0 0;}
#cboxPrevious, #cboxNext{text-indent:-9999px; width:20px; height:20px; position:absolute; bottom:-25px; background:url(images/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; left:0px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:0px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}



/* rss.css*/
.block { width:214px; float:left; padding:0px; margin:0px 15px; 15px; height:280px;}
.block h4,
.block p {border:none; width:214px; float:left; margin:0; padding:0;}
.block h4{ font-size:11px; margin-bottom:3px; padding-top:8px; text-shadow: 0 0 2px #eee;
	overflow:hidden;
	height:14px;
	text-overflow: clip ellipsis;
	-webkit-text-overflow: clip ellipsis;
	-o-text-overflow: clip ellipsis;
	line-height:16px;
}/* 1�s�\�� */
.block p{ color:#666; font-weight:lighter; font-size:9px; padding-top:5px; text-shadow: 0 1px 0 #FFF;
	overflow:hidden;
	height:39px;
	text-overflow: clip ellipsis;
	-webkit-text-overflow: clip ellipsis;
	-o-text-overflow: clip ellipsis;
	line-height:13px;
}/* 1�s�\�� */
.site { clear:both; float: right; padding:3px 5px 3px; margin-top:10px; background:#f6f1f1; color:#888; font-size:9px; line-height:1; font-weight:bolder; text-shadow: 0 1px 0 #fff;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;}
.feedclr {clear:both;}
div.thumb1,
div.thumb2{
    display:block;
    width:214px; /*�g���~���O��̉���*/
    height:137px; /*�g���~���O��̏c��*/
    overflow:hidden;
    z-index:1;
	float:left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	-webkit-box-shadow: 0 1px 7px -2px #bbb;
	   -moz-box-shadow: 0 1px 7px -2px #bbb;
	        box-shadow: 0 1px 7px -2px #bbb;
}
.thumb1 img,
.thumb2 img { max-width:220px; background:#fff;}

div.thumb2{ background:#fafafa; text-align:center;}
.thumb2 img { max-height:127px; width:auto; padding:0px;}

.thumb1 a:hover { 
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}


/* ��feed����Ȃ��ӏ�-------------------- */
.block h2 { padding:0; margin:0; line-height:1; border-bottom:2px #222 solid; padding-bottom:8px; font-size:13px; color:#222; font-family: 'Trocchi', serif;}
.block h3 { padding:0; margin:0; line-height:1; padding-top:8px; padding-bottom:8px; font-size:9px; text-align:right;}
@media screen and (orientation:portrait) {
}
/* ��ipad�悱-------------------- */
@media screen and (orientation:landscape) {
/*#feed {width:950px;}
.block { width:286px;}
#feed h4,
#feed p {width:216px;}
#feed h4{ font-size:11px; margin-bottom:3px; padding-top:0px; text-shadow: 0 0 2px #eee;
	overflow:hidden;
	height:30px;
	text-overflow: clip ellipsis;
	-webkit-text-overflow: clip ellipsis;
	-o-text-overflow: clip ellipsis;
	line-height:16px;
} 1�s�\�� */
}
/* ��retina�Ȃ�-------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
.box224,
.box464,
.box704 {
  background: url(../imgs/wire.gif) no-repeat top center;
}
}