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

/*●サイト全体 */
#container{
	width: 785px;
	margin: 0px auto 0px auto;
	text-align: left;
}

/* メイン部分 */
#main{
/*	float を使う場合   main タグの復帰  */
    overflow: hidden;        
	position: absolute;
	top: 140px;
	width: 785px;
	text-align: left;
	background: #ffffff;
	z-index: 0;

}


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

#header {
	width: 785px;
	position: absolute;
	top: 0px;
	margin: 0px;
	z-index: 1;
	background-color: #ffffff;/*最上部帯の背景色*/
}



/*●ヘッダーロゴ*/
#header-logo{
	width: 785px;
	height: 80px;
	text-align: left;
}



/*●最上部メニューリスト（サイトマップ、個人情報保護方針等）*/
#top-menu-list{
	width: 775px;
	height: 25px;
	padding:0px 10px 0px 0px;
	text-align:right;
	font-size: 9pt;
	color: #333333;
}


/*--------------------------------------------------------
■最上部帯の設定＞■グローバルナビゲーション
--------------------------------------------------------*/

/*●グローバルメニュー　画像の上下切替型ロールオーバー*/

#Gnavi{
	width: 785px;
	text-align: left;
	background-color: #ffffff;/*メニューボックスの背景色*/

}


#Gnavi ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style: none;
}

#Gnavi li{
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
	list-style-type: none;
	list-style: none;
	list-style-position: outside;
}


#Gnavi a{
  width: 130px; 
  height: 35px;   /*縦幅*/
  display: block;
  text-indent:-9999px;
  background-position:left top;  /*hover時以外は上半分表示*/
}

#Gnavi a:hover {
  background-position:left bottom;  /*hover時は下半分表示*/
}


/*各メニューボタン　hover時以外は上半分表示*/

#Gnavi .ZZ-navi01{background-image: url("aa_image/templete/menu/gloval_01.gif") ; border-right: 1px solid #666666;}
#Gnavi .ZZ-navi02{background-image: url("aa_image/templete/menu/gloval_02.gif") ; border-right: 1px solid #666666;}
#Gnavi .ZZ-navi03{background-image: url("aa_image/templete/menu/gloval_03.gif") ; border-right: 1px solid #666666;}
#Gnavi .ZZ-navi04{background-image: url("aa_image/templete/menu/gloval_04.gif") ; border-right: 1px solid #666666;}
#Gnavi .ZZ-navi05{background-image: url("aa_image/templete/menu/gloval_05.gif") ; border-right: 1px solid #666666;}
#Gnavi .ZZ-navi06{background-image: url("aa_image/templete/menu/gloval_06.gif") ;}



/*--------------------------------------------------------
■２カラム　右コンテンツの設定
--------------------------------------------------------*/

/*●右全体（※右レイアウトの位置とサイズ）*/
#right{

	width: 615px;
	text-align: left;

/* float　を使う場合
	overflow: hidden;
	float: right;          */
	
	
/* position　を使う場合  */
	position: absolute;
	margin: 140px 0px 0px 0px;
	padding-left:170px;
　　z-index: 0;
	font-size: 11pt;
	line-height: 18pt;
}


.content{
	margin: 10px 10px 10px 20px;
	width: 585;
	text-align: left;
}



.content ul{
	list-style-type: none;
	list-style-image: none;
	margin : 0px 0px 10px 0px;
}

.content li{
	padding:0px 0px 5px 15px;
	background-image:url(aa_image/templete/back_list/list_ball_green.gif);
	background-repeat:no-repeat;
	list-style-type: none;
	list-style: none;
	list-style-position: outside;
}


/*●タイトル画像*/
#title{
	margin: 0px  0px 20px 0px;
}


/*●パン屑ナビの設定*/
#navi{
	padding: 7px  0px 5px 5px;
	width:610px;
	background-image: url(aa_image/templete/menu/side_02.gif) ;
	font-size: 12px;
	line-height: 13px;
	height:13px;
	text-align:left;
}




/*--------------------------------------------------------
■２カラム　左メニューの設定
--------------------------------------------------------*/

