/* ####################################
一般タグの設定
#################################### */
body {
	background-color:#fff;
	color:#000;
	margin:0px 0px 0px 0px;
	line-height:120%;
	font-family:"Verdana","Arial","Helvetica","Osaka","ＭＳ Ｐゴシック","平成角ゴシック","MS UI Gothic",sans-serif;
}

div.body {
	text-align:center;
}

/* =======================================
Headline
======================================= */
h1 {
	font-size:130%;
	line-height:100%;
	border:2px solid #999;
	background:#eee;
	padding:4px;
	margin:4px 4px 0px 4px;
}

h2 {
	font-size:120%;
	line-height:100%;
	margin:16px 0px 4px 0px;
	padding:4px 2px;
	border:0px solid #999;
	border-width:1px 1px 1px 16px;
}

h3 {
	font-size:110%;
	line-height:100%;
	margin:8px 2px 0px 12px;
	padding:4px 2px 4px 2px;
	border:0px solid #999;
	border-width:0px 0px 1px 0px;
}

h4 {
	font-size:100%;
	line-height:100%;
	font-weight:bold;
	margin:0px;
	padding:2px;
}

h5 {
	font-size:90%;
	line-height:100%;
	font-weight:bold;
	margin:0px;
	padding:2px;
}

h6 {
	font-size:80%;
	line-height:100%;
	font-weight:bold;
	margin:0px;
	padding:2px;
}

/* =======================================
Text Decoration
======================================= */
span.strong {
	font-weight:bold;
	color:#c30;
}

/* =======================================
Paragraph
======================================= */
p {
	margin:0.5em 0.5em 0.5em 2em;
	padding-left:20px;
}

br.clear {
	clear:both;
}

span.p {
	font-size:90%;
	line-height:150%;
}

/* =======================================
Hairline
======================================= */
hr {
	height:1px;
	color:#999;
}

/* =======================================
Address
======================================= */
address {
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:75%;
	font-style:normal;
	font-family:Arial, sans-serif;
}

/* =======================================
Image
======================================= */
img {
	vertical-align:middle;
	border-style:none;
	border-width:0px;
	padding:0px;
	margin:0px;
}

/* =======================================
Table
======================================= */
table {
/*
	border-collapse:collapse;
*/
	border:0px none #000;
	padding:0px;
	margin:0px;
	font-size:95%;
}

table caption {
	padding:1em 0px 1em 0px;
}

th {
	white-space:nowrap;
	vertical-align:middle;
	margin:0px;
	padding:0px;
	border:1px solid #ccf;
}

td {
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:0px;
	border:1px solid #ccf;
}

table.none, table.none th, table.none td {
	border-width:0px;
	background-color:transparent;
	padding:0px;
	margin:0px;
}

table.line th, table.line td {
	border:1px solid #ccf;
	padding:4px;
	margin:0px;
}

td.center {
	text-align:center;
}

td.right {
	text-align:right;
}

/* =======================================
List
======================================= */
/*
ul, ol, dl {
}

dd {
}
*/

ul li.none {
	list-style:none url("");
}

li.contents {
	font-size:12px;
	font-weight:bold;
/*	list-style:none url("./img/dot.gif") outside;
*/
	margin:0px;
	padding:0px;
}

li.contents li.contents {
	font-size:9px;
}



/* ##############################
リンクタグ
############################## */
/*
a {
	color:#f96;
}

a:link {
	color:#f96;
}

a:visited {
	color:#fc3;
}

a:active {
	color:#999;
	text-decoration:none;
}

a:hover {
	color:#996;
	background-color:#ff9;
}
*/




/* ##############################
テキストタグ
############################## */




/* ####################################
classエレメントの設定
#################################### */

/* =======================================
Width and Height
======================================= */
.width20  {width:20px;}
.width50  {width:50px;}
.width80  {width:80px;}
.width100 {width:100px;}
.width150 {width:150px;}
.width200 {width:200px;}
.width300 {width:300px;}
.width400 {width:400px;}
.width500 {width:500px;}
.width600 {width:600px;}

.height20  {height:20px;}
.height50  {height:50px;}
.height80  {height:80px;}
.height100 {height:100px;}
.height150 {height:150px;}
.height200 {height:200px;}
.height300 {height:300px;}
.height400 {height:400px;}
.height500 {height:500px;}
.height600 {height:600px;}




/* #######################################
各パーツのデザイン設定
####################################### */
/* =======================================
Head Image
======================================= */
div.HeadImage {
	margin:0px;
	padding:0px;
	background:#eee;
}

div.HeadImage img {
	margin:0px;
	padding:0px;
}

table.Layout {
	border-width:0px;
	padding:0px;
	margin:0px;
}

table.Layout td.L {
	border-width:0px;
	background:url("./img/bgL.gif") #fff repeat-y;
	text-align:right;
	padding:0px;
	margin:0px;
	width:17px;
}

table.Layout td.C {
	vertical-align:top;
	border:0px solid #ccc;
	border-width:0px 1px;
	padding:0px;
	margin:0px;
	width:630px;
}

table.Layout td.R {
	border-width:0px;
	background:url("./img/bgR.gif") #fff repeat-y;
	text-align:left;
	padding:0px;
	margin:0px;
	width:17px;
}

/* =======================================
Text Navi
======================================= */
div.TextNavi {
	text-align:center;
	font-size:80%;
	color:#666;
	padding:4px;
	margin:8px 0px;
}

div.TextNavi a {
	text-decoration:none;
}

/* =======================================
Structure Navi
======================================= */
div.StructureNavi {
	margin:0px;
	padding:0px;
}

div.StructureNavi img {
	margin:0px;
	padding:0px;
}

/* =======================================
MainBody
======================================= */
div.MainBody {
	font-size:90%;
	margin:0px;
	padding:0px;
}

/* =======================================
For MakeWeb
======================================= */
div.display {
	margin:0.5em 0.5em 0.5em 2em;
	padding:1px;
}

/* =======================================
Function Navi
======================================= */
div.FunctionNavi {
	background:url("./img/foot.gif");
	color:#666;
	padding:2px 2px 2px 12px;
	margin:0px;
}

div.FunctionNavi a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:90%;
}

/*
@media print {
	div.FunctionNavi a {
		color:#000;
	}
}
*/

div.FunctionNavi a:hover {
	text-decoration:underline;
}

/* =======================================
Other
======================================= */
div.bg {
	background:url("./img/bg.gif") #fff repeat-y;
}

div.Title {
	padding:4px;
}

.switch {
	background-color:#fff;
	color:#333;
	font-size:95%;
	text-decoration:none;
	border-top:1px solid #ccc;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #ccc;
	padding:1px;
	margin:2px;
}

a.switch:hover {
	color:#333;
	background-color:#fc9;
	text-decoration:none;
	position:relative;left:1px;top:1px;
}