@charset "shift_jis";
/* ############################################################## */
/* ##   Common                                                    */
/* ############################################################## */

/* -- common part ----------------------------------------------- */
* {
	margin:0;
	padding:0;
}
ol,
ul {
	list-style:none;
	margin:0;
	padding:0;
	zoom:normal;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:none;
	vertical-align: bottom;
}
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

input {
	line-height: 1.2;
	text-align:left;
}

/* -- clearfix ----------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* -- Font part ----------------------------------------------- */
body {
	font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', 'ƒ�ƒCƒŠƒI', Meiryo, Osaka, '‚l‚r ‚oƒSƒVƒbƒN', 'MS P Gothic', sans-serif;
}
;;body {
	font-family: 'ƒ�ƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', 'MS P Gothic', sans-serif;
}
*:first-child+html body {
	font-family: 'ƒ�ƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', 'MS P Gothic', sans-serif;
}
* html body {
	font-family: 'ƒ�ƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', 'MS P Gothic', sans-serif;
}

html,x:-moz-any-link {
	font-size:16px;
}
html,x:-moz-broken {
	font-size:100%;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}

.mono      { font-family:"‚l‚r ƒSƒVƒbƒN", "Osaka�|“™•�",monospace;}
.x-large   { font-size: 134%; }
.large     { font-size: 117%; }
.mid       { font-size: 100%; }
.small     { font-size: 92%; }
.x-small   { font-size: 84%; letter-spacing: 1px; }

/* --  color ----------------------------------------------- */
body { color:#807F79; }
a:link,
a:visited,
a:active {
	color:#807F79;
	text-decoration:none;
	outline: none;
	cursor:pointer;
}
a:hover { 
	text-decoration:underline;
}

/* -- commmon ----------------------------------------------- */
.alt {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.hover { cursor:pointer; }
.hover {
	opacity: 0.6;
	text-decoration: none;
}
.center { text-align:center;}
.left   { text-align:left;}
.right  { text-align:right;}
.none   { display:none;}
.em     { font-weight:bold; font-size:13px; }
.just   {	text-align:justify;	text-justify:distribute;}
.relative { position:relative; }

.red  { color:#FF3366; }
.c-f30 { color:#F30; }

.w-30 { width:30px; }
.w-40 { width:40px; }
.w-90 { width:90px; }
.w-100 { width:100px; }
.w-120 { width:120px; }
.w-140 { width:140px; }
.w-170 { width:170px; }
.w-250 { width:250px; }
.w-290 { width:290px; }
.w-400 { width:400px; }
.w-450 { width:450px; }

.mt-05 { margin-top:5px; }
.mt-10 { margin-top:10px; }
.mt-15 { margin-top:15px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }
.mt-40 { margin-top:40px; }

.mb-40 { margin-bottom:40px; }

.mr-52 { margin-right:52px; }
.mr-53 { margin-right:53px; }
.mr-0 { margin-right:0px; }
.ml-05 { margin-left:5px; }
.ml-10 { margin-left:10px; }
.ml-15 { margin-left:15px; }

.pl-05 { padding-left:5px; }
.pl-10 { padding-left:10px; }
.pb-10 { padding-bottom:10px; }
.pb-20 { padding-bottom:20px; }
.p-10 { padding:10px; }
.p-02 { padding:2px; }

.uc { text-align:center; margin:50px 0; }
.border-30 { border-bottom:solid 1px #DDDDDC; padding-bottom:30px; }
.border { border-bottom: solid 1px #DDDDDC; }


/* ############################################################## */
/* ##   Wire frame                                                */
/* ############################################################## */
html,
body {
	height:100%;
	font-size:13px;
	line-height:1.5em;
	letter-spacing: 0.1em;
	text-align:center;
	background: #fff;
}
#wrap {
	width:940px;
	margin:0 auto;
	text-align:left;
	background: #fff;
}
#head,
#contents {
	width:100%;
	margin:0 auto;
	text-align:left;
}
#foot {
	width:100%;
	margin:0 auto;
	clear:both;
}
#footbg {
	width:940px;
	height:10px;
	margin:0 auto;
	clear:both;
	background:url(../img/foot_bg.jpg) no-repeat center top;
}

/* ############################################################## */
/* ##   head                                                    */
/* ############################################################## */
#head {
	height:140px;
	overflow:hidden;
	border-top: solid 1px #2C2A1F;
	border-bottom: solid 1px #EDECEC;
}
#head .wrap {
	width:940px;
	position:relative;
	margin:0 auto;
	background: #3FC;
}
#head h1 a {/* -- logolink --- */
	width:165px;
	height:100px;
	display:block;
	position:absolute;
	left:0px;
	top:28px;
	text-indent:-9999px;
	background:url(../img/h_logo.gif) no-repeat;
}
#head p.lead {
	width:590px;
	height:20px;
	display:block;
	position:absolute;
	left:165px;
	top:100px;
	text-indent:-9999px;
	background:url(../img/h_lead.gif) no-repeat;
}
#head p.contact a {
	width:160px;
	height:32px;
	display:block;
	position:absolute;
	left:780px;
	top:90px;
	text-indent:-9999px;
	background:url(../img/h_contact.gif) no-repeat left top;
	background-position:0px 0px;
}
#head p.contact a:hover {
	background-position:0px -32px;
}

