@charset "shift_jis";
body {
	color:#333;
	font-size: 62.5%;
	line-height:1.6;
	text-align:center;
	background:#bf247f url(../img/bg.gif);
}
a{			color:#bf247f;text-decoration:none;}
a:hover{	text-decoration:underline;}

/* メインレイアウト
-----------------------------------------------------*/
#wrapper {
	width:800px;
	margin: 0 auto;
	background:#fff;
	font-size:1.2em;
}
#main {
	padding:0 15px 15px;
}
#navi{	float:left; width:180px;}

/* ヘッダー
-----------------------------------------------------*/
#header{
	padding:15px;
	border-top:#bf247f solid 8px;
}
#header h1{		float:left;}
#header .bnr{	float:right;}

/* ナビ
-----------------------------------------------------*/
#navi ul{
	text-align:left;
	width:178px;
	border-left:#bf247f solid 1px;
	border-right:#bf247f solid 1px;
}
#menu li{
	line-height:2.8;
	background:url(../img/dot.gif) 8px no-repeat;
}
#menu a{
	display:block;
	padding-left:20px;
}
#menu a:hover{
	background:#f3f3f3;
}

#site{
	margin-top:15px;
}
#site li{
	line-height:2.2;
}
#site a{
	display:block;
	padding-left:10px;
}
#site a:hover{
	background:#f3f3f3;
}


/* コンテンツ
-----------------------------------------------------*/
#contents{
	float:right;
	width:575px;
	text-align:left;
}
#contents p{
	margin:15px;
}
#contents strong{
	color:#bf247f;
	font-weight:bold;
	font-size:1.4em;
}
#contents .color{
	color:#bf247f;
	font-weight:bold;
}
#contents ul{
	margin:15px;
	color:#bf247f;
}
#contents ul li{
	text-align:left;
	list-style:inside disc;
}
#contents table{
margin:15px 0;
}

/* フッター
-----------------------------------------------------*/
#footer{
	padding:10px;
	color:#fff;
	background:#bf247f;
}
.copy{
	margin:10px;
}
#pr{
	margin:10px;
	color:#e8e8e8;
	text-align:left;
	font-size:10px;
}
#pr a{
	color:#e8e8e8;
	font-size:10px;
	text-decoration:none;
}
/*---------------------------------------------------*/
/* ClearFix
-----------------------------------------------------*/
.clearfix:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}
.clearfix{
	zoom:1;
}