@charset "Shift_Jis";/* 文字コード指定（削除不可） */
/*==================================
【テンプレート】boxe - ver.1.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: 1000px;
	max-width: 98%; /* 最大幅 */
	min-width: 0; /* 最小幅 */
}

	/* ▼アイキャッチ */
#INDEX #KIZI
{
	padding-top: 400px; /* 画像縦幅 */
	background-image: url(boxe/img.jpg); /* 画像URI */
}
#KIZI
{
	padding-top: 200px; /* 画像縦幅 */
	background-image: url(boxe/img_b.jpg); /* 画像URI */
}


	/* ▲アイキャッチここまで */

	/* ▼2カラム */

div#HEADER,
div#MENU
{
	float: left;
	clear: left;
	width: 200px; /* ヘッダー・メニューカラム幅 */
}
div#KIZI
{
	margin-left: 220px; /* ヘッダー・メニューカラム幅+20 */
	border-left-width: 1px;
}
#KIZI>h2
{
	margin-left: -220px; /* ヘッダー・メニューカラム幅+20 */
	padding-left: 240px; /* ヘッダー・メニューカラム幅+40 */
}

	/* ▲2カラムここまで */

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

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:  "メイリオ", Meiryo,,Verdana,"ＭＳ Ｐ明朝",Serif; }

pre, samp, kbd { font-family: monospace, sans-serif; }var{ font-family: メイリオ,Verdana,"ＭＳ Ｐ明朝",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(chit/dot.png); }
dd+dt	{ margin-top: .5em; }
dd	{ padding-left: 10px; border-left: 1px dotted #CCC; }

	/* ★セレクタ指定(フォーム) */
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; }
textarea	{ padding: .2em; }

	/* ★セレクタ指定(追加削除) */
ins	{ font-size:0.6em; font-color:#999; 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: #eee;
	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; }
em	{ font-color:#8b5d59;  background-color:#f5e5e8;padding: 0 .2em;}
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: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; }
html,body	{ height: 100%; }

a:link	{ color: #2e328d; }
a:visited	{ color: #996699; }
a:hover,
a:focus	{ color: #e6d1d5; text-decoration: none; }
a:active	{ color: #86D8C6; }

body
{
	background: #EEE;
  color: #3f3530;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "MS P明朝", "MS PMincho", "arial", "sans-serif";
	line-height: 1.6;
	font-size: 90%;
}

h1,h2,h3,h4,h5,h6
{
	margin: 0; padding: .10em 0;
	font-family: Serif;
	line-height: 1.2;
	 font-weight: normal;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "MS P明朝", "MS PMincho", "arial", "sans-serif";
}
h1	{ font-size: 150%; letter-spacing: -.1em;letter-spacing:3px; }
h2	{ padding: .7em .7em .4em; border-top: 1px solid #ddd;
	 color: #b26794; font-size: 110%; letter-spacing: .1em;letter-spacing:0.4em; }
h3	{ margin: 1em 0 .5em; padding-left: .5em; border-left: 1px solid #AAA; font-size: 100%;}
h4	{ margin: 1.2em 0 .5em 1em; padding-left: .5em; border-left: 1px dotted #AAA; font-size: 100%; }
h5	{ margin: 2em 0 .5em; font-size: 100%; }
h6	{ margin: 2em 0 .5em 1em; font-size: 100%; }

div.text>h3,
div.text>h4{ margin-left: -15px; }
div.text>h5{ margin-left: -5px; }

#PAGETOP
{
	background: #FFF;
	border-left: 1px solid #AAA; border-right: 1px solid #AAA; 
}

#HEADER,
#MENU
{
	margin: 20px 0; padding: 0 10px;
	background: #FFF;
	border-bottom: 1px solid #DDD;
}

#HEADER h1
{
	margin: 0;
}

#PAN
{
	margin: 1em -10px 0; padding: 10px;
	border-top: 1px solid #DDD; 
	font-size: small; 
}
#PAN li
{
	list-style: none none;
	margin: 0;
	padding: 0 .3em;
}
#PAN a
{
	background: url(boxe/pan.png) no-repeat 0 50%;
}

#PAN li,
#MENU li[id^=MENU]{ background: url(boxe/hover.png) -500px 0 no-repeat;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all  .3s ease;
}
#PAN li:hover,
#MENU li[id^="MENU"]:hover
{
	background-position: 0 0; color: #000; padding-left: .5em;
}
#PAN a,
#MENU li[id^=MENU] a
{
	display: block;
	padding-left: 10px;
	color: #000;
	text-decoration: none; 
}


#MENU
{
	margin-top: 0;
	padding-bottom: 15px;
}
#MENU>ul
{
	margin: 0;
}
#MENU01, #MENU02,#MENU03, #MENU04, #MENU05,
#MENU06, #MENU07, #MENU08,#MENU09, #MENU10
{
	list-style: none none;
	display: block;
	margin: 0;
	padding: .2em 0;
	font-family: Corbel, sans-serif;
}
#MENU .menu-on a:link,
#MENU .menu-on a:visited,
#MENU .menu-on a:hover,
#MENU .menu-on a:focus
{
	padding-left: 10px; font-weight: bold; text-decoration: underline;
}

#KIZI
{
	border: 0 solid #DDD;
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.text
{
	padding: .14em 30px 0 40px;
}

ul.modori	{ margin: 0  -30px 0 auto; font-size: small; }
ul.modori li	{ display: inline-block; margin: 0; padding: 0;border-left: 1px solid #DDD; border-top: 1px solid #DDD;text-align: center; }
ul.modori a	{ display: inline-block; padding: .1em 1em;  text-decoration: none; color: #000; }
ul.modori a:hover	{ background: url(boxe/hover.png); }


#FOOTER
{
	padding: 1em 2%;
	border-top: 1px solid #DDD; 
}
#FOOTER h2
{
	border: none;
}
#FOOTER>h2,
#FOOTER>ul
{
	display: inline; 
}
#FOOTER01, #FOOTER02, #FOOTER03, #FOOTER04, #FOOTER05,
#FOOTER06, #FOOTER07, #FOOTER08, #FOOTER09, #FOOTER10
{
	display: inline;
	margin-left: .2em; padding-left: .5em;
	border-left: 1px solid #ddd; 
}


}

	/* ★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, * html dd{ padding-top: 0; padding-bottom: 0; }
*:first-child+html table input[type="text"],*:first-child+html table textarea{ width: auto; }
}

	/* ★メディアクエリ */
@media screen and (max-device-width: 480px)/*iPhone*/
{
	#PAGETOP{ width: auto; min-width: 0; }
	#MENU li[id^="MENU"] a{ padding: 4px 4px 4px 12px; font-size: 110%; letter-spacing: 1px; }
	div#HEADER,div#MENU{ float: none; width: auto; }
	div#KIZI{ margin-left: 0; border:none} #KIZI>h2{ margin-left: 0; padding-left: 20px; }
	div.text{ padding-left: 10px; padding-right:10px; } ul.modori{ margin-right: -10px; }
	div.text>h3,div.text>h4,div.text>h5{ margin-left: 0; }
}