/*●左全体（※左レイアウトの位置とサイズ）*/
#left{
	width: 170px;
	text-align: left;
	line-height: 15pt;

/* float　を使う場合
	overflow: hidden;
	float: left;          */
	
	
/* position　を使う場合  */
	position: absolute;
	margin: 140px 0px 0px 0px;
　　z-index: 0;
}


/*●PickUp タイトル*/
#left .Pickup-Title {
	margin: 10px 0px 0px 5px;
	padding: 3px 5px 3px 5px;
	width: 155px;
	height: 19px;
	font-size: 10pt;
	color: #FFFFFF;
	text-align: center;
	background-image: url(aa_image/templete/back_heading/left_pickup_title.gif);
	background-color: #005522;

}

/*●PickUp　内容*/

#left .Pickup {
	border: 1px solid #005522;
	margin: 0px 0px 0px 5px;
	padding: 5px;
	width: 153px;
	font-size: 10pt;
	line-height: 11pt;
	background-image: url(aa_image/templete/back_main/back_green_01.gif);
	background-repeat: repeat;
}



/*--------------------------------------------------------
■２カラム　左メニューの設定　＞　■サイドナビゲーション
--------------------------------------------------------*/

#Snavi{
	width: 170px;
	text-align: left;
	margin: 0px 0px 10px 0px;
}

#Snavi ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style: none;

}

#Snavi li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style: none;
	list-style-position: outside;
}


#Snavi a{
	display: block;
	padding: 4px 0px 4px 20px;
	margin: 0px;
	width: 150px;
	height:30px;
	font-size: 13px;
	line-height: 15px;
	text-decoration: none;
	font-weight: normal;
	color: #005522;

	border-bottom: 1px dashed #005522;
	background-image: url(aa_image/templete/menu/side_01.gif) ;
	background-repeat: no-repeat;
}

#Snavi a:hover {
  background-position:left bottom;  /*hover時は下半分表示*/
}


#Snavi .parent { /*リストの親項目*/
	background-image: url(aa_image/templete/menu/side_02.gif) ;
	border-bottom: 1px dashed #005522;
	font-size: 14px;
	line-height: 17px;
	height:17px;
	padding: 4px 0px 4px 15px;
	margin: 0px;
	width: 155px;
}



/*--------------------------------------------------------
■フッター
--------------------------------------------------------*/


/*●フッター*/
#footer{

/* float　を使う場合     テンプレートでfooter をmainタグの最後に
	clear: both;　　　　　　　　*/
	
	
/* position を使う場合　テンプレートでfooter をrightタグの最後に*/
    margin-left: -170px ;
	
	
	
	text-align: center;
	color: #777777;
	width:785px;
	height:70px;
	font-size: 9pt;
}


/*--------------------------------------------------------
■１カラム　コンテンツの設定
--------------------------------------------------------*/

/*●コンテンツ部分（位置とサイズ）*/
#OneColumn{
	width: 785px;
	text-align: left;
	position: absolute;
	margin: 140px 0px 0px 0px;
　　z-index: 0;
}


#OneColumn .content{
	margin: 10px 10px 10px 20px;
	width: 755px;
}

#OneColumn #footer{
    margin-left: 0px ;	
}

#OneColumn #navi{
	width:780px;
}

#OneColumn #Rbox{
	margin: 0px;
	padding: 0px;
	width:250px;
	float: right;
}



/*--------------------------------------------------------
■セールスレタータイプ　コンテンツの設定
--------------------------------------------------------*/

/*●サイト全体 */

#LetterContainer{
	width: 675px;
	margin: 0px auto 0px auto;
	text-align: left;
}



/*●コンテンツ部分（位置とサイズ）*/
#SalesLetter{
	width: 675px;
	text-align: left;
	position: absolute;
	margin: 30px 0px 0px 0px;
　　z-index: 0;

	font-size: 11pt;
	line-height: 18pt;
}



#SalesLetter .content{
	margin: 10px 40px 10px 50px;
	width: 585;
	text-align: left;
}

#SalesLetter #footer{
    margin-left: 0px ;	
}