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

body,div,dl,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,thead,tbody { 
	margin: 0;
	padding: 0;
	}

ol,ul { list-style: none;}

a { outline: none;}

a img { border: none;}

#published-wrapper { text-align: left;}

#a-nav li { display: inline;}

#a-nav li a { display: inline-block\9;}
#a-nav li a:hover img {
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  opacity: 0.6;
	}

#contents-list { width: 520px; margin: 0 auto;}

#contents-list td {
	font-size: 13px;
	line-height: 22px;
	color: #333333;
	text-align: left;
	vertical-align: top;
	padding: 20px 15px;
	}
#contents-list tbody td { border-bottom: #dcdcdc 3px solid;}
#contents-list tbody td.line { border-right: #dcdcdc 1px solid;}

/*
#contents-list li {
	float: left;
	border-bottom: #dcdcdc 3px solid;
	}
#contents-list li dl dd {
	border-left: #dcdcdc 1px solid;
	font-size: 13px;
	line-height: 22px;
	color: #333333;
	text-align: left;
	padding: 20px 15px;
	}
#contents-list li#contents001 dl dd { border-left: none;}

#contents001 { width: 172px;}
#contents002 { width: 173px;}
#contents003 { width: 175px;}
*/


.page-top {
	text-align: right;
	margin: 30px 30px 0 0;
	}
.page-top a { display: inline-block\9;}
.page-top a:hover img {
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  opacity: 0.6;
	}

#flow-cont { width: 500px; margin: 30px auto 0;}
#flow-cont li {
	background-position: 0 bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	}
#flow-cont li dl dt,#flow-cont li dl dd {
	display: inline-block;
	*display: inline;
	_display: inline;
	*zoom: 1;
	_zoom: 1;
	vertical-align: middle;
	}
#flow-cont li dl dt { width: 111px; margin-right: 24px;}
#flow-cont li dl dd {
	width: 365px;
	font-size: 13px;
	line-height: 26px;
	text-align: left;
	color: #333333;
	background: url(images/text_line.gif) 0 0 no-repeat;
	}
#flow-cont li dl dd a { color: #2791db;}
#flow-cont li dl dd a:hover { text-decoration: none;}
#flow-cont li dl dd table td {
	font-size: 12px;
	line-height: 26px;
	text-align: left;
	color: #333333;
	}
#flow001 { background-image: url(images/flow_line001.gif);}
#flow002 { background-image: url(images/flow_line002.gif);}
#flow003 { background-image: url(images/flow_line003.gif);}
#flow004 { background-image: url(images/flow_line004.gif);}
#flow005 { background-image: url(images/flow_line005.gif);}
#flow006 { background-image: url(images/flow_line006.gif);}
#flow007 { background-image: url(images/flow_line007.gif);}
#flow008 { background-image: url(images/flow_line008.gif);}

#flow-cont li#flow009 { padding-bottom: 0;}

#product-list {
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	background: #ededed;
	padding: 27px 0 60px 29px;
	}
#product-list ul li {
	width: 250px;
	float: left;
	margin: 0 20px 34px 0;
	}
#product-list ul li dl dt { position: relative;}
#product-list ul li dl dt span {
	display: block;
	position: absolute;
	left: -9px;
	top: -12px;
	}
#product-list ul li dl dd { background: #3cc6cb; padding: 15px;}
#product-list ul li dl dd .product-artist { margin-top: 10px;}
#product-list ul li dl dd p.product-artist,#product-list ul li dl dd .product-artist table th,#product-list ul li dl dd .product-artist table td {
	font-size: 13px;
	line-height: 22px;
	color: #FFFFFF;
	text-align: left;
	}
#product-list ul li dl dd .product-artist table th,#product-list ul li dl dd .product-artist table td { vertical-align: top;}
#product-list ul li dl dd .product-artist table td { text-indent: -1em; padding-left: 1em;}
#product-list ul li dl dd .detail-btn { text-align: right; margin-top: 5px;}
#product-list ul li dl dd .detail-btn a { display: inline-block\9;}
#product-list ul li dl dd .detail-btn a:hover img {
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  opacity: 0.6;
	}
