@charset "Shift_Jis";/* 文字コード指定（削除不可） */
/*==================================
【テンプレート】lispe - ver.1.0.0
【配布元】alevirita  http://a-c.2-d.jp/
【サポート】emアットマークa-c.2-d.jp
===================================*/

@media screen{
/* ▼カスタマイズ =========================*/

#PAGETOP
{
	/* ▼全体横幅 */
	width: 90%;
	max-width: 1000px; /* 最大幅 */
	min-width: 0; /* 最小幅 */
}

	/* ▼2カラム */

#MENU
{
	width: 220px; /* メニュー横幅 */
}
#KIZI,
#FOOTER
{
	margin-left: 250px; /* メニュー横幅＋30 */
}
	/* ▲2カラムここまで */

	/* ▼擬似フレーム */

#PAGETOP>#MENU{ position:fixed; }

	/* ▲擬似フレームここまで */

/*==================================*/
}

html,pre,code,input,select,textarea,table,kbd,samp,tt{ font-size: 100%; }html,body,li,dt,dd,li address,li form{ margin: 0; padding: 0; }body>ins,div>ins,body>del,div>del{ display: block; }h1,h2,h3,h4,h5,h6{ margin: 1em 0 .25em; padding: 0; font-weight: 900; line-height: 1.3; }h1{ margin-top: 0; }p+h3,ul+h3,ol+h3,dl+h3,blockquote+h3,table+h3,form+h3,address+h3,pre+h3,p+h4,ul+h4,ol+h4,dl+h4,blockquote+h4,table+h4,form+h4,address+h4,pre+h4,p+h5,ul+h5,ol+h5,dl+h5,blockquote+h5,table+h5,form+h5,address+h5,pre+h5,p+h6,ul+h6,ol+h6,dl+h6,blockquote+h6,table+h6,form+h6,address+h6,pre+h6{ margin-top: 1.8em; }p,form,ol,ul,dl,address,blockquote,pre{ margin: 1em 10px; padding: 0; }fieldset,li ol,li ul,li  dl,dd ol,dd ul,dd dl,dd form,td form{ margin: .35em 0; }table{ margin: 1em auto; border-collapse: collapse; }li,blockquote{ margin-left: 2em; }dd{ margin-left: 1em; }li address,li form{ display: inline; border: none; background-image: none; }address,dfn,em,cite,kbd{ font-style: normal; }em,strong,caption,th,dfn,kbd kbd,b{ font-weight: 700; }em em,strong strong{ font-size: 120%; }code,kbd,samp,var{ margin: 0 .12em; }a{ font: inherit; font-size: inherit; }a:not([href]):hover{ color: inherit; }abbr,acronym{ border-bottom: 1px dotted; }br{ letter-spacing: normal; }img{ margin: 1px; border: none; vertical-align: text-bottom; }pre{ line-height: 1.3; }code{ font-family: Consolas,"Courier New",Osaka-mono,MeiryoUI,monospace; }q,blockquote,cite{ font-family: "Hiragino ProN W3","ヒラギノ明朝 ProN W3","ＭＳ Ｐ明朝",Serif; }pre, samp, kbd { font-family: monospace, sans-serif; }var{ font-family: Georgia,"ＭＳ Ｐ明朝",Serif; }q{ quotes: "\201c" "\201d" "\2018" "\2019" "\201c" "\201d"; }q:before{ content: open-quote; font-family:"ＭＳ Ｐ明朝",Serif; }q:after{ content: close-quote; font-family: "ＭＳ Ｐ明朝",Serif; }q,blockquote{ cursor: default; }abbr[title],acronym[title],ins[title],del[title],q[title],span[title]{ cursor: help; }input[type="button"],input[type="reset"],input[type="submit"],button{ cursor: pointer; }textarea[disabled],button[disabled],input[disabled] { cursor: default; }input[type="checkbox"],input[type="radio"],input[type="image"]{ padding: 0; border: none; }table,iframe,object,input[type="text"],textarea{ max-width: 98%; }sub,sup{ line-height: 1; }th,td{ vertical-align: top; text-align: left; }
@media print{
*{ background-image: none; }html,body{ margin: 0; padding: 0; background: #ffffff none; color: #000000; }del,hr{ display: none; }h1,h2,h3,h4,h5,h6{ page-break-after: avoid; }
}
@media handheld,tty{
body{ margin: 1% 2%; }h1,h2,h3,h4,h5,h6{ font-size: 110%; }del,hr,ul.modori{ display: none; }
}

@media screen{

	/* ★セレクタ指定(リスト要素) */

ol,ul	{ list-style-position: outside; }
ul>li	{ list-style-image: url(lispe/li.png); }
dl dt	{ padding: 8px 0.5em 0 13px; background: url(lispe/dt.png) no-repeat 0 0; }
dd+dt	{ margin-top: .5em; }
dd	{ padding-left: 1em; }

	/* ★セレクタ指定(フォーム) */
fieldset	{ padding: .25em 1em; border: 1px dashed #CCC; border-radius: 5px; }
fieldset+fieldset{ margin-top: .8em; }
legend	{ padding: 0 1em; }
button,
input,
select,
textarea	{ vertical-align: text-bottom; 
	  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input,
select,
textarea	{ margin: .12em .3em .12em 0; font-family: "MS PGothic","ＭＳ Ｐゴシック",sans-serif; line-height: normal; }
input[type="radio"],
input[type="checkbox"],
li input,
li select,
li textarea{ vertical-align: middle; }
input[type="text"],
input[type="password"],
select,
textarea	{ background-color: transparent; 
		border: 1px solid; border-color: #CCC #FFF #FFF #CCC; border-radius: 3px;
		box-shadow: 0 0 2px rgba(50,50,50,.2) inset; }
textarea	{ padding: .2em; } 

	/* ★セレクタ指定(追加削除) */
ins	{ border: solid #FFAA25; border-width: 0 0 2px; text-decoration: none; }
del	{ opacity: .6; text-decoration: line-through; }
body>ins,
div>ins{ position:relative; margin: 1em 10px; padding: .1em 10px; border-width: 0 0 0 2px;  }
body>ins:before,
div>ins:before
{
	content:  "追加";
	display: inline-block; margin: 0 -5px; padding: .25em .45em; 
	border-radius: 4px;
	background-color: #FFAA25; color: #FFF; text-shadow: none;
	font-size: 86%; font-family: Arial,Helvetica,Sans-Serif; line-height: 1; text-align: center;
}
body>ins[datetime]:after,
div>ins[datetime]:after
{
	position: absolute; top: .25em; left: 4em;
	content: attr(datetime);
	color: #FFAA25; font-size: 86%; font-family: Arial,Helvetica,Sans-Serif; line-height: 1;
}

	/* ★セレクタ指定(画像) */
li img,
dt img,
address img	{ vertical-align: middle; }
img[style*="float:left"],
img[style*="float: left"],
img[style*="float :left"],
img[style*="float : left"],
img[align="left"]	{ margin-right: 10px; }
img[style*="float:right"],
img[style*="float: right"],
img[style*="float :right"],
img[style*="float : right"],
img[align="right"]	{ margin-left: 10px; }

a img		{ margin: 2px 1px; padding: 2px; background: #FFF; color: #333; }
a:link img		{ background: #FFF; border: 1px solid #AAA; }
a:visited img	{ background: #EEE; border: 1px solid #DDD; }
a:hover img,
a:focus img	{ border-color: #555; }

img.borderNone,
.borderNone img,
a img.link,
a.link img,
.link a img	{ padding: 0; border: none !important; background: transparent none !important; }
a.link:link,
a.link:visited	{ border: none; }


	/* ★セレクタ指定(テーブル) */
table 	{ border: solid #000; border-width: 2px 1px; background: #FFF; color: #000; }
caption	{ margin: .6em 0 0; text-align: center;  }
th,
td	{ padding: .3em .8em; border: 1px #888; border-style: solid dotted; }
thead th,
thead td,
tfoot th,
tfoot td	{ background-color: #D9DBEB; }
tbody th	{ background-color: #ECEDF4; }
td:empty	{ background-color: #F5F5F5; }


	/* ★セレクタ指定(引用文) */
blockquote,
q	{ border: 1px dotted #AAA; color:#1F8671; background: #FFF; }
q	{ margin: 0 .2em; padding: 1px .2em; border-width: 0 0 1px; }
q q	{ border-width: 0; }
blockquote{ padding: 5px 10px; }
blockquote:before,
blockquote[cite^="http://"]:after,
blockquote[cite^="urn:"]:after{ display: block; line-height: 1.2; }
blockquote:before
{
	content: "引用";  margin: 0 -5px .25em; padding: .1em .4em;
	border-bottom: 1px dotted #AAA;
	background: #EEE; color: #555; font-weight: 700; line-height: 1.2;
}
blockquote[title]:before{ content: attr(title); }
blockquote[cite^="http://"]:after,
blockquote[cite^="urn:"]:after
{
	content: attr(cite);  margin: .5em -5px 0; padding: .2em 5px; 
	border-top: 1px dotted #AAA;
	color: #888; font-size: 86%;
	word-wrap: break-word; line-height: 1.2; text-align: right;
}

	/* ★セレクタ指定(その他ブロック要素) */
address	{ padding: .3em .8em; border:solid #F7E6F2; border-width: 1px 0;
	   background: #FFF8FD; color: #000; text-align: right; }
li address	{ padding: 0 .1em; }
div.text address{ text-align: left; }

pre	{ padding: .6em 1em; border: 2px solid #CDBC9E; border-radius:4px;
	background: #ECE1CD; color: #000; text-shadow: none;
	overflow-x: scroll; overflow-y:hidden; }
html>/**/body pre{ overflow: auto; }

hr	{ margin: 2em 0; background: inherit; color: inherit; 
	   border: dashed #BBB; border-width: 1px 0 0; height: 1px; }

	/* ★セレクタ指定(その他インライン要素) */
code	{ color: #53351D; }
pre code	{ margin: 0; padding: 0; }
em	{ border-bottom: 2px dotted #F91919; }
em em	{ border: none; }
kbd	{ padding:.1em .2em; background-color:#333; color:#EEE; text-shadow: none; }
kbd kbd	{ padding: 0; }
samp	{ padding: 0 .2em; background-color: #E7F5F5; color: #000; text-shadow: none; }
strong	{ color: #F91919; }
var	{ font-style: italic; }

	/* ★レイアウトデザイン */

hr,
#MENU h2,
#FOOTER h2{ display: none; }
div.text hr{ display: block; }
li.menu-on a	{ pointer-events: none; cursor: default; }
ul.modori		{ list-style-type:none none; display: block; margin-left: 20%; border: none; text-align: right; }
ul.modori li	{ display: inline; margin: 0 0 0 1em; padding: 0; }
#PAGETOP:after	{ content: ""; display: table; clear: both; }


a:link	{ color: #2D48BF; }
a:visited	{ color: #7768a5; }
a:hover,
a:focus	{ color: #444; text-decoration: none; }
a:active	{ color: #86D8C6; }

body
{
	padding-top: 5em;
	background: #FFF url(lispe/img.jpg) no-repeat 0 0 fixed;
	color: #444;
	font-family: Helvetica, Arial, メイリオ, "Meiryo", Osaka, Sans-serif; 
	line-height: 1.6;
}

h1, h2, h3, h4, h5, h6
{
	padding: .15em 0;
	color:#5D7497;
	font-family: "Lucida Sans Unicode", Verdana, Osaka, "Meiryo", "メイリオ", Sans-serif; 
}
h1
{
	padding-left: 18px; 
	background: url(pic/h1.png) no-repeat 0 50%;
	font-size: 130%;
}
h2
{
	padding: 20px 1em 0; 
	border-bottom: 1px solid #CCC;
	font-size: 150%;
}
h3
{
	padding: .2em .4em;
	box-shadow: 0 0 3px rgba(200, 200, 200, .8);
	background: url(lispe/img.jpg) no-repeat fixed 0 0;
	border-bottom: 1px solid #ddd;
	font-size: 140%;
}
h4
{
	border-bottom: 1px solid #CCC;
	font-size: 120%;
}
h5
{
	border-bottom: 1px dotted #CCC;
	font-size: 100%;
}
h6
{
	margin-left: 20px;
	text-align: right;
	font-size: 100%;
}
div.text h3	{ margin-left: -30px; }
div.text h4	{ margin-left: -15px; }
li h3, li h4, dd h3, dd h4, ins h3, ins h4, blockquote h3, blockquote h4, 
table h3, table h4{ margin-left: 0; }

#PAGETOP
{
	padding-top: 1em;
}
 
#HEADER,
#KIZI	{ background-color: #fff; }
#PAGETOP>#HEADER,
#PAGETOP>#KIZI
{ 
	background-color: rgba(255,255,255,.7);
	background: transparent url(lispe/bg.png) repeat\9;
}

#HEADER
{
	position: absolute; top: 0; left: 0;
	width: 100%;
	padding: 1em 0 .5em;
	border-bottom: 1px solid #CCC;
	box-shadow: 0 1px 3px rgba(5,5,5,.3);
	z-index: 90;
	overflow: auto;
	max-height: 5em;
}
#PAGETOP>#HEADER{ position: fixed; }
h1,
#PAN,
#PAN li
{
	display: inline;
}
#PAN li
{
	margin: 0;
	padding: 0 .3em;
	border-left: 1px dotted #AAA;
	font-size: small;
}

#MENU
{
	position: absolute; top: 0; left: 0;
	padding: 0 10px;
	overflow: auto;
	height: 100%;
}
#MENU ul
{
	padding: 3px;
	overflow: hidden;
}
#MENU01, #MENU02,#MENU03, #MENU04, #MENU05,
#MENU06, #MENU07, #MENU08,#MENU09, #MENU10
{
	list-style: none none;
	display: block;
	margin: 0;
}
#MENU01
{
	margin-top: 5em;
}
li[id^="MENU"]>a
{
	display: block;
	margin-bottom: 10px; padding: .2em 10px 1.5em;
	border: none;
	border-radius: 8px;
	color: #000;
	font-family: Georgia, Times, Serif;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba( 255, 255, 255, .9 );
}
li[id^="MENU"] a:hover,
li[id^="MENU"] a:focus,
li[id^="MENU"].menu-on a
{
	opacity: .4;
	box-shadow: 0 0 2px #000;
	background: rgba( 220, 220, 220, .7 );
	text-decoration: underline;
}
.menu-on a{ text-decoration: underline; }
#MENU h3, #MENU h4{ margin-left: 0; }

#KIZI
{
	overflow: hidden;
	border: 1px solid #CCC;
	border-radius: 10px;
	text-shadow: 1px 1px #FFF;
	box-shadow: 0 0 3px rgba(200,200,200,.5);
}
.text
{
	min-height: 1%;
	margin: 0 25px 0 60px;
}
.modori li
{
	font-size: smaller;
}
.modori a:link
{
	color: #ccc;
	text-decoration: none;
}
.modori a:hover,
.modori a:focus
{
	color: #666;
}

#FOOTER
{
	padding: 0 10px;
}
#FOOTER01, #FOOTER02, #FOOTER03, #FOOTER04, #FOOTER05,
#FOOTER06, #FOOTER07, #FOOTER08, #FOOTER09, #FOOTER10
{
	display: inline;
	margin: 0 .45em;
}

	/* ★Pinky:blog対応 */

#PAGETOP #KIZI  textarea.long-text-edit,
div.resizable-textarea textarea,
form.pinky-referer-table-form textarea{ 	width: 97%; }
form.pinky-message-list li+li{ margin-top: .5em; padding-top: .5em; border-top: 1px solid #CCC; }
table.pinky-entry-manager th{ font-size: small; }
div.pinky-thumbnails{ padding-top: 3em; text-align: center; }
ul.pinky-section-footer li{ white-space: nowrap; }
dl.pinky-entry-information dd{ word-wrap: break-word; }


	/* ★Pinky:blog対応 */
#PAGETOP #KIZI  textarea.long-text-edit, div.resizable-textarea textarea,
form.pinky-referer-table-form textarea,#PAGETOP #KIZI table.pinky-entry-manager,
#PAGETOP #KIZI table.pinky-import-entry-select{ width: 95%; }
form.pinky-message-list li+li{ margin-top: .5em; padding-top: .5em; border-top: 1px dotted #666; }
span.pinky-info,table.pinky-entry-manager th{ font-size: small; }
form.pinky-entry-edit-form>p:last-child{ margin: 2em 0 0;padding-top:.5em;text-align: center; border-top: 1px dashed #ccc; }
form.pinky-comment-form p:last-child input[type="submit"],
form.pinky-entry-edit-form p:last-child input[type="submit"]{ font-size: 110%; padding: 3px 1em;}
div.pinky-thumbnails{ padding-top: 3em; text-align: center; }
div.pinky-comment div.pinky-info{ text-align: right; }
ul.pinky-taglist li{ margin-left: 0; }
ul.pinky-taglist label,ul.pinky-section-footer li{ white-space: nowrap; }
dl.pinky-entry-information dd{ word-wrap: break-word; max-height: 10em; overflow: auto; }

	/* ★OrderSystem-DX対応 */
.osdx-item,.osdx-page-navi{ line-height: 1.3; }
.osdx-item form{ border-top: 1px dotted #999; margin: .3em 0 0; padding-top: .3em; }
.osdx-item input,.osdx-item select{ margin: .1em 0; vertical-align: middle; }
.osdx-page-navi{ padding-bottom: .2em }
.osdx-page-navi a{ display: inline-block; margin: 2px; padding: 2px .5em; border: 1px solid #ccc; }
.osdx-page-navi a.osdx-page-on{ background: #ddd; color: #888; cursor: default; }

	/* ★IE対応 */
* html ins{ border-width: 0; }
* html pre{ margin-right: auto; margin-left: auto; width: 90%; }
* html address, * html dd{ padding-top: 0; padding-bottom: 0; }
*:first-child+html table input[type="text"],*:first-child+html table textarea{ width: auto; }

}


	/* ★メディアクエリ */
@media only screen and (max-device-width: 480px) 
{
	body{ padding-top: 0; }
	div#PAGETOP{ width: auto; min-width: 0; }
	div#MENU{ position: static !important; width: auto; height: auto; padding: 0; }
	div#KIZI,div#FOOTER{ margin: 0 10px; clear: both; }
	div.text h3, div.text h4{ margin-left: 0; margin-right: 0; }
	div.text{ margin: 0 10px; }
}