@charset "utf-8";
/*----------------------------------------
■共通設定
-----------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, th, th, ol, ul, li, dl, dt, dd, form, pre{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000000;
	word-break: break-all;
	word-wrap: break-word;
	list-style: none;
}
body{
	line-height:1.5;
	font-family:font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	
}
img {
	vertical-align:bottom;
	border: none;
}
#wrapper a{color:#0053A6;}
a:link {
	color: #0053A6;
	text-decoration:underline;
}
a:visited {
	color: #000000;
}

a:hover {
	color: #0053A6;
	text-decoration:none;
}

/*----------------------------------------
■margin
-----------------------------------------*/
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb25{margin-bottom:25px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mTcenter{margin:auto;}
.ml10{margin-left:10px;}
.ml24{margin-left:24px;}
.ml34{margin-left:34px;}

.mr10{margin-right:10px;}
.mt10{margin-top:10px;}
/*----------------------------------------
■padding
-----------------------------------------*/
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}

/*----------------------------------------
■汎用クラス
-----------------------------------------*/
.clearfix{
	zoom:1;
}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
@media print{
	.clearfix{
		overflow:hidden;
	}
}

.F12{font-size:12px;}
.F11{font-size:11px;}
.F14{font-size:14px;}
.F15{font-size:15px;}
.F16{font-size:16px;}
.F18{font-size:18px;}
.F20{font-size:20px;}
.F35{font-size:35px;}
.colorRed{color:#F00;}
.Tcenter{text-align:center;}
.Fweight{font-weight:bold;}
.Tright{text-align:right;}
.Fleft{float:left;}
.Fright{float:right;}
.cler{clear:both;}
.inner{width:960px;margin:0 auto;position:relative;}
.bar_title{border-bottom:3px dotted #CCCCCC;padding-bottom:5px;}
/*----------------------------------------
■header
-----------------------------------------*/
#header-text{background:#EEEEEE;padding:3px 0;}
#header-text h1{font-weight:normal;normal;font-size:12px;}

/*----------------------------------------
■navi
-----------------------------------------*/
#header-navi ul{border-right:1px solid #CCC;}
#header-navi ul li{border-left:1px solid #CCC;float:left;}

/*----------------------------------------
■top-bnr
-----------------------------------------*/
#top-bnr{background:url(http://spocli.com/img/contents/bg.jpg) no-repeat;width:960px;padding:15px 0;}
#top-bnr .box{background:#FFF;width:798px;margin:auto;padding:15px 25px;border:1px solid #DDDDDD;}
#top-bnr .box h3{font-size:24px;}
#top-bnr .box .text{width:400px;}
#top-bnr .box .txt{line-height:1.5;}
#top-bnr .box .price{padding-bottom:5px;background:url(../img/contents/item-text01.jpg) no-repeat left center;}
#top-bnr .box .clearfix{border-bottom:1px dotted #CCC;}
/*----------------------------------------
■details-box
-----------------------------------------*/
#details-box li{width:203px;padding:10px;border:1px solid #CCC;margin-right:20px;float:left;}
#details-box .price{border-bottom:1px solid #CCC;padding-bottom:5px;background:url(../img/contents/item-text.jpg) no-repeat left center;}
#details-box .end{margin-right:0;}

/*----------------------------------------
■sponsor
-----------------------------------------*/
#sponsor{width:930px;margin:0 auto 30px auto;}
#sponsor li{float:left;margin-right:30px;}
#sponsor .end{margin-right:0;}

/*----------------------------------------
■news
-----------------------------------------*/
#news dt{width:90px;padding:5px 10px 5px 0;margin-right:10px;}
#news dd{background:url(http://spocli.com/img/left/item.png) no-repeat center;padding:5px 0;}

/*----------------------------------------
■footer
-----------------------------------------*/
#footer{background:#4A9237;padding:20px 0;margin-top:50px;color:#FFF;border-top:10px solid #000;}
#footer dt,#footer dd a{color:#FFF;}
#footer ul{width:896px;margin:0 auto 20px auto;}
#footer ul .box{width:190px;float:left;margin-right:45px;}
#footer ul .end{margin-right:0;}
#footer dt{border-bottom:1px dotted #FFF;text-indent:5px;margin-bottom:5px;}
#footer dd li{text-indent:5px;line-height:2;}
#footer dd li a{background:url(../img/footer/item.jpg) no-repeat left center;padding-left:10px;}
#page-top{
	position: absolute;
	right: 0;
	bottom: 238px;
}
#footer .inner{padding:0 10px;}
address{font-style:normal;border-top:1px solid #FFF;}

/*----------------------------------------
■コンテンツtable
-----------------------------------------*/
table {
	border-collapse: collapse;
	text-align: center;
}
table td {
	border-collapse: collapse;
}
#contents table {
	width: 555px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#contents table td {
	padding: 5px;
	border: 1px solid #EAE8DF;
}
#contents table th {
	background-color: #EFEDE7;
	padding: 7px;
}
#contents form table th {
	width: 127px;
}

table td.td_head {
	background-color: #9BBC63;
	text-align: right;
	padding: 8px;
	white-space: nowrap;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D3CDB4;
	border-right-color: #D3CDB4;
	border-bottom-color: #D3CDB4;
	border-left-color: #D3CDB4;
	font-size: 13px;
	background-image: url(http://spocli.com/css/img/td_head.gif);
	background-repeat: repeat-x;
}

table td.td_odd {
	background-color: #F8F3E7;
	text-align: left;
	padding: 8px;
	border: 1px solid #D3CDB4;
	font-size: 13px;
	background-image: url(http://spocli.com/css/img/td_odd.gif);
	background-repeat: repeat-x;
}

.td_head .eng {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #68823E;
}

/*----------------------------------------
twitter facebook設定
-----------------------------------------*/
#facebooktwitter a{color:#ffffff;}
.t-001, .f-001 {
  margin: 10px;
  font-size: 14px;
  font-weight: bold;
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  box-shadow: 0 1px 1px 1px rgba(102, 102, 102, 0.36);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  .t-001:hover, .f-001:hover {
	opacity: 0.6;
	text-align: right;
}
  .t-001 a, .f-001 a {
    display: block;
    text-decoration: none;
    position: relative;
    color: #fff; }

.t-001 {
  background: #00aced; }

.f-001 {
  background: #305097; }

/* リンクボタン、中央寄せ用追加コード */
.t-001, .f-001 {
margin: 10px auto;
}