/*--------------------------------------------------------
■トータルデザイン設定
--------------------------------------------------------*/

body{
	background: url(back-bg.gif) 50% 50% repeat-y fixed;
	background-color: #ffffff;/*ページ全体の背景色*/
	margin: 0;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
	font-size: 0.8em;/*文字サイズ*/
	color: #333333;/*文字色*/
	line-height:130%;/*行間*/
	text-align: center;
}

a{ text-decoration: none; }
a:link{ color: #333333; }/*リンク文字の色*/
a:visited{ color: #333333; }/*訪問済みリンクの色*/
a:hover{ color: #333333; }/*カーソルがリンク文字上に来たときの色*/


/*●サイト全体（※ここは触らないで下さい）*/
#top{
	width: 810px;
	margin: 0px auto 0px auto;
	text-align: left;
}


/*--------------------------------------------------------
■最上部帯の設定
--------------------------------------------------------*/

/*●見出し*/
#top h1{
	position: absolute;
	margin: 5px 0px 5px 0px;
	padding-left: 10px;
	text-align:left;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	text-decoration:none;
	z-index: 1;
}

#header{
	position: absolute;
	width: 810px;	
	margin: 20px 0px 10px 0px;
	height: 200px;
	z-index: 0;
	background-color: #ffffff;
	background: url(header.jpg) no-repeat 50% 0%;/*ヘッダー画像*/
}



/*--------------------------------------------------------
■ヘッダーロゴの設定
--------------------------------------------------------*/

/*●ロゴテキスト*/
#logo{
	margin: 0px 0px 0px 0px;
	font-size: 24px;
	text-align: left;
	width: 810px;
	line-height: 60px;
}

/*●サブテキスト*/
#sab {
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	text-align: left;
	width: 810px;
	color: #0000b5;
}


/*--------------------------------------------------------
■メインコンテンツの設定
--------------------------------------------------------*/

/*●コンテンツ*/
#contents{
	width: 810px;
	clear: both;
}


/*●メインコンテンツの位置とサイズ*/
#main{
	position: inherit;
	width: 610px;
	float: left;
	margin: 210px 0px 20px 0px;
}


/*--------------------------------------------------------
■フッターの設定
--------------------------------------------------------*/

#footer {
	width: 810px;
	clear: both;
	margin: 0px;
	border-top:1px solid #666666;
}

div#gotop{
	text-align:right;
	padding:10px 10px 0 0;
}

div#footerMenu{
	padding:10px 0;
	text-align: center;
}

div#footerMenu a{
	color:#333;
	text-decoration: underline;
}

div#footerMenu a:hover{
	border:0;
	color:#333;
	border-bottom:1px solid #333;
}


div#footerMenu ul{
	margin:0;
	padding:0;
	list-style-type: none; 
}

div#footerMenu li{
	display:inline;
	margin:0 0 0 10px;
	padding-left:3px;
}

div#copyrights{
	color:#333333;
	text-align:center;
	font-size:10px;
	padding:10px 0;
	background : #dfdfff;
}



/*--------------------------------------------------------
■右サイドメニューの設定
--------------------------------------------------------*/

#sub {
	position: inherit;
	width: 175px;
	float: right;
	margin: 210px 5px 0px 5px;
}

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

#menu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li a {
	display: block;
	width: 175px;
	color: #333333;
	background: #ffffff;
	line-height: 26px;
	border-top: 1px solid #999999;
	border-bottom: none;
	padding-left: 5px;
	text-decoration: none;
}

#menu li a:hover {
	color: #333333;
	border-bottom: none;
	border-top: 1px solid #999999;
	text-decoration: underline;
}



/*--------------------------------------------------------
■見出しタグ・装飾タグの設定
--------------------------------------------------------*/


/*●文字色（<span class="red">などとして使用）*/
.black{ color: #000000;}/*黒色テキスト*/
.red{ color: #ff0000;}/*赤色テキスト*/
.blue{ color: #0000dd;}/*青色テキスト*/
.green{ color: #008000;}/*緑色テキスト*/
.yellow{ color: #ffff00;}/*黄色テキスト*/
.navy{ color: #1F26A9;}/*紺色テキスト*/
.gray{ color: #cccccc;}/*灰色テキスト*/
.orange{ color: #ff6600;}/*橙色テキスト*/
.pink{ color: #cc6699;}/*ピンク色テキスト*/
.purple{ color: #660099;}/*紫色テキスト*/
.olive{ color: #808000;}/*黄土色テキスト*/
.lime{ color: #00ff00;}/*黄緑テキスト*/
.aqua{ color: #167FA6;}/*黄緑テキスト*/


/*●見出し2*/
#main h2 {
	padding: 0px 2px 0px 10px;
	font-weight: bold;
	font-size: 15px;
	margin: 15px 0px 15px 15px;
	line-height: 2.0em;
	color: #666666;
/*	border-left: 10px solid #cc33cc;*/
	border-top : 4px solid gray;
	border-bottom : 4px solid gray;
	background : #ebebeb;
	clear: both;
}

/*●見出し3*/
#main h3{
	padding: 2px 0px 2px 10px;
	text-align:left;
	font-size: 14px;
	border-bottom : 2px hidden silver;
	margin: 10px 0px 15px 15px;
	color: #666666;
	background : #ebebeb;
	border-left : 10px solid gray;
	border-bottom: 1px solid #eeee66;
}

/*●メニュー見出し2*/
#menu h2 {
	font-size: 14px;
	color: #87c8ff;
	padding: 2px;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
}

/*●見出し2　の文章*/
#maintext1 {
	margin-left: 15px;
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
}

/*●見出し3　の文章*/
#maintext2 {
	margin-left: 15px;
	padding-left: 10px;
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
}

p {
	margin: 10px 10px 0px 10px;
}