/**************************************************************
 design for 南かやべ白口浜真昆布
 **************************************************************/
#content {
	position: relative;
 	height: auto !important;
 	height: 100%;
 	min-height: 100%;
}

#wrap {
	margin: 0 auto;
	width: 816px;
}

/**************************************************************
 トップメニューとロゴ
 **************************************************************/
#header {
	clear: both;
	position: relative;
	height: 36px;
	margin: 0;
	background: #FFFFFF url(../images/bg/header.gif) repeat-x bottom left;
}

#header img {
	position: absolute;
	top: 0px;
	left: 10px;
}

#header ul {
	margin: 8px 1px 0 0 !important;
	margin: 10px 1px 0 0;
	padding: 0;
	float: right;
}

#header ul li {
	display: inline;
	list-style: none;
}

#header ul li a {
	float: left;
	padding: 0 10px;
	font: normal 9pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	line-height: 120% !important;
	line-height: 120%;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#header ul li a.last {
	float: left;
	padding: 0 10px;
	font: normal 9pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	line-height: 120% !important;
	line-height: 120%;
	color: #FFFFFF;
	border-right: none;
}

#header ul li a:hover {
	color: #006666;
}

/**************************************************************
 トップイメージ
 **************************************************************/
#headerImg {
	margin: 0 auto;
	height: 143px;
	background: url(../images/bg/header_image.jpg) no-repeat top left;
}

/**************************************************************
 ブロックメニュー
 **************************************************************/
#menu {
	margin: 0;
	width: 816px;
	background: #009999 url(../images/bg/menu.gif) repeat-x top left;
}

#menu ul {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #009999 url(../images/bg/menu.gif) repeat-x top left;
}

#menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu ul li a {
	float: left;
	width: 135px;
	padding-top: 6px;
	padding-bottom: 5px;
	font: normal 10.5pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	color: #FFFFFF;
	border-top: 7px solid #339999;
	border-right: solid 1px #009999;
}

#menu ul li a span {
	display: block;
	padding: 2px 7px;
}

#menu ul li a span.desc {
	font-size: 8pt;
	color: #8C8D94;
}

#menu ul li a:hover,
#menu ul li a.here {
	color: #FFFFFF;
	background: #3B5D77 url(../images/bg/menu2.gif) repeat-x top left;
	border-top: 7px solid #FBD958;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
	color: #FFFFFF;
}

/**************************************************************
   ページ
 **************************************************************/
#page {
	clear: both;
	float: left;
	width: 816px;
	text-align: left;
	background: url(../images/bg/top_back.gif) repeat bottom left;
}

#columns {
	margin: 0;
}


/* Column widths */
.width {
	width: 816px;
}

.widthPad {
	width: 816px;
}

.width25 {
	width: 148px;
	height: 100%;
}

.width75 {
	background-color: #FFFFFF;
	width: 500px;
	margin-left: 3px;
	padding-top: 3px;
	color: #000000;
}

.width100 {
	width: 816px;
}

/**************************************************************
   フッタ
 **************************************************************/
#footer {
	clear: both;
	float: left;
	width: 100%;
	height: 3em;
	margin-top: 0em;
}

#footer #bg {
	position: relative;
	height: 3em;
	margin: 0 auto;
	background-color: #444444;
}

#footer #bg ul {
	float: right;
	margin: 0.7em 1em 1em 0 !important;
	margin: 1em 0em 1em 2em;
}

#footer #bg ul li {
	display: inline;
	list-style: none;
}

#footer #bg ul li a {
	float: left;
	padding: 0 0.5em 0 1em;
	font: normal 9pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	color: #FFFFFF;
}

#footer #bg ul li a:hover {
	color: #FFCC66;
}

/**************************************************************
   メインコンテンツ
 **************************************************************/
.post {
	float: left;
	width: 490px;
	position: relative;
	margin: 0px 5px 20px 0px;
	border: 1px solid #CCCCCC;
	padding-top: 0.3em;
}

.post .title {
	display: block;
	padding: 0.5em 0.2em 0em 0.2em;
	font-size: 12pt;
	font-family: "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	font-weight: bold;
	color: #009999;
}

.post .categtitle {
	display: block;
	padding: 0.5em 0.2em 0em 0.5em;
	font-size: 12pt;
	font-family: "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	font-weight: bold;
	color: #003366;
}

.post .block {
	padding: 0 0.2em 0.25em 0.2em;
	margin-bottom: 0.5em;
	font: normal 9pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	color: #666666;
	text-align: left;
	border-bottom: dotted 1px #009999;
}

