/*================================================
■なかまの里WEBSITE
based on haut-css ver.08011
DOC:HTML / BASE:TABLE
--------------------------------------------------
注意事項：
================================================*/
BODY	{ margin:0px ; padding:0px ; font-size:10pt ; text-align:center ; background-color:#FFFFFF }
TH	{ font-weight:normal ; text-align:left }
IMG	{ border:0 }
P	{ margin-top:0 }
P.mrg5	{ margin-left:5px ; margin-right:5px }
P.back	{ margin:20px 10px 10px 0px ; font-size:10pt ; color:green ; text-align:right }
P.back A:link, P.back A:visited	{ color:green }

H1	{}
H2	{ margin:0 5px 20px 0 ; padding:25px 0 0 10px ; height:35px ; font-size:18pt ; background-image:url('../images/base/h2_bg.jpg') }
H3	{ margin:0 5px 15px 0 ; padding:5px 0 0 10px ; height:27px ; font-size:14pt ; background-image:url("../images/base/h3_bg.jpg") }
H4	{ padding:0 0 0 15px ; height:20px ; font-size:12pt ; background-image:url("../images/base/h4_bg.gif") }

/* リンク */
A:link		{ color:#0000FF }
A:active	{}
A:visited	{ color:#0000FF }
A:hover		{}

/* 文字 */
.fts08pt	{ font-size:8pt }
.fts10pt	{ font-size:10pt }
.fts12pt	{ font-size:12pt }
.fts14pt	{ font-size:14pt }
.fts18pt	{ font-size:10pt }
.ftsl		{ font-size:larger }	/* 大きく */
.ftss		{ font-size:smaller }	/* 小さく */
.ftwb		{ font-weight:bold }	/* 太字 */
.ftwn		{ font-weight:normal }	/* 標準 */
/* 色 */
.clr0		{ color:#FFFFFF }	/* 白 */
.clr1		{ color:#FF0000 }	/* 赤 */
.clr2		{ color:#0000FF }	/* 青 */
.clr3		{ color:#FFFF00 }	/* 黄 */
.clr4		{ color:#008000 }	/* 緑 */
.clr5		{ color:#FF00FF }	/* 紫 */
.clr9		{ color:#000000 }	/* 黒 */
.clra		{ color:#FF9900 }	/* メインカラー */
.clrb		{ color:#008000 }	/* サブカラー */
.clrc		{ color:#AAAAAA }	/* 補足カラー */

/* float */
.clear	{ clear:both }

/*================================================
　CSSハック
================================================*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix  { *zoom: 1; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*---------- TABLE ----------*/
/* 線0間0内0 */
TABLE.tbl	{ margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0px ; border:0px }
TABLE.tbl TD	{ padding:0 ; border:0px }
TABLE.tbl TH	{ padding:0 ; border:0px }
/* 線0間0内X(td=内1) */
TABLE.tbl0	{ margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0px ; border:0px }
TABLE.tbl0td	{ margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0px ; border:0px }
TABLE.tbl0td TD	{ padding:1px ; font-weight:normal }
TABLE.tbl0td TH	{ padding:1px ; font-weight:normal }
/* 線1間0内X(td=内1) */
TABLE.tbl1	{ margin:0px ; padding:0px ; border-collapse:collapse ; border-spacing:0px ; border:1px solid #FFCC00 }
TABLE.tbl1 TD	{ border:1px solid #FFCC00 }
TABLE.tbl1 TH	{ border:1px solid #FFCC00 }
TABLE.tbl1td	{ margin:0px ; padding:0px ; border-collapse:collapse ; border-spacing:0 ; border:1px solid #FFCC00 }
TABLE.tbl1td TD	{ padding:1px ; border:1px solid #FFCC00 }
/* 線1間0内X(td=内1) */
TABLE.tbl1td5	{ margin:0px ; padding:0px ; border-collapse:collapse ; border-spacing:0px ; border:1px solid #FFCC00 }
TABLE.tbl1td5 TD	{ padding:5px ; border:1px solid #FFCC00 }
/*---------- DIV ----------*/
/* 線1内5 */
DIV.div1-10-clra	{ padding:10px ; border:2px dotted #FF9900 }
DIV.div1-10-clra hr	{ border-top:1px dotted #FF9900 ; border-bottom:none ; border-right:none ; border-left:none }

/*--------- BASE ---------*/
DIV#base	{ margin:0 auto ; padding:0px ; width:770px }
TABLE.base	{ margin:0 ; padding:0 ; width:770px ; border-collapse:collapse ; border-spacing:0 ; border:0 }
TD.base-h	{ margin:0 ; padding:0 ; width:770px ; height:15px ; background-image:url('../images/base/base-h_bg.gif') ; background-color:#FFFFFF }
TD.base-m	{ margin:0 ; padding:0 ; width:770px ; background-image:url('../images/base/base-m_bg.gif') ; background-color:#FFFFFF }
TD.base-f	{ margin:0 ; padding:0 ; width:770px ; height:1px }

/*--------- HEADER ---------*/
DIV#header	{ margin:0 ; padding:0 25px 5px 15px ; width:730px ; height:105px ; text-align:left ; background-image : url('../images/base/header_bg.gif') ; overflow:hidden }
DIV#header h1	{ margin:0 ; padding:0px ; line-height:15px ; vertical-align:middle ; font-size:10pt ; font-weight:normal ; color:#AAAAAA }
DIV.h-title	{ margin:0 ; padding:0 ; width:500px ; height:62px ; float:left }
DIV.h-address	{ margin:0 ; padding:0 ; width:230px ; height:62px ; float:left }
DIV.h-address p	{ margin:20px 5px 0 0 ; padding:0 ; font-size:10pt ; color:#888888 ; text-align:right }

/*--------- MAIN ---------*/
TABLE.main	{ margin:0 ; padding:0px ; width:770px ; border-collapse:collapse ; border-spacing:0 ; border:0 }
TD.main-l	{ margin:0 ; padding:0 0 0 15px ; width:160px ; text-align:left ; vertical-align:top ; background-image:url() }
TD.main-m	{ margin:0 ; padding:0 25px 0 0 ; width:570px ; text-align:left ; vertical-align:top ; background-image:url() }

/*--------- FOOTER ---------*/
DIV#footer	{ margin:0; padding:5px 0 0 0 ; width:770px ; height:40px ; background-color:#FFFFFF ; background-image : url(../images/base/footer_bg.gif) ; overflow:hidden }
DIV#footer p	{ margin:0 ; padding:0 ; line-height:15px ; font-size:10pt ; text-align:center ; vertical-align:middle }

/*--------- main-l（メニュー） ---------*/
DIV#menu		{ margin:0 0 0 5px ; padding:0px ; width:150px }
DIV#menu ul		{ margin:0 ; padding:0px ; list-style-type:none }
DIV#menu li.a1		{ margin:0 0 5px 0 ; padding:0 ; height:40px ; font-size:12pt ; font-weight:bold }
DIV#menu li.a1 A	{ display:block ; margin:0 ; padding:11px 0 0 0 ; width:150px ; height:29px ; color:#000000 ; text-decoration:none ; background-image : url(../images/base/menu_a_bg.gif); text-align:center }
DIV#menu li.a1 A:hover	{ background-image:url(../images/base/menu_a_ro_bg.gif) ; color:#FF0000 }
DIV#menu li.b1		{ margin:0px ; font-size:10pt }
DIV#menu li.b1 A	{ display:block ; margin:0px ; padding:0 0 0 10px ; height:17px ; color:#0000FF ; text-decoration:none ; background-image : url() ; text-align:left }
DIV#menu li.b1 A:hover	{ color:#FF0000 ; background-image : url() }
DIV#menu-blog		{ margin:0 0 10px 5px ; padding:0px ; width:150px ; line-height:20px }
DIV#menu-notice		{ margin:10px 0 10px 5px ; padding:0px ; width:150px ; line-height:20px }
DIV#menu-notice A	{ color:#AAAAAA }

/*--------- index.html ---------*/
DIV#idx-topics	{ margin:0 0 15px 0 }
DIV#idx-topics h2	{ margin:0 5px 10px 0 ; padding:7px 0 0 10px ; height:25px ; font-size:12pt ; background-image:url("../images/base/h3_bg.jpg") }
DIV#idx-topics p	{ margin:0 5px 10px 5px }

#mainimage{
	background: #BFEE7B;
	margin: 0 0 10px 0;
	padding:5px;
}
#mainimage img{
	width:100%;
	height:auto;
}


/*--------- goods.html ---------*/
td.goodsl	{ padding:5px ; width:200px ; vertical-align:top }
td.goodsr	{ padding:5px ; width:300px ; vertical-align:top }
td.goodsr p	{ margin:0 0 8px 0 }

/*--------- フォーム ---------*/
td.forml	{ padding:5px ; width:80px ; text-align:right }
td.formr	{ padding:5px ; width:420px ; vertical-align:top }

/*--------- ニュース ---------*/

p.newsdate{margin:0 10px 5px 0; text-align:right;}
p.comment{margin-left:5px ; margin-right:5px;}
ul.news{margin-left:-30px;}
ul.news > li{list-style:none;margin:0px 10px 15px 0;width:240px;height:auto;display:inline-block;}
ul.news > li img{width:240px;}







/* ^o^v */