@charset "utf-8";

/* ------------------------------------------------------------------------------------------------------------------------
【CLUB PERRO STYLE_BASE.CSS INFO】
※共通本設定：通常ページのCONTENTS（左右２カラム部分）を除く

 ★body&container
 ★header　（検索用h1 ＋ サイト名 ＋ タイトルイメージ）
 ★navi　（ナビゲートバー ＋ パンくずリスト）
 ★leftmenu　（上部バナー ＋ お知らせ ＋ メニュー ＋ 下部バナー）
 ★main
 ★databody
 ★記事（databody）部分タグ入力用
 ★bottomlink　（下部のテキストリンク集）
 ★footer
 ★link
 ★その他
 
 footer以外を「wrap」でくるみ、上部にグラデの背景画像
 
 ------------------------------------------------------------------------------------------------------------------------ */
 
 
/* ------------------------------------------------------------------------------------------------------------------------
　★coloring
------------------------------------------------------------------------------------------------------------------------ */

.iro1 { color: #3C6095 } /* (テーマグレイッシュブルー) */
.iro2 { color: #003366 } /* テーマ濃い(濃いグレイッシュブルー) */
.iro3 { color: #6699CC } /* テーマ薄い(薄いグレイッシュブルー) */
.iro4 { color: #0154BA } /* 重要箇所(ブルー) */
.iro5 { color: #397FCC } /* 重要箇所(水色) */
.iro6 { color: #CC0033 } /* 重要箇所(ピンク系レッド) */
.iro7 { color: #666600 } /* 重要箇所(濃いゴールド) */
.iro8 { color: #999933 } /* 重要箇所(ゴールド) */
.iro9 { color: #FF6600 } /* 重要箇所(オレンジ) */
.iro10 { color: #333333 } /* 基本フォント(ダークグレー) */
.iro11 { color: #666666 } /* いろいろ(グレー) */
.iro12 { color: #999999 } /* ワク(薄いグレー) */
.iro13 { color: #cccccc } /* 薄いフォント(薄いグレー) */
.iro14 { color: #E8E8E8 } /* ベースアクセント1(ものすごく薄いグレー) */
.iro15 { color: #DFE6EF } /* ベースアクセント2(薄い水色) */
.iro16 { color: #FBFBDB } /* ベースアクセント3(ものすごく薄い黄色) */
.iro17 { color: #ffffff } /* ベース(白) */


.iro1b { color: #3C6095; font-weight: bold; } /* (テーマグレイッシュブルー) */
.iro2b { color: #003366; font-weight: bold; } /* テーマ濃い(濃いグレイッシュブルー) */
.iro3b { color: #6699CC; font-weight: bold; } /* テーマ薄い(薄いグレイッシュブルー) */
.iro4b { color: #0154BA; font-weight: bold; } /* 重要箇所(ブルー) */
.iro5b { color: #397FCC; font-weight: bold; } /* 重要箇所(水色) */
.iro6b { color: #CC0033; font-weight: bold; } /* 重要箇所(ピンク系レッド) */
.iro7b { color: #666600; font-weight: bold; } /* 重要箇所(濃いゴールド) */
.iro8b { color: #999933; font-weight: bold; } /* 重要箇所(ゴールド) */
.iro9b { color: #FF6600; font-weight: bold; } /* 重要箇所(オレンジ) */
.iro10b { color: #333333; font-weight: bold; } /* 基本フォント(ダークグレー) */
.iro11b { color: #666666; font-weight: bold; } /* いろいろ(グレー) */
.iro12b { color: #999999; font-weight: bold; } /* ワク(薄いグレー) */
.iro13b { color: #cccccc; font-weight: bold; } /* 薄いフォント(薄いグレー) */
.iro14b { color: #E8E8E8; font-weight: bold; } /* ベースアクセント1(ものすごく薄いグレー) */
.iro15b { color: #DFE6EF; font-weight: bold; } /* ベースアクセント2(薄い水色) */
.iro16b { color: #FBFBDB; font-weight: bold; } /* ベースアクセント3(ものすごく薄い黄色) */
.iro17b { color: #ffffff; font-weight: bold; } /* ベース(白) */


/* ------------------------------------------------------------------------
 ★Default style clear
------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: 0;
}

html,body {
	height: 100%;
}


/* ------------------------------------------------------------------------
　★body／ ★wrap
------------------------------------------------------------------------- */
body {
	color: #333333;	
	background-color: #FFFFFF;
	text-align: center;
	background-image: url("img/body_back.jpg");
	background-repeat: repeat-x;
	background-position: top;
}

/*背景画像の1pxずれ防止ハック： IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

/*背景画像表示用：高さ指定しない！　するとfirefoxで背景が途切れる */
#wrap {
	margin:0 auto;
	width:860px;
	background-image: url("img/headder_back.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}


/* ------------------------------------------------------------------------
　★header（SEO=h1 ＋ パンくず=h2）
------------------------------------------------------------------------- */
#header {
	width: 860px;
	height: 216px;
	margin: 0 auto;
	padding: 0;
	background-color: #E8E8E8;
}

h1 {
	background-color: #cccccc;
	width: 800px;
	margin: 0 auto;
	color: #cccccc;
	text-align: right;
	font-size: 10px;
	line-height:12px;
	height: 15px;
}	

h1 a {
	color: #cccccc;
	font-size: 10px;
	line-height:12px;
}	

h1 a:link { color: #cccccc; text-decoration: none; }
h1 a:visited { color: #cccccc; text-decoration: none; }
h1 a:hover { color: #cccccc; text-decoration: none; background-color:#cccccc; }
h1 a:active { color: #cccccc; text-decoration: none; background-color:#cccccc; }


/* パンくず：h2が入る */
#pankuzu {
	text-align: center;
	width: 860px;
	height: 65px;
	padding: 0;
	margin: 0 auto;
}

h2, h2 a {
	color: #666666;
	text-align: left;
	line-height: 13px;
	font-size: 13px;
	font-weight: normal;
} 

h2 a:link { color: #003366; text-decoration: underline; }
h2 a:visited { color: #003366; text-decoration: underline; }
h2 a:hover { color: #003366; text-decoration: underline; background-color:#E8E8E8; }
h2 a:active { color: #003366; text-decoration: underline; background-color:#E8E8E8; }

h2 img {
	vertical-align:middle;	/* ［HOME］アイコンと文字の高さ調整 */
}

.englishsite {
	width:860px;
	height:40px;
	background-color: #E8E8E8;
	background-image: url("img/sitetitle_jp.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	text-align:right;
} 

.englishsite img {
	margin-left:660px;
}

/* サイト名：クリックでHOME */
#sitetitle {
	width:860px;
	height:64px;
	vertical-align: top;	/* IE6隙間バグ対策 */
}


/* ------------------------------------------------------------------------
　★navi（タイトル画像下の横並びのカテゴリ表示）
------------------------------------------------------------------------- */
#navi {
	width: 860px;
	text-align: center;
	padding-bottom: 15px;
}

#navibar {
	width: 860px;
	height: 30px;
}

#navibar ul li {
	list-style-type: none;
	display: inline;
}

#navibar a:link { color: #FFFFFF; text-decoration: none; }
#navibar a:visited { color: #FFFFFF; text-decoration: none; }
#navibar a:hover { color: #FFFFFF; background-color: #FFFFFF; text-decoration: none; }
#navibar a:active { color: #FFFFFF; background-color: #FFFFFF; text-decoration: none; }


/* ------------------------------------------------------------------------
　★contents
------------------------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 860px;
	height: 100%;
}



/* ------------------------------------------------------------------------
　★記事（databody）部分タグ入力用
------------------------------------------------------------------------- */
/* 太字 */
.b {
	font-weight: bold;
}

.jisage1 {			/* 1字分字下げ */
	margin-left: 1em;
}

.jisage2 {		/* 2字分字下げ */
	margin-left: 2em;
}

.jisage3 {		/* 3字分字下げ */
	margin-left: 3em;
}


.colorbox1 {		/* 文章の背景を色ベタにしたい時に */
	background-color: #FBFBDB;
	width: 395px;
	margin: 0 auto;
	float: left;
	margin-bottom: 1em;
}


/* 表1（例） */
	
.hyou1 table {
border: 1px #333333;
border-collapse: collapse;
background-color: #FFFFFF;
margin:1em auto;
}

.hyou1 td {
border: 1px #333333 solid;
padding: 5px 5px;
text-align: center;
vertical-align: middle;
font-weight:bold;
}

.hyou1 th {
border: 1px #333333 solid;
padding: 5px 5px;
text-align: center;
vertical-align: middle;
font-weight:bold;
}

.heijitu { background-color:#FFFF99; }	/* 背景色： */
.doyo {	background-color:#CCFFCC; }	/* 背景色： */
.nitisyuku { background-color:#FFCCCC; }	/* 背景色： */
	

/* ------------------------------------------------------------------------
　★bottomlink（ページ＝containerセンター下部のテキストリンク集）
------------------------------------------------------------------------- */
#bottomlink {
	margin: 0 auto;
	padding: 15px 0;
	color: #6699CC;
	text-align: center;
	width: 860px;
	color:#999999;
}


/* ------------------------------------------------------------------------
　★footer
------------------------------------------------------------------------- */
#footer {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #E8E8E8;
	clear: both;
	padding:1em 0 0 0;
}

#footer img {
	margin: 0 auto;
	vertical-align:top;
}

/* 以下はフッター部分にサイト名等の文字を入れる場合に */
#footer p {
	line-height: 1.4em;
	text-align: center;
}

.owner {
	text-align: center;
	font-size:140%;
	font-weight:bold;
	margin: 0.3em 0;
}

.copyright {
	text-align: center;
	font-size:75%;
	margin: 0.7em 0;
}


#footer a:link { color: #333333; text-decoration: underline; }
#footer a:visited { color: #333333; text-decoration: underline; }
#footer a:hover { color: #FFFFFF; background-color: #333333; text-decoration: none; }


/* ------------------------------------------------------------------------
　★link
------------------------------------------------------------------------- */
/* サイト全体 */
a:link { color:#6699CC; text-decoration: none; }
a:visited { color:#6699CC; text-decoration: none; }
a:hover { color:#FFFFFF; background-color: #0099FF; text-decoration: none; }


/* 「ページ上部へ」のリンク設定 */
.pageup {
	text-align: right;
	margin:1em auto;
}

a img {
	border:0;
}	


/* ------------------------------------------------------------------------
　★その他
------------------------------------------------------------------------- */
/* フロート解除 */
.clear {
	clear: both;
}

/* 中央揃え */
.chuo {
	text-align:center;
	}