/* @charset "Shift_JIS";　停止中
================================================= */
/* CSS目次　10.7.23　まち博

■01.各パーツの設定
・bodyの設定、リンクカラー設定,見出し用タグの設定
　フォームタグの設定など
　

================================================= */
/* 01.bodyの設定 */
body {
	margin: 0px 0px 0px 0px;
	text-align:center;
	background-color: #FFF;
	font-family:Osaka,"Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",san-serif;
	color: #333;
	}

/* リンクカラー設定 */
/*a {text-decoration: underline;}
 a:link {color: #c9b687;} */
	
a:link {
	color: #39c;
	text-decoration: none;
}

a:visited {
	color: #39c;
	text-decoration: none;
}

a:active {color: #39c;}

a:hover {
	color: #B70000;
	text-decoration: underline;
}

/* 見出し用タグの設定 */
h1, h2, h3, h4, h5 { 
	margin: 0px;
	padding: 0px;
	font-weight: normal;
/* 	font-size: 130%; */
/* 	line-height: 150%; */
/* 	font-weight: bold; */
	}

/* パラグラフ（P）タグの設定 */
p {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
	
/* BLOCKQUOTEタグの設定 */
blockquote {
	margin: 0px 20px 0px 20px;
	padding: 0px;
	font-weight: normal;
	}
	
/* フォームタグの設定 */
form {
	margin: 0px;
	padding: 0px;
	}
	
/* フォームタグの文字拡大追従設定 */
textarea,input {
	font-size: 1em;
	}

/* ページ内スキップの設定 */
.hide {
	position: absolute;
	left: -100em;
	top: -100em;
	}

/* テキストサイズ小　65% */
.text-65 {
	font-size: 65%;
	line-height: 150%;
	}

/* テキストサイズ小　70% */
.text-70 {
	font-size: 70%;
	line-height: 150%;
	}

/* テキストサイズ小　75% */
.text-75 {
	font-size: 75%;
	line-height: 150%;
	}
	
/* テキストサイズ小　80% */
.text-80 {
	font-size: 80%;
	line-height: 150%;
	}

/* テキストサイズ小　90% */
.text-90 {
	font-size: 90%;
	line-height: 160%;
	}

/* テキストサイズ　100% */
.text-100 {
	font-size: 100%;
	line-height: 150%;
	}

/* テキストサイズ　110%　*/
.text-110 {
	font-size: 110%;
	line-height: 150%;
	}

/* テキストサイズ　120%　*/
.text-120 {
	font-size: 120%;
	line-height: 150%;
	}

/* テキストサイズ　200% */
.text-200 {
	font-size: 200%;
	line-height: 200%;
	}

/* テキストサイズ　100%　太い */
.text-100-strong {
	font-size: 100%;
	line-height: 150%;
	font-weight: bold;
	}

/* テキストサイズ　110%　太い */
.text-110-strong {
	font-size: 110%;
	line-height: 150%;
	font-weight: bold;
	}
	
/* テキストサイズ　120%　太い */
.text-120-strong {
	font-size: 120%;
	line-height: 150%;
	font-weight: bold;
	}

/* テキストサイズ　150%　太い */
.text-150-strong {
	font-size: 150%;
	line-height: 150%;
	font-weight: bold;
	}
	
/* テキストサイズ　200%　太い */
.text-200-strong {
	font-size: 200%;
	line-height: 200%;
	font-weight: bold;
	}

/* テキスト白色-表示 */
.text-white {
	color: #FFFFFF;
	/* font-weight: bold; */
	}
	
/* テキスト赤色-表示 */
.text-red {
	color: #FF0000;
	}

/* テキスト見出し青 */
.text-3e63a3 {
	color: #3e63a3;
	}	

	
/* テキスト濃い赤色-表示 */
.text-990000 {
	color: #990000;
	}	
	
/* テキスト-0066ff（青）-表示 */
.text-0066ff {
	color: #0066ff;
	}		
	
/* テキスト-ff6600（オレンジ）-表示 */
.text-ff6600 {
	color: #ff6600;
	}			
	
/* テキスト-de5424（濃いオレンジ）-表示 */
.text-de5424 {
	color: #de5424;
	}	

/* テキスト行間のみ　140% */
.line-height-140 {
	line-height: 140%;
	}

/* テキスト行間のみ　150% */
.line-height-150 {
	line-height: 150%;
	}

/* テキスト行間のみ　160% */
.line-height-160 {
	line-height: 150%;
	}

/* 写真白枠3px */
.photo-border3px-white {
	border: solid 3px white;
	}

/* 写真白枠5px */
.photo-border5px-white {
	border: solid 5px white;
	}

/* 写真グレー枠3px */
.photo-border3px-efefef {
	border: solid 3px #EFEFEF;
	}

/* 写真グレー枠5px */
.photo-border5px-efefef {
	border: solid 5px #EFEFEF;
	}

/* 写真黒　枠5px */
.photo-border5px-333333 {
	border: solid 5px #333333;
	}


/* ヘアラインの設定 */
#hrline-red {
	margin: 5px 10px 5px 0px;
	background-image: url(../image/parts-hr-red.gif);
	background-repeat: repeat-x;
	padding: 0px;
	height: 5px;
	}

.hrline-dot-ccc {
	margin: 1px;
	background-image: url(../image/parts-hrline-dot-ccc.gif);
	background-repeat: repeat-x;
	padding: 0px;
	}
	
	/* テーブル罫線-色#666 */
	table.color-666 th,table.color-666 td{
	border-bottom:1px dotted #ccc;
	border-width:0px 0px 1px 0px;
/*	color: #333;	 */
 	font-size: 75%;
 	line-height: 150%;	
/* 	padding:10px 10px; */
	} 

	/* テーブル罫線-色#666-text-90 */
	table.color-666-text-90 th,table.color-666-text-90 td{
	border-bottom:1px dotted #ccc;
	border-width:0px 0px 1px 0px;
/*	color: #333;	 */
 	font-size: 90%;
 	line-height: 150%;	
/* 	padding:10px 10px; */
	} 


/* 02.ページ全体のサイズなどの設定（container）
----------------------------------------------- */
#container {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 0px;
	width: 1000px;
	background-image: url(../image/bg-container.png);
	background-repeat: repeat-y;
	overflow: auto;
	}


