@charset "UTF-8";
/* CSS information ===========
File name: base.css
Data: 2012.05.10
 ============================*/
 
 
/* ============================
全体の設定
 ============================*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif;
	font-size: 13px;
	color: #333;
	margin-top: 0px;
	margin-right: 0px;
	background-image: url(../img/dotback.gif);
	background-repeat: repeat;
	background-position:center;
}
img {
	border:0px;
}
a:link {
	color: #61b3ff;
	text-decoration: none;
}
a:hover {
	color: #F93;
	 text-decoration:underline;
}
a:visited {
	color: #F69;
}
a:active {
	color: #FC0;
}

.goods_sam {
	padding-top:10px;
	padding-left:20px;
	font-size:14px;
	text-align: left;
	line-height:16px;
}

.goods_sam_l {
	padding-top:10px;
	padding-left:20px;
	font-size:14px;
	text-align: left;
	line-height:20px;
}

.goods_sam2 {
	color:#61b3ff;
	padding-top:10px;
	padding-left:0px;
	font-size:12px;
	text-align: left;
	line-height:12px;
}
.goods_sam2l {
	color:#61b3ff;
	padding-top:10px;
	padding-left:0px;
	font-size:14px;
	text-align: left;
	line-height:16px;
	font-weight:bold;
}
.goods_sam2s {
	color:#61b3ff;
	padding-top:10px;
	padding-left:0px;
	font-size:12px;
	text-align: left;
	line-height:14px;
}

.goods_sam3 {
	color:#2634b8;
	padding-top:10px;
	padding-left:0px;
	font-size:13px;
	text-align: left;
	line-height:16px;
}

.goods_sam3s {
	color:#61b3ff;
	padding-top:3px;
	padding-left:0px;
	font-size:11px;
	text-align: left;
	line-height:12px;
}

.goods_sam3sb {
	color:#2634b8;
	padding-top:3px;
	padding-left:0px;
	font-size:11px;
	text-align: left;
	line-height:15px;
}

.goods_sam3sc {
	color:#000000;
	padding-top:3px;
	padding-left:0px;
	font-size:11px;
	text-align: left;
	line-height:15px;
}

.goods_spec {
	padding-left:10px;
	font-size:14px;
	text-align: left;
	line-height:16px;
}

.goods_all_title {
	padding-left:10px;
	font-size:13px;
	text-align: left;
	line-height:15px;
	font-weight:bold;
}

.goods_spec2_red {
	color:#FF0000;
	padding-left:10px;
	font-size:13px;
	text-align: left;
	line-height:15px;
}

.goods_spec2_orange {
	color:#FF6600;
	padding-left:10px;
	font-size:13px;
	text-align: left;
	line-height:15px;
}

.goods_spec2_blue {
	color:#09F;
	padding-left:10px;
	font-size:13px;
	text-align: left;
	line-height:15px;
}


.goods_spec2 {
	padding-left:10px;
	font-size:13px;
	text-align: left;
	line-height:15px;
}

.goods_spec_korogete {
	font-size:11px;
	text-align: center;
	line-height:12px;
	color:#FFFFFF;
}

.goods_spec_korogete3 {
	font-size:11px;
	text-align: left;
	line-height:12px;
	color:#FFFFFF;
}

.goods_spec_korogete3a {
	margin-top:2px;
	font-size:11px;
	text-align: left;
	line-height:14px;
	color:#FFFFFF;
}

.goods_spec_korogete2 {
	font-size:13px;
	text-align: center;
	line-height:16px;
	color:#FFFFFF;
	font-weight:bold;
}

.goods_spec_box {
	padding: 10px;
	font-size:14px;
	background: #FFF;
	border-top: 1px solid #CCC;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 1px solid #CCC;
}

.goods_spec_box2 {
	padding-left:20px;
	font-size:14px;
	background: #FFF;
	line-height:15px;
}

.goods_spec_box3 {
	padding-left:20px;
	font-size:14px;
	background: #FFF;
	line-height:15px;
	border-top: 3px solid #61b3ff;
	border-right: 3px solid #61b3ff;
	border-bottom: 3px solid #61b3ff;
	border-left: 3px solid #61b3ff;
}

.goods_spec_box_set {	
	padding-left:20px;
	padding-right:20px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:12px;
	background: #FFF;
	line-height:30px;
	border-top: 3px solid #61b3ff;
	border-right: 3px solid #61b3ff;
	border-bottom: 3px solid #61b3ff;
	border-left: 3px solid #61b3ff;
}

.goods_spec_box_jyoshi {
	margin:0px;
	text-align: left;
	padding-top:10px;
	padding-left:10px;
	font-size:11px;
	line-height:12px;
	background: #FFF;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

.goods_spec_box4 {
	padding: 10px;
	font-size:11px;
	line-height:12px;
	background: #FFF;
	border-top: 1px solid #CCC;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 1px solid #CCC;
}

.goods_spec_box5 {
	text-align:left;
	padding: 10px;
	font-size:12px;
	line-height:14px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.goods_spec_box5b {
	text-align:left;
	padding: 10px;
	font-size:12px;
	line-height:14px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

.goods_spec_box5s {
	color:#FFF;
	text-align:left;
	padding: 10px;
	font-size:12px;
	line-height:14px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

.goods_spec_box6 {
	color: #333;
	text-align:left;
	padding: 10px;
	font-size:12px;
	line-height:14px;
	border-top: 1px solid #9c0420;
	border-right: 1px solid #9c0420;
	border-bottom: 1px solid #9c0420;
	border-left: 1px solid #9c0420;
}

.space10 {
	margin-top:10px;
	margin-bottom:10px;
}

.space5 {
	margin-top:5px;
	margin-bottom:5px;
}

.space10s {
	margin-bottom:10px;
}

.space5s {
	margin-bottom:2px;
}

.space0 {
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
}

.questionnaire {
	font-size:12px;
	line-height:14px;
}

.news_topix_hedline {
	padding-left:30px;
	text-align:left;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
}

.news_topix {
	text-align:left;
	font-size:12px;
	line-height:15px;
}

.footer {
	padding-left:30px;
	text-align:left;
	font-size:14px;
	font-weight: bold;
	color:#FFFFFF;
}

.theme_default #slider_nivo {
	position:absolute;
	margin:0px auto 0 auto;
	width:750px;
	height:362px;
}

/* #flickthumb
--------------------------- */
#flickthumb {
	margin:0px auto 0 auto;
	width:750px;
	height:362px;
	text-align: center;
}
#flickthumb ul {
	width:750px;
	height:362px;
}
#flickthumb ul li {
	width: 150px;
	height: 84px;
	float: left;
	cursor: pointer;
	display: inline;
}
#flickthumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}
#flickscroll *{
	margin:0; !important; 
	padding:0; !important; 
}
#flickthumb *{
	margin:0; !important; 
	padding:0; !important; 
}


