@charset "UTF-8";

/* ファイルの説明：サイト内で統一のスタイルを記述しています */

/* ========== 共通の書式に関するCSS ========== */

/*テキストサイズコントロール*/
/* サイト内のテキストはp,td,th,li要素のどれかでマークアップしてください。*/
/* そうすれば自動的にテキストサイズが最適化されます。*/
/* MacIEのみ78％では見づらいということで86％の指定にしています。 */

/* MacIE5.x  */
p,td,th,li,select{
	font-size:100%;
	line-height:140%;
}


/* MacIE5.x以外　 MacIEは「@media」を無視する*/
@media screen {
	p,td,th,li,select{
		font-size:92%;
		line-height:140%;
	}
}

/* フォントサイズの重複指定回避 */
/* td要素内にp要素をネスとした場合、フォントサイズも重複指定され78％×78％という事になってしまいます */
/* それを避けるために、ネストの危険性がある要素の組み合わせでは2回目以降のfont-size指定を100％にしてリセットしています */
/* つまり何度ネストをしても上で決めた標準のfont-size（現在は78％）になるということです。 */
/* ちなみにOpera6.xではこの指定はうまく効きません。 */

td p,td li,td td,td th,td select,
th p,th li,th td,th th,th select,
li li,
p td
{
	font-size:100%;
}


/* リストのマーカーを消します */
li{
	list-style-type:none;
}


option{
	padding:1px;
}


/* その他特殊ID＆Class */

/* CSSを解除した場合、区切りがなくなるのでhr要素を要所に挿入しています。*/
/* CSSをアクティブにしている場合は見えることはありません */
/* またこのクラスは汎用クラスなので、他の要素にも使用できます。 */
.hidden{
	display:none;
}


/* ========== 共通基本要素の再定義 ========== */

body {
	background-color: #F1E9CE;
	background-image: url(../../img/common/bg.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a:link { text-decoration:underline; color: #036; }
a:active { text-decoration: none; color: #036; }
a:visited { text-decoration: none; color: #369; }
a:hover { text-decoration: underline; color: #f96; }

.conts {
	width:768px;
	background:url(../../img/common/bg_shadow.gif) repeat-y 760px 0px;
}
.contsinner {
	width:760px;
	background-color:#FFF;
}
h1, h2, h3, h4, ul, li, ol, p {
	margin:0;
	padding:0;
}

/* ========== ヘッダー要素の定義 ========== */
.headerarea { width:760px;}
.topmenu {
	float:right;
	margin-top:10px;
	margin-right:3px;
}
/* ========== フッター要素の定義 ========== */
.footerarea { 
	width:760px; 
	text-align:center;
	font-size:12px;
	clear: both;
}
.copyright { padding:15px; color:#888; }

/* ========== 装飾要素の定義 ========== */
.dotbk { background: url(../../img/dot_bk.gif) repeat-y; }
.dotbkline { 
	background: url(../../img/dot_bk.gif) repeat-x; 
	height:1px;
	margin: 1px 0px 1px 0px;
	clear:both;
}
.footprint {
	font-size:78%;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

/* ========== floatboxのはみ出し対策 ========== */
.clearfix {
	display:block;
	font-size:1px;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ========== スペーサー要素の定義 ========== */
.px01 { font-size: 1px; line-height: 1px; }
.px02 { font-size: 2px; line-height: 2px; }
.px03 { font-size: 3px; line-height: 3px; }
.px04 { font-size: 4px; line-height: 4px; }
.px05 { font-size: 5px; line-height: 5px; }
.px06 { font-size: 6px; line-height: 6px; }
.px08 { font-size: 8px; line-height: 8px; }
.px10 { font-size: 10px; line-height: 10px; }
.px12 { font-size: 12px; line-height: 12px; }
.px14 { font-size: 14px; line-height: 14px; }
.px16 { font-size: 16px; line-height: 16px; }
.px20 { font-size: 20px; line-height: 20px; }
.px24 { font-size: 24px; line-height: 24px; }
.px28 { font-size: 28px; line-height: 28px; }
.px32 { font-size: 32px; line-height: 32px; }

/* ========== 2column要素の定義 ========== */
#leftmenu {
	float:left;
	width:170px;
	margin-right:10px;
	padding:0;
}
#rightcols {
	float:right;
	width:540px;
	padding:10px;
	background-color:#FAFAE8;
	color:#555;
}
.middlerow {
	padding:10px ;
}

.pd5 { padding:5px; }
.pd_pet { padding: 5px 0px 5px 10px; }
.listp li { list-style-type:disc;
padding-left:10px;
margin-bottom:5px;
}