/* CSS Document */

/* 全体構造
---------------------------------------------------- */

body
	{
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #493838;
	background: #F4EEEE;
	font-weight: normal;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", verdana, arial, helvetica, sans-serif;
	text-align: center;
	}

img
	{
	border: none;
	}

#box
	{
	width: 760px;
	height: auto;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: url(/i/body_base.gif) #FFFFFF 0 0 repeat-y;
	}
	
#header
	{
	margin-top: 0;
	margin-left: 0;
	width: 760px;
	height: 151px;
	z-index: 1;
	}

#contents
	{
	width: 760px;
	height: auto;
	padding: 0;
	margin: 0;
	}

#section
	{
	width: 600px;
	height: auto;
	text-align: left;
	margin: 0 0 0 18px;
	float: left;
	background-image: url("/i/tate_line.gif");
	background-repeat: repeat-y;
	}

#section p
	{
	width: 520px;
	clear: both;
	font-size: 12px;
	line-height: 18px;
	}
	
#section ul.w_480px
	{
	width: 480px;
	list-style: disc;
	margin: 0;
	padding: 0 0 0 40px;
	}
	


/* サイドナビ
---------------------------------------------------- */
#sidenavi
	{
	width: 142px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#sidenavi .topbar
	{
	width: 142px;
	height: 16px;
	background: url("/i/navi_1.gif") no-repeat; 
	}
	
#sidenavi a
	{
	width: 142px;
	height: 32px;
	display: block;
	}

#sidenavi a:hover img
	{
	visibility: hidden;
	}
		
#top
	{
	background-image: url("/i/navi_top_2.gif");
	}

#about
	{
	background-image: url("/i/navi_gaiyo_2.gif");
	}

#kyousaikai
	{
	background-image: url("/i/navi_kyousaikai_2.gif");
	}

#news
	{
	background-image: url("/i/navi_news_2.gif");
	}

#forum
	{
	background-image: url("/i/navi_forum_2.gif");
	}

#members
	{
	background-image: url("/i/navi_members_2.gif");
	}

#contact
	{
	background-image: url("/i/navi_otoiawase_2.gif");
	}



/* フッタ
---------------------------------------------------- */
#footer
	{
	clear: both;
	margin: 0;
	padding: 0;
	width: 760px;
	height: 65px;
	text-align: right;
	background: url("/i/footer_back.gif") #F4EEEE 0 0 no-repeat;
	}
	
#footer p
	{
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 70px;
	}



/* 文字、イメージ
---------------------------------------------------- */
h1
	{
	color: #C41D3B;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	margin: 15px 0 10px 0;
	clear: both;
	}

div#h1 h1
	{
	color: #AF3F53;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	margin-top: 17px;
	margin-bottom: 10px;
	clear: both;
	}

h2
	{
	color: #921A2F;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	clear: both;
	}

h3
	{
	color: #7A104C;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin: 15px 0 10px 0;
	clear: both;
	}

h4
	{
	clear:both;
	color: #214D0F;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	}

h5
	{
	color: #6A530E;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 20px 0 0 0;
	}
	
p
	{
	font-size: 12px;
	line-height: 18px;
	margin : 0 0 10px 0;
	color: #493838;
	}

p.size13
	{
	font-size: 13px;
	line-height: 20px;
	color: #493838;
	}

p.size13bold
	{
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #493838;
	}

p.size10
	{
	font-size: 10px;
	line-height: 18px;
	}

.bold
	{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #493838;
	}
	
.boldred
	{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #6B222E;
	}
	
.delete
	{
	text-decoration: line-through;
	}

.red
	{
	font-size: 12px;
	color: #6B222E;
	}

.red2
	{
	font-size: 12px;
	color: #9C071F;
	}

.right
	{
	width: 500px;
	text-align: right;
	margin-top: 20px;
	margin-bottom: 15px;
	}

.center
	{
	width: 500px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 5px;
	}

a:link
	{
	color: #EB0D38;
 	text-decoration: underline;
	}

a:visited
	{
	color: #9E205B;
 	text-decoration: underline;
	}

a:hover
	{
	color: #F586BA;
	text-decoration: underline;
	}

a.purple:link
	{
	font-size: 12px;
	color: #48338C;
	text-decoration: underline;
	}

a.purple:visited
	{
	font-size: 12px;
	color: #48338C;
	text-decoration: underline;
	}

a.purple2:link
	{
	font-size: 12px;
	color: #8E284C;
	text-decoration: underline;
	}

a.purple2:hover
	{
	font-size: 12px;
	color: #E591AF;
	text-decoration: underline;
	}

a.red:link
	{
	font-size: 12px;
	color: #6B222E;
	text-decoration: underline;
	}

a.red:visited
	{
	font-size: 12px;
	color: #6B222E;
	text-decoration: underline;
	}

a.red:hover
	{
	font-size: 12px;
	color: #BF6070;
	text-decoration: underline;
	}

a.grey:link
	{
	font-size: 12px;
	color: #493838;
	text-decoration: underline;
	}

a.grey:hover
	{
	font-size: 12px;
	color: #D84888;
	text-decoration: underline;
	}

a.grey:visited
	{
	font-size: 12px;
	color: #493838;
	text-decoration: underline;
	}



/* フォーム
---------------------------------------------------- */
input, select, text
	{
	border-style: solid;
	border-width: 1px;
	border-color: #666 #999 #666 #999;
	vertical-align: middle;
	color: #696969;
	background: #F3F2F2;
	}
	
input:focus, select:focus, textarea:focus
	{
	background: #fff;
	}


/* ページヘッダ
---------------------------------------------------- */
p.logo
	{
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 0;
	margin-left: 0;
	float: left;
	width: 142px;
	height: 151px;
	}
	
p.head
	{
	position: absolute;
	left: 142px;
	top: 0;
	margin-top: 0;
	margin-left: 0;
	width: 618px;
	height: 96px;
	}
	
#header p.title
	{
	position: absolute;
	left: 142px;
	top: 97px;
	margin-top: 0;
	margin-left: 0;
	background-image: url("/i/t_line_1.gif");
	width: 618px;
	height: 55px;
	background-repeat: repeat-x;
	text-align: right;
	z-index: 1;
	} 
	
p.title_type
	{
	position: absolute;
	left: 152px;
	top: 103px;
	margin-top: 0;
	margin-left: 0;
	width: 200px;
	height: 25px;
	text-align: left;
	z-index: 5;
	} 

/* ポジション
---------------------------------------------------- */
.top10
	{
	margin-top: 10px;
	}

.top-10
	{
	margin-top: -10px;
	}

.top15
	{
	margin-top: 15px;
	}

.top20
	{
	margin-top: 20px;
	}

.top30
	{
	margin-top: 30px;
	}

.bottom20
	{
	margin-bottom: 20px;
	}

.tb2030
	{
	margin: 20px 0 30px 0;
	}

.tb20
	{
	margin: 20px 0 20px 0;
	}

.tb30
	{
	margin: 30px 0 30px 0;
	}

.table
	{
	margin-bottom: 15px;
	}
	
.line
	{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 560px;
	clear: both;
	}

/* リスト
---------------------------------------------------- */
ol,ul
	{
	text-align: left;
	margin-top: 5px;
	}

.content2 td ol
	{
	margin: 0 10px 20px 32px;
	}

td ol li
	{
	margin: 2px 0 4px 0;
	}

li
	{
	margin-top: 8px;
	line-height: 16px;
	}

ol.top15,ul.top15
	{
	text-align: left;
	margin-top: 15px;
	}
	
li.top15
	{
	margin-top: 15px;
	line-height: 16px;
	}

li.top30
	{
	margin-top: 30px;
	line-height: 16px;
	}

div.listtext ol
	{
	text-align: left;
	color: #493838;
	margin-top: 5px;
	width: 480px;
	list-style-type: none;
	}

div.listtext ul
	{
	text-align: left;
	color: #493838;
	margin-top: 10px;
	list-style-type: none;
	}

div.listtext li
	{
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
	}

div.listtext li p
	{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;
	margin-top: 10px;
}

ul.none
	{
	list-style-type: none;
	margin-left: 0;
	margin-top: 5px;
	}

li.none
	{
	list-style-type: none;
	margin-left: 0;
	}
	
table li
	{
	margin-top: 5px;
	margin-bottom: 5px;
	}



/* テーブル
---------------------------------------------------- */
.table-border
	{
	width: 90%;
	}

#newscontent table ol
	{
	text-align: left;
	color: #493838;
	margin: 5px 0 0 1px;
	list-style-type: none;
	}
	
#newscontent table li
	{
	font-size: 12px;
	line-height: 16px;
	margin: 5px 0 5px 10px;
	padding: 0;
	}

#forumcontent table ol,#forumcontent table ul
	{
	text-align: left;
	color: #493838;
	list-style-type: none;
	margin: 10px 5px 10px 10px;
	padding: 0;
	}

#forumcontent table li
	{
	text-align: left;
	color: #493838;
	margin: 5px 0 0 1px;
	list-style-type: none;
	}
	
table ol
	{
	text-align: left;
	color: #493838;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0;
	padding: 0;
	}

table ul
	{
	text-align: left;
	color: #493838;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0;
	padding: 0;
	}

	
table li
	{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;
	margin-top: 10px;
	padding: 0;
	}

table
	{
	margin: 10px 0 10px 0;
	padding: 6px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: collapse;
	}
	
td
	{
	font-size: 11px;
	line-height: 14px;
	color: #493838;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0;
	}
		
th
	{
	font-size: 11px;
	line-height: 14px;
	color: #493838;
	background-color: #EAE4E5;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0;
	}

th.center,
td.center
	{
	width: auto;
	text-align: center;
	}

td.right
	{
	width: auto;
	text-align: right;
	}

tr.pink
	{
	background-color: #F9F1F3;
	}

#memberspage table
	{
	width: 500px;
	border: 1px solid #ccc;
	}
	
#memberspage th, td
	{
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 12px;
	line-height: 14px;
	padding: 5px;
	}

#memberspage td .right
	{
	text-align: right;
	border: 1px solid #fff;
	}

#memberspage ul
	{
	margin-right: 80px;
	}

.px100
	{
	width:100px;
	}

.px200
	{
	width:200px;
	}

.px250
	{
	width:250px;
	}

.px300
	{
	width:300px;
	}
	
.px350
	{
	width:350px;
	}

#transparent
	{
	width: 1px;
	height: 100px;
	display: block;
	visibility: hidden;
	}

#transparent p
	{
	font-size: 12px;
	color: #fff;
	}

/* フォーラムリスト
---------------------------------------------------- */
#forumlist .block1
	{
	width: 500px;
	height: 280px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	}

#forumlist .block2
	{
	width: 500px;
	height: 90px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	}

#forumlist .block3
	{
	width: 500px;
	height: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	}

#forumlist .left
	{
	width: 200px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	float: left;
	}

#forumlist .right
	{
	width: 240px;
	height: auto;
	margin: 5px 0 10px 0;
	text-align: left;
	float: left;
	}

#forumlist .shita5
	{
	width: 240px;
	height: 16px;
	display: block;
	margin: 0 0 4px 0;
	padding: 0;
	}
html>body #forumlist .shita5
	{
	margin: 0 0 7px 0;
	padding: 0;
		}

#forumlist .shita10
	{
	width: 240px;
	height: 16px;
	display:block;
	margin: 0 0 7px 0;
	padding: 0;
	}


/* リストボックス
---------------------------------------------------- */
#listbox
	{
	width: 570px;
	height: auto;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
	clear: both;
	}
	
#listbox div.left
	{
	float: left;
	width: 220px;
	height: auto;
	display: block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 0;
	}


/* ポップアップ
---------------------------------------------------- */
#pop
	{
	width: 500px;
	height: auto;
	margin-top: 0px;
	padding-bottom: 10px;
	padding: 0;
	display: block;
	text-align: left;
	background: #FFFFFF;
	padding: 0;
	}

#pop p.poptitle
	{
	width: 230px;
	height: 15px;
	margin-left: 15px;
	margin-top: 20px;
	padding: 0;
	}

#pop h1
	{
	color: #AF3F53;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	}

#pop h1.none
	{
	color: #AF3F53;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 0;
	border-bottom: none;
	}

#pop .comment
	{
	width: 460px;
	height: auto;
	padding: 10px;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #EFEFEF;
	}

#pop .right
	{
	width: 460px;
	text-align: right;
	}

#pop .image
	{
	width: 150px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	padding: 0px;
	float: left;
	}

#pop .content
	{
	width: 320px;
	height: auto;
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	}

#pop .image2
	{
	width: 100px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
	padding: 0;
	float: left;
	}

#pop .content2
	{
	width: 360px;
	height: auto;
	margin: 15px 0 0 0;
	padding: 0;
	float: left;
	}
	
#pop .content3
	{
	width: 400px;
	height: auto;
	margin: 10px 10px 0 15px;
	padding: 0;
	}


#pop table
	{
	padding: 0;
	margin: 0;
	background-color: #EFEFEF;
	border: 1px solid #fff;
	}

#pop td
	{
	border-collapse: collapse;
	border: 1px solid #fff;
	font-size: 12px;
	line-height: 16px;
	padding: 5px;
	}

div#close
	{
	clear: both;
	width: 490px;
	height: 24px;
	padding-top: 10px;
	padding-right: 10px;
	text-align: right;
	background: #FFFFFF;
	}

div#close2
	{
	clear: both;
	width: 450px;
	height: 24px;
	padding-top: 10px;
	text-align: right;
	}

#pop .link
	{
	width: 450px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #A9001B;
	}

#pop .link p
	{
	padding-left: 10px;
	}
	
#pop .link ol
	{
	text-align:left;
	}
	
#pop .link li
	{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 0;
	margin-top: 10px;
	}

#pop .label{
	display: block;
	margin: 15px 0 0 10px;
	line-height: 2em;
	width: 400px;
	}

#pop .control{
	display: block;
	margin: 5px 0 0 12px;
	line-height: 2em;
	width: 400px;
	}


/* PDFマーク
---------------------------------------------------- */
#pdf
	{
	width: 500px;
	height: 80px;
	display: block;
	clear: both;
	margin: 5px 0 0 0;
	padding: 0;
	}

#pdf .pdftext
	{
	float: left;
	width: 320px;
	height: 31px;
	font-size: 12px;
	color: #333;
	margin-top: 5px;
	}
	
#pdf .pdflogo
	{
	float: left;
	width: 98px;
	height: 31px;
	}



/* コンテンツ一番下
---------------------------------------------------- */
#list
	{
	width: 530px;
	min-height: 300px;
	height: auto;
	display: block;
	clear: both;
	margin-top: 20px;
	padding: 0;
	}

*html #list
	{
	height: 300px;
	}

#list2
	{
	width: 530px;
	height: auto;
	clear: both;
	margin-top: 10px;
	padding: 0;
	}
	
#list3
	{
	width: 530px;
	min-height: 100px;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	}

*html #list3
	{
	height: 100px;
	}
	
#list4
	{
	width: 530px;
	height: 30px;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	}
	
/* news photo
---------------------------------------------------- */
div.c
	{
	width:520px;
	clear: both;
	margin: 0 0 5px 0;
	_height: 1px; /*IE6*/
	}

div.c:after
	{
	clear: both;
	margin: 0;
	height: 0;
	content: ".";
	display: block;
	visibility:hidden
	}

*+html .c /*IE7*/
	{
	height: 1%;
	}

div.c img
	{
	border: 1px solid #E52E65;
	}	
	
.half_l
	{
	float: left;
	width: 240px;
	margin: 0 35px 0 0;
	}

.half_r
	{
	float: right;
	width: 240px;
	margin: 0;
	}

.free-l
	{
	float: left;
	height: auto;
	_height: 1px; /*IE6*/
	margin: 0 18px 0 0;
	}

.free-r 
	{
	float: left;
	height: auto;
	_height: 1px;/*IE6*/
	}

#section .free-l p,
#section .free-l ul,
#section .free-l li,
#section .free-r p,
#section .free-r ul,
#section .free-r li
	{
	width: auto;
	}

.w92
	{
	width: 92px;
	}

.w408
	{
	width: 408px;
	}


#section p.caption
	{
	color: #666666;
	background-color: inherit;
	margin: 3px 0 10px 0;
	width: 240px;
	}
	
	/* 取り消し線
---------------------------------------------------- */
.revise
	{
	text-decoration: line-through;
	}
	
	/* お問い合わせ
---------------------------------------------------- */
.faq
	{
	padding-left: 1.5em;
	text-indent: -1.5em;
	}

.question
	{
	margin-top: 30px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #7A104C;
	}

.answer
	{
	font-size: 12px;
	line-height: 18px;
	}