.post .date {
	color: #009999;
	font-size: 8.5pt;
	margin-bottom: 0.1em;
	padding: 0 0.5em 0 0.5em;
	text-align: right;
	border-bottom: dotted 1px #009999;
}

.post .datebotm {
	color: #009999;
	font-size: 8.5pt;
	margin-bottom: 0.1em;
	margin-left: 0px;
	padding: 0 0.5em 0em 0.5em;
	text-align: right;
	line-height: 120%;
	border-top: dotted 1px #009999;
}

.post .news {
	color: #000000;
	font: normal 9pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	margin-bottom: 0.5em;
	margin-left: 0px;
	padding: 0 0.5em 0em 0.5em;
	text-align: left;
	line-height: 130%;
	border-bottom: dotted 1px #666666;
}

.post .img {
	text-align: center;
}

.post .imgRight {
	float: right;
	margin: 0.3em;
}

.post .imgLeft {
	float: left;
	margin: 0.3em;
}

.post p {
	color: #000000;	
	font: normal 9pt "ＭＳゴシック",Osaka,Arial,sans-serif;	
	line-height: 140%;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0.35em 0.5em 0.35em 0.5em;
}

.post a {
	color: #444466;
	font-size: 9pt;
	line-height: 110%;
	margin: 0;
	padding: 0 0 0 0;
	border-bottom: dotted 1px #aaaaaa;
}

.post a:hover {
	color: #CC3366;
	font-size: 9pt;
	line-height: 110%;
	margin: 0;
	padding: 0 0 0 0;
	border-bottom: dotted 1px #cc3366;
}

.post .purple {
	font: bold 12pt "ＭＳゴシック",Osaka,Arial,sans-serif; 
	color: #993399;
}

.post .column{
	font: normal 10pt "ＭＳゴシック",Osaka,Arial,sans-serif; 
	color: #444444;
	line-height: 130%;
	margin: 0;
}

/*********************************************************
   ちょっと追加分
 *********************************************************/
.post2 {
	float: left;
	width: 490px;
	position: relative;
	margin: 0px 5px 20px 0px;
	padding-top: 0.3em;
}

.post-column-box-white {
	float: left;
	width: 100%;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
}

.post-column-box-title-grey {
	clear: both;
	display: block;
	margin: 0em 0em 0.1sem 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(220,220,220);
	font-weight: bold;
	color: rgb(50,50,50);
}

.post-column-box-inside {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.1em 0em 0.2em 0.3em;
	background-color: rgb(240,240,240);
	font-weight: bold;
	color: rgb(50,50,50);
}

.post-column-img-left{
	float: left;
	margin: 0em 0.5em 0.2em 0em;
	border: solid 1px rgb(100,100,100);
}

/**************************************************************
   サブメニュースタイル
 **************************************************************/
ul.submenu {
	margin: 0 0 16px 0;
	padding-right: 0.2em;
	padding-left: 0;
	line-height: 130%;
	background-color: #FFFFFF;
}

ul.submenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.submenu li a {
 	display: block;
 	height: auto !important;
	height: 1%;
	padding: 1px 5px 1px 14px;
	color: #666666;
	background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu li a:hover {
	color: #FFFFFF;
	background: #009999 url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu1 {
	margin: 0;
	padding-right: 3px;
	padding-left: 3px;
	line-height: 160%;
	background-color: #FFFFFF;
}

ul.submenu1 li {
	margin: 0 0 3px 0;
	padding: 0;
	list-style: none;
	font: normal 9pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
}

ul.submenu1 li a {
 	display: block;
 	height: auto !important;
	height: 1%;
	padding: 9px 5px 9px 5px;
	color: #003366;
	background: url(../images/bgul.gif) repeat-x;
}

ul.submenu1 li a:hover {
	color: #CC3366;
	background: url(../images/bgul2.gif) repeat-x;
}
 
/**************************************************************
   タイトルボックス
 **************************************************************/
.titlebox {
	margin: 18px 5px 3px 5px;
	padding: 2px;
	line-height: 130%;
	background-color: #339999;
	border: solid 1px #006666;
}

.titlebox p {
	font: bold 9pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	color: #FFFFFF;
	margin: 0.3em;
	line-height: 120%;
}

.titlebox a {
	color: #FF3399;
}

.titlebox a:hover {
	color: #FFFFFF;
	background-color: #FF3399;
}

/**************************************************************
   左トピックス
 **************************************************************/
.subtopix {
	margin: 0px 5px 3px 5px;
	padding: 5px 3px 5px 2px;
	line-height: 130%;
	background-color: #FFFFFF;
	border: solid 1px #888888;
}

.subtopix p {
	font: normal 9pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	color: #666666;
	margin: 0.25em;
	line-height: 120%;
}

.subtopix a {
	color: #FF3399;
}

.subtopix a:hover {
	color: #FFFFFF;
	background-color: #FF3399;
}

/**************************************************************
   位置指定
 **************************************************************/
.block {
	display: block;
}

.clear {
	clear: both;
}

.marginRight {
	margin-right: 15px;
}

.paddingLeft {
	padding-left: 5px;
}

.paddingRight {
	padding-right: 5px;
}

.floatLeft {
	float: left;
	padding: 8px 0 50px 10px;
	color: #000000;
}

.floatRight {
	float: right;
	padding: 8px 10px 50px 0;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
	margin-bottom: 0;
	margin-right: 0.25em;  
}

.alignTop {
	vertical-align: top;
}

.alignMiddle {
	vertical-align: middle;
}

.alignBottom {
	vertical-align: bottom;
}

.lightBlueBg {
	padding: 0.1em;
}

.dark {
	color: #FFFFFF;
}

/*********************************************************
   全体構成
 *********************************************************/
html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #000000 url(../images/bg/light_body.gif) repeat-y top center;
	font: normal 9pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	line-height: 170%; 
	color: #555555;
}

