@charset "Shift_JIS"; /* 文字エンコードの設定（削除不可） */

/* ********************************************** */
@media only screen{ /* スクリーンメディア用 */

#PAGETOP
{
	/* ▼全体寄せ位置 */
	margin-left: auto;
	margin-right: auto;

	/* ▼全体横幅 */
	width: auto;
	max-width: 700px;
	min-width: 0;
}

	/* ▼アイキャッチ */
div#MENU
{
	background-image: url(LOSTA/img.jpg); /* 画像URI */
}
	/* ▲アイキャッチここまで */


/* ▲カスタマイズ =========================*/
}

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; 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: 2em; }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; }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,dfn,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.2; }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; }
dt	{ margin: .25em 0; padding-left: .5em; background: #eee; color: #000;
	  border: solid #ccc; border-width: 0 1px 1px 0; border-radius: 5px; }
dd	{ margin: .15em 0; padding-left: 2em }


	/* ★セレクタ指定(フォーム) */

fieldset	{ padding: .25em 1em; border: 1px solid #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; }
li input,
li select,
li textarea,
input[type="radio"],
input[type="checkbox"]{ vertical-align: middle; }
textarea	{ padding: .2em; }

	/* ★セレクタ指定(追加削除) */

ins	{ border: solid #FFAA25; border-width: 0 0 2px; text-decoration: none; }
del	{ opacity: .6; color: #999; 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;
	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-collapse: collapse; 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 #1F8671; color:#1F8671; }
q	{ margin: 0 .2em; padding: 1px .2em; border-width: 0 0 1px; }
q q	{ border-width: 0; }
blockquote{ padding: 5px; border-width: 1px 0; }
blockquote[cite^="http://"]:after,
blockquote[cite^="urn:"]:after{ display: block; line-height: 1.2; }
blockquote[cite^="http://"]:after,
blockquote[cite^="urn:"]:after
{
	content: attr(cite); 
	margin: .5em -5px 0 3em; padding: .2em 5px; 
	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
{ 
	overflow-x: scroll; overflow-y:hidden; 
	padding: .6em 0; 
}
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; }
dfn	{ padding: 0 .2em; background-color: #FDFCE4; color: #000; }
em	{ border-bottom: 2px dotted #F91919; }
em em	{ border: none; }
kbd	{ padding:.1em .2em; background-color:#333; color:#EEE; }
kbd kbd	{ padding: 0; }
samp	{ padding: 0 .2em; background-color: #E7F5F5; color: #000; }
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; display: block; margin-left: 20%; border: none; text-align: right; }
ul.modori li	{ display: inline; margin-left: 1em; }
#PAGETOP:after	{ content: ""; display: table; clear: both; }

a:link	{ color: #3222FF; }
a:visited	{ color: #9968A7; }
a:hover,
a:focus	{ color: #999; }
a:active	{ color: #FF2DB1; }

body
{
	margin: 2%;
	background: #FFF url(LOSTA/bg.png) repeat;
	color: #000;
	font-family: "Meiryo","メイリオ",Sans-serif;
	line-height: 1.6;
}

h1,h2,h3,h4,h5,h6{ 
	color: #2990c7; font-weight: 400;
	font-family: "Lucida Sans Unicode", Verdana, Osaka, "Meiryo", "メイリオ", Sans-serif;  }
h3,h4,h5,h6{ padding: .12em 5px; }
h1	{ text-align: center; font-size: 110%; }
h2	{ position:relative; font-size: 190%; font-weight:700; }
h2:before{ content: ""; display: block; background: url(LOSTA/h2.png) repeat; 
	   position:absolute; top: 0; left:0; width: 100%; height: 100%; z-index: 10; }
h3	{ border-bottom: 1px solid #2990c7; font-size: 120%; }
h4	{ padding-left: 15px; border-bottom: 1px dotted #2990c7; font-size: 110%; }
h5	{ padding-left: 15px; border-left: 1px solid #2990c7; font-size: 100%; }
h6	{ padding-left: 15px; border-left: 1px dotted #2990c7; font-size: 100%; }


#PAGETOP
{
	padding: 1px 0;
	margin-top: 10px; margin-bottom: 10px;
	box-shadow: 0 0 3px rgba(5,5,5,.5);
	border: solid #FFF; border-width: 0 5px;
	background-color: #fff;
	overflow: hidden;
}
#HEADER
{
	padding: 10px 0;
}
#HEADER h1,
#PAN
{
	max-width: 280px;
	text-align:center;
}
#HEADER h1
{
	padding-top: 5px;
	border-top: 1px dotted #ccc;
}
#PAN
{
	margin: 0; padding-bottom: 5px;
	list-style: none none; 
	border-bottom: 1px dotted #ccc;
	font-size: small; 
}
#PAN li
{
	display: inline; 
	margin: 0;
}
#PAN li+li:before
{
	content: "\3e"; 
	padding: 0 .2em;
	color:	#AAA;
}

#MENU
{
	padding:1px 15px;
	background-size: cover;
	text-shadow: 0 0 2px #fff;
}

#MENU>ul
{
	margin: 15px 0 15px 60%;
	padding: .25em 25px;
	background: #FFF;
	border-radius: 10px;
	box-shadow: 0 0 3px rgba(5,5,5,.5);
	opacity: .9;
}
#MENU01, #MENU02, #MENU03, #MENU04, #MENU05,
#MENU06, #MENU07, #MENU08, #MENU09, #MENU10
{ 
	list-style: none none;
	margin: 0;
	padding: 0;
	text-align: right;
}
li[id^="MENU"]>a	{ color: #000; text-decoration: none; }
li[id^="MENU"]>*	{ margin:0; padding:0; border:none; display:inline; }
li[id^="MENU"]>a:hover,
li[id^="MENU"]>a:focus{ color: #888; }
li[id^="MENU"] ul:before, li[id^="MENU"] dl:before{ content: "("; }
li[id^="MENU"] ul:after, li[id^="MENU"] dl:after{ content: ")"; }
li[id^="MENU"] li,
li[id^="MENU"] dt,
li[id^="MENU"] dd{ display: inline; list-style:none; margin:0 .2em;}
li.menu-on>a{ text-decoration: underline; }

#KIZI
{
	clear: both;
	padding: 0 3%;
	background: #FFF;
}
ul.modori
{
	margin-right: -1%;
}
ul.modori a
{
	padding: .1em .5em;
	background-color: #ccc;
	color: #fff;
	font-size: smaller;
	text-decoration: none;
}

#FOOTER
{
	border-top: 1px dashed #ccc;
}
#FOOTER>ul{ text-align: center; }
#FOOTER01,#FOOTER02,#FOOTER03,#FOOTER04,#FOOTER05,
#FOOTER06,#FOOTER07,#FOOTER08,#FOOTER09,#FOOTER10
{
	display: inline; 
	margin: 0 .25em;
}

	/* ★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 }
#KIZI>.osdx-page-navi:first-child{ margin-top: .5em }
.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{ padding-top: 0; padding-bottom: 0; }
*:first-child+html table input[type="text"],*:first-child+html table textarea{ width: auto; }
}

	/* ★メディアクエリ */
@media screen and (max-width: 480px)/*iPhone*/
{
	#PAGETOP{ width: auto; min-width: 0; }
	#MENU>ul{ margin-left: 0; }
}
/* 全称 */
*	{	}

/* html・body */

html	{	}
body	{	}

/* 見出し */
h1,h2,h3,h4,h5,h6	{	}
h1	{	}
h2	{	}
h3	{	}
h4	{	}
h5	{	}
h6	{	}

/* 段落 */
p	{	}

/* 罫線 */
hr	{	}

/* 強制改行 */
br	{	}

/* アンカー */
a	{	}
	a:link	{	}
	a:visited	{	}
	a:hover	{	}
	a:active	{	}
	a:focus	{	}

/* 強調・追加・削除 */
em	{	}
strong	{	}
ins	{	}
del	{	}

/* フォーム */
form	{	}
fieldset	{	}
legend	{	}

label	{	}

input	{	}
	input[type="text"]	{	}
	input[type="checkbox"]	{	}
	input[type="radio"]	{	}
	input[type="button"]	{	}
	input[type="submit"]	{	}
	input[type="reset"]	{	}
	input[type="image"]	{	}

textarea	{	}
select	{	}
option	{	}
optgroup	{	}

/* ボタン */
button	{	}
	button[type="button"]	{	}
	button[type="submit"]	{	}
	button[type="reset"]	{	}

/* リスト */
ol	{	}
	ol li	{	}
ul	{	}
	ul li	{	}
dl	{	}
	dt	{	}
	dd	{	}

/* アドレス */
address	{	}

/* テーブル */
table	{	}
caption	{	}
thead	{	}
tbody	{	}
tfoot	{	}
tr	{	}
	thead tr	{	}
	tbody tr	{	}
	tfoot tr	{	}
th	{	}
	thead th	{	}
	tbody th	{	}
	tfoot th	{	}
td	{	}
	thead td	{	}
	tbody td	{	}
	tfoot td	{	}

/* 画像 */
img	{	}
a img	{	}

/* 引用 */
blockquote	{	}
q	{	}

/* 参照元 */
cite	{	}

/* 整形済みテキスト */
pre	{	}

/* コード・出力サンプル */
code	{	}
samp	{	}

/* キーボード */
kbd	{	}

/* 変数・置き換え可能語 */
var	{	}

/* 定義語 */
dfn	{	}

/* 省略語 */
abbr, acronym	{	}

/* 書字方向指定 */
bdo	{	}

/* インラインフレーム */
iframe	{	}

/* オブジェクト */
object	{	}

/* ノースクリプト */
body noscript	{	}

/* ノーフレーム */
body noframes	{	}

/* 上付き文字・下付き文字 */
sup	{	}
sub	{	}

/* その他物理要素 */
b	{font-weight:bold;}
i	{font-style:italic;}
big	{font-size: larger;}
small	{font-size: smaller;}
tt	{	}

/* 各#ID＆.class */
body#INDEX	{	}

div#PAGETOP	{	}
div#HEADER	{	}
	ul#PAN	{	}
		ul#PAN li{	}
div#MENU	{	}
	div#MENU ul{	}
		li#MENU01	{	}
		li#MENU02	{	}
		li#MENU03	{	}
		li#MENU04	{	}
		li.menu-on	{	}
div#KIZI	{	}
	div.text	{	}
		ul.modori	{	}
			ul.modori li{		}
div#FOOTER	{	}
	div#FOOTER ul{		}
		li#FOOTER01	{	}
		li#FOOTER02	{	}
		li#FOOTER03	{	}

}
/* ********************************************** */
@media handheld, tty{ /* モバイルメディア用 */

/* (仮) */
div	{position: static;}
#MENU01,#MENU02,#MENU03,#MENU04,#MENU05,#MENU06{display:inline; margin:0; padding:0 5px;}

}
/* ********************************************** */
@media only print{ /* 印刷メディア用 */

/* (仮) */
body	{background-color:#ffffff; color:#000000; font-family:Serif;}
a[href]::before	{content:"("attr(href)")";}
ul#PAN,ul.modori {display: none;}
div	{position: static;}

}