@charset "UTF-8";

/* ##################################################################### */
/*        　                                             　              */
/* 　 ●各ページ共通のスタイル   　　                                    */
/*    1.ページ全体のレイアウト等                                   　    */
/*      1-1.インポート　　　　　　　　　                                 */
/*      1-2.基本情報　　　　　　　　　　                                 */
/*      1-3.段組み（レイアウト）　　　　                                 */
/*    2.プライマリーナビゲーション+トップバックグラウンド     　         */
/*      2-1.プライマリーナビゲーション                                   */
/*    3.ヘッダー　　　　　　　　　　　　　　　　　　　　　　             */
/*      3-2.h1　見出し１　　　　　　　                                   */
/*      3-2.ヘッダーロゴエリア                                           */
/*    4.コンテンツエリア                                          　     */
/*      4-1.コンテンツ範囲指定（メイン+ローカルナビエリア）              */
/*      4-2.メインコンテンツ範囲指定                                     */
/*      4-3. section1　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*      4-4. section2　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*      4-5. section3　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*     5.トップに戻る                                                    */
/*        　                                                             */
/* ##################################################################### */

/* ===================================================================== */
/*    1.ページ全体のレイアウト等                                   　    */
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*      1-1.インポート　　　　　　　　　                                 */
/* --------------------------------------------------------------------- */

/* リセット用CSSをインポート */
@import "reset.css";

/* グローバルナビ用CSSをインポート */
@import "globalNavigation.css";

/* フッター用CSSをインポート */
@import "footer.css";

/* ローカルナビ用CSSをインポート */
@import "localNavigation.css";

/* コンテンツ用スタイル用CSSをインポート */
@import "style_content.css";

/* テーブル用基本スタイル用CSSをインポート */
@import "table.css";


/* --------------------------------------------------------------------- */
/*      1-2.基本情報　　　　　　　　　　                                 */
/* --------------------------------------------------------------------- */

/* body */
body {
	font-size:100%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	background-color: #FFF;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
}

html{
}

a:link { text-decoration: none ; color:#0066cc }
a:visited {
	text-decoration: none;
	color:#006
}
a:hover{ text-decoration: underline ; color:#6633ff }


/* --------------------------------------------------------------------- */
/*      1-3.段組み（レイアウト）　　　　                                 */
/* --------------------------------------------------------------------- */

#wraper{
	text-align: center;
	}
	

#shadow{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#container{
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	text-align: left;
	width: 800px;
	background-color: #FFFFFF;
	margin-bottom: 0px;
}


/* ===================================================================== */
/*    2.プライマリーナビゲーション+トップバックグラウンド     　         */
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*      2-1.プライマリーナビゲーション                                   */
/* --------------------------------------------------------------------- */
#primaryNavi{
	width: 800px;
	background-image: url(../images/primarynavi_bg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 0px;
}

#primaryNavi ul{
	height: 28px;
}

#primaryNavi ul li {
	float: left;
	list-style-type: none;
	display: block;
	height: 29px;
	text-indent: -9999;
	color: #FFF;
}

#primaryNavi ul li.list01 {
	width: 240px;
	height: 29px;
	display: block;
	font-size: 60%;
	text-indent: -9999;
}

#primaryNavi ul li.list01 a:link, #primaryNavi ul li.list01 a:visited{
	width: 240px;
	height: 29px;
	text-indent: -9999px;
	display: block;
	color: #FFF;
	margin-left: 500px;
}

#primaryNavi ul li.list01 a:visited, #primaryNavi ul li.list01 a:hover{
	color: #FFF;
	margin-left: 500px;
}

#primaryNavi ul li.list02 {
	width: 174px;
	text-indent: -9999px;
	height: 40px;
	display: block;
}

#primaryNavi ul li.list02 a:link{
	color: #FFF;
	width: 174px;
	text-indent: -9999px;
	height: 40px;
	display: block;
}

#primaryNavi ul li.list02 a:visited, #primaryNavi ul li.list02 a:hover{
	color: #FFF;
}

#primaryNavi ul li.list02 a:visited{
	display: block;
	height: 40px;
	text-indent: -9999px;
	background-position: 0px 0px;
}

#primaryNavi ul li.list02 {
	background-position: 0px 0px;
}


/* ===================================================================== */
/*    3.ヘッダー　　　　　　　　　　　　　　　　　　　　　　             */
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*      3-1.ヘッダー範囲指定　　　　　                                   */
/* --------------------------------------------------------------------- */

#header{
	width: 800px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* --------------------------------------------------------------------- */
/*      3-2.h1　見出し１　　　　　　　                                   */
/* --------------------------------------------------------------------- */
#header h1 {
	height: 26px;
	font-size: 0.7em;
	font-weight: normal;
	color: #000;
	padding-left: 10px;
	display: block;
	margin-top: -26px;
}

/* --------------------------------------------------------------------- */
/*      3-2.ヘッダーロゴエリア                                           */
/* --------------------------------------------------------------------- */
#logoArea{
	margin-bottom: 0px;}

#logoArea ul {
	width: 800px;
	height: 80px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;}

#logoArea li {
	float: left;
	list-style-type: none;
}

#logoArea li a{
	display: block;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 80px;
	text-indent: -9999px;}

#logoArea ul li.list01 {
	width: 550px;}

#logoArea ul li.list02 a {
	width: 125px;
	background-position: -550px 0;}
	
#logoArea ul li.list03 a{
	background-position: -675px 0;
	width: 125px;}


/* ===================================================================== */
/*    4.コンテンツエリア                                          　     */
/* ===================================================================== */
/* --------------------------------------------------------------------- */
/*      4-1.コンテンツ範囲指定（メイン+ローカルナビエリア）              */
/* --------------------------------------------------------------------- */
#contentArea{
	height: 1%;
	width: 800px;
	padding-top: 5px;
}

/* --------------------------------------------------------------------- */
/*      4-2.メインコンテンツ範囲指定                                     */
/* --------------------------------------------------------------------- */

#contentArea #mainContent {
	display: inline;
	width: 570px;
	color: #666666;
	background-color: inherit;
	margin-right: 10px;
	float: right;
}


/* --------------------------------------------------------------------- */
/*      4-3. section1　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/* --------------------------------------------------------------------- */
#mainContent div.section1 {
	width: 550px;
	float: left;
	margin-bottom: 15px;
}

/* --------------------------------------------------------------------- */
/*      4-4. section2　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/* --------------------------------------------------------------------- */

div.mainColumn div.section2 {
	width: 550px;
	float: left;
	margin-bottom: 15px;
}


/* --------------------------------------------------------------------- */
/*      4-5. section3　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/* --------------------------------------------------------------------- */

div.mainColumn div.section3 {
	width: 550px;
	float: left;
	margin-bottom: 15px;
}




/* ===================================================================== */
/*      5.トップに戻る                                                   */
/* ===================================================================== */


#pagetop {
	width: 750px;
	clear: both;
}

#pagetop p a{
	width: 76px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-image:url(../images/pagetop.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	background-position: right;
	margin-right: 10px;
	margin-left: 700px;
	clear: both;
	height: 25px;
}

.for-non-visual{
	display: none;
	}


#toplocalNav ul li.title{
	background: url(../images/menu.jpg);
	display: block;
	height: 40px;
	width: 199px;
	text-indent: -9999px;
	margin: 0px 0px 10px;
	padding: 0px;
	}