/* ############################################################## */
/* ##   navi                                                    */
/* ############################################################## */
#navi {
	overflow:hidden;
}
#navi .wrap {
    width:940px;
	position:relative;
	padding:15px 0 35px 0;
	margin:0 auto;
}
#navi ul {/* -- ƒiƒr--- */
    width:940px;
}
#navi ul li {
	display:inline;
	float:left;
}
#navi ul li a {
	height:15px;
	display:block;
	text-indent:-9999px;
	background:url(../img/h_navi.gif) no-repeat;
}
#navi li.n1 a { width:96px;background-position:0px 0px;}
#navi li.n1 a:hover { width:96px;background-position:0px -15px;}
#navi li.n2 a { width:160px;background-position:-96px -0px;}
#navi li.n2 a:hover { width:160px;background-position:-96px -15px;}
#navi li.n3 a { width:125px;background-position:-256px 0px;}
#navi li.n3 a:hover { width:125px;background-position:-256px -15px;}
#navi li.n4 a { width:156px;background-position:-381px 0px;}
#navi li.n4 a:hover { width:156px;background-position:-381px -15px;}
#navi li.n5 a { width:86px;background-position:-537px 0px;}
#navi li.n5 a:hover { width:86px;background-position:-537px -15px;}
#navi li.n6 a { width:128px;background-position:-623px 0px;}
#navi li.n6 a:hover { width:128px;background-position:-623px -15px;}
#navi li.n7 a { width:111px;background-position:-751px 0px;}
#navi li.n7 a:hover { width:111px;background-position:-751px -15px;}
#navi li.n8 a { width:78px;background-position:-862px 0px;}
#navi li.n8 a:hover { width:78px;background-position:-862px -15px;}
/* -- Œ»�݂̃y�[ƒW--- */
#inde #navi li.n1 a { background-position:0 0px; cursor:default; }
#about #navi li.n2 a { background-position:-96px 0px; cursor:default; }
#partner #navi li.n3 a { background-position:-256px 0px; cursor:default; }
#product #navi li.n4 a { background-position:-381px 0px; cursor:default; }
#buy #navi li.n5 a { background-position:-537px 0px; cursor:default; }
#faq #navi li.n6 a { background-position:-623px 0px; cursor:default; }


/* ############################################################## */
/* ##   contents                                                  */
/* ############################################################## */

#contents .wrap {
	width:940px;
	position:relative;
	margin:0 auto;
	padding:0 0 40px 0;
}
#contents .wrap a { color:#807F79; text-decoration:none; }
#contents .wrap a:hover { color:#E0DFDE; text-decoration:none; }

#contents .ptop a {
	width:141px;
	height:30px;
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	text-indent:-9999px;
	background:url(../img/ptop.jpg) no-repeat left top;
}
#contents .ptop a:hover {
	clear:both;
	background-position:0 -30px;
}
#contents h2 {
	width:940px;
	height:150px;
	display:block;
	position:relative;
	text-indent:-9999px;
	padding-bottom:45px;
}

