@charset "utf-8";
/* CSS Document */

/*--------------------------------------
　
BASE COLOR 1 : #52006C (header,navi,footer)
BASE COLOR 2 : #8500B2 (title_bar,txt_wrap p)
BACK COLOR : #eee

---------------------------------------*/

/*--------------------------------------
　基礎設定
---------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0 auto;
	padding: 0;
	font-family: 'メイリオ', Meiryo;
	background:#fff;
	color: #000;
	font-size: 100%;
}

/*--------------------------------------
　header
---------------------------------------*/
header{
	width:100%;
	margin:0 auto;
	padding:8px;
	box-sizing:border-box;
	background:#52006C;
	color:#fff;
	text-align:left;
	font-size:90%;
	font-weight:normal;
}

h1{
	width:90%;
	margin:0 auto;
	padding:3px;
	box-sizing:border-box;
	color:#52006C;
	text-align:center;
	font-size:100%;
	font-weight:normal;
}

.sales{
	margin:2px auto;
	text-align:center;
}

/*--------------------------------------
　navi
---------------------------------------*/

.navi {
	margin: 10px auto;
	padding: 0;
}
.navi ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border-top: 1px #666 solid;
	border-bottom: 1px #666 solid;
}
.navi ul li {
	font-size: 12px;
	text-align: center;
	list-style-type: none;
	display: table-cell;
	border-right: 1px #666 solid;
}
.navi ul li.p a{
	color: #fff;
	display: block;
	padding: 15px 0px;
	text-decoration: none;
	background:#52006C;
}
.navi ul li.t a{
	color: #000;
	display: block;
	padding: 15px 0px;
	text-decoration: none;
	background:#eee;
}
.navi ul li:first-child {
	border-left: none;
}
.navi ul li:last-child {
	border-right: none;
}

/*--------------------------------------
　タイトル系
---------------------------------------*/

.contents_title{
	width:100%;
	margin:0px auto 8px auto;
	padding:6px;
	color:#fff;
	background:#8500B2;
	border-bottom:6px #52006C solid;
	box-sizing:border-box;
}

/*--------------------------------------
　テキストメイン
---------------------------------------*/

.txt_wrap{
	width:96%;
	margin:4px auto;
	text-align:left;
	box-sizing:border-box;
}
.txt_wrap p{
	color:#8500B2;
}

/*--------------------------------------
　footer
---------------------------------------*/
footer{
	width:100%;
	margin:6px auto 0 auto;
	padding:8px;
	box-sizing:border-box;
	background:#52006C;
	color:#fff;
	text-align:center;
	font-size:90%;
	font-weight:normal;
}

footer a{
	color:#fff;
}

/*--------------------------------------
　アクセスリンク
---------------------------------------*/

.access_btn{
	display:block;
	margin:0px auto 10px auto;
	width:98%;
	border:1px #666 solid;
	border-radius:7px;
	background:#eee;
	padding:5px 0px;
	color:#666;
	text-align:center;
	box-sizing:border-box;
	text-decoration:none;
}

.access_btn_p{
	display:block;
	margin:0px auto 10px auto;
	width:98%;
	border:1px #666 solid;
	border-radius:7px;
	background:#52006C;
	padding:5px 0px;
	color:#fff;
	text-align:center;
	box-sizing:border-box;
	text-decoration:none;
}