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

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

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

	/* ▼全体横幅 */
	width: 600px;
	max-width: 100%;
	min-width: 0;
}

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

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,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.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; }
dt	{ margin: .15em 0; line-height: 1.25; font-weight: 700; }
dd+dt	{ margin-top: .5em; }

	/* ★セレクタ指定(フォーム) */
fieldset	{ padding: .25em 1em; border: 1px solid #CCC; }
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; }
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;
	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; 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; }
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%; text-align: right; }
ul.modori li{ display: inline; margin-left: 1em; }
#PAGETOP:after{ content: ""; display:table; clear: both; }

a:link	{ color: #3900F2; }
a:visited	{ color: #724D71; }
a:hover,
a:focus	{ color: #FF2E6E; }
a:active	{ color: #FF2DB1; }

body
{
	margin: 5px 10px;
	background:#EEE; color:#000;
	font-size: small; font-family: "Meiryo", メイリオ, "ＭＳ Ｐゴシック", Sans-serif;
	line-height: 1.7;
}

h1,h2,h3,h4,h5,h6
{
	padding: .12em 0;
	font-size: 100%;
	font-family:"Century Gothic",Helvetica,Arial, "Meiryo", "メイリオ", Sans-serif; 
}
h1,h2,h3,h4,h5{ border-bottom: 1px solid; background: no-repeat 0 50%;}
h2,h3,h4,h5,h6{ padding-left: 15px; }
h1{ border-color: #DDD; color:#3CB878; font-size: 190%; }
h2{ border-color: #6A9CE6; background-image: url(Memos/h2.png); color: #6A9CE6; font-size: 135%; }
h3{ border-color: #F072E9; background-image: url(Memos/h3.png); color: #F072E9; font-size: 120%; }
h4{ border-color: #36BF06; background-image: url(Memos/h4.png); color: #36BF06; }
h5{ border-color: #555; }
h6{ margin-left: 2em; }

#PAGETOP
{
	margin-top: 20px; margin-bottom: 20px;
	padding: 1px 0;
}
#HEADER,
#MENU,
#KIZI,
#FOOTER
{
	border: 1px solid #CCC; 
	box-shadow: 0 0 3px rgba(100,100,100,0.5);
	background: #FFF;
}

#HEADER
{
	position: relative;
	float: left;
	padding: .4em 3% .4em 1.5%;
	width: 45%;
}
#HEADER h1{ margin: 0; }
#PAN{ margin: .25em 0 0; }
#PAN li{ list-style: lower-roman; font-size: small; }
#HEADER:before
{
	content: url(Memos/pin.png); display: block; 
	position: absolute; top: -10px; left: 43%;
	width: 25px;
	height: 25px;  
	overflow: hidden;
}

#MENU
{
	position: relative;
	margin: 40px 0 0 46%;
	padding: .2em 1.5%;
}
#MENU>ul
{
	border: 1px solid #DDD;
}
#MENU01,#MENU02,#MENU03,#MENU04,#MENU05,
#MENU06,#MENU07,#MENU08,#MENU09,#MENU10
{
	list-style: none;
	display: block;
	margin: 0 5px;
	border-top: 1px solid #DDD;
	text-align: center;
}
#MENU01{ border: none; }
li[id^="MENU"] a{ display: block; }
li.menu-on a:link,
li.menu-on a:visited{ color: #CCC; }
li[id^="MENU"] ul{ list-style-type: none; margin: 0; border-top: 1px dotted #DDD; }
li[id^="MENU"] ul li{ margin: 0; }
#MENU:before
{
	content: ""; display: block; 
	position: absolute; top: -15px; left: 25%;
	width: 170px; height: 30px;  
	-moz-transform: rotate(-10grad); -webkit-transform: rotate(-10grad); transform: rotate(-10grad);
	background: #F8F7E8; box-shadow: 0 0 3px rgba(100,100,100,0.6);
	opacity: .5;
}

#KIZI
{
	clear: both;
	position: relative;
	margin: 18px 0;
	padding: 10px;
	z-index: 4;
}
#KIZI:before
{
	content: url(Memos/clip.png);
	width: 15px; height: 30px; overflow: hidden;
	position: absolute; right: 15px; top: -6px;
	z-index: 5;
}
#KIZI:after
{
	content: ""; 
	width: 100%; height: 100%;
	position: absolute; left: 1px; top: 4px;
	border: 1px solid #DDD;
	box-shadow: 0 0 3px rgba(100,100,100,0.5);
	background: #FFF;
	z-index: -1;
}
div.text
{
	padding: .1em 10px;
	border: 1px solid #DDD;
	background: url(Memos/bg.png) repeat;
}
ul.modori
{
	margin-right: -29px; margin-left: auto; padding: 0 .3em;
	width: 90px; 
	border-right: 8px solid #D32A2A; box-shadow: 0 0 2px rgba(50,50,50,0.5);
	background: #FFFFE7; 
	text-align: center;
}
ul.modori a
{
	text-decoration: none; letter-spacing: .15em;
}

#FOOTER
{
	position: relative;
	margin-left: 40%;
	padding: .4em 1%;
}
#FOOTER:before
{
	content: url(Memos/pin.png); display: block; 
	position: absolute; top: -10px; left: 48%;
	width: 25px;
	height: 25px;  
	overflow: hidden;
}
#FOOTER01,#FOOTER02,#FOOTER03,#FOOTER04,#FOOTER05,
#FOOTER06,#FOOTER07,#FOOTER08,#FOOTER09,#FOOTER10
{
}
#FOOTER ul{ text-align: right; }
#FOOTER li{ text-align: left; }

	/* ★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 solid #CCC; }
span.pinky-info,table.pinky-entry-manager th{ font-size: small; }
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{ line-height: 1.4; }
.osdx-item form{ border-top: 1px dotted #999; margin: .3em 0; padding-top: .3em; }
.osdx-item input,.osdx-item select{ margin: .1em 0; vertical-align: middle; }

	/* ★ブラウザ別対応 */
* html ins{ border-width: 0; }
* html pre{ margin-right: auto; margin-left: auto; width: 90%; padding: 6px; }
*:first-child+html table input[type="text"],*:first-child+html table textarea{ width: auto; }
* html #PAGETOP{ *width: 80%; }
}

	/* ★メディアクエリ */
@media screen and (max-device-width: 480px), (max-width: 480px){ 
	#PAGETOP{ width: auto; min-width: 0; max-width: none; }
	#HEADER, #MENU,#KIZI{ float: none; clear: both; margin: 0 0 15px; width: auto; }
}