#product-list ul li dl dd .product-image { text-align: center; position: relative;}
#product-list ul li dl dd .product-image span {
	display: block;
	position: absolute;
	right: -35px;
	top: -78px;
	}
#product-list ul li dl dd div.product-artist { position: relative;}
#product-list ul li dl dd div.product-artist p {
	position: absolute;
	bottom: -73px;
	left: -35px;
	}

#product-list ul li.list-last02 { margin-bottom: 0;}





#point-list { width: 520px; margin: 0 auto; padding-top: 17px;}
#point-list li {
	border-width: 2px;
	border-style: solid;
	margin-bottom: 30px;
	padding: 13px;
	}
#point-list li dl dt { width: 52px; float: left;}
#point-list li dl dd { width: 419px; float: right;}
#point-list li dl dd p {
	font-size: 13px;
	line-height: 24px;
	color: #333333;
	margin-top: 10px;
	}

#point001 { border-color: #bfd6cb;}
#point002 { border-color: #bfd6c0;}
#point003 { border-color: #c3d8a1;}
#point004 { border-color: #d8daa9;}
#point005 { border-color: #f0cf9f;}
#point006 { border-color: #efc0b2;}
#point007 { border-color: #efaec4;}
#point008 { border-color: #efaec4;}

#qa-block { width: 505px; padding: 27px 0 0 30px;}
#qa-block dl { margin-bottom: 30px;}
#qa-block dl dt {
	font-size: 15px;
	font-weight: bold;
	color: #a9931c;
	line-height: 17px;
	background: url(images/icon_q.gif) 0 center no-repeat;
	padding-left: 28px;
	}
#qa-block dl dd {
	font-size: 13px;
	line-height: 24px;
	color: #333333;
	border: #f2eac0 3px solid;
	background: url(images/icon_a.gif) 14px 23px no-repeat;
	margin: 14px 0 0 27px;
	padding: 18px 15px 15px 38px;
	}

#inquiry-block {
	width: 510px;
	border: #fbeac5 5px solid;
	margin: 23px auto;
	}
#inquiry-block h4 {
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	color: #333333;
	background: #fff9ea;
	padding: 15px;
	}
#inquiry-block table th,#inquiry-block table td {
	font-size: 13px;
	line-height: 20px;
	
	vertical-align: top;
	border-top: #dfdfdf 1px solid;
	padding-top: 7px;
	padding-bottom: 7px;
	}
#inquiry-block table th { color: #443e38; padding-left: 17px; padding-right: 10px;}
#inquiry-block table th span { color: #f21a42;}
#inquiry-block table td { color: #333333; padding-right: 20px;}
#inquiry-block table td input {
	font-size: 12px;
	padding: 2px 4px;
	}
#inquiry-block table td input.input001 { width: 315px;}
#inquiry-block table td input.input002 { width: 130px;}
#inquiry-block table td input.input003 { width: 120px;}

#inquiry-block table td p { font-size: 11px; line-height: 18px;}
#inquiry-block table td textarea {
	font-size: 12px;
	line-height: 18px;
	padding: 2px 4px;
	}
#inquiry-block table td textarea.textarea001 {
	width: 325px;
	height: 40px;
	font-size: 11px;
	line-height: 16px;
	}
#inquiry-block table td textarea.textarea002 { width: 325px; height: 60px;}
#submit-btn { text-align: center; padding: 20px 0 25px;}
#submit-btn input,#submit-btn a { display: inline-block\9;}
#submit-btn input:hover,#submit-btn a:hover {
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
  -moz-opacity: 0.6;
  opacity: 0.6;
	}