.l-box {
	width:335px;
	float:left;
	display:inline;
	margin:0;
}
.l-box ul {
    width:335px;
}
.l-box ul li {
	display:inline;
	float:left;
}
.l-box ul li a {
    width:335px;
	height:15px;
	padding-bottom:20px;
	display:block;
	text-indent:-9999px;
}
.r-box {
	width:605px;
	float:left;
	display:inline;
	margin:0;
	line-height:2em;
	padding-bottom:40px;
}

.r-box p.title img {
	height:23px;
	display:block;
	position:relative;
	text-indent:-9999px;
	padding-bottom:35px;
}
.r-box p.border img {
	margin-bottom:5px;
}
.r-box ul.imgbox p.title {
	line-height:2em;
	font-weight:bold;
	font-size:13px;
}
.r-box ul.imgbox p.txt {
	line-height:2em;
	font-size:12px;
}
.list {
	width:605px;
}
.list dl {
	padding:18px 0 0 0;
	overflow:none;
}
.list dl dt,
.list dl dd {
	float:left;
	display:inline;
	padding:0 0 3px 0;
}
.list dl dt {
	clear:both;
}
.list dl dd {
	width:520px;
	padding-left:15px;
}

/* ############################################################## */
/* ##   index                                                     */
/* ############################################################## */

/* -- slideshow--- */
#slideshow {
	width:940px;
	position:relative;
    height:370px;
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow img.active {
    z-index:10;
}
#slideshow img.last-active {
    z-index:9;
}

/* -- l-box--- */
#index .l-box {
	width:525px;
	float:left;
	display:inline;
	margin:40px 0 0 0;
}
#index h2 {
	width:105px;
	height:25px;
	padding-bottom:0;
	display:block;
	position:relative;
	text-indent:-9999px;
	background:url(../img/info_title.jpg) no-repeat;
}
#index .info {
	width:525px;
	height:180px;
}
#index .info dl {
	padding:18px 0 0 0;
	height:148px;
	overflow:auto;
}
#index .info dl dt,
#index .info dl dd {
	float:left;
	display:inline;
	padding:5px 3px;
}
#index .info dl dt {
	clear:both;
}
#index .info dl dd {
	width:384px;
	padding-left:8px;
}
#index .info dl dd a { color:#807F79; text-decoration:none; }
#index .info dl dd a:hover { color:#B8B7B3; text-decoration:none; }

/* -- l-box--- */
#index .r-box {
	width:365px;
	float:left;
	display:inline;
	margin:30px 0 0 50px;
}

/* ############################################################## */
/* ##   contact                                                 */
/* ############################################################## */

#contact h2 { background:url(../img/contact/ttl.jpg) no-repeat; }

/* ############################################################## */
/* ##   edokomon                                                 */
/* ############################################################## */

#edokomon h2 { background:url(../img/edokomon/ttl.jpg) no-repeat; }
#edokomon .l-box li.n1 a { background:url(../img/edokomon/ttl_l_a.jpg) no-repeat; }
#edokomon .l-box li.n2 a { background:url(../img/edokomon/ttl_l_b.jpg) no-repeat; }
#edokomon .l-box li.n3 a { background:url(../img/edokomon/ttl_l_c.jpg) no-repeat; }

#edokomon .r-box ul.imgbox li {
	width:275px;
	float:left;	
	display:inline;	
	margin:10px 15px 0 0; 
}
#edokomon .r-box ul.imgbox li.ruler {
	width:605px;
	float:left;	
	display:inline;	
}
#edokomon .r-box ul.imgbox p.pic {
	border:1px solid #D5D4D2; 
}
#edokomon .r-box ul.imgbox p.txt {
	font-size:12px;
	margin:3px 0;
}

/* ############################################################## */
/* ##   yobanashi                                                 */
/* ############################################################## */

#yobanashi h2 { background:url(../img/yobanashi/ttl.jpg) no-repeat; }
#yobanashi .l-box li.n1 a { background:url(../img/yobanashi/ttl_l_a.jpg) no-repeat; }
#yobanashi .l-box li.n2 a { background:url(../img/yobanashi/ttl_l_b.jpg) no-repeat; }
#yobanashi .l-box li.n3 a { background:url(../img/yobanashi/ttl_l_c.jpg) no-repeat; }

