@import url(reset.css);

@import url(fonts.css);
/*
	20120427 17:25 ryo		goopy用リセット作成 独自クラスなどは個々に追加
	20120703 17:15 ryo		lessに変更、文字サイズ設定を追加
*/
@charset "UTF-8";
/* CLEAR FIXだこの野郎 */
.clear {
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
  zoom: 1;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */
body {
  font-size: 10pt;
  /*forIE*/
  _text-align: center;
}
.imgtxt,
.imgtxt a {
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.imgtxt span {
  display: none;
}
/*	文字サイズ設定	*/
/*	文字・色設定	*/
/*line-height*/
/*
Theme Name:	 Fildlip
Theme URI:	  http://www.sutekini.com/
Description:	Made by GOOPY production.
Author:		 GOOPY production
Author URI:	 http: //www.goopy.mp/
Version:		0.1.0
*/
/*
	20120427 17:25 ryo		goopy用リセット作成 独自クラスなどは個々に追加
	20120703 17:15 ryo		lessに変更、文字サイズ設定を追加
*/
/* CLEAR FIXだこの野郎 */
.clear {
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
  zoom: 1;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */
body {
  font-size: 10pt;
  /*forIE*/
  _text-align: center;
}
.imgtxt,
.imgtxt a {
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.imgtxt span {
  display: none;
}
/*	文字サイズ設定	*/
/*	文字・色設定	*/
/*line-height*/
#allbox {
  margin: 0 auto;
  width: 980px;
}
body {
  color: #787878;
}
a {
  text-decoration: none;
  color: #787878;
}
a:hover {
  text-decoration: underline;
}
p {
  font-size: 85%;
}
strong {
  font-weight: bold;
}
.rightBlock {
  float: right;
}
.leftBlock {
  float: left;
}
.translate > a {
  /* text-indent:-9999px; */

  display: block;
  overflow: hidden;
}
.translate.menuAesthetic {
  /*a{
			background-position:0 0;				
		}
		.ov{
			background-position:0 bottom;				
		}*/

}
.translate.menuCosmetics {
  /*
		a{
			background-position:right 0;				
		}
		.ov{
			background-position:right bottom;				
		}*/

}
#exmain {
  width: 100%;
  float: left;
  padding-bottom: 150px;
}
#exside {
  float: left;
  width: 390px;
  margin-left: -390px;
  position: relative;
}
#imgarea {
  float: left;
  width: 205px;
}
#sidefootermenu {
  width: 190px;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: -45px;
}
#sidefootermenu li {
  padding: 0 15px 5px 0;
  float: left;
}
#sidefootermenu li a {
  font-size: 60%;
}
#nav {
  width: 145px;
  float: right;
  padding-top: 281px;
}
#nav ul li {
  white-space: nowrap;
  margin-bottom: 62px;
}
#nav ul li a {
  font-size: 116%;
}
#nav ul li a span.noNav {
  display: none;
}
#nav ul li ul {
  margin-bottom: 89px;
  padding-top: 53px;
}
#nav ul li ul li {
  margin-bottom: 20px;
}
#nav ul li ul li a {
  font-size: 100%;
}
#nav ul li ul li ul {
  margin-bottom: 35px;
  padding-top: 20px;
}
#nav ul li ul li ul a {
  font-size: 85%;
}
#nav .marktxt li {
  background-position: left 4px;
}
#nav .translate > a {
  width: 90px;
  /* background-image:url("lib_images/sideMenu.gif"); */

  height: 16px;
}
#main {
  padding-left: 30px;
  margin-right: 420px;
}
#header {
  width: 560px;
  margin: 24px 0 35px;
}
#header h1 {
  font-size: 77%;
  padding-bottom: 15px;
  color: #bbb;
}
#header .headerlogo {
  float: left;
  padding-right: 35px;
}
#header #gmenu {
  float: left;
  padding: 16px 0 14px;
  margin-bottom: 10px;
}
#header #gmenu li {
  float: left;
}
#header #gmenu li a {
  /* background-image:url("lib_images/headerMenu.gif"); */

  height: 15px;
}
#header #gmenu li ul {
  display: none;
}
#header #gmenu #menu-item-7,
#header #gmenu #menu-item-7 a {
  width: 120px;
}
#header #gmenu #menu-item-7 a {
  background-position: 0 0;
}
#header #gmenu #menu-item-7 .ov {
  background-position: 0 bottom;
}
#header #gmenu #menu-item-6,
#header #gmenu #menu-item-6 a {
  width: 77px;
}
#header #gmenu #menu-item-6 a {
  background-position: -120px 0;
}
#header #gmenu #menu-item-6 .ov {
  background-position: -120px bottom;
}
#header #gmenu #menu-item-14,
#header #gmenu #menu-item-14 a {
  width: 84px;
}
#header #gmenu #menu-item-14 a {
  background-position: -198px 0;
}
#header #gmenu #menu-item-14 .ov {
  background-position: -198px bottom;
}
#header #gmenu #menu-item-15,
#header #gmenu #menu-item-15 a {
  width: 68px;
}
#header #gmenu #menu-item-15 a {
  background-position: -282px 0;
}
#header #gmenu #menu-item-15 .ov {
  background-position: -282px bottom;
}
#header #gmenu #menu-item-16,
#header #gmenu #menu-item-16 a {
  width: 38px;
}
#header #gmenu #menu-item-16 a {
  background-position: -350px 0;
}
#header #gmenu #menu-item-16 .ov {
  background-position: -350px bottom;
}
#header #topicpath {
  font-size: 77%;
  clear: both;
  text-align: right;
  padding-right: 25px;
}
#header #topicpath li {
  display: inline;
}
#header #topicpath p {
  color: #b9b9b9;
}
#header #topicpath a {
  color: #b9b9b9;
}
#footer {
  clear: both;
  padding-bottom: 20px;
}
#footer ul li {
  padding: 0 15px 5px 0;
  float: left;
  font-size: 60%;
}
#footer ul li .small {
  font-size: 77%;
}
#footer .copyright {
  font-size: 60%;
  clear: both;
  line-height: 1.5;
}
#footer .copyright a {
  text-decoration: none;
}
#footer .copyright a:hover {
  color: #666666;
  text-decoration: underline;
}
#footer .copyright a strong {
  font-size: 1.25em;
  font-weight: normal;
}
h2 {
  font-size: 138.5%;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
h2 span {
  font-size: 60%;
  /*h2の60%*/

}
h3 {
  font-size: 108%;
  margin-bottom: 20px;
}
h3 p {
  margin-bottom: 3px;
}
h4 {
  font-size: 108%;
  margin-bottom: 30px;
}
ul.marktxt li,
dl.marktxt dt,
p.marktxt {
  background: url("lib_images/common-txtIcon.gif") no-repeat left center;
  padding-left: 14px;
}
.txtBlock {
  margin-bottom: 15px;
}
li {
  list-style: none;
}
.sitemap #main ul {
  padding-left: 15px;
  margin-bottom: 20px;
}
.sitemap #main ul li {
  margin-bottom: 10px;
}
.sitemap #main ul li span.noNav {
  display: none;
}
.sitemap #main ul a {
  font-weight: bold;
}
.sitemap #main ul ul {
  padding-top: 10px;
  margin-bottom: 25px;
}
.sitemap #main ul ul a {
  font-weight: normal;
  font-size: 108%;
}
.sitemap #main ul ul ul {
  padding-top: 0;
}
.sitemap #main ul ul ul li {
  background-position: 0 5px;
  margin-left: 5px;
}
.sitemap #main ul ul ul li a {
  font-size: 77%;
}
.sitemap #main .translate > a {
  width: 90px;
  /* background-image:url("lib_images/sideMenu.gif"); */

  height: 16px;
}
.privacy p {
  font-size: 85%;
  line-height: 1.8;
}
.privacy p .title {
  font-size: 100%;
  color: #656565;
}
.purchaseLink {
  text-align: center;
}
.purchaseLink input,
.purchaseLink a {
  display: block;
  font-size: 108%;
  background-color: #e08c92;
  padding: 3px;
  color: #ffffff;
  font-weight: bold;
}
.purchaseLink input:hover,
.purchaseLink a:hover {
  text-decoration: none;
  background-color: #F7C3C6;
}
.purchaseLink input {
  border: 0 none;
  width: 100%;
  cursor: pointer;
}
#colorbox {
  /* 	#cboxLoadedContent {
		overflow: visible !important;
		border: 0 none;
	}*/

}
#colorbox #cboxPrevious,
#colorbox #cboxNext {
  display: none !important;
  width: 42px;
  height: 90px;
}
#colorbox #cboxPrevious {
  background: url("lib_images/harumi-arrowL.gif") no-repeat 0 0;
  left: -42px;
}
#colorbox #cboxNext {
  display: ;
  background: url("lib_images/harumi-arrowR.gif") no-repeat 0 0;
  right: -42px;
}
#colorbox #cboxClose {
  background: url("lib_images/harumi-closeIcon.gif") no-repeat 0 0;
  height: 12px;
  width: 13px;
}
#colorbox #cboxClose.harumi {
  top: 5px;
  right: 31px;
}
#harumiMain {
  /* 	height: 700px !important;
	width: 1137px; */

  background: #000000;
}
#harumiMain #holder {
  width: 1000px;
  height: 630px !important;
  background-image: none;
  margin: 0 auto;
}
#harumiMain #holder img {
  width: 1000px;
  height: 630px;
  display: inline;
}
#harumiMain #holder li {
  padding: 0;
  text-align: center;
  width: 100%;
  margin: 0;
}
#harumiMain #holder,
#harumiMain #holder li {
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -moz-box-shadow: 0 0 0 #000000;
  -webkit-box-shadow: 0 0 0 #000000;
  box-shadow: 0 0 0 #000000;
  background-color: transparent;
  border-width: 0;
}
#harumiMain .swControls {
  left: 46.3% !important;
}
#harumiMain .swSlider {
  width: 6000px !important;
}
#harumiMain #harumigGotoPage {
  position: absolute;
  top: 253px;
  width: 1137px;
}
#harumiMain #button_back,
#harumiMain #button_forward {
  width: 42px;
  height: 90px;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
