charset "utf-8";

/* =================================================
       --------------------
           base.css 
       -------------------
           サイト全体の共通スタイル
  
================================================= */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
body {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	color:#6D4A1F;
	line-height:1.2;
	margin-top:20px;
}
/* clearfix
---------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

.clearfix {
  /*min-height: 1px;*/
}

* html .clearfix {
  /*height: 1px;
   Mac版IEのみに適用 \*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* テキスト太字 */
.bold{ font-weight:bold; }

/* リンクカラー */
a,a:link,
a:visited {color:#603548; text-decoration:underline;}

a:hover, 
a:active {color:#997B89; text-decoration:none;}

/* 文字サイズ */
.fs10{ font-size:10px; }
.fs14{ font-size:14px; }
.fs16{ font-size:16px; }
.fs18{ font-size:18px; }
.fs20{ font-size:18px; }

/* 文字カラー */
.rule{ color: #4870AD; }
.note{ color:#C51B1B; }
.faq { color:#091404; }

/* スペース サイズ */
.spb5  {margin-bottom:5px!important;}
.spb10 {margin-bottom:10px!important;}
.spb15 {margin-bottom:15px!important;}
.spb20 {margin-bottom:20px!important;}
.spb25 {margin-bottom:25px!important;}
.spb30 {margin-bottom:30px!important;}
.spb40 {margin-bottom:40px!important;}

.spt5  {margin-top:5px!important;}
.spt10 {margin-top:10px!important;}
.spt15 {margin-top:15px!important;}
.spt20 {margin-top:20px!important;}
.spt25 {margin-top:25px!important;}
.spt30 {margin-top:30px!important;}
.spt40 {margin-top:40px!important;}


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

button{
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	background:none
}
.fl {float:left;}
.fr {float:right;}

/*【全ページ共通】
======================================== */
/* ユーザーヘッダ
--------------------------------- */
.userDeta{
width: 960px;
margin: 10px auto 0px auto;
text-align: right;
font-size: 10px;
letter-spacing: 0.05em;
}
#sidebar .userDeta{
	width:auto;
	margin: 0 0 20px 0;
	padding:10px 20px 20px 20px;
	background:#282828;
	color:#ccc;
	font-size:12px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background: url(../img/base/bg_stripe.gif);
	text-align: left;
}
#sidebar .userDeta a{
	color:#fff;
	text-decoration:none;
}
#sidebar .userDeta p{
	margin:10px 0 0 0;
}
#userHeader{
	width:960px;
	margin:0 auto;
}
#userHeader h1{
	float:left;
	width:376px;
}
#userNav{
	float:right;
	width:210px;
	margin:20px 0 0 0;
	letter-spacing: 0.05em;
}
#userNav li{
	float:left;
	width:100px;
	margin-right:10px;
}
#userNav li:last-child{
	margin-right:0;
}
#userNav li a{
	display:block;
	padding:5px 0;
	background:#6C5D42;
	color:#fff;
	text-align:center;
	font-weight:bold;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration: none;
}
#userNav li a:hover{
	background:#9B8A6C;
}
#userHeader .userName {
	font-size: 12px;
	letter-spacing: 0.1em;
	padding: 5px 0 0 20px;
}
#userHeader .joinDate {
	font-size: 10px;
	letter-spacing: 0.1em;
	padding: 7px 0 0;
	position: absolute;
	right: 230px;
	top: 0;
}
#userHeader .joinDate a {
	color: #ff0000;
	text-decoration: underline;
}
#userHeader .joinDate a:hover {
	color: #ff9900;
	text-decoration: underline;
}

.notice_txt_box_error p {
	border: 2px solid #cccccc;
	color: #ff0000;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.03em;
	line-height: 18px;
	margin: 0 auto 5px;
	padding: 10px 0;
	text-align: center;
	width: 726px;
}


/* pageTop
--------------------------------- */
#pagetop {
	width: 111px;
	height: 152px;
	position: fixed;
	right: 10px;
	bottom: -180px;
	z-index: 99;
}
#pagetop a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url(../../img/official/base/nav_pagetop.png) no-repeat;
}
	

/* 【共通】メール送信エラー解除のお願い
===============================================================================================*/
#mailerrorInfo{
text-align: center;
width: 770px;
padding: 10px;
margin: 0 0 40px;
background: #EEE;
}
#errorinfoInner{
	display:ineline-block;
	margin:0 auto;
	color:#f00;
line-height: 1.4em;

}
#errorinfoInner .tit{
	padding:0 0 3px;
	font-weight:bold;
}
#errorinfoInner .text{
	font-size:11px;
}
@media screen and (max-width: 1024px){

#errorinfoInner{
	width:95%;
}
#errorinfoInner .text{
	text-align:left;
}
}
@media screen and (max-width: 580px){
}

#errorInfo{
	color:#f00;
	font-size:11px;
}