/*********************************************************
   見出し指定
 *********************************************************/
h1 {
	width: 97.5%;
	margin: 10px 0 10px 0px;
	padding-bottom: 5px;
	font: bold 14pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	color: #536C71;
	border-bottom: 2px solid #009999;
}

h2 {
	font: bold 14pt "ＭＳゴシック",Osaka,Verdana,Tahoma,Arial,sans-serif;
	margin-top: 20px;
	margin-bottom: 6px;
	color: #000000;
}

h3 {
	text-transform: uppercase;
	font-size: 10pt;
	color: #5D6F73;
}

h4 {
	font-size: 9pt;
}

h5 {
	font-size: 7.5pt;
}

/*********************************************************
   リンク指定
 *********************************************************/
a {
		text-decoration: none;
	color: #3B5D77;
}

a:hover {
	color: #CC0066;
}

a img {
	border: 0;
}

a img.border {  
	border: 1px solid #FC3307;
}

/*********************************************************
   画像指定
 *********************************************************/
img.floatRight {
	margin: 5px 0 10px 10px;
}

img.floatLeft {
	margin: 5px 10px 10px 0;
}

/*********************************************************
   フォーム内文字サイズ指定
 *********************************************************/
input, select, textarea { 
	font-size: 9pt; 
} 

/*********************************************************
   他、テキストカラー設定
 *********************************************************/
.blu {
	color: #006699;
}

.pnk {
    font-weight: bold;
	color: #FF9966;
}

.grn {
	color: #669900;
}

.lightblue {
	color: #339999;
}

/*********************************************************
   テーブル設定
 *********************************************************/
#table {
	border: solid 1px #000000;
}

.tablep {
	margin: 4px;
}

.tbl1 {
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #A0A0A0;
	padding: 8px 0px 8px 6px;
	text-align: center;
	font: bold 9pt "ＭＳゴシック",Osaka,Arial,sans-serif;
}
	
.tbl2 {
	color: #FFFFFF;
	font: normal 10pt "ＭＳゴシック",Osaka,Arial,sans-serif;
	text-align: left;
	padding: 6px 0px 6px 6px;
	border: solid 1px #99CCFF;
	background-color: #3399CC;
}

.tbl3 {
	color: #000000;
	font: normal 10pt "ＭＳゴシック",Osaka,Arial,sans-serif;
	text-align: left;
	padding: 6px 0px 6px 6px;
	border: solid 1px #FFFFFF;
	background-color: #EEEEEE;
}

.tbl4 {
	color: #666666;
	border-bottom: dotted 1px #3399CC;
	padding: 0.2em;
	text-align: left;
	vertical-align: top;
	line-height: 120%;
	font: normal 9pt "ＭＳゴシック",Osaka,Arial,sans-serif;
}

.tbl5 {
	color: #000000;
	background-color: #FFFFFF;
	border-bottom: dotted 1px #3399CC;
	font: normal 10pt "ＭＳゴシック",Osaka,Arial,sans-serif;
	text-align: center;
	padding: 0.1em;
}

.tblp {
	color: #000000;
	font: normal 8pt "ＭＳゴシック",Osaka,Arial,sans-serif;
	text-align: left;
	line-height: 110%;
}