@charset "UTF-8";

/* ---------------------------------------------------
Information
File name:      layout.css
Style Info:     
--------------------------------------------------- */

/* ------------------------------
	全体外枠
------------------------------ */

#container {
	margin: 0px auto;
	width: 890px;
	height:100%; 
    min-height:100%;
	border: none;
	background-color:#FFFFFF;
	text-align:center;
}

body > #container{ 
    height:auto;
}

.clear {  
     clear:both;　/*floatの解除*/ 
} 

/* -----------------------------------
	float解除
----------------------------------- */
.clear {
     clear:both;　/*floatの解除*/ 
}

/* -----------------------------------
	リンク設定
----------------------------------- */

a{
	color:#000000;
	text-decoration : none;  /*下線を表示しない*/
}

a:visited{
	color:#000000;
	text-decoration : none;  /*下線を表示しない*/
}

a:hover{  /*マウスポインタがリンクに重なったときの設定*/
	color:red;  /*テキストを赤色へ変更*/
}


/* ------------------------------
	メニュー領域
------------------------------ */

#menu{
	width:890px;
	height:36px;
	text-align:left;
}

/* -----------------------------------
	メイン背景
----------------------------------- */
#main_back{
	float:left;
	background-image:url(../images/main_back02.gif);
	margin:0px 0px 25px 0px;
}

/* ------------------------------
	ヘッダー（top以外）
------------------------------ */
#header{
	width:820px;
	height:135px;
	text-indent:-5000px;
	background-image:url(../images/header.jpg);
	background-repeat : no-repeat;   /*背景画像を繰り返さない*/
	text-align:center;
}

#header_right {
	width: 88px;
	height: 28px;
	margin:95px 20px 0px 0px;
	display: block;
	text-align:right;
	float: right;
	text-decoration: none;
}

#header_right ul{
	list-style : none;  /*リストマークを消す*/
	padding : 0;
	margin : 0;
}

#header_right li{
	width : 150px;  /*リストの幅の設定*/
	float: left;
	padding : 0;
	margin : 0;
}

#header_left{
	float:left;
}


/* -----------------------------------
			ぱんくず
----------------------------------- */

#pan {
	width: 875px;
	height:10px;
	padding:6px 0px 15px 15px;
	font-size:90%;
	line-height:140%;
	text-align:left;
	background-color:#FFFFFF;
}


/* ------------------------------
	土台
------------------------------ */

#site_main {
	margin: 0px;
	width: 865px;
	margin:0px 0px 0px 25px;
	float:left;
}

#main_left{
	float:left;
	width:510px;
	padding:0px 25px 0px 0px;
	margin:0;
	text-align:left;
}

#main_right{
	float:right;
	width:290px;
	min-height:100%;
	padding:87px 25px 25px 15px;
	text-align:left;
}

	
/* -----------------------------------
	メインコンテンツ領域
----------------------------------- */

#main_content {
	float: left;
	width: 650px;
}

/* -----------------------------------
			ヘッダー
----------------------------------- */

#header{
	width:890px;
	height:92px;
	text-indent:-5000px;
	background-image:url(../images/head.gif);
	display:block;
}

/* -----------------------------------
			フッダー
----------------------------------- */

#footer {
	float:left;
	width: 840px;
	margin:0px 25px 25px 25px;
	font-size:75%;
	line-height:140%;
	text-align:left;
	padding-bottom:15px;
}

#footer_left{
	float:left;
	width:300px;
	height:70px;
	padding:10px 10px 10px 10px;
	background-color:#FFD700;
}

#footer_right{
	float:right;
	width:500px;
	height:60px;
	padding:20px 10px 10px 10px;
	background-color:#F37A00;
}

.footer_text01 {
	font-size: 220%;
	color: #FFFFFF;
	font-weight: bold;
}

.footer_text02 {
	font-size: 120%
}

.footer_text03 {
	color: #FFFFFF
}

/* -----------------------------------
			四角
----------------------------------- */

.shikaku_ore {
	background-image:url(../images/shikaku01.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 12px;
	margin:1px 0px 1px 0px;
}

.shikaku_gre {
	background-image:url(../images/shikaku02.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 12px;
	margin:1px 0px 1px 0px;
}

.shikaku_red {
	background-image:url(../images/shikaku03.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 12px;
	margin:1px 0px 1px 0px;
}

.shikaku_blu {
	background-image:url(../images/shikaku04.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 12px;
	margin:1px 0px 1px 0px;
}


/* -----------------------------------
			ページ内タイトル
----------------------------------- */
.page_title {
	margin:0px 0px 20px 0px;
}

.right_title{
	margin:0px 0px 15px 0px;
}