.msg { color: #dd0000;}

/* 以下general */


/*-----------------------------------------------------
YUI Font-size Adjustment
※基準サイズは13pxです。

10px = 77%     11px = 85%	  12px = 93%     13px = 100%
14px = 108%	   15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

/* font-size */
.tx10 { font-size: 77% !important;} /*renders 10px */
.tx11 { font-size: 85% !important;} /*renders 11px */
.tx12 { font-size: 93% !important;} /*renders 12px */
.tx14 { font-size: 108% !important;} /*renders 14px */
.tx15 { font-size: 116% !important;} /*renders 15px */
.tx16 { font-size: 123.1% !important;} /*renders 16px */
.tx17 { font-size: 131% !important;} /*renders 17px */
.tx18 { font-size: 138.5% !important;} /*renders 18px */
.tx19 { font-size: 146.5% !important;} /*renders 19px */
.tx20 { font-size: 153.9% !important;} /*renders 20px */
.tx21 { font-size: 161.6% !important;} /*renders 21px */
.tx22 { font-size: 167% !important;} /*renders 22px */
.tx23 { font-size: 174% !important;} /*renders 23px */
.tx24 { font-size: 182% !important;} /*renders 24px */
.tx25 { font-size: 189% !important;} /*renders 25px */
.tx26 { font-size: 197% !important;} /*renders 26px */


/* text-align */
.txt-L { text-align: left !important;}
.txt-C { text-align: center !important;}
.txt-R { text-align: right !important;}
.txt-j { text-align: justify; text-justify: inter-ideograph !important;}

/* position */
.po-R { position: relative !important;}
.po-A { position: absolute !important;}

/* letter-spacing */
.k-01 { letter-spacing: -1px !important;}
.k-02 { letter-spacing: -2px !important;}
.k-03 { letter-spacing: -3px !important;}
.k-04 { letter-spacing: -4px !important;}
.k-05 { letter-spacing: -5px !important;}

/* float */
.fl01,.fl02{ float: left !important;}
.fr01,.fr02{ float: right !important;}
.float-n { float: none !important;}

/* clear */
.clear { clear: both !important;}

/* overflow */
.o-hidden { overflow: hidden !important;}
.o-scroll { overflow: scroll !important;}

/* line-height */
.lh00 { line-height: 0 !important;}
.lh010 { line-height: 1.0 !important;}
.lh011 { line-height: 1.1 !important;}
.lh012 { line-height: 1.2 !important;}
.lh013 { line-height: 1.3 !important;}
.lh014 { line-height: 1.4 !important;}
.lh015 { line-height: 1.5 !important;}
.lh016 { line-height: 1.6 !important;}
.lh017 { line-height: 1.7 !important;}
.lh0175 { line-height: 1.75 !important;}
.lh018 { line-height: 1.8 !important;}
.lh019 { line-height: 1.9 !important;}
.lh020 { line-height: 2.0 !important;}

/* clearfix */
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
	}
.clearfix{ display: inline-block;}

/* Hides from IE-mac ¥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End from IE-mac */

/* margin */
.m0 { margin: 0 !important;}
.m0a { margin: 0 auto !important;}

.mt0 { margin-top: 0px !important;}
.mt001 { margin-top: 1px !important;}
.mt003 { margin-top: 3px !important;}
.mt005 { margin-top: 5px !important;}
.mt007 { margin-top: 7px !important;}
.mt010 { margin-top: 10px !important;}
.mt015 { margin-top: 15px !important;}
.mt020 { margin-top: 20px !important;}
.mt025 { margin-top: 25px !important;}
.mt030 { margin-top: 30px !important;}
.mt035 { margin-top: 35px !important;}
.mt040 { margin-top: 40px !important;}
.mt045 { margin-top: 45px !important;}
.mt050 { margin-top: 50px !important;}
.mt055 { margin-top: 55px !important;}
.mt060 { margin-top: 60px !important;}
.mt065 { margin-top: 65px !important;}
.mt070 { margin-top: 70px !important;}
.mt075 { margin-top: 75px !important;}
.mt080 { margin-top: 80px !important;}
.mt085 { margin-top: 85px !important;}
.mt090 { margin-top: 90px !important;}
.mt095 { margin-top: 95px !important;}
.mt100 { margin-top: 100px !important;}

