@charset "utf-8";
/* CSS Document */

	
/* ----------------------------------------------------
	#Base
---------------------------------------------------- */

#Base{
	width: 960px;
	margin: auto;
	border: 1px solid #333;
	margin-top: 30px;
	}
	
/* ----------------------------------------------------
	#Head
---------------------------------------------------- */

#Head{
	
	}
	
#Head h1{
	display: none;
	}	
	
/* ----------------------------------------------------
	#Content
---------------------------------------------------- */	

#Content{
	width: 960px;
	}


/* ----------------------------------------------------
	#Section01
---------------------------------------------------- */	

.Top #Section01{
	width: 960px;
	height: 450px;
	background: url(images/main20140909.jpg) left top no-repeat;	
	}
	
.Top #Section01 h2{
	display: none;
	}	
	
.Top #Section01 #Left{
	width: 250px;
	/*background: #fbfdf2;*/
	float: left;
	height: 450px;
	position:relative;
	}	
	
.Top #Section01 #Right{
	width: 710px;
	height: 450px;	
	float: right;
	}	

	
.Top #Section01 #Left #LeftInner{
	padding: 15px 15px 15px 15px;
	}	
	
.Top #Section01 .menu{
	font-family: 'Droid Serif', arial, serif;
	font-size: 18px;
	font-weight: bold;
	}	
	
	
/*recent work-------------------------------------------*/	

.Top #Section01 .menu_s{
	font-family: 'Droid Serif', arial, serif;
	font-size: 12px;
	font-weight: bold;
	}		

.Top #Section01 dd ul li a{
	display: block;
	padding: 8px 0 6px 10px;
	}

.Top #Section01 dd ul li a:link {color: #333; text-decoration:none;}
.Top #Section01 dd ul li a:visited {color: #333; text-decoration:none;}
.Top #Section01 dd ul li a:active {color: #999; text-decoration:none;}
.Top #Section01 dd ul li a:hover {color: #999; text-decoration:none; background:#fff;}
		
	
.Top #Section01 dl ul{
	/*margin-left: 5px;*/
	}
	
.Top #Section01 dl dt{
	border-bottom: 1px solid #333;
	margin-bottom: 0px;
	padding: 0px;
	}	
	
.Top #Section01 dl ul li{
	display: block;
	/*margin-bottom: 6px;*/
	/*padding-top: 4px;	
	padding-bottom: 6px;
	padding-left: 10px;*/
	font-size: 11px;
	line-height: normal;
	letter-spacing:normal !important;	
	background: url(images/icon.gif) left 7px no-repeat;
	border-bottom: 1px solid #CCC;
	}	
	
/*menu-------------------------------------------------------*/	
	
.Top #Section01 ul.menu{
	position:absolute;
	bottom: 15px;
	left: 25px;
	}	
	
.Top #Section01 .menu a:link {color: #333; text-decoration:none;}
.Top #Section01 .menu a:visited {color: #333; text-decoration:none;}
.Top #Section01 .menu a:active {color: #999; text-decoration:none;}
.Top #Section01 .menu a:hover {color: #999; text-decoration:none;}
	
/* ---------------------------------------------------
	#Section02
---------------------------------------------------- */	

.Top #Section02{
	width: 960px;
	background: #000 url(images/top_sec02_bg.jpg) left top repeat-x;
	}

.Top #Section02 .News h3{
	font-family: 'Droid Serif', arial, serif;
	font-size: 16px;
	font-weight: bold;	
	color: #FFF;
	}

.Top #Section02 .News {
	width: 400px;
	float: left;
}

	
.Top #Section02 .News ul{
	display: block;
	margin-left: 15px;
	}	
	
.Top #Section02 .News ul li{
	display: block;
	padding-left: 10px;
	margin-bottom: 5px;
	background: url(images/icon.gif) left 5px no-repeat;
	color: #999;
	}
	
.Top #Section02 .News ul li	a:link {color: #fff; text-decoration:none;}
.Top #Section02 .News ul li	a:visited {color: #fff; text-decoration:none;}
.Top #Section02 .News ul li	a:active {color: #999; text-decoration:none;}
.Top #Section02 .News ul li	a:hover {color: #999; text-decoration:none;}
	
