/*======================================================================

まみたん.netについて｜汎用CSS

======================================================================*/

/* ボックス */
#Box {
	width:704px;
	margin:0px auto;	
}

/* 各ページへのリンクボタン */
#NaviAbout {
	width:720px;
	list-style-type:none;
	margin-left:6px;
	_margin-bottom:-16px;
}

#NaviAbout li {
	float:left;
	margin-right:8px;
}

/* ボタン：まみたんについて */
#NaviAbout #About a {
	width:108px;
	height:25px;
	background-image:url(img/b_about.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
}

/* ボタン：よくある質問 */
#NaviAbout #Faq a {
	width:108px;
	height:25px;
	background-image:url(img/b_faq.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
}

/* ボタン：掲示板ご利用ルール */
#NaviAbout #Writing a {
	width:108px;
	height:25px;
	background-image:url(img/b_writing.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
}

/* ボタン：メールの送り方 */
#NaviAbout #Mail a {
	width:108px;
	height:25px;
	background-image:url(img/b_mail.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
}

/* ボタン：お気に入りの使い方 */
#NaviAbout #Mypage a {
	width:108px;
	height:25px;
	background-image:url(img/b_mypage.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
}

/* ボタン：リンクについて */
#NaviAbout #Link a {
	width:108px;
	height:25px;
	background-image:url(img/b_link.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
}

/* 点線（下余白なし） */
.DotLineTL {
	width:100%;
	height:1px;
	background-image:url(http://www.mamitan.net/img_contents/dotline2.gif);
	background-repeat:repeat-x;
	margin:8px auto 8px auto;
	_margin-bottom:-5px;
}

/* 点線（下余白あり） */
.DotLineL {
	width:100%;
	height:1px;
	background-image:url(http://www.mamitan.net/img_contents/dotline2.gif);
	background-repeat:repeat-x;
	margin:8px auto 8px auto;
}

/* ページの先頭へ */
.ScrollTop {
	text-align:right;
	padding-top:5px;
}

/* 初めて来られた方へ〜まみたんについて用css */

/* タイトル */
#Box #TitleAbout {
	width:214px;
	height:38px;
	background-image:url(img/t_about.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
	float:left;
	_margin-bottom:2px;
}

/* キャッチコピー */
#Box #SubTitleAbout {
	width:115px;
	height:14px;
	background-image:url(img/t_about_sub.gif);
	background-repeat:no-repeat;
	margin-top:12px;
	float:right;
}

/* まみたん.netとは？ボックス */
#AboutBox {
	width:704px;
	height:134px;
	background-image:url(img/bg_about.gif);
	background-repeat:no-repeat;
}

/* まみたん.netとは？テキスト */
#AboutText {
	padding:55px 15px 5px 15px;
	line-height:130%;
	font-weight:bold;
}

/* 登録が必要です */
.RegTitle {
	font-weight:bold;
	color:#FA7548;
	padding:3px 0px;
	float:left;
}

/* 会員登録ボタン */
.RegistButton a {
	width:155px;
	height:24px;
	background-image:url(img/b_regist.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
	float:right;
	margin-right:20px;
	_margin-bottom:8px;
}

/* 初めて来られた方へ〜FAQ用css */

/* タイトル */
#Box #TitleFaq {
	width:223px;
	height:38px;
	background-image:url(img/t_faq.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
	float:left;
	_margin-bottom:2px;
}

/* キャッチコピー */
#Box #SubTitleFaq {
	width:124px;
	height:14px;
	background-image:url(img/t_faq_sub.gif);
	background-repeat:no-repeat;
	margin-top:12px;
	float:right;
}

/* 質問カテゴリ／タイトル */
.CategoryTitle {
	width:687px;
	height:21px;
	border:1px solid #F4A88E;
	border-bottom:1px dashed #F4A88E;
	background-color:#F9DEEB;
	padding:6px 0px 0px 15px;
	margin-top:12px;
	font-weight:bold;
}

/* 質問カテゴリ／本体 */
.CategoryBox {
	width:676px;
	background-color:#FFFFFF;
	border:1px solid #F4A88E;
	border-top:0px;
	padding:13px;
}

/* 質問 */
.Question {
	margin:2px 0px;
	background-image:url(img/ico_q.gif);
	background-repeat:no-repeat;
	padding:4px 0px 10px 32px;
	display:block;
}

/* 答え */
.Answer {
	margin:2px 0px;
	background-image:url(img/ico_a.gif);
	background-repeat:no-repeat;
	padding:4px 0px 10px 32px;
	display:block;
}

/* 初めて来られた方へ〜掲示板ご利用ルール用css */

/* タイトル */
#Box #TitleRule {
	width:224px;
	height:38px;
	background-image:url(img/t_rule.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
	float:left;
	_margin-bottom:2px;
}

/* キャッチコピー */
#Box #SubTitleRule {
	width:117px;
	height:14px;
	background-image:url(img/t_rule_sub.gif);
	background-repeat:no-repeat;
	margin-top:12px;
	float:right;
}

/* テキストボックス */
.TextBox{
	padding:5px 30px;
}

.TextBox ul {
	list-style-type:dot;
	list-style-position:outside;
}

.TextBox li {
	line-height:130%;
	padding-bottom:1em;
}

/* 題名 */
.RuleTitle {
	font-weight:bold;
	color:#FA7548;
	padding:3px 0px;
	padding-left:1em;
}

/* 初めて来られた方へ〜メールの送り方用css */

/* タイトル */
#Box #TitleMail {
	width:182px;
	height:38px;
	background-image:url(img/t_mail.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
	float:left;
	_margin-bottom:2px;
}

/* キャッチコピー */
#Box #SubTitleMail {
	width:246px;
	height:13px;
	background-image:url(img/t_mail_sub.gif);
	background-repeat:no-repeat;
	margin-top:12px;
	float:right;
}

/* 説明図 */
.Image {
	width:500px;
	float:left;
	margin-right:4px;
}

/* 説明図テキスト */
.ImageText {
	width:200px;
	float:left;
}

/* 初めて来られた方へ〜リンクについて用css */

/* タイトル */
#Box #TitleLink {
	width:183px;
	height:38px;
	background-image:url(img/t_link.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
	float:left;
	_margin-bottom:2px;
}

/* キャッチコピー */
#Box #SubTitleLink {
	width:190px;
	height:13px;
	background-image:url(img/t_link_sub.gif);
	background-repeat:no-repeat;
	margin-top:12px;
	float:right;
}

/*リンクバナー画像120*/
#ban120 img {
	width:120px;
	height:60px;
	float:left;
	padding:10px 10px 5px 0;
	display:block;
}

/*リンクバナー画像88*/
#ban88 img {
	width:88px;
	height:31px;
	float:left;
	padding:0 15px 10px 0;
	display:block;
}

table.arealink {
}

.arealink th {
	text-align:left;
	font-weight:bold;
	padding:4px;
}

.arealink td {
	padding:4px;
}

.url {
	width:250px;
}

/* 初めて来られた方へ〜お気に入りの使い方用css */
#Box #TitleMypage {
	width:222px;
	height:38px;
	background-image:url(img/t_mypage.gif);
	background-repeat:no-repeat;
	border:0px;
	display:block;
	float:left;
	_margin-bottom:2px;
}

/* キャッチコピー */
#Box #SubTitleMypage {
	width:144px;
	height:13px;
	background-image:url(img/t_mypage_sub.gif);
	background-repeat:no-repeat;
	margin-top:12px;
	float:right;
}

