@charset "shift_jis";
@import url("common.css");
/*-------------------------------------------------------------
	基本設定
-------------------------------------------------------------*/
* {/* 各ブラウザの独自解釈をリセット */
	margin: 0;
	padding: 0;
}

body, div, ol, ul, dl, form{
	margin: 0;
	padding: 0;
}

p, h1, h2, h3, h4, h5, h6, dt, dd, input, textarea{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	height: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: #fbf8e9;
	color: #eee;
	font: normal 100% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
	*font-size: 81.25%; /*for IE6,IE7*/
}

a{ outline: none;}
a img {
	border: none;
	background: transparent;
}

a:hover img {
 	opacity: 0.8;
	filter: alpha(opacity=80);
 	-moz-opacity: 0.8;
}

a:link {text-decoration: none;color: #09f;}
a:visited {text-decoration: none;color: #09f;}
a:hover {text-decoration: underline;color: #09f;}
a:active {text-decoration: none;color: #09f;}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

ul {
	list-style: none;
}

/*-------------------------------------------------------------
	header
-------------------------------------------------------------*/
#header {
	width: 900px;
	margin: 0 auto 30px;
	padding: 0;
}

#header h1 {
	margin: 0;
	padding: 0;
}



/*-------------------------------------------------------------
	.contents
-------------------------------------------------------------*/
#contents {
	width: 900px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	color: #000;
	box-shadow: 0 5px 5px #ccc;
}

#contents h2 {
	margin-bottom: 20px;
}

#contents .box_text {
	width: 800px;
	margin: 0 auto 80px;
}

.box_text p {
	margin: 0 50px 20px;
}

.book_102 {
	float: right;
	margin: 10px 0 0 10px;
}

.inner {
	background: #FFFBC7;
	margin: 0 30px;
	padding: 10px 20px 5px;
	border: solid 3px #F39;
}

.inner li {
	margin: 0 0 5px;
	font-size: 110%;
	font-weight: bold;
}

.jb li {
	text-indent: -3em;
	margin-left: 3em;
}

.dr li {
	text-indent: -2em;
	margin-left: 2em;
}

.inner li.a {
	color: #f00;
}

.inner li.b {
	color: #00F;
}

.talkr p {
	margin: 0;
	font-size: 90%;
}

.presents {
	margin: 0 30px;
	background: url(../images/presents_05.jpg) no-repeat right 70px;	
	border: solid 3px #f39;
}

.presents p.ttl {
	background: #f39;
	margin: 0 0 15px;
	padding: 10px 20px;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	border-left: none;
}

.presents .pttl {
	font-weight: bold;
	font-size: 110%;
}

.presents p {
	margin: 0 20px 20px;
	padding-left: 10px;
	border-left: solid 5px #f39;
}

.box_fb {
	width: 800px;
	margin: 0 0 0 100px;
}

.box_fb, x:-moz-any-link {
	height: 80px;
	overflow: hidden;
}

.ar {
	margin: 0 50px 20px;
}

.ar img {
	float: left;
}


/*-------------------------------------------------------------
	footer
-------------------------------------------------------------*/
#footer {
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 1px;
	background: url(../images/footer_back_12.jpg) repeat-x top left #e72e8a;	
	font-size: 12px;
	color: #fff;
	text-align: center;	
}

#footer a:link, 
#footer a:visited {
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
	color: #999;
}

#footer a:active {
	text-decoration: none;
	color: #09f;
}


/*---------------------------
	profile
-----------------------------------------------------------------------------------------------*/
#box_profile {
	clear: both;
	width: 800px;
	background: url(../images/bg_back.jpg) repeat;	
	margin: 0 auto 40px;
	padding: 10px 0;
}

#box_profile p {
	margin: 0 50px 5px;
}


/*---------------------------
	form
-----------------------------------------------------------------------------------------------*/
.box_form {
	width: 800px;
	margin: 0 auto 40px;
	clear: both;
}

.box_form p {
	margin: 0 40px;
	font-size: 14px;	
}

.form_bottom {
	margin: 0 auto 10px;
	padding: 0 0 20px;
	background: url(../images/form_bottom.jpg) no-repeat center bottom;
}

.form_top {
	padding: 80px 0 10px;	
	background: url(../images/form_ttl.jpg) no-repeat center top #333;
	color: #fff;
	text-align: center;
}

dl.form {
	clear: both;
	width: 455px;
	margin: 0 auto 10px;
}

dl.form dt {
	float: left;
	clear: left;
	width: 100px;
	padding: 8px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

dl.form dd {
	float: left;
	margin: 0 0 10px 10px;
}

input.input_form {
	width: 320px;
	_width: 310px;
	padding: 10px;
	border: solid 1px #ccc;
	border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	box-shadow: 0 0 5px 2px #666, inset 1px 1px 2px 1px #eee;
	-webkit-box-shadow: 0 0 5px 2px #666, inset 1px 1px 2px 1px #eee;
	-moz-box-shadow: 0 0 5px 2px #666, inset 1px 1px 2px 1px #eee;
}

input:focus {
	background: #ffc;
}

.f_color {
	color: #f39;
}

.button {
	width: 448px;
	height: 60px;
	margin: 0 auto 40px;
	clear: both;
}

.txt_cd {
	font-size: 90%;
}



/*-------------------------
	.dl
-------------------------------------------------------------------------------------------------*/
.box_point {
	clear: both;
	background: url(../images/bg_back.jpg) repeat;
	margin: 0 80px 30px;
	padding: 10px 20px;
	border: solid 1px #a773a2;
}

.box_point p {
	font-size: 90%;
}

dl.dl_btn {
	margin: 0 50px;
	padding: 0;
	text-align: center;
}

dl.dl_btn dt {
	font-weight: bold;
	font-size: 110%;
	margin-bottom: 5px;
}

dl.dl_btn dd {
	margin-bottom: 30px;
}

dl.dl_btn dd a {
	display: block;
	width: 700px;
	height: 64px;
	background: url(../images/dl_btn_05.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

dl.dl_btn dd a:hover {
 background-position: 0 -70px;
}

.txt_idt {
	font-size: 12px !important;
	text-indent: -1em;
	margin-bottom: 10px !important;
}