.Top #Section02 .Inner{
	padding: 15px;
	}	
	
/* ---------------------------------------------------
	#copy
---------------------------------------------------- */		

#copy{
	width: 940px;	
	padding: 10px;
	text-align: right;
	color: #999;
	border-top: 1px solid #666;
	margin-top: 30px;
	}
	
.Page #copy{
	width: 940px;	
	padding: 10px;
	text-align: right;
	color: #999;
	border-top: 1px solid #666;
	margin: 0;
	}	
	
#copy p{
	display: block;
	}	
	
/*トップフッターバナーエリア*/	
#TopFotter{
	width: 960px;
	margin: auto;
	}

#top_bn{
	text-align:center;
	padding-bottom: 50px;
	}
	
#top_bn p{
	display: block;
	width: 468px;
	margin: 5px auto 5px 8px;
	float: left;
	}
	
#top_bn ul{
	width: 960px;
	}	
	
#top_bn ul li{
	display: 200px;
	padding: 5px 19px;
	float: left;
	display: block;
	}	
	
#top_bn	a:link {color: #666; text-decoration:none;}
#top_bn	a:visited {color: #666; text-decoration:none;}
#top_bn	a:active {color: #999; text-decoration:none;}
#top_bn	a:hover {color: #999; text-decoration:none;}

#amazon{

	}
	
#amazon li{
	width: 100px;
	height: 150px;
	 padding: 12px ;
	 text-align: center;
	 float: left;
	 line-height:normal;
	 font-size: 10px;
}
	
	
#amazon a:link {color: #fff; text-decoration:none;}
#amazon a:visited {color: #fff; text-decoration:none;}
#amazon a:active {color: #999; text-decoration:none;}
#amazon a:hover {color: #999; text-decoration:none;}	
.shoptitle{
	font-family: 'Droid Serif', arial, serif;
	font-size: 12px;
	font-weight: bold;	
	color: #FFF;	
	}	
	
/*カルーセル--------------------------------------------------------------*/	

#CarouselBase{
	float: right;
	height: 380px;
	}

.infiniteCarousel {
  width: 500px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 420px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 130px;
  margin: 0 40px;
  position: absolute;
  top: 0;
  font-size: 9px;
}

.infiniteCarousel .wrapper ul li a:link {color: #fff; text-decoration:none;}
.infiniteCarousel .wrapper ul li a:visited {color: #fff; text-decoration:none;}
.infiniteCarousel .wrapper ul li a:active {color: #999; text-decoration:none;}
.infiniteCarousel .wrapper ul li a:hover {color: #999; text-decoration:none;}

.infiniteCarousel .wrapper span{
	line-height: normal;
	}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/*.infiniteCarousel ul a{
	color:#FFF;
	}*/

.infiniteCarousel .wrapper ul {
  width: 1260px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 85px;
  width: 85px;
  text-align:center;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

/*-------------------------------------------------------------------
.Page
----------------------------------------------------------------------*/

.Page #Head{
	display: block;
	height: 10px;
	background: #000;
	}

.Page #Section01{
	width: 960px;
	background:#FFF;
	}


.Page #Section01{
	width: 960px;
	}
	
.Page #Section01 #Left{
	width: 200px;
	float: left;
	}	
	
.Page #Section01 #Right{
	width: 760px;
	float: right;
	}	
	
.Page #Section01 #Left .menu{
	font-family: 'Droid Serif', arial, serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.1em;
	}	
	
.Page #Section01 #Left ul.menu{
	display: block;
	margin: 25px 25px 70px 25px;
}
	
.Page #Section01 #Left .menu li{
	display: block;
	margin: 10px 0px;
	}	
	
.Page #Section01 #Left .menu a:link {color: #333; text-decoration:none;}
.Page #Section01 #Left .menu a:visited {color: #333; text-decoration:none;}
.Page #Section01 #Left .menu a:active {color: #999; text-decoration:none;}
.Page #Section01 #Left .menu a:hover {color: #999; text-decoration:none;}	

.Page #copy{
	background:#000;
	border:none;
	}

#Left .menu_s{
	font-family: 'Droid Serif', arial, serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 8px;
	color: #999;
	}
	
	