/* ============================
ボックスの設定
 ============================*/
.box_980_bg {
	background: url(../images/box_980_bg.png) repeat-y left top;
	padding: 20px 60px 40px;
}

#gallery .box_980_bg {
	background: url(../images/box_980_bg.png) repeat-y left top;
	padding: 20px 35px 40px;
}
.box_980_header_bg {
	background: url(../images/box_980_header_bg.png) no-repeat;
	padding-top: 5px;
}
.box_980_footer_bg {
	background: url(../images/box_980_footer_bg.png) no-repeat left bottom;
	margin: 15px;
	padding-bottom: 5px;
}
.box_980_txt {
	padding: 20px;
	background: #FFF url(../images/txt_bg.gif) repeat-x left bottom;
	border-top: 1px solid #CCC;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	border-left: 1px solid #CCC;
}
.box_980_img img {
	/* [disabled]border: 1px solid #CCC;
*/
}
.white_bg {
	background: #FFF;
	padding: 10px;
}
.margin_bottom {
	margin-bottom: 30px;
}

.whatbox {
	color:#39F;
	font-size:12px;
	line-height:13px;
	width:230px;
	height:190px;
	overflow:auto;
	margin:0px 0px;
	padding:5px 4px;
	float:left;
	background-image:url(../img/whatbox.jpg);
	position:relative;
	z-index:2;
	cursor:default;
}
.date {
	color:#39F;
	font-weight: bold;
	font-size:13px;
	line-height:14px;
	float:left;
	z-index:2;
}

.social_t{
	position: absolute;
	margin-left:auto;
	top:20px;
	right:0px;
}

.social_f{
	position: absolute;
	margin-left:auto;
	top:20px;
	right:135px;
}

.nivo-directionNav a {  
    display:block;  
    width:30px;  
    height:30px;  
    background:url(nivo_slider_themes/default/arrows.png) no-repeat;  
    text-indent:-9999px;  
    border:0;  
}  
a.nivo-nextNav {  
    background-position:-30px 0;  
    right:10px;  
}  
a.nivo-prevNav {  
    left:10px;  
}  

#slider img {  
    position:absolute;  
    top:0px;  
    left:0px;  
    display:none;  
}  
#slider a {  
    border:0;  
    display:block;  
}  
.nivo-directionNav a {  
    position:absolute;  
    top:45%;  
    z-index:99;  
    cursor:pointer;  
}  

.kokuchi_title {	
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:12px;
	background: #FFF;
	line-height:30px;
	border-top: 3px solid #61b3ff;
	border-right: 3px solid #61b3ff;
	border-bottom: 3px solid #61b3ff;
	border-left: 3px solid #61b3ff;
}

.kokuchi_moji {
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
	background: #FFF;
	line-height:15px;
	border-top: 3px solid #61b3ff;
	border-right: 3px solid #61b3ff;
	border-bottom: 3px solid #61b3ff;
	border-left: 3px solid #61b3ff;
}


/*20150220*/
figure {
	position: relative;
	overflow: hidden;
	width: 485px;
	height:190px;
	color:rgba(255,255,255,1.00);
	text-align:left;
}
figcaption h3{
	position: absolute;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 20px;
	line-height: 20px;
	background: rgba(0,100,180,.7);
	-webkit-transition: .3s;
	transition: .3s;
}
figcaption p {
	position: absolute;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 40px;
	line-height: 20px;
	background: rgba(0,100,180,.7);
	-webkit-transition: .3s;
	transition: .3s;
}

figcaption h3 {
	padding-left:10px;
	font-size:13px;
	font-weight:bold;
	top: 0px;
}
figcaption p {
	padding-left:10px;
	font-size:13px;
	bottom: 0px;
}
figure:hover figcaption h3 {
	top: -20;
}
figure:hover figcaption p {
	bottom: -40;
}