/*============================================================
GLOBAL.CSS

Copyright (C) 2006
(C)2006 ED-CONTRIVE Co.,ltd. All rights reserved
http://www.ed-contrive.co.jp/


-------------------
REVISE HISTORY
-------------------
2006-04-00	release
============================================================*/

/*===================
全体のフォントサイズと
リンクの色
===================*/

body {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	font-size: 80%;
	background-color: #CCCCCC;
	text-align: center;
}

a:link {
	color: #0066CC;
}
a:visited {
	color: #0066CC;
}
a:hover {
	color: #ff6600;
}

/*===================
FLOAT
===================*/
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}
.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clearBoth {
	clear: both;
}

/*===================
TEXT SIZE
===================*/
.small {
	font-size: 80%;
}

.large {
	font-size: 120%;
}


/*===================
TEXT ALIGN
テキストの左右中央寄せの指定用
===================*/
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

/*===================
GO to TOP
ページの先頭へ戻る
===================*/
.gotoTOP {
	padding: 0px;
	margin: 1em 0px 1em 0px;
	text-align: right;
}


/*===================
IMG
===================*/


.img-floatLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.img-floatRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 20x;
  text-align : right;
}


/*============================================================
FRAME SET
コンテンツ全体の横幅および罫線の指定
============================================================*/
div#frameset {
	text-align: left;
	width: 740px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;

}

/*============================================================
HEADER AREA
ヘッダーエリア指定
============================================================*/

div#header {
	width: 740px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

div#header p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

div#header img {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

/*============================================================
MAINNAVI
メインメニュー欄の指定
============================================================*/
div#menu {
	width: 740px;
	height: 29px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/bg_menu.gif);
	background-repeat: repeat-x;
	background-position: right bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	text-align: center;
}

div#menu ul{
	padding: 0px;
	margin: 0px;
}

div#menu ul li{
	padding: 0px;
	margin: 0px;
	display: inline;
	list-style-type: none;
}

div#menu ul li img{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
/*	vertical-align: bottom;*/
}

div#menu p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}


/*============================================================
FOOTER AREA
フッターエリア（コピーライト）の指定
============================================================*/
div#copyright {
	font-size: 80%;
	margin: 0px auto 0px auto;
	padding: 0.5em 0px 0.5em 0px;
	width: 730px;
	background-color: #FFFFFF;
	color: #666666;
	text-align: center;
	border-top: 1px solid #CCCCCC;
}

div#copyright p {
	margin: 0px;
}



/*============================================================
SUB AREA
左メニューエリア（現在はCUSTOMページでのみ使用）
============================================================*/
div#subarea {
	width: 185px;
	float: left;
	margin: 0px;
	padding: 0px 0px 1.5em 0px;
/*	text-align: right;*/
}

/*============================================================
CONTENTS AREA
左メニューエリアを設定した場合の右側コンテンツエリア
（現在はCUSTOMページでのみ使用）
============================================================*/
div#contents-right {
	margin: 0px;
	padding: 0px 0px 1.5em 10px;
	float: left;
	width: 495px;
	background-color: #FFFFFF;
	line-height: 150%;
}

div#contents-right p {
	margin: 0px 0px 1em 0px;
}


/*============================================================
CONTENTS AREA
左メニューなどを設定しない場合のコンテンツエリア
（トップおよびCUSTOMページ以外の全ページに関連）
============================================================*/
div#contents {
	margin: 0px auto 0px 0px;
	padding: 1.5em 0px 1.5em 0px;
/*	float: left;*/
	width: 690px;
	background-color: #FFFFFF;
	line-height: 150%;
}

/*============================================================
h2タグの表示指定（フォントサイズ、色および罫線）
============================================================*/

div#contents h2{
	font-size: 150%;
	margin: 0.5em 0px 0.5em 0px;
	padding: 0px 0px 0.2em 5px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #003366;
	border-left-color: #003366;
}

/*============================================================
h3タグの表示指定（フォントサイズ、色および罫線）
============================================================*/
div#contents h3{
	font-size: 120%;
	margin: 0.5em 0px 0.5em 0px;
	padding: 0px 0px 0px 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #cccccc;
}

/*============================================================
Pタグの表示指定
============================================================*/
div#contents p {
	margin: 0px 0px 1em 0px;
}


/*==============================
contentsHEADER
各ページのh1エリアの指定
==============================*/

div#contents-header {
	padding: 15px 10px 10px 20px;
	background-color: #F0F0E2;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
}

div#contents-header h1 {
	margin: 0px;
	padding: 0px;
}