@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

/**************************************************************************************
Copyright (c) 有限会社 笈川刃物工業 All Rights Reserved.
**************************************************************************************/

/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
html		{ color:#333;}
body		{ background:#fff; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
a			{ color:#F90; text-decoration:none;}
a:visited	{ color:#F96; text-decoration:none;}
a:hover		{ color:#F60; text-decoration:underline;}
a:active	{ color:#F60; text-decoration:underline;}

/*-------------------------------------------------------------------------
container
-------------------------------------------------------------------------*/
/*Background Repeat*/
#bgImgH_top { overflow:visible; min-height:559px; background:url(../img/bgH_top.jpg) top repeat-x;}
#bgImgH		{ overflow:visible; min-height:338px; background:url(../img/bgH.jpg) top repeat-x;}
#pagetop	{ overflow:visible; width:1070px; margin:0 auto; text-align:center;}
#bgImgF_top	{ clear:both; min-height:480px; background:#47D1B2 url(../img/bgF_top.gif) repeat-x;}
#bgImgF		{ clear:both; min-height:330px; background:#47D1B2 url(../img/bgF.gif) repeat-x;}

/*-------------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#header		{ position:relative; width:1070px; height:206px; margin:0 auto; padding:0; background:url(../img/header.jpg) no-repeat top right;}
h1			{ position:absolute; top:8px; left:7px; color:#000; font-size:1em; font-weight:normal; line-height:1.2; text-align:left;}
#logo		{ position:absolute; top:55px; left:0;}
#headTextBox{ position:absolute; top:5px; right:15px; width:246px; height:110px;}
#headBtnCn	{ position:absolute; right:275px; top:29px;}

/*Navi*/
#nav 		{ position:absolute; bottom:0; left:0; list-style:none; display:block; width:1070px; height:70px; margin:0 auto;}
#nav li		{ float:left; position:relative; margin:0; padding:0; line-height:0;}

/*mainImg (swf)*/
#mainImgBg	{ position:relative; width:960px; height:353px; margin:0 auto; padding:0; background:none;}
#mainImg	{ position:absolute; top:9px; margin:0 auto; padding:0;}
#mainImg li	{ float:left; margin:0; padding:0;}

/*underDir h2 (page heading)*/
#heading	{ position:relative; width:960px; height:193px; margin:0 auto; padding:0;}
#heading h2	{ position:absolute; top:9px; left:8px; width:944px; height:174px; margin:0 auto;}

/*-------------------------------------------------------------------------
mainContentsArea
-------------------------------------------------------------------------*/
/*General*/
#cont			{ clear:both; width:960px; margin:0 auto; padding:25px 0 0 0; background:#fff url(../img/contBgTop.jpg) no-repeat top left; text-align:left;}
#cont  > h3		{ position:relative; margin:0 0 14px 0; padding:8px 0 7px 8px; border-left:14px solid #F60; border-bottom:1px solid #F60; color:#333; font-size:1.8em; font-weight:bold; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
#cont  > h3 span{ position:absolute; right:7px; top:7px;}
#cont  > p		{ padding:0 0 1em 1em;}
h3#disDecoH3	{ border:none !important;}
.sect			{ margin:0; padding:0 5px 10px 5px; font-size:1.2em; text-align:left;}
.sect h4		{ position:relative; margin:0 0 8px 0; padding:2px 0 0 4px; border-left:6px solid #3CA; color:#333; font-size:1.4em; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;}
.sect h4 p		{ position:absolute; right:0; top:7px;}
.sect p			{ margin:0 0 25px 0; padding:0 0 0 1em; line-height:1.5;}
.sect p strong	{ font-weight:bold;}
.sect ul		{ margin:0 0 5px 0;}
.sect ul li		{ padding:0 0 3px 0; line-height:1.2;}
.unit			{ padding:5px 16px 10px 16px;}
.unit p			{ margin:0 0 8px 0; overflow:hidden; }
h5				{ margin:0 0 2px 0; color:#FF9204; font-size:1.2em; font-weight:bold;}
.unit dl dt		{ margin:0 0 2px 0;}
.unit dl dd		{ margin:0 0 8px 0;}

/*Top Page's Only*/
#topEm			{ position:relative; width:960px; min-height:284px; margin:0 0 17px 0; background:url(../img/topEmBg.jpg) no-repeat bottom left;}
#topEm h2		{ position:absolute; top:0; left:6px;}
#topEm p		{ position:absolute; top:0; right:29px; font-size:1.2em;}
#topEm2t		{ float:right;}
#topEm2t h3		{ margin:0 0 1em 0;}
#topEm2t p		{ width:520px; margin:0 0 0.8em 0; padding:0 0 0 0; font-size:1.2em; line-height:1.2;}


/*diaryPro*/
#topTopics		{ float:left; width:620px; margin:0 10px 15px 0;}
#topTopicsH4	{ position:relative; border:none; margin:0; padding:0; height:86px;}
#topTopicsH4 > p{ position:absolute; right:0; top:55px !important; height:23px;}

.Topics	{ display:block; list-style:none; margin:0; padding:13px 8px 5px 10px; background:#EAFAF6; border-radius:4px; font-size:0.8em; text-align:left;}
.Topics dt	{ padding:0 0 2px 0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.2;}
.Topics dd	{ margin:0 0 12px 0; padding:0 0 14px 0; border-bottom:1px dashed #ccc;}
.Topics dl:last-child dd { margin:0; padding-bottom:8px; border-bottom:none;}
.Topics dd a { color:#333; text-decoration:underline;}
.Topics dd a:hover{ color:#f60; text-decoration:none;}

.diaryImg		{ float:right;}
.diaryImg > img { width:250px !important;}
.sect > dl#Topics	{ font-size:1em;}

.sect > div > h4{ margin:0 0 8px 0; overflow:hidden; }

#Lside		{ float:left; width:727px; margin:0;}
#Lside p	{ margin:0 0 6px 0; line-height:1.2;}
#Lside > h3 { position:relative; height:21px; margin:0 0 8px 0; padding:4px 0 0 45px; background:url(../img/H3Bg.jpg) no-repeat 0 0; border-bottom:1px solid #333; color:#333; font-size:1em; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
#Lside > h3 p{ display:inline; position:absolute; right:4px; top:2px;}

#LRmerge	{ width:100%;}
#LRmerge p	{ margin:0 0 6px 0; line-height:1.2;}
#LRmerge > h3 { position:relative; height:21px; margin:0 0 8px 0; padding:4px 0 0 45px; background:url(../img/H3Bg.jpg) no-repeat 0 0; border-bottom:1px solid #333; color:#333; font-size:1em; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}
#LRmerge > h3 span{ position:absolute; right:2px; top:1px;}

#Rside		{ float:right; width:220px; margin:0; padding:0;}
#Rside div		  { margin:0 0 30px 0;}
#Rside div a:hover{ opacity:0.7;}

.top img { float:right; width:250px !important; height:inherit !important;}

/*Diarypro対策*/
#cont > #contents{ overflow:outo !important; width:auto !important; margin:0 auto; padding:0 !important; background:none !important;}
/*diarypro-Article*/
#TopicsArea		{}
#TopicsArea h3	{ margin:0 0 8px 0; padding:0 0 5px 0; border-bottom:5px solid #900; color:#900; font-size:1.6em; font-weight:bold; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;}
#TopicsArea dl	{ padding:10px 8px 8px 12px;}
#TopicsArea dt	{ padding:0 0 2px 0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; line-height:1.2;}
#TopicsArea dd	{ margin:0 0 13px 0; padding:0 0 12px 7px; background:url(../img/listmark.gif) no-repeat 0px 4px; border-bottom:1px dashed #999;}
#TopicsArea dd:last-child{ margin:0; padding:0 0 6px 7px; background:url(../img/listmark.gif) no-repeat 0px 4px; border-bottom:none;}
#TopicsArea img	{ margin:0 0 8px 0;}
#TopicsArea a:hover	{ background:none; opacity:0.5; text-decoration:none;}	
#TopicsArea > div.sect { padding:10px 8px 8px 2px; background:#fff; border-radius:5px;}

/*List*/
.priceList		{ margin:0; font-size:1.6em;}
.priceList li	{ margin:0 0 12px 0; padding:0 0 0 20px !important; background:url(../img/h4Icon.gif) no-repeat 3px 5px;}
.ListInBox		{ display:inline-block; padding:3px 3px 1px 3px; margin:0; background:#66C; border:1px solid #666; color:#fff; font-size:0.6em; vertical-align:middle;}

/*Table*/
.companyTable	{ width:100%; margin:0 auto 15px; padding:10px; background:#DAF6F0; border-radius:5px;}
.companyTable tr{ vertical-align:top;}
.companyTable th{ width:150px; padding:8px 8px 8px 5px; font-size:1.0em; font-weight:bold; text-align:right; border-bottom:3px solid #ccc; line-height:1.2;}
.companyTable td{ padding:8px 0px 8px 8px; font-size:1.0em; text-align:left; border-bottom:1px solid #ccc; line-height:1.2;}
.BdrNone{ border-bottom:none !important;}
.Vbdr{ width:1px !important; padding:0 !important; background:#ccc; font-size:1px !important;}

.basicTable		{ width:100%; margin:0 0 10px 0;}
.basicTable tr	{ vertical-align:middle;}
.basicTable th	{ width:150px; padding:8px; background:#efefef; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:4px solid #f90; font-weight:bold;}
.basicTable td	{ padding:8px 8px 8px 14px; background:#efefef; border-bottom:1px solid #ccc;}

.TimeTable		{ width:80%; margin:0 0 5px 0; padding:0;border:1px solid #ccc; background:#fff; text-align:center; font-size:0.8em;}
.TimeTable tr	{ vertical-align:middle;}
.TimeTable th	{ padding:4px 0 4px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; text-align:center;}
.TimeTable th[scope="row"]{ width:70px;}
.TimeTable th.Holy	{}
.TimeTable th#thFix	{ width:50px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
.TimeTable td		{ padding:4px 0 4px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; text-align:center;}
.TimeTable .ampm	{ width:15px; height:50px; background:#fc0; font-weight:bold; color:#333;}
.TimeTable .thGen	{ width:; background:#209D78; color:#fff;}
.TimeTable .thGen2	{ width:; background:#62BAA0; color:#fff;}
.TimeTable .Sat		{ width:; background:#09f; color:#fff;}
.TimeTable .Holy	{ background:#f99; font-weight:bold; color:#fff;}
.TimeTable .tdGen	{ background:#E6E6E6; font-weight:normal; color:#333;}
.TimeTable .tdGen2	{ background:#f2f2f2; font-weight:normal; color:#333;}
.TimeTable .tdSat	{ background:#f2f2f2; font-weight:normal; color:#1F45BB;}
caption{ caption-side:bottom; padding:4px 0 0 0; margin-bottom:5px; font-size:1.2em;}


/*company*/
.linkList	{}
.linkList dt{ margin:0 0 6px 0; padding:0; font-size:1.2em; font-weight:bold;}
.linkList dd{ margin:0 0 12px 0; padding:0 0 0 0.5em;}
.galleryBoxF	{ float:left; width:200px; margin:0 10px 10px 0; padding:8px; background:#fff; border:1px solid #CCC; border-radius:5px;}
.galleryBoxF h4	{ margin:0 0 5px 0; padding:0; background:none; color:#F60; font-size:1.2em; font-weight:bold;}
.galleryBoxF img{ float:right; margin:0 0 0 10px; width:200px; height:150px;}
.galleryBoxF img:hover{ opacity:0.7;}
.galleryBoxF p	{ line-height:1.2; font-size:1em;}

/*section*/
.sectionBox		 { clear:both; position:relative; width:918px; min-height:200px; overflow:visible; margin:0 0 15px 15px; padding:0 0 20px 0; border-left:1px solid #3cc;}
.sectionBox > h4 { position:absolute; left:0; top:0; border:none; margin:0; padding:0;}
.sectionBox > img{ position:absolute; right:0; top:0;}
.sectionBox #p1	{ position:absolute; left:0px; top:70px; font-size:1.2em;}
.sectionBox #p1_2{ position:absolute; right:0;top:530px;}
.sectionBox #p2	{ position:absolute; left:0px; top:70px; font-size:1.2em;}
.sectionBox #p3 { position:absolute; left:0px; top:70px; font-size:1.2em;}
.sectionBox #p3 { position:absolute; left:0px; top:70px; font-size:1.2em;}
.sectionBox > p strong{ color:#00c;}
.sectionBox > p span{ font-size:0.8em;}

#sectionBox1	{ min-height:790px; margin:50px 0 5px 15px;}
#sectionBox1 > h5 { position:absolute; right:0; bottom:0; border:none; margin:0; padding:0;}
#sectionBox1 > h6 { position:absolute; right:0; top:210px; border:none; margin:0; padding:0;}
#sectionBox2	{ min-height:610px; margin:50px 0 5px 15px;}
#sectionBox2 > h5 { position:absolute; right:0; top:210px; border:none; margin:0; padding:0;}
#TradingImgSP	{ position:absolute; width:900px; right:0; bottom:0; border:none; margin:0; padding:0;}
#sectionBox3	{ min-height:560px; margin:50px 0 5px 15px;}
#sectionBox3 > h5 { position:absolute; left:180px; top:205px; border:none; margin:0; padding:0;}
#sectionImg03SP	{ position:absolute; width:900px; right:0; bottom:0; border:none; margin:0; padding:0;}

/*access*/
#accessBgA	 { min-height:389px; background:url(../img/accessImg01.jpg) no-repeat top right;}
#LmapBox	 { float:right; width:530px; height:425px; margin:0 18px 0 0; padding:0;}
#accessMapBox{ float:right; padding:8px; margin:0 0 4px 4px; background:#fff; border:2px solid #666;}

/*item*/
.itemBox	{ position:relative; float:left; width:294px; min-height:250px; margin:0 8px 16px 8px; text-align:center;}
.itemBox img{ height:170px; margin:0 auto 10px; padding:1px; background:#fff; border:1px solid #ccc; box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc;}
.itemBox img:hover{ opacity:0.7;}
.itemBox h4	{ margin:0 auto; border:none; text-align:center;}
.itemBox h4 > span > img{ width:auto !important; height:auto !important; border:none !important; box-shadow:none !important;}

/*Special (system)*/
/*左サイド サブナビゲーション*/
#specialSnav	{ overflow:visible; float:left; margin:0 0 15px 0;}
#specialSnav h3	{ margin:0 0 15px 0;}
#specialSnav dl	{ width:250px; background:url(../img/specialSideNavBg.jpg) repeat-y; border-radius:6px; text-align:left;}
#specialSnav dt	{ clear:both; margin:0; padding:0;}
#specialSnav dd	{ clear:both; margin:0; padding:8px 0 4px 6px; border-top:1px dashed #ccc;}
#specialSnav dd.stt{ padding:6px 0 4px 6px !important; border-top:none !important;}
#specialSnav dd p	{ float:left; font-size:1.2em; color:#333;}
#specialSnav dd p:hover { color:#fff; background:#f90; text-decoration:none;}
#specialSnav dd img	{ float:left; margin:0 5px 0.8em 0;}
#specialSnav dd a:hover	{ background:none; color:#F90; text-decoration:none;}
#specialSnav dd a img:hover{ opacity:0.5;}
/*一覧画面*/
#galleryCont	{ float:right; width:690px; margin:0 0 15px 0; padding:0; text-align:left;}
#galleryCont h3 { margin:0 0 12px 0; padding:3px 0 4px 6px; border-bottom:1px solid #3CA; border-left:8px solid #3CA; color:#000; font-size:1.8em; font-weight:normal;}
.itemUnit		{ position:relative; width:auto; height:52px; margin:0 0 8px 0; padding:0 0 6px 0; border-bottom:1px dashed #ccc;}
.itemUnit h4	{ position:absolute; top:12px; left:74px; border:none !important; font-size:1.2em; font-weight:bold;}
.itemUnit h4 a	{ color:#0C9;}
.itemUnit h4 a:hover{ color:#f90;}
.itemUnit img	{ position:absolute; top:0; left:8px; width:60px;}
.itemUnit a img			{ border:1px solid #0C9;}
.itemUnit a img:hover	{ border:1px solid #f90;}
.itemUnit p		{ position:absolute; top:18px; right:8px;}
/*詳細画面*/
#galleryContD	{ float:right; width:690px; margin:0 0 15px 0; padding:0; text-align:left;}
#galleryContD h3{ margin:0 0 12px 0; padding:3px 0 4px 6px; border-bottom:1px solid #3CA; border-left:8px solid #3CA; background:#FFC; color:#000; font-size:1.8em; font-weight:normal;}
/*画像*/
.itemDetail		{ padding:0 0 0 10px;}
.itemDetail li a img	  { z-index:1000; width:330px; border:none; background:none !important;}
.itemDetail li a img:hover{ opacity:0.5; border:none; background:none !important;}
.itemDetail li 		  	 { float:left; margin:0 20px 15px 0; background:none !important;}
.itemDetail li:last-child{ float:left; margin:0 0 15px 0 !important; background:none !important;}
.itemDetail a:hover	{ background:none !important;}
/*テキストエリア*/
#galleryEdit	{ clear:both; margin:0 0 15px 0; padding:0 0 10px 10px; border-bottom:1px dashed #ccc;}
/*テーブル*/
table.styleA	{ width:100%; margin:0 0 15px 0; border:1px solid #69382A; border-collapse:collapse;}
table.styleA tr	{ vertical-align:middle;}
table.styleA th	{ padding:6px; background:#B3E6D5; border-left:1px solid #69382A; border-bottom:1px solid #69382A; font-weight:bold; text-align:center;}
table.styleA td	{ padding:6px; border-left:1px solid #69382A; border-bottom:1px solid #69382A; text-align:center;}
table.styleB	{ width:100%; margin:0 0 15px 0; border:1px solid #69382A; border-collapse:collapse;}
table.styleB tr	{ vertical-align:middle;}
table.styleB th	{ padding:6px; background:#F90; border-left:1px solid #69382A; border-bottom:1px solid #69382A; color:#fff; font-weight:bold; text-align:center;}
table.styleB td	{ padding:6px; border-left:1px solid #69382A; border-bottom:1px solid #69382A; text-align:center;}
table.styleC	{ width:100%; margin:0 0 15px 0; border:1px solid #69382A; border-collapse:collapse;}
table.styleC tr	{ vertical-align:middle;}
table.styleC th	{ padding:6px; background:#C30; border-left:1px solid #69382A; border-bottom:1px solid #69382A; color:#fff; font-weight:bold; text-align:center;}
table.styleC td	{ padding:6px; border-left:1px solid #69382A; border-bottom:1px solid #69382A; text-align:center;}

/*編集不可部分*/
#galleryContD >	dl			{ color:#666; font-weight:bold;}
#galleryContD >	dl dt		{ padding:0 0 4px 0;}
#galleryContD >	dl dd		{ padding:0 0 0 0.4em; font-size:1.4em;}
#galleryContD > p a			{ color:#0C9; text-decoration:underline;}
#galleryContD > p a:hover	{ color:#f90; text-decoration:none;}

/*擬似的なルビのスタイル*/
.ruby	{ display:inline; position:relative; top:0; bottom:0; padding:0; line-height:1;}
.rp 	{ display:none;}
.rt		{ display:inline; position:absolute; top:-1em; left:0.5em; font-size:60%; line-height:1; white-space:nowrap; text-indent:0;}
a:hover .rt{ color:#fff; background:#f90; text-decoration:none;}

/*TOPページへ戻る*/
.backTop { clear:both; margin:0 0  200px 0; text-align:right;}

/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
#toTop		{ position:absolute; top:0; right:0; width:960px; height:33px;}
/*topPage*/
#footer_top		{ clear:both; position:relative; width:960px; min-height:480px; margin:0 auto; padding:0; overflow:visible; background:#47D1B2 url(../img/footer_top.gif) no-repeat left top; color:#333;}
#footer_top	h2	{ position:absolute; left:12px; top:49px;}
#footer_top	h3	{ position:absolute; left:10px; bottom:18px;}
#footer_top #footTextArea	{ position:absolute; position:relative; padding:5px; top:122px; left:12px; width:410px; background:#fff; border-radius:4px; text-align:left; line-height:1.2; font-family:Arial, Helvetica, sans-serif;}
#footer_top #footTextArea h4{ margin:0 0 1px 0; padding:5px 0 0 0;}
#footer_top #footTextArea p { margin:0 0 8px 0.4em; padding:2px 0 0 0; color:#000; line-height:1.2; font-size:1.2em; font-weight:bold; text-align:left;}
#footLink		{ color:#000;}
#footLink a		{ color:#000; text-decoration:underline;}
#footLink a:hover{ color:#F80; text-decoration:none;}

#footMap	{ position:absolute; top:49px; right:15px;}
address		{ position:absolute; bottom:12px; right:10px; color:#eee; font-size:1em; font-family:Arial, Helvetica, sans-serif;}


/*underDir*/
#footer		{ clear:both; position:relative; width:960px; height:330px; margin:0 auto; padding:0; background:url(../img/footer.gif) no-repeat left top; color:#333;}
#footer	h2	{ z-index:10; position:absolute; top:49px; left:12px;}
#footer	h3	{ position:absolute; left:10px; bottom:18px;}
#footer #footTextArea	{ z-index:10; position:absolute; top:49px; right:5px; width:685px; padding:5px; background:#fff; border-radius:4px; text-align:left; line-height:1.2; font-family:Arial, Helvetica, sans-serif;}
#footer #footTextArea h4{ margin:0 0 1px 0; padding:5px 0 0 0;}
#footer #footTextArea p { margin:0 0 8px 0.5em; padding:2px 0 0 0; color:#000; line-height:1.2; font-size:1.2em; font-weight:bold; text-align:left;}
#FootUndrTxt	{ position:relative;}
#FootUndrTxtA 	{ float:left; display:block; width:310px; margin:0; padding:0; letter-spacing:0;}
#FootUndrTxtB 	{ float:left; display:block; width:345px; margin:0; padding:0; letter-spacing:0;}



/*-------------------------------------------------------------------------
General Style and Decoration
-------------------------------------------------------------------------*/
.btn{ cursor:pointer;}
.oBtn:hover{ opacity:0.7;}
.bn{ border:none;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both; line-height:0;}
.center{ margin:0 auto; text-align:center;}
.bgb{ background:#000;}
.mgn{ margin:0 0 8px 0 !important;}
.mgnB{ margin-bottom:28px !important;}
.flimg{ float:left; padding:0 10px 10px 0;}
.frimg{ float:right; padding:0 0 10px 10px;}
.flimg2{ float:left; padding:0 5px 5px 10px;}
.frimg2{ float:right; padding:0 15px 10px 10px;}
.flimg3{ float:left; margin:0 10px 10px 15px;}
.frimg3{ float:right; margin:0 15px 10px 10px;}
.red{ color:#f00;}
.blue{ color:#09f;}
.orange{ color:#f90;}
.green{ color:#00C29D;}
.f0{ font-size:0.001em;}
.f60{ font-size:0.6em;}
.f80{ font-size:0.8em;}
.f90{ font-size:0.9em;}
.f100{ font-size:1em;}
.f120{ font-size:1.2em;}
.f160{ font-size:1.6em;}
.f180{ font-size:1.8em;}
.f200{ font-size:2em;}
.normal{ font-weight:normal !important;}
.right{ text-align:right;}
.left{ text-align:left;}
strong{ font-weight:bold;}
.bold{ font-weight:bold;}
.indent{ text-indent:1em;}
.insideP{ padding-left:1em;}
img.bdrImg	{ padding:1px; background:#fff; border:1px solid #ccc; box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc; -webkit-box-shadow: 1px 1px 3px #ccc;}
.outlink	{ padding:0 22px 0 0; background:url(../img/outlink.gif) no-repeat right;}
.mailLink	{ padding:0 18px 0 0; background:url(../img/mailLink.jpg) no-repeat right;}
.mailLink:hover, .mailLink:active{ padding:0 18px 0 0; color:#f60; background:url(../img/mailLink.jpg) no-repeat right; font-weight:normal;}
.EmBox { display:inline-block; margin:0 0 1.8em 0; padding: 6px; background: none repeat scroll 0 0 #FFC;
    border: 2px solid #000; border-radius: 3px 3px 3px 3px; box-shadow: 2px 2px 1px #666; text-align: left;}
.EmBox h5{ font-weight:bold; color:#F60;}
.EmBox p{ margin:0 !important; padding:0 0 0 4px !important; border-left:4px solid #F60; font-weight:bold;}
.EmBox ul{ margin:0 !important;}
.EmBox ul li{ margin:5px 0 0 0 !important; padding:2px;}
#DemoSpacer{ display:block; height:700px;}


/*　20170928追加　*/
#topics_paging {
	text-align: center;
}
#topics_paging li {
	display: inline-block;
	margin: 0 20px;
}


/* 20230120追加 */
.number {
  display: flex;
  flex-wrap: wrap;
}
.number li {
  width: 31.333%;
  margin:2% 3% 2% 0;
}
.number li:nth-child(3n) {
  margin-right: 0;
}
.number li dl {
  height: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 2px solid #ccc;
  background: #fbfbfb;
  padding: 20px 15px 15px;
  position: relative;
}
.number li dl dt {
  text-align: center;
  position: absolute;
  top: -23px;
  right: 0;
  left: 0;
  margin: auto;
}
.number li dl dt p {
  font-size: 1.5rem;
  color: #fff;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  padding: 10px 20px;
  background: #3ca;
  display: inline-block;
}


.number li dl dd {
  text-align: center;
}
.number li dl dd p {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 15px auto;
  padding: 0;
}
.number li dl dd p small {
  font-size: 70%;
}
.number li dl dd img {
  width: auto;
  height: 100px;
  margin: 0 auto;
  display: block;
}
.number li:nth-child(3) dl dd img {
  height:50px;
}
.number li:nth-child(3) dl dd p {
  font-size: 2rem;
}
.number li:nth-child(3) dl dd p span {
  font-size: 0.8rem;
}

.faq dt {
  font-size: 1.2rem;
  font-weight: bold;
  color: #3ca;
  margin-bottom: 10px;
}
.faq dt:before {
  content: "Ｑ.";
  display: inline-block;
  margin-right: 5px;
}
.faq dd {
  font-size: 1rem;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.toForm {
  width: 100%;
  text-align: center;
  margin: 40px 0;
}
.toForm a {
  font-size: 1.8rem;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  border-radius: 10px;
  background: #ff6601;
  padding: 20px 40px;
  display: inline-block;
}
.toForm a:hover {
  text-decoration: none;
  background: #ffaa01;
}

.formTable {
  width: 100%;
  border-collapse: collapse;
}

.formTable tr {
  border-bottom: 1px dashed #b9b9b9;
}

.formTable tr th,
.formTable tr td {
  font-size: 1rem;
  font-weight: 400;
  padding: 20px 0;
}

.formTable tr th {
  width: 200px;
  text-align: right;
}

.formTable tr th span {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  background-color: #dc0e1c;
  border-radius: 5px;
  padding: 5px;
  display: inline-block;
  margin-left: 10px;
}

.formTable tr td {
  width: 700px;
  padding-left: 50px;
}

.formTable tr td input,
.formTable tr td select,
.formTable tr td textarea {
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  padding: 5px 10px;
  box-sizing: border-box;
}

.formTable tr td input::placeholder,
.formTable tr td select::placeholder,
.formTable tr td textarea::placeholder {
  color: #b9b9b9;
}

.formTable tr td input:-ms-input-placeholder,
.formTable tr td select:-ms-input-placeholder,
.formTable tr td textarea:-ms-input-placeholder {
  color: #b9b9b9;
}

.formTable tr td input::-ms-input-placeholder,
.formTable tr td select::-ms-input-placeholder,
.formTable tr td textarea::-ms-input-placeholder {
  color: #b9b9b9;
}

.formTable tr td input.w20,
.formTable tr td select.w20,
.formTable tr td textarea.w20 {
  width: 30%;
}

.formTable tr td input.w50,
.formTable tr td select.w50,
.formTable tr td textarea.w50 {
  width: 50%;
}

.formTable tr td input.w100,
.formTable tr td select.w100,
.formTable tr td textarea.w100 {
  width: 100%;
}

.formTable tr td label {
  margin-right: 10px;
}

.formTable tr td label input[type="checkbox"],
.formTable tr td label input[type="radio"] {
  margin-right: 5px;
  -webkit-appearance: checkbox;
  width: auto !important;
}

.submit {
  text-align: center;
  margin-top: 20px;
  /* sp */
}

.submit input {
  font-size: 1.125rem;
  text-align: center;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  padding: 5px 10px;
  width: 200px;
}

.submit input[type="submit"] {
  color: #fff;
  background: #4a3a30;
}

.privacy {
  margin: 50px 0;
  /* sp */
}

.privacy-box {
  width: 100%;
  height: 300px;
  background: #fff;
  border: 1px solid #ccc;
  margin-top: 0 !important;
}

.privacy-box-txt {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  padding: 10px;
  box-sizing: border-box;
}

.privacy-box-txt > p {
  font-size: 0.875rem;
  margin-bottom: 20px;
}

.privacy-box-txt dl dt {
  font-size: 1.125rem;
  font-weight: 700;
  color: #4a3a30;
  margin: 20px 0 5px;
}

.privacy-box-txt dl dd {
  font-size: 0.875rem;
}

.privacy-box-txt dl dd:nth-child(2) {
  margin-bottom: 10px;
}

.privacy-box-txt ul {
  list-style: disc;
  margin: 0 0 20px 25px;
}

.privacy-box-txt ul li {
  font-size: 0.875rem;
  margin: 5px 0;
}

.frame {
  border-radius: 10px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 20px;
}
.frame p:last-child {
  margin-bottom: 0;
}

/* 20250803 追加 */
.shop-banner {
  margin: 0 0 50px;
}
.shop-banner a {
  padding: 0 15px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  border: 10px solid #47d1b2;
  border-radius: 10px;
  overflow: hidden;
}
/* .shop-banner a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 5px solid #ffcc00;
  border-radius: 5px;
} */
.shop-banner a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.shop-banner img {
  display: block;
  width: 15%;
}
.shop-banner span {
  display: block;
  width: 85%;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  text-align: center;
}
.shop-banner span rt {
  margin: 0 0 -7px;
}