@charset "utf-8";

/* 初期設定
------------------------------ */
* {
	margin: 0;
	padding: 0;
}
body  {
	color: #000000;
	text-align: center;
	font-family:"ＭＳ Ｐゴシック", "メイリオ", Meiryo,"MS PGothic", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 1.0em;
}
img {
	vertical-align: bottom;
	border: 0;
}

li {
	list-style-type: none;
}
a {
	color: #0066FF;
}
a:hover {
	color: #0066FF;
}
br {
	width: 0px;
	height: 0px;
}
table {
	border-collapse: collapse;
}
td {
	padding: 0px;
}
th {
	padding: 0px;
}
form{
	padding: 0px; margin: 0px;}
b{
	color: #006600;
	line-height: 1.7em;
	}
p {
font-size: 14px;
}
.clear {
clear:both;
}
/* ---IEpngfix--- */
img.png {
	behavior: expression(IEPNGFIX.fix(this));
}

/* ---IE7対応clearfix--- */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.clearfix { min-height: 1%;display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ---IE7.IE8 対応clearfix--- */
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ベース
---------------------------*/

body {
	color: #333333;
	background: url(../images/bk.png) repeat top left;
	text-align: center;
}
#wrapper {
margin: 0 auto;
}

/* ヘッダー
---------------------------*/

#header {
	position: relative;
	width: 900px;
	height: 98px;
	margin: 0 auto;
text-align: left;
}
#header h1 {
position: absolute;
top: 0;
left: 15px;
font-size: 10px;
color: #ffffff;
z-index: 3;
}
#header p {
position: absolute;
top: 0;
right: 15px;
font-size: 10px;
color: #ffffff;
z-index: 4;
}
#header .logo {
position: absolute;
top: 20px;
left: 10px;
z-index: 1;
}
#header .vs {
position: absolute;
top: 0;
left: 260px;
z-index: 2;
}
#header .add {
position: absolute;
top: 90px;
right: 15px;
z-index: 5;
}

/* コンテナ
---------------------------*/
/* ---IE7.IE8 対応clearfix--- */
#container:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
#container { display: inline-block; }
/* Hides from IE-mac \*/
* html #container { height: 1%; }
#container { display: block; }
/* End hide from IE-mac */

#container {
	width: 880px;
	margin: 0 auto;
}
#container .pan {
height: 35px;
padding: 17px 0 0 20px;
font-size: 12px;
	text-align: left;
	background: url(../images/cb_1.png) no-repeat top left;
	behavior: expression(IEPNGFIX.fix(this));
}
#container .pan a {
color: #0c4380;
}
#container .pan h2 {
display: inline;
}

/* コンテンツ
---------------------------*/
#content {
margin-bottom: 50px;
	background: url(../images/cb_2.png) repeat-y top left;
	text-align: center;
}
#content p {
margin: 0 0 20px;
font-size: 14px;
line-height: 160%;
}
#content .m1 {
position: relative;
	width: 840px;
	height: 419px;
	margin: 0 auto 20px;
	background: url(../images/m_1.jpg) no-repeat top left;
	text-align: left;
}
#content .m1 .text {
position: absolute;
top: 200px;
left: 50px;
}
#content .m2 {
position: relative;
	width: 840px;
	height: 419px;
	margin: 0 auto 20px;
	background: url(../images/m_2.jpg) no-repeat top left;
	text-align: left;
}
#content .m2 .text {
position: absolute;
top: 200px;
left: 50px;
}
#content .b1 {
width: 828px;
	margin: 10px auto 40px;
	padding: 7px 6px 0;
	border: 1px solid #707070;
	background: #5e5e5e;
	text-align: left;
}
#content .t1 {
width: 840px;
	margin: 0 auto 60px;
	text-align: left;
}
#content .t1 h3 {
}
#content .t1 p {
	margin: 0 0 20px 20px;
}
#content .t1 dl {
	margin: 0 0 20px 20px;
	font-size: 12px;
}
#content .t1 dt {
	margin: 0 0 0 0;
}
#content .t1 dd {
	margin: -20px 0 15px 60px;
}
#content .u1 {
	margin: 0 20px 20px 20px;
	padding: 20px;
	border: 1px dotted #333333;
}
#content .u1 .txt {
float: left;
width: 377px;
}
#content .u1 .txt h4 {
margin: 0 0 20px;
}
#content .u1 .txt p {
margin: 0 0 20px;
font-size: 12px;
line-height: 150%;
}
#content .u1 .txt .url {
padding: 15px 15px;
	background: #f2efef;
}
#content .u1 .txt .url .inp {
width: 300px;
}
#content .u1 .txt .url .textarea {
font-size: 12px;
width: 345px;
height: 100px;
}
#content .u1 .img {
float: right;
width: 365px;
	background: url(../images/s_b.png) repeat top left;
}
#content .u1 .img table {
width: 340px;
margin: 15px 15px 0;
}
#content .u1 .img td {
text-align: center;
padding: 5px 0;
}
#content .b2 {
width: 800px;
	margin: 0 auto 20px;
	text-align: left;
}
#content .a1 {
width: 800px;
	margin: 0 auto 20px;
	text-align: left;
	border-top: 20px solid #ffffff;
	background: url(../images/ari_2.png) repeat-y top left;
}
#content .a1 div {
min-height: 590px;
	background: url(../images/ari_1.png) no-repeat top left;
}
#content .a1 ul {
	padding: 70px 60px 30px;
}
#content .a1 li {
	padding: 20px 0 20px 0;
	border-bottom: 1px dotted #ffffff;
	color: #ffffff;
}
#content input.submit{
background:url(/counter/01/images/b1.gif);
border:none;
width:163px;
height:38px;
}
#errors {
	margin:0 0 20px 20px;
	color: red;
}

/* cursor */
.pointer{
    cursor:pointer;
}

/* フッター
------------------------------ */
#footer {
	position: relative;
	height: 35px;
	background: url(../images/cb_3.png) no-repeat bottom left;
	text-align: left;
}
#footer ul {
position: absolute;
top: 0;
left: 20px;
}
#footer li {
float: left;
padding: 0 0 0 8px;
}
#footer li a {
padding: 0 0 0 9px;
font-size: 12px;
color: #333333;
border-left: 1px solid #333333;
text-decoration: none;
}
#footer li.none a {
border-left: none;
}
#footer li a:hover {
text-decoration: underline;
}
#footer li.none a {
padding: 0;
background: none;
}
#footer .copy {
position: absolute;
top: 0;
right: 20px;
}

/*AdSense*/
#AdSense03 {
	margin: 0px;
	padding: 0px;
	width: 880px;
	height: 110px;
}