.mrA { margin-right: auto !important;}
.mr0 { margin-right: 0px !important;}
.mr001 { margin-right: 1px !important;}
.mr003 { margin-right: 3px !important;}
.mr005 { margin-right: 5px !important;}
.mr007 { margin-right: 7px !important;}
.mr010 { margin-right: 10px !important;}
.mr015 { margin-right: 15px !important;}
.mr020 { margin-right: 20px !important;}
.mr025 { margin-right: 25px !important;}
.mr030 { margin-right: 30px !important;}
.mr035 { margin-right: 35px !important;}
.mr040 { margin-right: 40px !important;}
.mr045 { margin-right: 45px !important;}
.mr050 { margin-right: 50px !important;}
.mr055 { margin-right: 55px !important;}
.mr060 { margin-right: 60px !important;}
.mr065 { margin-right: 65px !important;}
.mr070 { margin-right: 70px !important;}
.mr075 { margin-right: 75px !important;}
.mr080 { margin-right: 80px !important;}
.mr085 { margin-right: 85px !important;}
.mr090 { margin-right: 90px !important;}
.mr095 { margin-right: 95px !important;}
.mr100 { margin-right: 100px !important;}

.mb0 { margin-bottom: 0px !important;}
.mb001 { margin-bottom: 1px !important;}
.mb002 { margin-bottom: 2px !important;}
.mb003 { margin-bottom: 3px !important;}
.mb005 { margin-bottom: 5px !important;}
.mb007 { margin-bottom: 7px !important;}
.mb010 { margin-bottom: 10px !important;}
.mb015 { margin-bottom: 15px !important;}
.mb020 { margin-bottom: 20px !important;}
.mb025 { margin-bottom: 25px !important;}
.mb030 { margin-bottom: 30px !important;}
.mb035 { margin-bottom: 35px !important;}
.mb040 { margin-bottom: 40px !important;}
.mb045 { margin-bottom: 45px !important;}
.mb050 { margin-bottom: 50px !important;}
.mb055 { margin-bottom: 55px !important;}
.mb060 { margin-bottom: 60px !important;}
.mb065 { margin-bottom: 65px !important;}
.mb070 { margin-bottom: 70px !important;}
.mb075 { margin-bottom: 75px !important;}
.mb080 { margin-bottom: 80px !important;}
.mb085 { margin-bottom: 85px !important;}
.mb090 { margin-bottom: 90px !important;}
.mb095 { margin-bottom: 95px !important;}
.mb100 { margin-bottom: 100px !important;}

.mlA { margin-left: auto !important;}
.ml0 { margin-left: 0px !important;}
.ml001 { margin-left: 1px !important;}
.ml003 { margin-left: 3px !important;}
.ml005 { margin-left: 5px !important;}
.ml007 { margin-left: 7px !important;}
.ml010 { margin-left: 10px !important;}
.ml015 { margin-left: 15px !important;}
.ml020 { margin-left: 20px !important;}
.ml025 { margin-left: 25px !important;}
.ml030 { margin-left: 30px !important;}
.ml035 { margin-left: 35px !important;}
.ml040 { margin-left: 40px !important;}
.ml045 { margin-left: 45px !important;}
.ml050 { margin-left: 50px !important;}
.ml055 { margin-left: 55px !important;}
.ml060 { margin-left: 60px !important;}
.ml065 { margin-left: 65px !important;}
.ml070 { margin-left: 70px !important;}
.ml075 { margin-left: 75px !important;}
.ml080 { margin-left: 80px !important;}
.ml085 { margin-left: 85px !important;}
.ml090 { margin-left: 90px !important;}
.ml095 { margin-left: 95px !important;}
.ml100 { margin-left: 100px !important;}

.ms-auto {
	margin-left: auto !important;
	margin-right: auto !important;
	}

/* padding */
.p0 { padding: 0 !important;}

.pt0 { padding-top: 0px !important;}
.pt001 { padding-top: 1px !important;}
.pt003 { padding-top: 3px !important;}
.pt005 { padding-top: 5px !important;}
.pt007 { padding-top: 7px !important;}
.pt010 { padding-top: 10px !important;}
.pt015 { padding-top: 15px !important;}
.pt020 { padding-top: 20px !important;}
.pt025 { padding-top: 25px !important;}
.pt030 { padding-top: 30px !important;}
.pt035 { padding-top: 35px !important;}
.pt040 { padding-top: 40px !important;}
.pt045 { padding-top: 45px !important;}
.pt050 { padding-top: 50px !important;}
.pt060 { padding-top: 60px !important;}
.pt065 { padding-top: 65px !important;}
.pt070 { padding-top: 70px !important;}
.pt075 { padding-top: 75px !important;}
.pt080 { padding-top: 80px !important;}
.pt085 { padding-top: 85px !important;}
.pt090 { padding-top: 90px !important;}
.pt095 { padding-top: 95px !important;}
.pt100 { padding-top: 100px !important;}