#harumiMain #button_back {
  background: url("lib_images/harumi-arrowL.gif") no-repeat 0 0;
  float: left;
}
#harumiMain #button_forward {
  background: url("lib_images/harumi-arrowR.gif") no-repeat 0 0;
  float: right;
}
#harumiMain .swPage {
  width: 1000px !important;
}
#harumiMain a.swShowPage {
  background: url("lib_images/harumi-pagingIcon.gif") no-repeat center #000000;
  -moz-box-shadow: 0 0 0 #000000;
  -webkit-box-shadow: 0 0 0 #000000;
  box-shadow: 0 0 0 #000000;
  -moz-border-radius: 0 0 0 0;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  height: 6px;
  width: 6px;
  margin: 0;
  padding: 4px;
  overflow: hidden;
}
#harumiMain a.swShowPage:first-child {
  background-image: url("lib_images/harumi-pagingIconTop.gif");
  height: 9px;
  width: 18px;
}
#harumiMain a.swShowPage.active {
  opacity: 0.4;
}
.alignright {
  float: left;
}
.alignright {
  float: right;
}
#imgarea {
  height: 780px;
}
.order h2 {
  margin-bottom: 35px;
}
.order h3 {
  margin-top: 50px;
}
.order .formTable {
  border-bottom: 1px solid #acaaaa;
  margin-bottom: 35px;
}
.order .formTable span {
  color: #aa0000;
}
.order .formTable th,
.order .formTable td {
  border-top: 1px solid #acaaaa;
  padding: 10px 0;
  font-size: 93%;
  color: #787878;
}
.order .formTable th {
  padding-right: 15px;
  width: 30%;
  text-align: left;
}
.order .formTable td dl {
  padding-top: 10px;
}
.order .formTable td dl dt,
.order .formTable td dl dd {
  float: left;
}
.order .formTable td dl dd {
  padding-right: 10px;
}
.order .formTable td dl:first-child {
  padding-top: 0;
}
.order .wpcf7-text {
  border: 1px solid #acaaaa;
  padding: 3px;
  color: #787878;
}