@charset "utf-8";
/*沖縄健康創業*/

/*初期設定 */
*{ margin:0; padding:0;}
body{ color:#000000; background:url(../img/bg_body.jpg) repeat-y center;}
table,div{ margin:auto;}
	
/*初期：リンクテキスト*/
a:link{ color:#000066; text-decoration:none;}
a:visited{ color:#000066; text-decoration:none;}
a:hover{ color:#FF0000; text-decoration:none;}

/*初期：フォント*/
body{ font-size:13px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
p,th,td,li{ font-size:100%;}/*13px*/
h2{ font-size:167%;}/*22px*/
h3{ font-size:100%;}/*13px*/
h4,h5{ font-size:108%;}/*13px*/
/*
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
26px = 182%
25px = 189%
26px = 197% (h2)
*/

/*初期：リストスのタイル*/
ul,ol,ul li,ol li{ list-style:none;}
address{ font-style:normal;}
hr{ margin:15px 0; border:none; border-top:1px dashed #CCCCFF; height:1px; color:#fff;}

/*初期：イメージ写真*/
img{ border:0;}
a img{ border:0;}

/*ハック：floatのハック[clearfixf]*/
 /*Firefox/Safari/Operaなどのモダンブラウザ用*/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
 /*IE7とMac版IE5用*/
.clearfix{ display: inline-table; min-height: 1%;}
 /*IE6以前用*/
/* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */

/*-----　骨格　-----*/
/*　外枠　*/
#wrapper{ width:799px; margin:0 auto; text-align:left; background:#FFFFFF;}
/*　ヘッダー　*/
#header{ position:relative; width:100%; overflow:hidden; background:#fff; padding:5px 0;}
/*　内枠（コンテナ）*/
#container{}
/*　枠（右側）*/
#alpha{ width:585px; margin-top:8px; float:right;}
/*　枠（左側）*/
#beta{ width:199px; margin-top:8px; float:left;}
/*　フッター　*/
#footer{ width:100%; clear:both; font-size:92%;}

/*サイトタイトル（企業名）*/
#header p{ margin: 0 1em 0 0; background:#fff; color:#333; margin-bottom:5px;}
#header #ci{ display:block; float:left;}
#header #ci img{ float:left;}
#header #ci p{ margin-left:40px; line-height:36px; font-size:167%; font-weight:bold;}
#header #ci a{ color:#000000; text-decoration:none;}

/*ページのイメージ写真*/
#indexpageimg { margin:0px; width:799px; height:250px;  background:url(../img/img_index.jpg) no-repeat;}
#pageimgNomal{ position:relative; width:799px; height:80px; margin:0px; background:url(../img/imag_Nomal.jpg) no-repeat;}
#pageimg01{ position:relative; width:799px; height:80px; margin:0px; background:url(../img/imag_01.jpg) no-repeat;}
#pageimg02{ position:relative; width:799px; height:80px; margin:0px; background:url(../img/imag_02.jpg) no-repeat;}
#pageimg03{ position:relative; width:799px; height:80px; margin:0px; background:url(../img/imag_03.jpg) no-repeat;}
#pageimg04{ position:relative; width:799px; height:80px; margin:0px; background:url(../img/imag_04.jpg) no-repeat;}

/*ページのタイトル*/
#indexpageimg h1{ padding:10px 0px 0px 25px; font-size:108%;}
#pageimgNomal h1{ position:absolute; bottom:0px; font-size:116%; color:#000000;}
#pageimg01 h1{ position:absolute; bottom:0px; font-size:116%; color:#000000;}
#pageimg02 h1{ position:absolute; bottom:0px; font-size:116%; color:#000000;}
#pageimg03 h1{ position:absolute; bottom:0px; font-size:116%; color:#000000;}
#pageimg04 h1{ position:absolute; bottom:0px; font-size:116%; color:#000000;}

/*サブナビ：ヘッダー部分*/
#navi_header{ position:absolute; bottom:5px; right:10px; font-size:85%/*11px*/;}
#navi_header ul,.navi li,.navi a{ display:block;}
#navi_header ul{ float:right;}
#navi_header li{ float:left; white-space:nowrap;}
#navi_header li.Rline a{ padding:4px 10px;}
#navi_header li.NOline a{ padding:4px 0px 4px 10px;}
#navi_header a{ background:transparent;}

/*メニュー*/
#menu{}
#menu li{ float:left;}
#menu li a{ height:53px; width:199px; display:block; text-align:center; line-height:53px; color:#fff; text-decoration:none; border-top:solid 1px #ccc;}
#menu li.menu01 a{ background:#666; border-right:solid 1px #ccc; border-bottom:#333 solid 1px;}
#menu li.menu01 a:hover{ text-decoration:none; background:#fff; color:#f00; border-bottom:#f00 solid 1px;}
#menu li.menu01r a{ background:#666; border-bottom:#333 solid 1px;}
#menu li.menu01r a:hover{ text-decoration:none; background:#fff; color:#f00; border-bottom:#f00 solid 1px;}

/*記事枠内のレイアウト*/
.fL{ float:left; margin-right:10px;}
.fR{ float:right; margin-left:10px;}
.cL{ clear:left;}
.cR{ clear:right;}
.cB{ clear:both;}
.center{ display:block; margin: 0 auto; text-align:center;}

/*文字位置・飾り*/
.CNT{ text-align:center;}
.L{ text-align:left;}
.R{ text-align:right;}
em{ font-style:normal; font-weight:normal;}
strong{ font-size:123.1%;/*16px*/ margin:0 0.5em;}
span.red{ color:#CC0000; font-weight:bold; margin:0 0.5em;}
span.small{ font-size:77%;}
.bold{ font-weight:bold; margin:0 5px;}
.marginTOP1{ margin-top:1em;}
.marginTOP2{ margin-top:2em;}
#alpha #contents .marginLEFT30{ margin-left:30px;}

/*リンクなどに付くマーク画像*/
.markLINK{ padding-left:25px; background:url(../img/mark_jump.gif) no-repeat 0.5em;}
.markMARK1{ padding-left:25px; background:url(../img/mark_mark1.gif) no-repeat 0.5em;}

/*トップページ*/
/*index*//*メニュー*/
#indxmenu{ margin-top:5px;}
#indxmenu li{ float:left;}
#indxmenu li a{ height:196px; width:196px; display:block;}
#indxmenu li.menu01 a{ margin-right:5px;}
#indxmenu li.menu01 a:hover{}
#indxmenu li.menu01r a{ margin:0;}
#indxmenu li.menu01r a:hover{}
/*index*//*枠組み*/
#indexalpha{ width:565px; margin-top:8px; margin-bottom:10px; float:left; background:#e9eaee; padding:15px;}
#indexbeta{ width:199px; margin-top:8px; float:right; background:#FFFFFF;}
/*What's new*/
#indexalpha #whatsnew{ background:#FFFFFF; padding:10px; margin-bottom:20px; margin-bottom:20px;}
#indexalpha #whatsnew h2{ font-size:108%; border-bottom:#ccc groove 2px; padding:0 0 2px 3px; margin-bottom:7px;}
#indexalpha #whatsnew h3 span{ padding-left:25px; background:url(../img/mark_mark1.gif) no-repeat 0.5em; padding-right:1.3em; font-weight:100;}
#indexalpha #whatsnew p{ margin:0.5em 1em;}
/*rss収集欄*/
#indexalpha #blog{ background:#FFFFFF; padding:10px; margin-bottom:20px;}
#indexalpha #blog h2{ font-size:100%; border-bottom:#ccc groove 2px; padding:0 0 2px 3px; margin-bottom:7px;}
/*バナー*/
#indexbeta img.banner_blog{ margin-top:20px;}

/*コンテンツ*/
#alpha #contents{ margin:0 auto 15px;}

/*パンくずリスト*/
#alpha #contents #pankuzu{ margin-left:0; margin-bottom:2px; }

/*コンテンツのタイトル*/
#alpha #contents .title{ display:block; margin-bottom:10px; padding:2px 0px 2px 25px; color:#000; border-bottom:#ccc solid 2px; background:url(../img/bg_title.gif) #e9eaee no-repeat left;}

/*ひとつの記事のまとまり*/
#alpha #contents .kiji{ margin-bottom:20px;}
#alpha #contents .kiji img{ margin-bottom:10px;}
#alpha #contents p{ margin:0 1em 1em 1em; line-height:1.4em;}
#alpha #contents h3{ display:block; margin:15px 0px 5px 0px; padding:5px; color:#000000; background:#e9eaee; border-left:#333 solid 3px;}
#alpha #contents h4{ display:block; margin:5px 0px 5px 10px; background:#FFFFFF; color:#000000; }
/*会社理念*/
#alpha #contents #idea{ text-align:center; font-size:123.1%; line-height:2em;}
/*記事枠内のリスト*/
#alpha #contents ul{ margin:0px 0px 0px 30px;}
#alpha #contents ul li{ margin-bottom:0.5em; list-style-image:url(../img/mark_li.gif);}
#alpha #contents ol{ margin:0px 0px 0px 30px;}
#alpha #contents ol li{ margin-bottom:0.5em; list-style:decimal outside;}
#alpha #contents dl{ margin-left:1em; line-height:1.3em;}
#alpha #contents dt{ margin-top:1em; font-weight:bold;}
#alpha #contents dd{ margin:0 0 0 1em; font-size:116%;}
/*記事内にdlで表を作る*/
#alpha #contents .DL{ width:550px; margin:10px auto 30px;}
#alpha #contents .DL dl{ margin:0; line-height:1.5em;}
#alpha #contents .DL dt{ margin:0; width:10em; padding:1em; float:left; clear:left; text-align:center; font-weight:bold; border-top:1px solid #ccc;}
#alpha #contents .DL dd{ margin:0 0 0 12em; padding:1em; border-top:1px solid #ccc; border-left:1px solid #ccc; font-size:100%;}
#alpha #contents .DL li{ list-style:none;}
#alpha #contents .DL .shopend{ border-bottom:1px solid #ccc;}
/*記事枠内のテーブル*/
#alpha #contents table{ width:550px; margin:10px auto; border-collapse:collapse; line-height:1.5em; text-align:center;}
#alpha #contents th{ width:30%; background:#ffffcc; font-weight:normal;}
#alpha #contents td{ text-align:left;}
#alpha #contents th,td{ border:1px solid #999999; padding:0.3em;}

/*サイトマップ*/
#alpha #contents #sitemap li{ line-height:3em; list-style:none;}
#alpha #contents #sitemap .sitemapin{ margin-left:60px; line-height:1.5em; list-style-image:url(../img/mark_jump.gif);}

/*このページの上へ*/
#alpha #contents .pagetop{ clear:both; margin:0px 10px 10px 10px; text-align:right; font-size:85%/*11px*/;}
#alpha #contents .markTOP{ padding-left:20px; background:url(../img/mark_pagetop.gif) no-repeat 0.5em;}

/*お知らせ欄*/
#beta #newswin { margin:0px 0px 7px 0px; padding-bottom:5px; background:url( ../img/bg_dark.gif) repeat #000066;}
#beta #newswin h2 { padding:5px; text-align:center; font-size:100%; background:url( ../img/bg_dark.gif) repeat #000066; color:#FFFFFF;}
#beta #newswin #news{margin:0 auto; width:180px; height:200px; overflow:auto; border:1px solid #808080; background:#FFFFFF;}
#beta #newswin #news .kiji{ margin:5px; padding-bottom:5px; border-bottom:1px dashed #999;}
#beta #newswin #news h3{ font-size:100%; display:inline; background:#FFFFFF;}
#beta #newswin #news p { margin:3px 0 0 0; padding:0; line-height:1.3;}
#beta #newswin #news ul li{margin-left:2em; list-style:square inside;}
#beta #newswin #news span.end{ display: block; text-align:center; color:#CC0000; font-weight: bold;}

/*サブメニュー*/
#beta #betamenu{ width:199px; margin-bottom:15px; border-top:1px dotted #ccc; padding:0px; background:#fff;}
#beta #betamenu li { height:40px; display:block; color:#000000; border-bottom:1px dotted #ccc; text-decoration:none; line-height:40px;}
#beta #betamenu li.other a{ display:block; background:url(../img/betamenu_01.gif) no-repeat left; padding-left:20px; color:#000000;}
#beta #betamenu li.other a:hover{ display:block; background:url(../img/betamenu_01_o.gif) no-repeat left; color:#FF0000; text-decoration:none;}
#beta #betamenu li.here { background:url(../img/betamenu_01_o.gif) no-repeat left; padding-left:20px;}/*訪問ページ*/

/*リンクバナー*/
#beta .linkbanner{ margin-bottom:5px;}
#beta .linkbannerB{ margin-top:30px;}
/*サイド　問合せ*/
#beta .address{ margin-bottom:5px; background:#ffffff; border:1px solid #666;}
#beta .address .name{ padding:3px 5px; display:block; color:#fff; background:#bc004b url(../img/bg_name.gif) repeat; border-bottom:1px solid #666;}
#beta .address dl{ padding:10px;}
#beta .address dd{ font-weight:bold;}

/*下部分*/
#navi_bottom{ width:100%; background:#e9eaee; padding-top:5px;}
#navi_bottom #companydata{ margin:10px; padding:10px; background:#FFFFFF; border:#ccc solid 1px;}
#navi_bottom #companydatain{ width:60%; float:right;}
#navi_bottom #companydatain p{ margin-bottom:0.7em; line-height:1.5em;}
/*サブナビ：下部分*/
#navi_bottom ul,#navi_bottom li,#navi_bottom a{ display:block;}
#navi_bottom ul{ float:right;}
#navi_bottom li{ float:left; white-space:nowrap;}
#navi_bottom li.Rline a{ padding:4px 10px; border-right:solid 1px #666600;}
#navi_bottom li.NOline a{ padding:4px 20px 4px 10px;}

/*コピーライト*/
#footerinner{ clear:right; padding:7px; border-top:5px solid #ccc; }
#footerinner p{ text-align:right; margin:0;}
#footerinner #wis{}
#footerinner #wis a{ text-decoration:none; color:#666666; text-decoration:none;}

/*404*/
#notfound{ margin:0 60px 50px 60px; line-height:2em;}
#notfound p{ margin-top:3em;}
#notfound .bold{ font-weight:bold; font-size:197%;}

/*RSS(Feed2JS)*/
/*div*/.rss-box
/*p*/.rss-title { font-size:123.1%; font-weight:bold; margin:0.2em 0;}
/*ul*/.rss-items { margin:0 1em;}
/*li*/.rss-item { padding-left:25px; background:url(../img/mark_mark1.gif) no-repeat 0.5em; line-height:2em; border-bottom:#ccc dotted 1px;}
/*li*/a.rss-item{ padding-left:25px; background:url(../img/mark_jump.gif) no-repeat 0.5em; border-bottom:none;}