@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-size: 85%;
	font-family: "Arial", "sans-serif", "Verdana";
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
*/	line-height: 1.4;
	color: #333333;
	text-align: center; 
}

h1 { margin: 0;
}

a {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
    color:#CC0000;
}
img {
	border: none;
	vertical-align: top;
}
#wrapper {
	width: 800px;
	background: #FFFFFF;
/*	padding-top: 106px;*/
	margin: 0 auto;
	text-align: left;
	list-style: none;
	border: solid #000066 1px;
	
}
html {  
    overflow-y:scroll;  
} 

/* ロゴとナビゲーション
---------------------------------------------*/
#header {
   height: 149px;
   background-image:url(../img/t-1.jpg);
   }
#page {
	position: relative;
	width: 150px;
/*	margin-top: 150px;*/
    padding-top: 0px;
	padding-left: 685px;
/*   margin-left: 650px;
*/    
  /* float: left;*/
      }  
	  
#suzu {
   position: relative;
   margin-left: 10px;
   width: 200px;
   }
   
       
   
/* ナビゲーション
---------------------------------------------*/
/* ナビゲーション
---------------------------------------------------- */
#navigation {
    /*position:relative;*/
	position: absolute;  /*値にabsoluteを指定 */
	left: 20px; /* 左方向からの配置位置を指定 */
	top: 3px; /* 上方向からの配置位置を指定 */
	width: 100px; /* ボックスの幅を指定 */
	float:left;
	/*background-color: #F9CFBA;*/
}

#navigation ul {
  margin: 0 0 1em;
  padding: 0;
  border-top: 0px ;
  border-bottom: 0px solid #cccccc;
  list-style: none;
}
#navigation li {
  margin: 0;
  padding: 0;
  width: 100px;
  height: 25px;
  text-indent: -9999px;
}
#navigation li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 100px;
  height: 25px;
}

#navigation li#home      {
  background: url(../img/png/navigation.png) no-repeat -0px 0px;
}
#navigation li#profile      {
	background: url(../img/png/navigation.png) no-repeat 0px -25px;
}
#navigation li#history      {
	background: url(../img/png/navigation.png) no-repeat 0px -50px;
}
#navigation li#partners    {
  background: url(../img/png/navigation.png) no-repeat 0px -75px;
}

/*ロールオーバー部分*/
#navigation li#home a:hover    {
/*  background: url(../img/png/navigation.png) no-repeat -99px 0px;*/
  background: url(../img/png/navigation.png) no-repeat -99px 0px;
}

#navigation li#profile a:hover    {
  background: url(../img/png/navigation.png) no-repeat -99px -25px;
}
#navigation li#history a:hover    {
  background: url(../img/png/navigation.png) no-repeat -99px -50px;
}
#navigation li#partners a:hover    {
  background: url(../img/png/navigation.png) no-repeat -99px -75px;
}


/* ここまで
---------------------------------------------*/


	
/*パン屑リスト
-----------------------------------------------------------	
*/
#topicPath {
	height: 30px;
	list-style: none;
/*	border-bottom: 1px solid #E5E5E5;*/
	font-size: 85%;
	line-height: 1.2;
}
#topicPath li {
	float: left;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	background: #EEEEEE url(../template/img/topicpath_li_bg.png) left center no-repeat;
}
#topicPath li.first {
	padding-left: 25px;
	background: #EEEEEE url(../template/img/topicpath_li_bg_first.png) left center no-repeat;
}
#topicPath li.last {
	background: #FFFFFF url(../template/img/topicpath_li_bg_last.png) left center no-repeat;
	
}

/*2段組の指定部分
------------------------------------------------------------*/
#container {
     position: relative;
	 margin:: 0px 0px;  /*上下方向に10pxのマージン指定*/
	 width: 100%;
/*	 padding-top: 10px;*/
}

#catch {
	position:relative;
	width: 145px;
	/*left: 150px;*/
/*	width: 170px;
*/	top: 42px;
    left: 150px;
	float: left;
	  }
	  
#primary {
     /*positionの指定削除*/
	 width: 479px;
/*	 margin-left: 300px;*/
     padding-top: 40px;
	 float:right;
	 	padding-right: 10px;
/*		clear: both;
*/		

/*	 padding-top: 30px;
	 padding-left: 150px;*/
/*	padding-bottom: 20px;*/
/*	 background-color:#FFFFCC;*/
}

#partner {
	 width: 648px;
     padding-top: 40px;
	 float: right;
	 	padding-right: 10px;
}
#partner ul {
/*  margin: 0 0 1em;*/
    /*margin: 5px;*/
    padding-bottom: 30px;
/*  padding: 0;
*//*  border-top: 0px ;*/
/*  border-bottom: 0px solid #cccccc;*/
  list-style: none;
}
#primarytext {
     margin-left: 50px;
/*	 clear: left;
	 clear: right;
	 clear: both;*/
}
/*

#primary h2 {
     margin: 0;
	 font-size: 90%;
	 padding-bottom: 10px;
}

#primary h3 {
     margin: 0;
	 font-size: 90%;
	 padding-bottom: 10px;
}

#primary p {
     margin: 10px 0;
}

*/	 
#secondary {
	position: absolute;
	left: 10px;
	width: 170px;
	top: 0px;
	  }
	  
#footer {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 10px;
}	  
	  

	
#primary-text {
    width: 450px;
	padding-left: 50px;
    /*margin-left: 20px;*/
/*	background-color: #C7D5ED;*/
	}	
	
		
/* フッター
---------------------------------------------*/
#footer {
	clear: both;
	position: relative;
	width: 800px;
	margin-left: 0px;
	margin-top: 10px;
	padding: 40px 0 30px 0;
	border-top:#000099 solid 1px;
}
#footer p {
	position: absolute;
	left: 10;
	top: 10px;
}
#footerNav01 {
	position: absolute;
	right: 260px;
	top: 10px;
/*	width: 101px;*/
    list-style-type: none;

}
#footerNav02 {
	position: absolute;
	right: 180px;
	top: 10px;
    list-style-type: none;

/*	width: 58px;*/
}
#footerNav03 {
	position: absolute;
	right: 100px;
	top: 10px;
	list-style-type: none;
/*	width: 48px;*/
}
#footerNav04 {
	position: absolute;
	right: 20px;
	top: 10px;
	list-style-type: none;
/*	width: 48px;*/
}
dl dt {
	font-weight: bold;
}