@charset "UTF-8";
/*=======================================================

   Template  : xio
   Version   : ver. 1.0.1
   Address   : http://a-c.2-d.jp/ <em@a-c.2-d.jp>

========================================================*/

/*----------------------------------------------------
 ▼ screenメディア用
-----------------------------------------------------*/

@import url("def.css");
@import url("decoration.css");

@media screen
{
        /*--------------------------------------------
           ■ カスタマイズ
        ---------------------------------------------*/
body
{
	width: 95%;
	min-width: 0; /* 最小幅 */
	max-width: 1200px; /* 最大幅 */
	margin-right: auto;
	margin-left: auto;
}


        /*--------------------------------------------
           ■ レイアウト
        ---------------------------------------------*/
#PAGETOP hr,
#MENU h2,
#FOOTER h2
{
	display: none;
}

#PAGETOP div.text hr
{
	display: block;
}

#MENU ul,
ul.modori li,
#FOOTER ul
{
	text-align: right;
}

#MENU ul li,
#FOOTER ul li
{
	text-align: left;
}

#HEADER h1
{
	margin-top: 0;
}

#PAN
{
	margin-top: 0;
}

#PAN li
{
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #777;
}

#PAN li a
{
	padding-right: 13px;
	background: url("xio_img/pan.gif") no-repeat 100% 50%;
}

#MENU01, #MENU02, #MENU03, #MENU04, #MENU05,
#MENU06, #MENU07, #MENU08, #MENU09, #MENU10,
#FOOTER01, #FOOTER02, #FOOTER03, #FOOTER04, #FOOTER05,
#FOOTER06, #FOOTER07, #FOOTER08, #FOOTER09, #FOOTER10
{
	list-style: inside none;
	display: inline;
	margin: 0.1em 0 0.2em 0.35em;
	padding: 0;
	line-height: 1.8;
}

html>/**/body #MENU li[id^="MENU"],
html>/**/body #FOOTER li[id^="FOOTER"]
{
	display: inline-block;
}

	li[id^="MENU"] a,
	li[id^="FOOTER"] a
	{
		padding: 0em 0.6em;
		border: 1px solid #E8E8E8;
		background: url("xio_img/bg.gif") repeat;
		text-decoration: none;
	}

	li[id^="MENU"] img
	{
		vertical-align: middle;
	}

	ul.modori li
	{
		list-style-type: none;
		margin-left: 30%;
	}

#FOOTER
{
	clear: both;
	margin-top: 2em;
	border-top: 3px double #EDEDED;
}

        /*--------------------------------------------
           ■ Pinky:blog
        ---------------------------------------------*/
#PAGETOP #KIZI  textarea.long-text-edit,
div.resizable-textarea textarea,
form.pinky-referer-table-form textarea
{
	width: 97%;
}

div.pinky-thumbnails
{
	padding-top: 0.3em;
	text-align: center;
}

ul.pinky-section-footer li
{
	white-space: nowrap;
}

dl.pinky-entry-information dd
{
	word-wrap: break-word;
}


}/* @media screen 終 */

/*----------------------------------------------------
 ▼ 他メディア用
-----------------------------------------------------*/

@media print, projection
{
	*
	{
		background-image: none !important;
	}

	html, body
	{
		margin: 0; padding: 0;
		background-color: #FFFFFF;
		color: #000000;
	}

	ul, ol, dl, p, address, table, blockquote, pre
	{
		margin: 10pt 0 5pt; padding: 0;
	}

	body
	{
		font-size: 12pt; 
		font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", serif;
		line-height: 1.5;
		text-align: left;
	}

	h1, h2, h3, h4, h5, h6
	{
		border-bottom: 2px solid #000000;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", sans-serif;
	}

	h3, h4, h5, h6
	{
		border-bottom-width: 1px;
	}

	h4
	{
		border-bottom-style: dashed;
	}

	h5
	{
		border-bottom-style: dotted;
	}

	a[href^="http://"]::after
	{
	        content: "\20\ff3b" attr(href) "\ff3d\20";
	}

	ins
	{
		text-decoration: none;
	}

	table, th, td
	{
		border-spacing: 0; border-collapse: collapse;
		border: 1px solid #000000;
		padding: 0.2em 0.4em;
		vertical-align: top; text-align: left;
	}

	li, dd, blockquote
	{
		margin-left: 3em; padding: 0.1em 0;
	}

	blockquote[cite]::after
	{
		content: "\2d\63\69\74\65\2d\20" attr(cite); display: block;
		margin-left: 10%; font-size: smaller; text-align: right;
	}

	pre
	{
		padding : 0.5em; border: 1px solid #000000;
		white-space: pre-wrap;
	}

	code, cite, dt, dfn, kbd, var
	{
		margin: 0 0.15em; font-style: normal;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Sans-serif;
	}

	dt, dfn, var
	{
		font-weight: bold;
	}

	acronym::after, abbr::after
	{
		content: "\ff08" attr(title) "\ff09"; 
	}

	var
	{
		padding-right: 0.3em; font-style: oblique;
	}

	ul#PAN, div#MENU, ul.modori, div#FOOTER, del, hr
	{
		display: none;
	}

}/* @media print, projection 終 */

@media handheld, tty
{
	*
	{
		background-image: none !important;
		margin-left: 0; margin-right: 0;
		padding-left: 0; padding-right: 0;
	}

	body
	{
		background-color: #EFEFEF; color: #000000;
	}

	body
	{
		margin: 0 1%; font-size: 1em; line-height: 1.25;
	}

	h1, h2, h3, h4, h5, h6
	{
		margin: 0; padding: 2px 1%; 
		font-size: 100%; color: #000000;
	}

	h1
	{
		color: #990000;
	}

	h2
	{
		border-bottom: 1px solid #000000;
		background-color: #CC6666;
	}

	h3
	{
		background-color: #FFCCCC;
	}

	h4
	{
		border-bottom: 1px dashed #000000;
	}

	li, dd, blockquote
	{
		list-style-position: inside;
		margin-left: 1em;
	}

	q, blockquote
	{
		color: #1A6B24;
	}

	em, strong
	{
		color: #EB0027; font-style: normal;
	}

	kbd
	{
		margin: 0 1px; padding: 1px 1px 0 3px; 
		border: solid #993300; border-width: 0 1px 1px 0;
		background-color: #FF9966; color: #330000;
	}

	#PAN, #MENU h2, #FOOTER h2, del
	{
		display: none;
	}

}/* @media handheld, tty 終 */