.pr0 { padding-right: 0px !important;}
.pr001 { padding-right: 1px !important;}
.pr003 { padding-right: 3px !important;}
.pr005 { padding-right: 5px !important;}
.pr007 { padding-right: 7px !important;}
.pr010 { padding-right: 10px !important;}
.pr015 { padding-right: 15px !important;}
.pr020 { padding-right: 20px !important;}
.pr022 { padding-right: 25px !important;}
.pr025 { padding-right: 25px !important;}
.pr030 { padding-right: 30px !important;}
.pr035 { padding-right: 35px !important;}
.pr040 { padding-right: 40px !important;}
.pr045 { padding-right: 45px !important;}
.pr050 { padding-right: 50px !important;}
.pr055 { padding-right: 55px !important;}
.pr060 { padding-right: 60px !important;}
.pr065 { padding-right: 65px !important;}
.pr070 { padding-right: 70px !important;}
.pr075 { padding-right: 75px !important;}
.pr080 { padding-right: 80px !important;}
.pr085 { padding-right: 85px !important;}
.pr090 { padding-right: 90px !important;}
.pr095 { padding-right: 95px !important;}
.pr100 { padding-right: 100px !important;}

.pb0 { padding-bottom: 0px !important;}
.pb001 { padding-bottom: 1px !important;}
.pb003 { padding-bottom: 3px !important;}
.pb005 { padding-bottom: 5px !important;}
.pb007 { padding-bottom: 7px !important;}
.pb010 { padding-bottom: 10px !important;}
.pb015 { padding-bottom: 15px !important;}
.pb020 { padding-bottom: 20px !important;}
.pb025 { padding-bottom: 25px !important;}
.pb030 { padding-bottom: 30px !important;}
.pb035 { padding-bottom: 35px !important;}
.pb040 { padding-bottom: 40px !important;}
.pb045 { padding-bottom: 45px !important;}
.pb050 { padding-bottom: 50px !important;}
.pb055 { padding-bottom: 55px !important;}
.pb060 { padding-bottom: 60px !important;}
.pb065 { padding-bottom: 65px !important;}
.pb070 { padding-bottom: 70px !important;}
.pb075 { padding-bottom: 75px !important;}
.pb080 { padding-bottom: 80px !important;}
.pb085 { padding-bottom: 85px !important;}
.pb090 { padding-bottom: 90px !important;}
.pb095 { padding-bottom: 95px !important;}
.pb100 { padding-bottom: 100px !important;}

.pl0 { padding-left: 0px !important;}
.pl001 { padding-left: 1px !important;}
.pl003 { padding-left: 3px !important;}
.pl005 { padding-left: 5px !important;}
.pl007 { padding-left: 7px !important;}
.pl010 { padding-left: 10px !important;}
.pl015 { padding-left: 15px !important;}
.pl020 { padding-left: 20px !important;}
.pl025 { padding-left: 25px !important;}
.pl030 { padding-left: 30px !important;}
.pl035 { padding-left: 35px !important;}
.pl040 { padding-left: 40px !important;}
.pl045 { padding-left: 45px !important;}
.pl050 { padding-left: 50px !important;}
.pl055 { padding-left: 55px !important;}
.pl060 { padding-left: 60px !important;}
.pl065 { padding-left: 65px !important;}
.pl070 { padding-left: 70px !important;}
.pl075 { padding-left: 75px !important;}
.pl080 { padding-left: 80px !important;}
.pl085 { padding-left: 85px !important;}
.pl090 { padding-left: 90px !important;}
.pl095 { padding-left: 95px !important;}
.pl100 { padding-left: 100px !important;}



.hov-img a:hover img {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
	}