#yobanashi .r-box ul.imgbox li {
	width:275px;
	float:left;	
	display:inline;	
	margin:10px 15px 0 0; 
}
#yobanashi .r-box ul.imgbox li.ruler {
	width:605px;
	float:left;	
	display:inline;	
}
#yobanashi .r-box ul.imgbox p.pic {
	border:1px solid #D5D4D2; 
}
#yobanashi .r-box ul.imgbox p.txt {
	font-size:12px;
	margin:3px 0;
}

/* ############################################################## */
/* ##   about                                                 */
/* ############################################################## */

#about h2 { background:url(../img/about/ttl.jpg) no-repeat; }
#about .l-box li.n1 a { background:url(../img/about/ttl_l_a.jpg) no-repeat; }
#about .l-box li.n2 a { background:url(../img/about/ttl_l_b.jpg) no-repeat; }

#about .r-box p.caption {
    color: #565752;
    font-size: 15.5px;
    font-weight: bold;
    letter-spacing: 0.17em;
}
#about .r-box ul.imgbox li {
	width:275px;
	float:left;	
	display:inline;	
	margin:10px 15px 0 0; 
}
#about .r-box ul.imgbox li.ruler {
	width:605px;
	float:left;	
	display:inline;	
}
#about .r-box ul.imgbox p.pic {
	border:1px solid #D5D4D2; 
}
#about .r-box ul.imgbox p.txt {
	font-size:12px;
	margin:3px 0;
}
#about .infotxt {
    margin: 30px 0 0 0;
	border-top: 1px solid #D5D4D2;
}
#about .infotxt dl {
    width: 610px;
    padding: 15px 0;
	border-bottom: 1px solid #D5D4D2;
}
#about .infotxt dl dt {
    width: 115px;
    float: left;
}
#about .infotxt dl dd {
    width: 480px;
    float: left;
    margin-left: 15px;
}


/* ############################################################## */
/* ##   work                                                      */
/* ############################################################## */

#work h2 { background:url(../img/work/ttl.jpg) no-repeat; }
#work .l-box li.n1 a { background:url(../img/work/ttl_l_a.jpg) no-repeat; }
#work .l-box li.n2 a { background:url(../img/work/ttl_l_b.jpg) no-repeat; }
#work .l-box li.n3 a { background:url(../img/work/ttl_l_c.jpg) no-repeat; }

#work .r-box .itemWrap {
	margin:0px 0px 0px -25px;
}
#work .r-box .item {
	width:290px;
	float:left;
	display:inline;	
	overflow:hidden;
	margin-left:25px;
	border-bottom:1px solid #BFBFBB;
}
#work .r-box .item ul.pic {
	width:290px;
	float:left;	
	display:inline;	
	padding-bottom:10px;
}
#work .r-box .item ul.pic li {
	float:left;	
	display:inline;
	margin:0px 10px 0px 0px;
	border:1px solid #BFBFBB;
}
#work .r-box .item ul.pic li.m {
	width:288px;
	margin-bottom:10px;
}
#work .r-box .item ul.pic li.s {
	width:88px;
}
#work .r-box .item ul.pic li.s.end {
	margin:0px 0px 0px 0px;
}
#work .r-box .item ul.txt {
	width:290px;
	float:left;	
	display:inline;
}




/* ############################################################## */
/* ##   workshop                                                 */
/* ############################################################## */

#workshop h2 { background:url(../img/workshop/ttl.jpg) no-repeat; }
#workshop .l-box li.n1 a { background:url(../img/workshop/ttl_l_a.jpg) no-repeat; }
#workshop .l-box li.n2 a { background:url(../img/workshop/ttl_l_b.jpg) no-repeat; }
#workshop .l-box li.n3 a { background:url(../img/workshop/ttl_l_c.jpg) no-repeat; }

