/***********************************************************
Theme Name: OrderSystem-DX(Doujin eXtension) defult
Theme URI: http://sukibi.oiran.org/cgi/
Description: This theme based is on "CSS Design Project". 
Revsion: 1.1
Author: Amano Megumi(MEG)
Author URI: http://http://sukibi.oiran.org/
***********************************************************/


html{
	/* スクロールバーの有無でセンター位置が変わるのを防止 */
	overflow-y:scroll;
	margin-bottom:1px;
	height:100%;
}
body{
	margin: 0;
	padding: 0;
	font-size:12pt;
	scrollbar-face-color: #ff8c00;
	scrollbar-track-color: #fff8dc;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #fff8dc;
	scrollbar-shadow-color: #d2691e;
	scrollbar-3dlight-color: #ffebcd;
	scrollbar-darkshadow-color: #8b0000;
}
hr{
	display: none;
}
ul.modori{ list-style: none; text-align: right; }

body
{
	background-color: #FFF;	/* ページ全体の背景色 */
	color: #000;		/* ページ全体の文字色 */
}


/* 見出し */
h1,h2,h3,h4,h5,h6	{
	padding:5px;
}
h1	{color:#00f;
	font-size:14pt;
}
h2	{
	background:#CCCCFF url(./list.gif) no-repeat center left;
	color:#6666FF;
	font-size:20pt;
	margin: 10px 2px 2px 2px;
	padding-left:55px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #6666FF;
	text-transform:uppercase;
}
h3{
	margin: 10px 2px 2px 2px;
	color:#6666FF;
}
h4{
	margin: 10px 2px 2px 2px;
}
h5	{	}
h6	{	}

/* 段落 */
p	{
	color:#633;
	padding: 0px 10px 10px 30px;
	margin: 0px;
}

/* アンカー */
a	{text-decoration:none;color:#000;	}
	a:link	{	}
	a:visited	{	}
	a:hover	{	}
	a:active	{	}
	a:focus	{	}

/* 強調・追加・削除 */
em{
	color: #F00;		/* 文字色 */
	font-weight: bold;	/* 太字 */
	font-style: normal;	/* 通常 */

}
strong	{	}
ins	{	}
del	{	}


/* リスト */
ul{ list-style-type:none; 
	margin: 3px 10px 0px 0px;	/* 上・右・下・左 */
}
dl{ margin: 3px; }
dt{ margin: 3px; }
dd{ margin: 3px; }

/* パン屑リスト */
ul#PAN {
	position: relative;
	top: 60px;
	left: 0px;
	z-index: 10;
	color: #000000;
}
ul#PAN li {
	font-size: 80%;
	display: inline;
	padding: 2px 0px 2px 10px;
	background: url(./li.gif) no-repeat center left;
}


#PAGETOP
{
	/* 内容全体の外側の余白（寄せ位置） */
	margin-right: auto;
	margin-left: auto;

	/* 内容全体の幅 */
	width: 800px;

	/* 内容全体の背景色（文字色はページ全体の文字色から継承） */
	background-color: #FFFFFF;
}

#HEADER
{
	/* TOP画像指定。サイズは800×150ピクセルで作成 */
	background:#FCC url(./TOP.gif) no-repeat center left;
	margin: 0px;            /* ボーダー外の余白 */
	padding: 15px;          /* ボーダー内の余白 */
	border: 0px;		/* ボーダー */
	height: 120px;		/* 150-padding×2 */

	/* ヘッダーの背景色 */
	background-color: #CCF;
}

#MENU,
#FOOTER
{
	/* メニューとフッターの寄せ位置 */
	float: left;

	/* メニューとフッターの内側の左右余白 */
	padding-left:  15px; /* 左 */
	padding-right: 15px; /*右*/

	/* メニューとフッターの幅 */
	width: 180px;
}

#MENU
{
	/* メニューの内側の余白上下 */
	padding-top: 15px;
	padding-bottom: 15px;

	/* メニューの背景色 */
	background-color: #CCF;
}

ul#MENU li {
	/* メニューの内側の左右余白 */
	padding: 3px 5px 0px 35px;	/* 上・右・下・左 */
	/* メニューの外側の左右余白 */
	margin:  0px 0px 0px 0px;	/* 上・右・下・左 */
}

#KIZI
{
	/* 記事の寄せ位置 */
	float: right;

	/* ヘッダーの内側の余白 */
	padding: 15px;

	/* 記事の幅 */
	/* #PAGETOPの幅 - MENU/FOOTERの幅 - MENU/FOOTERの内側左右余白 - 記事の内側左右余白 */
	/* 800 - 180 - 15×2 - 15×2 */
	width: 560px;

	/* 記事の背景色 */
	background: #FFF;
}

#FOOTER
{
	/* メニューのフローとクリア */
	clear: left;

	/* フッターの内側の余白上下 */
	padding-top: 15px;
	padding-bottom: 15px;

	/* フッターの背景色 */
	background-color: #CCF;
}

/* フロート解除------------------------------------------ */

#PAGETOP
{
	/* IE7用 */
	min-height: 1%;
}

#PAGETOP:after
{
	/* IE8以上とその他モダンブラウザ用 */
	content: "";
	display: block;
	clear: both;
}

* html #PAGETOP
{
	/* IE6用 */
	height: 1%;
}


form{
	/* フォーム要素の周りにできるスペースを防ぐ */
	margin: 5px 0px;	/* 左右・上下 */
}
select{	display:inline;}
input{	display:inline;}