#Left .syouhin ul{
	float: none;
	position: relative;
	display: block;
	width: 170px;
	width: 130px;
	padding: 0 15px;
	margin: 0;
	}
	
#Left .syouhin ul li{
	float: none;
	padding: 0;
	margin: 0;	
	}	
	
#Left .syouhin ul li ul{
	float: none;
	position: relative;	
	display: block;
	padding: 0;
	margin: 0 auto 30px auto;	
	border-top: 1px solid #999;	
	}
	
#Left .syouhin ul li ul li{
	display: block;
	float: none;	
	width: 150px;
	padding: 10px 0;
	margin: 0 auto 0 auto;
	text-align:center;
	line-height:normal;
	}
	
#Left .syouhin ul li ul li a img {
  border: 5px solid #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}	
	
#Left .syouhin ul li ul li a:visited img {
  border: 5px solid #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}	

#Left .syouhin ul li ul li a:hover img {  border: 5px solid #999; }	
	
#Left .syouhin ul li ul li a span{
	display: block;
	padding: 5px;
	}	

.Page #Section01 #Right .Inner{
	padding: 30px;
	}
	
/*-----------------------------------------------------------
 .adout
-----------------------------------------------------------------*/	
.about h2{
	font-family: 'Droid Serif', arial, serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #333;	
}

.about p{
	display: block;
	padding: 10px 20px;
	}
	
.about .Section01{
	background: url(images/dot.gif) left bottom repeat-x;
	}	
	
.about .Section01 dl{
	padding: 10px 20px;	
	}

.about .Section01 dl dt{
	font-family: 'Droid Serif', arial, serif;
	font-size: 12px;
	font-weight: bold;
	float: left;
	clear: left;
	width: 10em;
	display: block;
	}

.about .Section01 dl dd{
	display: block;
	margin-left: 11em;
	padding: 0.3em 0px;
	}
	
.about .Section02{
	padding-bottom: 50px;
	}
	
.about .Section02 h3{
	font-weight: bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding: 10px 20px;
	}	
	

.about .Section02 dl{
	padding: 30px;
	}
	
.about .Section02 dl dd{
	padding-bottom: 30px;
	}	

/*-----------------------------------------------------------
 work
-----------------------------------------------------------------*/
.work .note{
	display: block;
	margin: 0px 10px 0px 20px;
	font-size: 12px;
	padding-left: 15px;
	padding-bottom: 5px;
	background:url(images/icon.gif) left 7px no-repeat;
	border-bottom:1px solid #999999;
	}

.work dl{
	margin: 15px 10px 15px 20px;
	}
	
.work dl dt{
	border-bottom: 2px solid #333;
	font-weight: bold;
	display: block;
	padding: 5px 5px 2px 5px;
	margin-top: 30px;
	color: #333;
	}	
	
.work dl dd{
	margin: 10px 5px 10px 5px;
	}
	
.work dl dd dt{	
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom: 1px solid #333;
	color: #333;
	margin: 3px;
	padding: 2px;	
	}
	
.work dl ul li{
	margin-bottom: 10px;
	background: url(images/dot.gif) left bottom repeat-x;
	}
	
/*-----------------------------------------------------------
 .gallery
-----------------------------------------------------------------*/

.gallery h2{
	font-family: 'Droid Serif', arial, serif;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #333;	
}

.gallery ul{
	display: block;
	width: 660px;
	margin: 30px auto;
	}
	
.gallery ul li{
	display: block;
	float: left;
	margin: 5px;
	}	
	
.gallery ul li a span{
	display: block;
	font-size: 9px;
	width: 100px;
	line-height:normal;
	}	
	
/*-----------------------------------------------------------
 #tBox
-----------------------------------------------------------------*/	
	
#tBox span{
	font-family: 'Droid Serif', arial, serif;
	font-size: 14px;
	font-weight: bold;
	}
	
#tBox a,
.tw_text a{
	color: #999 !important;
	}	
	
#tBox a:hover,
.tw_text a:hover{
	color: #999 !important;;
	}
	
#tBox a:visited,
.tw_text a:visited{
	color: #999  !important;;
	}