#workshop .r-box p.caption {
    color: #565752;
    font-size: 15.5px;
    font-weight: bold;
    letter-spacing: 0.17em;
}
#workshop .r-box ul.imgbox li {
	width:275px;
	float:left;	
	display:inline;	
	margin:10px 15px 0 0; 
}
#workshop .r-box ul.imgbox li.ruler {
	width:605px;
	float:left;	
	display:inline;	
}
#workshop .r-box ul.imgbox p.pic {
	border:1px solid #D5D4D2; 
}
#workshop .r-box ul.imgbox p.txt {
	font-size:12px;
	margin:3px 0;
}
#workshop .infotxt {
    margin: 30px 0 0 0;
	border-top: 1px solid #D5D4D2;
}
#workshop .infotxt dl {
    width: 610px;
    padding: 15px 0;
	border-bottom: 1px solid #D5D4D2;
}
#workshop .infotxt dl dt {
    width: 115px;
    float: left;
}
#workshop .infotxt dl dd {
    width: 480px;
    float: left;
    margin-left: 15px;
}
.wi-katatsuke {
    padding: 10px 20px;
    border: 1px solid #d5d4d2;
    margin: 15px 0 0 0;
}
 .wi-katatsuke p.title {
    font-weight: bold;
}

/* ############################################################## */
/* ##   access                                                 */
/* ############################################################## */

#access h2 { background:url(../img/access/ttl.jpg) no-repeat; }
#access .l-box li.n1 a { background:url(../img/access/ttl_l_a.jpg) no-repeat; }
#access .l-box li.n2 a { background:url(../img/access/ttl_l_b.jpg) no-repeat; }
#access .l-box li.n3 a { background:url(../img/access/ttl_l_c.jpg) no-repeat; }


/* ############################################################## */
/* ##   workshop                                                 */
/* ############################################################## */

/*
#workshop .r-box ul.imgbox li {
	width:275px;
	float:left;	
	display:inline;	
	margin:10px 15px 0 0; 
}
#workshop .r-box ul.imgbox li.ruler {
	width:605px;
	float:left;	
	display:inline;	
}
#workshop .r-box ul.imgbox p.pic {
	border:1px solid #D5D4D2; 
}
#workshop .r-box ul.imgbox p.txt {
	font-size:12px;
	margin:3px 0;
}
*/

#workshop .r-box .itembox {
    padding: 15px 0;
	border-bottom: 1px solid #D5D4D2;
}
#workshop .r-box .itembox img {
    width: 290px;
    height: 200px;
    float: left;
}
#workshop .r-box .itembox p.title {
    font-weight: bold;
    padding: 0;
    margin: 0 0 10px 0;
    background: none;
	color: #53524C;
}
#workshop .r-box .itembox .txt {
    width: 300px;
    float: left;
    margin: 0 0 0 15px;
    background: none;
}
#workshop .r-box .itemwrap {
    border-top: 1px solid #D5D4D2;
    margin: 30px 0 0 0;
}

/* ############################################################## */
/* ##   foot                                                      */
/* ############################################################## */
#foot {
	border-top: solid 1px #EDECEC;
	overflow:hidden;
}
#foot .wrap {
	width:940px;
	position:relative;
	margin:0 auto;
	padding:10px 0 70px 0;
}
/* -- foot navi--- */
#foot ul {
	width:315px;
	display:none;
}
#foot li {
	display:inline;
	float:left;
}
#foot li a {
	height:15px;
	display:block;
	text-indent:-9999px;
	background:url(../img/f_navi.jpg) no-repeat;
}
#foot li.n1 a { width:115px;background-position:0px 0px;}
#foot li.n1 a:hover { width:115px;background-position:0px -15px;}
#foot li.n2 a { width:128px;background-position:-115px -0px;}
#foot li.n2 a:hover { width:128px;background-position:-115px -15px;}
#foot li.n3 a { width:72px;background-position:-243px 0px;}
#foot li.n3 a:hover { width:72px;background-position:-243px -15px;}

address {
	position:absolute;
	right:0;
	top:5px;
	width:255px;
	height:15px;
	background:url(../img/f_address.jpg) no-repeat;
	text-indent:-9999px;
}

/*--------------------
170202’ljÁ
--------------------*/

.infotxt-wrap {
    margin-left: -15px;
}
.infotxt-box {
    width: 230px;
    /*float: left;*/
    margin: 0 0 10px 15px;
}
.infotxt-box img {
    width: 230px;
}

/* ’�ˆÓ�‘‚«
-----------------------------------------*/
.note_info {
    display: block;
    background: #f8eae6;
    padding: 20px 25px 20px 65px;
    /* border-radius: 3px; */
    margin: 0 0 20px 0;
    font-size: 15px;
    color: #d17569;
    font-weight: bold;
    position: relative;
}
.note_info:before {
    content: url(../img/exclamation.png);
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -13px;
}