/* 04.ヘッダーの設定（header-set）
================================================ */
#header-set {
	width: 96%;
	height: 280px;
	background-color: #ff6600;
	background-image: url(../image/bg-head-illust.gif);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	margin-left: 16px;
 display: inline;	
	clear: both;	
}

#header {
	float: left;
	padding-top: 10px;
	padding-left: 10px;
	width: 97%;
 display: inline;	
}


/* 05.グローバルナビ設定（navi）
================================================ */
#navi {
	text-align: center;
	float: left;
	width: 100%;
	display: inline;
	clear: both;
	}

#navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#navi li {
	display: inline;
	}

#navi a {
	display: block;
	float: left;
	font-size: 90%;
	line-height: 150%;
	text-decoration: none;
	color: #666;
/* 	background-color: #990000; */
	width: 135px;
	height: 40px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	display: inline;	
	}
	
#navi a:hover {
	background-color: #3e63a3;
	color: #fff;
	}

#but-01 #on-01 a {
background-color: #3e63a3;
	color: #fff;	
	}

#but-02 #on-02 a {
	background-color: #3e63a3;
	color: #fff;
	}

#but-03 #on-03 a {
	background-color: #3e63a3;
	color: #fff;
	}

#but-04 #on-04 a {
	background-color: #3e63a3;
	color: #fff;
	}

#but-05 #on-05 a {
	background-color: #3e63a3;
	color: #fff;
	}

#but-06 #on-06 a {
	background-color: #3e63a3;
	color: #fff;
	}
	
#but-07 #on-07 a {
	background-color: #3e63a3;
	color: #fff;
	}


/* 06.パン屑リストの設定（sub-navi）
================================================ */
#sub-navi {
	width: 960px;
	height: 35px;
	position: relative;
	left: 16px;
	float: left;
	text-align: left;
	background-color: #1a77b0;
	padding-top: 10px;
}



/* 10.クリア後のスペース（高さ）設定
================================================ */
/* クリア後スペース0px */
.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}


/* 11.バナー格納場所の設定
----------------------------------------------- */
#banner {
	width: 95%;
	margin-left: 16px;
	text-align: left;
	background-color: #efefef;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 15px;	
	float: left;
	display: inline;
	position: relative;
	clear: both;
	border-top-style: solid;
	border-top-color: #CCC;
	border-top-width: 1px;
}

/* 12.フッターの設定
----------------------------------------------- */
#footer {
	width: 96%;
	margin-left: 16px;
	text-align: center;
	background-color: #f60;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 80%;
	line-height: 150%;
	color: #FFF;
	float: left;
	display: inline;
	position: relative;
	clear: both;
}