@charset "UTF-8";
@import "mt_style.css";

body {
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image:url(../images/body_bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	color: #333333;
}
#index h1 {
	margin: 0px;
	padding: 0px;
	height: 265px;
	width: 750px;
}

.center {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#chottoinfo h1,
#special h1,
#kaimanahila h1,
#yourstory h1,
#hgl h1,
#originalrecipe h1,
#plumeria h1,
#green h1,
#surf h1,
#event h1,
#link h1,
#download h1,
#live h1,
#music h1,
#aboutus h1,
#privacy h1,
#outline h1,
#legal h1,
#copyright h1,
#contact h1 {
	margin: 0px;
	padding: 0px;
	height: 121px;
	width: 750px;
}

img {
	border: 0px;
}

#green div#cm_rightarea a                { color: #669933; text-decoration: none; background: none;}
#green div#cm_rightarea a:link           { color: #669933; text-decoration: none; background: none;}
#green div#cm_rightarea a:link:hover     { color: #669933; text-decoration: underline; background: none;}
#green div#cm_rightarea a:link:active    { color: #669933; text-decoration: underline; background: none;}
#green div#cm_rightarea a:visited        { color: #669933; text-decoration: none; background: none;}
#green div#cm_rightarea a:visited:hover  { color: #669933; text-decoration: underline; background: none;}
#green div#cm_rightarea a:visited:active { color: #669933; text-decoration: underline; background: none;}

/*
rayout
*/
div#header,
div#contents,
div#footer {
	margin: auto;
	width: 750px;
}
div#header {
	padding-top: 10px;
	padding-bottom: 14px;
}

div#footer {
	padding-bottom: 20px;
	clear: both;
}

div#contents div#cm_leftarea {
	float: left;
	width: 156px;
}

div#contents div#cm_rightarea {
	float: right;
	margin: 0px 9px 50px 10px;
	padding: 0px;
	clear: none;
	display: block;
	width: 561px;
}

/*
contents
	gloval navi
*/
div#cm_leftarea ul#globalNavi {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align:center;
}

div#cm_leftarea ul#globalNavi li,
div#cm_leftarea ul#globalNavi li.a,
div#cm_leftarea ul#globalNavi li.a:link,
div#cm_leftarea ul#globalNavi li.a:visited {
	float: left;
	padding: 0px;
	margin: 0px;
	text-decoration:none;
}

div#cm_leftarea ul#globalNavi li.a:focus,
div#cm_leftarea ul#globalNavi li.a:hover,
div#cm_leftarea ul#globalNavi li.a:active {
	padding: 0px;
	margin: 0px;
	text-decoration:none;
}

/*
glovalnavi
	menu
*/
li.menu_top,
li.menu_chottoinfo,
li.menu_special,
li.menu_ukulele,
li.menu_infomation,
li.menu_yourstory,
li.menu_happygolucky,
li.menu_originalrecipe,
li.menu_plumeria,
li.menu_green,
li.menu_live,
li.menu_music,
li.menu_surf,
li.menu_event,
li.menu_link,
li.menu_download {
	display: block;
	padding: 0px;
	margin: 0px;
}

li.menu_top a,
li.menu_chottoinfo a,
li.menu_special a,
li.menu_ukulele a,
li.menu_kaimanahila a,
li.menu_yourstory a,
li.menu_happygolucky a,
li.menu_originalrecipe a,
li.menu_plumeria a,
li.menu_green a,
li.menu_surf a,
li.menu_live a,
li.menu_music a,
li.menu_event a,
li.menu_link a,
li.menu_download a {
	display: block;
	width: 156px;
	height: 35px;
	margin: 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

li.menu_top a:hover,
li.menu_chottoinfo a:hover,
li.menu_special a:hover,
li.menu_ukulele a:hover,
li.menu_kaimanahila a:hover,
li.menu_yourstory a:hover,
li.menu_happygolucky a:hover,
li.menu_originalrecipe a:hover,
li.menu_plumeria a:hover,
li.menu_green a:hover,
li.menu_live a:hover,
li.menu_music a:hover,
li.menu_surf a:hover,
li.menu_event a:hover,
li.menu_link a:hover,
li.menu_download a:hover {
	display: block;
	width: 156px;
	height: 35px;
	margin: 0px;
	background-position: 0px -35px;
	background-repeat: no-repeat;
}

/*
glovalnavi
	menu_top
*/
li.menu_top a {
	background-image:  url(../images/menu_top.gif);
}

li.menu_top a:hover {
	background-image:  url(../images/menu_top.gif);
}

/*
glovalnavi
	menu_chottoinfo
*/
li.menu_chottoinfo a {
	background-image:  url(../images/menu_chottoinfo.gif);
}

li.menu_chottoinfo a:hover {
	background-image:  url(../images/menu_chottoinfo.gif);
}

/*
glovalnavi
	menu_special
*/
li.menu_special a {
	background-image:  url(../images/menu_special.gif);
}

li.menu_special a:hover {
	background-image:  url(../images/menu_special.gif);
}

/*
glovalnavi
	menu_ukulele
*/
li.menu_ukulele a {
	background-image:  url(../images/menu_ukulele.gif);
}

li.menu_ukulele a:hover {
	background-image:  url(../images/menu_ukulele.gif);
}

/*
glovalnavi
	menu_information
*/
li.menu_kaimanahila a {
	background-image:  url(../images/menu_kaimanahila.gif);
}

li.menu_kaimanahila a:hover {
	background-image:  url(../images/menu_kaimanahila.gif);
}

/*
glovalnavi
	menu_yourstory
*/
li.menu_yourstory a {
	background-image:  url(../images/menu_yourstory.gif);
}
li.menu_yourstory a:hover {
	background-image:  url(../images/menu_yourstory.gif);
}

/*
glovalnavi
	menu_happygolucky
*/
li.menu_happygolucky a {
	background-image:  url(../images/menu_happygolucky.gif);
}
li.menu_happygolucky a:hover {
	background-image:  url(../images/menu_happygolucky.gif);
}

/*
glovalnavi
	menu_originalrecipe
*/
li.menu_originalrecipe a {
	background-image:  url(../images/menu_originalrecipe.gif);
}
li.menu_originalrecipe a:hover {
	background-image:  url(../images/menu_originalrecipe.gif);
}

/*
glovalnavi
	menu_plumeria
*/
li.menu_plumeria a {
	background-image:  url(../images/menu_plumeria.gif);
}
li.menu_plumeria a:hover {
	background-image:  url(../images/menu_plumeria.gif);
}

/*
glovalnavi
	menu_green
*/
li.menu_green a {
	background-image:  url(../images/menu_green.gif);
}
li.menu_green a:hover {
	background-image:  url(../images/menu_green.gif);
}

/*
glovalnavi
	menu_green
*/
li.menu_music a {
	background-image:  url(../images/menu_music.gif);
}
li.menu_music a:hover {
	background-image:  url(../images/menu_music.gif);
}

/*
glovalnavi
	menu_live
*/
li.menu_live a {
	background-image:  url(../images/menu_live.gif);
}
li.menu_live a:hover {
	background-image:  url(../images/menu_live.gif);
}

/*
glovalnavi
	menu_surf
*/
li.menu_surf a {
	background-image:  url(../images/menu_surf.gif);
}
li.menu_surf a:hover {
	background-image:  url(../images/menu_surf.gif);
}

/*
glovalnavi
	menu_event
*/
li.menu_event a {
	background-image:  url(../images/menu_event.gif);
}
li.menu_event a:hover {
	background-image:  url(../images/menu_event.gif);
}

/*
glovalnavi
	menu_link
*/
li.menu_link a {
	background-image:  url(../images/menu_link.gif);
}
li.menu_link a:hover {
	background-image:  url(../images/menu_link.gif);
}

/*
glovalnavi
	menu_download
*/
li.menu_download a {
	background-image:  url(../images/menu_download.gif);
}
li.menu_download a:hover {
	background-image:  url(../images/menu_download.gif);
}

/*
glovalnavi
	menu_mailmagazine
*/
li.menu_mailmagazine {
	width: 156px;
	display: block;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/menu_mailmagazine_bg.gif);
	background-repeat: repeat-y;
}

li.menu_mailmagazine img {
	margin: 0px;
	padding: 0px;
}

li.menu_mailmagazine p.mailmagazine {
	clear: both;
	font-size: 10px;
	line-height: 14px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	text-align: left;
	width: 125px;
}

li.menu_mailmagazine p.mailmagazine a                { color: #FF2900; text-decoration: none; background: none;}
li.menu_mailmagazine p.mailmagazine a:link           { color: #FF2900; text-decoration: none; background: none;}
li.menu_mailmagazine p.mailmagazine a:link:hover     { color: #FF2900; text-decoration: underline; background: none;}
li.menu_mailmagazine p.mailmagazine a:link:active    { color: #FF2900; text-decoration: underline; background: none;}
li.menu_mailmagazine p.mailmagazine a:visited        { color: #FF2900; text-decoration: none; background: none;}
li.menu_mailmagazine p.mailmagazine a:visited:hover  { color: #FF2900; text-decoration: underline; background: none;}
li.menu_mailmagazine p.mailmagazine a:visited:active { color: #FF2900; text-decoration: underline; background: none;}

form#mailmagazineForm li {
	padding: 0px;
	margin: 0px;
	text-decoration:none;
}

form#mailmagazineForm ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

li.menu_mailmagazine form#mailmagazineForm {
	font-size: 10px;
	line-height: 14px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	text-align: left;
	width: 125px;
}

/*
glovalnavi
	menu_honolulu
*/
li.menu_honolulu {
	display: block;
	padding: 0px;
	text-align: center;
	width: 156px;
	margin:0px;
}

li.menu_honolulu img {
	padding: 5px 0px 0px;
	margin-bottom: 50px;
}

/*
cm_rightarea
*/
div#cm_rightarea div#music,
div#cm_rightarea div#information,
div#cm_rightarea div#magazine {
	margin-bottom: 8px;
	background-repeat: repeat-y;
	clear: both;
}

div#cm_rightarea div#chottoinfo,
div#cm_rightarea div#kaimanahila,
div#cm_rightarea div#ukulele {
	margin-bottom: 8px;
	width: 270px;
	float: left;
	background-image: url(../images/contents_3clumn_bg.gif);
	background-repeat: repeat-y;
}

div#cm_rightarea div#special,
div#cm_rightarea div#originalrecipe {
	margin-bottom: 8px;
	margin-left: 20px;
	width: 270px;
	float: left;
	background-image: url(../images/contents_3clumn_bg.gif);
	background-repeat: repeat-y;
}

div#cm_rightarea div#plumeria {
	margin-bottom: 8px;
	margin-left: 20px;
	width: 270px;
	float: left;
	background-position: 0px 35px;
	background-image: url(../images/contents_3clumn_bg_plumeria.jpg);
	background-repeat: repeat-y;
}

/* 
cm_rightarea
	information
*/
div#information img#bannnerLeft {
	margin-right: 20px;
	border: 0px;
}

div#information img#bannnerRight {
	margin-left: 20px;
	border: 0px;
}

/*
cm_rightarea
	special
	magazine
	kaimanahila
*/
div#cm_rightarea div#chottoinfo,
div#cm_rightarea div#special,
div#cm_rightarea div#magazine,
div#cm_rightarea div#kaimanahila,
div#cm_rightarea div#ukulele,
div#cm_rightarea div#plumeria {
text-align: left;
}

/*
cm_rightarea
	special
	chottoinfo
	kaimanahila
*/
div#cm_rightarea div#magazine img {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

div#cm_rightarea div#special ul,
div#cm_rightarea div#chottoinfo ul,
div#cm_rightarea div#kaimanahila ul,
div#cm_rightarea div#ukulele ul,
div#cm_rightarea div#plumeria ul {
	padding: 0px;
	list-style-type: none;
	margin: 0px 10px;
	overflow: hidden;
}

div#cm_rightarea div#special li,
div#cm_rightarea div#chottoinfo li,
div#cm_rightarea div#kaimanahila li,
div#cm_rightarea div#ukulele li,
div#cm_rightarea div#plumeria li {
	padding: 0px;
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 6px;
	width: 250px;
}

div#cm_rightarea div#special li a,
div#cm_rightarea div#special li a:link,
div#cm_rightarea div#special li a:visited,
div#cm_rightarea div#chottoinfo li a,
div#cm_rightarea div#chottoinfo li a:link,
div#cm_rightarea div#chottoinfo li a:visited,
div#cm_rightarea div#kaimanahila li a,
div#cm_rightarea div#kaimanahila li a:link,
div#cm_rightarea div#kaimanahila li a:visited,
div#cm_rightarea div#ukulele li a,
div#cm_rightarea div#ukulele li a:link,
div#cm_rightarea div#ukulele li a:visited,
div#cm_rightarea div#plumeria li a,
div#cm_rightarea div#plumeria li a:link,
div#cm_rightarea div#plumeria li a:visited {
	color:#666666;
	text-decoration:underline;
}

div#cm_rightarea div#special li a:focus,
div#cm_rightarea div#special li a:hover,
div#cm_rightarea div#special li a:active,
div#cm_rightarea div#chottoinfo li a:focus,
div#cm_rightarea div#chottoinfo li a:hover,
div#cm_rightarea div#chottoinfo li a:active,
div#cm_rightarea div#kaimanahila li a:focus,
div#cm_rightarea div#kaimanahila li a:hover,
div#cm_rightarea div#kaimanahila li a:active,
div#cm_rightarea div#ukulele li a:focus,
div#cm_rightarea div#ukulele li a:hover,
div#cm_rightarea div#ukulele li a:active,
div#cm_rightarea div#plumeria li a:focus,
div#cm_rightarea div#plumeria li a:hover,
div#cm_rightarea div#plumeria li a:active {
	color:#66B821;
	text-decoration:underline;
}

/*
magazine
	magazineEntry
*/
div#magazine div.magazineEntry {
height: 42px;
display: block;
margin: 0px 12px 2px 10px;
padding: 0px;
}

div#magazine div.magazineEntry p {
font-size: 10px;
line-height: 14px;
margin: 2px 0px 0px;
}

div#magazine div.magazineEntry img {
float: left;
padding: 0px 5px 0px 0px;
margin: 2px 0px 0px 2px;
}

/*
magazine
	a
*/
div#magazine a,
div#magazine a:link,
div#magazine a:visited {
color:#666666;
text-decoration:underline;
}

div#magazine a:focus,
div#magazine a:hover,
div#magazine a:active {
display: block;
width: 539px;
height: 42px;
color:#992E19;
background-color:#f4f4f4;
}

/*
kaimanahila
*/
div#kaimanahila p {
overflow: hidden;
height: 34px;
display: block;
font-size: 10px;
line-height: 14px;
margin: 0px 12px 0px 10px;
background-repeat: no-repeat;
}

div#kaimanahila p a,
div#kaimanahila p a:link,
div#kaimanahila p a:visited {
color:#666666;
text-decoration:underline;
background-color:#FFFFFF;
}

div#kaimanahila p a:focus,
div#kaimanahila p a:hover,
div#kaimanahila p a:active {
display: block;
width: 248px;
height: 34px;
color:#992E19;
background-color:#f4f4f4;
}

/*
music
*/
div#music {
text-align: center;
width: 561px;
background-position: 0% 0%;
background-image: url(../images/contents_2clumn_bg.gif);
background-repeat: repeat-y;
}

div#music div#music-inner {
width: 526px;
text-align: left;
margin: 0px 18px 0px 17px;
}

div#cat-music {
width: 561px;
text-align: left;
margin:0px;
display: block;
}

div#music div#music-inner .music-list {
width: 175px;
float: left;
}

div#cat-music .music-list {
width: 263px;
display: block;
margin: 0px 15px 0px 0px;
float: left;
}

div#cat-music .music-list p,
div#music div#music-inner .music-list p {
height: 50px;
margin: 5px 8px 0px 0px;
font-size: 11px;
line-height: 130%;
display: block;
}

div#cat-music .music-list .photo,
div#music div#music-inner .music-list .photo {
float: left;
margin-right: 7px;
margin-bottom: 7px;
}

div#music div#music-inner .centerline {
width: 526px;
height: 36px;
clear: both;
background-image:  url(../images/subtitle_music_centerline.gif);
background-position: 0% 0%;
background-repeat: repeat-x;
}

div#music div#music-inner .clear {
width: 526px;
height: 1px;
clear: both;
}

#music .clear10 {
width: 561px;
height: 10px;
clear: both;
}

div#cat-music .centerline {
width: 263px;
height: 15px;
background-image:  url(../music/images/centerline.gif);
background-position: 0% 0%;
background-repeat: repeat-x;
}

#music div#photoframe {
padding: 5px 9px;
margin: 0px 28px 10px 10px;
border: #CCCCCC solid 1px;
float: right;
}

#music h3 {
color: #236BCC;
font-size: 15px;
margin-bottom: 10px;
margin-right: 15px;
margin-top: 0px;
padding: 0px;
line-height: 18px;
}

#music p {
font-size: 12px;
margin: 0px;
padding: 0px;
line-height: 130%;
}

div#cat-music .music-list p a                { color: #236BCC; text-decoration: none; background: none;}
div#cat-music .music-list p a:link           { color: #236BCC; text-decoration: none; background: none;}
div#cat-music .music-list p a:link:hover     { color: #236BCC; text-decoration: underline; background: none;}
div#cat-music .music-list p a:link:active    { color: #236BCC; text-decoration: underline; background: none;}
div#cat-music .music-list p a:visited        { color: #236BCC; text-decoration: none; background: none;}
div#cat-music .music-list p a:visited:hover  { color: #236BCC; text-decoration: underline; background: none;}
div#cat-music .music-list p a:visited:active { color: #236BCC; text-decoration: underline; background: none;}

div#music div#music-inner .music-list p a                { color: #236BCC; text-decoration: none; background: none;}
div#music div#music-inner .music-list p a:link           { color: #236BCC; text-decoration: none; background: none;}
div#music div#music-inner .music-list p a:link:hover     { color: #236BCC; text-decoration: underline; background: none;}
div#music div#music-inner .music-list p a:link:active    { color: #236BCC; text-decoration: underline; background: none;}
div#music div#music-inner .music-list p a:visited        { color: #236BCC; text-decoration: none; background: none;}
div#music div#music-inner .music-list p a:visited:hover  { color: #236BCC; text-decoration: underline; background: none;}
div#music div#music-inner .music-list p a:visited:active { color: #236BCC; text-decoration: underline; background: none;}

div#music div#music-inner .book-list p a                { color: #236BCC; text-decoration: none; background: none;}
div#music div#music-inner .book-list p a:link           { color: #236BCC; text-decoration: none; background: none;}
div#music div#music-inner .book-list p a:link:hover     { color: #236BCC; text-decoration: underline; background: none;}
div#music div#music-inner .book-list p a:link:active    { color: #236BCC; text-decoration: underline; background: none;}
div#music div#music-inner .book-list p a:visited        { color: #236BCC; text-decoration: none; background: none;}
div#music div#music-inner .book-list p a:visited:hover  { color: #236BCC; text-decoration: underline; background: none;}
div#music div#music-inner .book-list p a:visited:active { color: #236BCC; text-decoration: underline; background: none;}

/*
footer
	footermenu
*/
div#footer ul#footermenu {
	padding: 8px 0px 0px 0px;
	list-style-type: none;
	overflow:hidden;
	border-top: solid #378400 2px;
}

div#footer ul#footermenu li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align:center;
	overflow:hidden;
}

div#footer ul#footermenu li.a,
div#footer ul#footermenu li.a:link,
div#footer ul#footermenu li.a:visited {
	padding: 0px;
	margin: 0px;
	text-decoration:none;
}

div#footer ul#footermenu li.a:focus,
div#footer ul#footermenu li.a:hover,
div#footer ul#footermenu li.a:active {
	padding: 0px;
	margin: 0px;
	text-decoration:none;
}

/*
footer
	footermenu
		common
*/
li.footer_aboutus,
li.footer_privacy,
li.footer_outline,
li.footer_legal,
li.footer_copyright,
li.footer_contact {
	display: block;
	float: left;
}

li.footer_aboutus a,
li.footer_privacy a,
li.footer_outline a,
li.footer_legal a,
li.footer_copyright a,
li.footer_contact a {
	display: block;
	height: 15px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

li.footer_aboutus a:hover,
li.footer_privacy a:hover,
li.footer_outline a:hover,
li.footer_legal a:hover,
li.footer_copyright a:hover,
li.footer_contact a:hover {
	display: block;
	height: 15px;
	background-position: 0px -15px;
	background-repeat: no-repeat;
}
/*
footer
	footermenu
		footer_aboutus
*/
li.footer_aboutus {
	margin-left: 245px;
}

li.footer_aboutus a {
	width: 56px;
	margin-left: 245px;
	background-image:  url(../images/footer_m_aboutus.gif);
}

li.footer_aboutus a:hover {
	width: 56px;
	margin-left: 245px;
	background-image:  url(../images/footer_m_aboutus.gif);
}

/*
footer
	footermenu
		footer_privacy
*/
li.footer_privacy {
	margin-left: 13px;
}

li.footer_privacy a {
	width: 117px;
	margin-left: 13px;
	background-image:  url(../images/footer_m_privacy.gif);
}
li.footer_privacy a:hover {
	width: 117px;
	margin-left: 13px;
	background-image:  url(../images/footer_m_privacy.gif);
}

/*
footer
	footermenu
		footer_outline
*/
li.footer_outline {
	margin-left: 13px;
}

li.footer_outline a {
	width: 106px;
	margin-left: 13px;
	background-image:  url(../images/footer_m_outline.gif);
}
li.footer_outline a:hover {
	width: 106px;
	margin-left: 13px;
	background-image:  url(../images/footer_m_outline.gif);
}

/*
footer
	footermenu
		footer_legal
*/
li.footer_legal {
	margin-left: 13px;
}

li.footer_legal a {
	width: 56px;
	margin-left: 13px;
	background-image:  url(../images/footer_m_legal.gif);
}
li.footer_legal a:hover {
	width: 56px;
	margin-left: 13px;
	background-image:  url(../images/footer_m_legal.gif);
}

/*
footer
	footermenu
		footer_copyright
*/
li.footer_copyright {
	margin-left: 13px;
}

li.footer_copyright a {
	width: 86px;
	margin-left: 13px;
	background-image:  url(../images/footer_m_copyright.gif);
}
li.footer_copyright a:hover {
	width: 86px;
	margin-left: 13px;
	background-image:  url(../images/footer_m_copyright.gif);
}

/*
footer
	footermenu
		footer_contact
*/
li.footer_contact {
	margin-left: 13px;
}

li.footer_contact a {
	width: 77px;
	margin-left: 13px;
	background-image:  url(../images/footer_m_inquiry.gif);
}
li.footer_contact a:hover {
	width: 77px;
	margin-left: 13px;
	background-image:  url(../images/footer_m_inquiry.gif);
}

/*
footer
	address
*/
div#footer address {
	height: 15px;
	font-size: 10px;
	margin-top: 10px;
	padding: 0px;
	font-style: normal;
}

/*
footer
	google
*/
div#google {
	height: 62px;
	padding: 2px 0px 3px;
	border-top: solid #378400 1px;
	border-bottom: solid #378400 2px;
}

.contents-header {
	width: 561px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.contents-main {
	width: 561px;
	background-image:url(http://8011web.com/aboutus/images/frame_bg.gif);
	background-repeat:repeat-y;
	background-position: 0px 0px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	clear: both;
	text-align: left;
}

.contents-main p {
margin: 0px;
padding: 0px;
}

.contents-main strong {
margin: 0px;
padding: 0px;
color: #669933;
}

.contents-main h5 {
margin: 0px 0px 15px 0px;
padding: 10px 0px 0px 0px;
}

.contents-footer {
	width: 561px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#contact table {
margin: 15px;
background-color: #666666;
}

#contact td {
background-color: #FFFFFF;
}

#contact th {
background-color: #e5e5e5;
text-align: center;
color: #3366CC;
}

#contact div#cm_rightarea a                { color: #669933; text-decoration: none; background: none;}
#contact div#cm_rightarea a:link           { color: #669933; text-decoration: none; background: none;}
#contact div#cm_rightarea a:link:hover     { color: #669933; text-decoration: underline; background: none;}
#contact div#cm_rightarea a:link:active    { color: #669933; text-decoration: underline; background: none;}
#contact div#cm_rightarea a:visited        { color: #669933; text-decoration: none; background: none;}
#contact div#cm_rightarea a:visited:hover  { color: #669933; text-decoration: underline; background: none;}
#contact div#cm_rightarea a:visited:active { color: #669933; text-decoration: underline; background: none;}

#surf div#contents-subtitle,
#plumeria div#contents-subtitle,
#green div#contents-subtitle {
width: 561px;
display: block;
clear: both;
margin-bottom: 5px;
}

#surf div.contents-frame-header,
#plumeria div.contents-frame-header,
#green div.contents-frame-header {
width: 561px;
display: block;
clear: both;
padding-top: 5px;
text-align: left;
}

#surf div.contents-frame-footer,
#plumeria div.contents-frame-footer,
#green div.contents-frame-footer {
width: 561px;
display: block;
clear: both;
padding-bottom: 5px;
}

#plumeria div.contents-frame-footer-faq {
width: 561px;
display: block;
clear: both;
padding-bottom: 20px;
}

#surf div.contents-header,
#plumeria div.contents-header,
#green div.contents-header {
width: 561px;
display: block;
clear: both;
padding-bottom: 10px;
padding-top: 5px;
text-align: left;
}

.contents-main-surf,
.contents-main-plumeria,
.contents-main-green {
	width: 561px;
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	clear: both;
	text-align: left;
}

#surf .contents-main-surf h4,
#plumeria .contents-main-plumeria h4,
#green .contents-main-green h4 {
margin-bottom: 15px;
margin-top: 10px;
font-size: 13px;
line-height: 110%;
padding: 0px;
font-weight: bold;
color: #333333;
}

#surf .contents-main-surf p,
#plumeria .contents-main-plumeria p,
#green .contents-main-green p {
margin-top: 0px;
margin-bottom: 10px;
padding: 2px 0px;
line-height: 130%;
}

#plumeria .contents-main-plumeria p.question {
margin-top: 0px;
margin-bottom: 15px;
padding: 0px;
}

#plumeria .contents-main-plumeria p.answer {
margin: 0px;
padding: 3px 6px 6px 30px;
background-image: url(../plumeria/faq/images/answer.gif);
background-repeat: no-repeat;
background-position: 0% 0%;
}

#green .contents-main-green img#banner {
margin-top: 10px;
margin-bottom: 20px;
border: 0px;
padding: 0px;
}

#green .contents-main-green div#photo-list-frame {
display: block;
clear: both;
text-align: center;
border: 0px;
padding: 0px;
}

#green .contents-main-green div#photo-list-frame {
display: block;
clear: both;
text-align: center;
height: 100px;
border: 0px;
padding: 0px;
}

#green div#cm_rightarea .contents-main-green div.photo-list {
	height: 100px;
	width: 100px;
	padding: 0px;
	margin: 0px 3px 0px 4px;
	border: 0px;
	display: block;
	float: left;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(http://8011web.com/green/images/photolist_bg.gif);
}

#green div#cm_rightarea .contents-main-green div.photo-list a {
	padding: 10px;
	margin: 0px;
	border: 0px;
	display: block;
	float: left;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(http://8011web.com/green/images/photolist_bg.gif);
}

#green div#cm_rightarea .contents-main-green div.photo-list a:hover {
	padding: 10px;
	margin: 0px;
	border: 0px;
	display: block;
	float: left;
	background-position: 0px -100px;
	background-repeat: no-repeat;
	background-image: url(http://8011web.com/green/images/photolist_bg.gif);
}

#plumeria div#cm_rightarea .contents-main-plumeria img.img_L,
#green div#cm_rightarea .contents-main-green img.img_L {
	float: left; margin: 6px 20px 5px 0px; border: none;
}

#plumeria div#cm_rightarea .contents-main-plumeria img.img_R,
#green div#cm_rightarea .contents-main-green img.img_R {
float: right; padding: 0px 20px 5px 10px; border: none;
}

#green div#cm_rightarea .contents-main-green div.photo-left-frame {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 2px;
	border: 0px;
	display: block;
	float: left;
	border: 1px solid #666666;
}

#green div#cm_rightarea .contents-main-green div.photo-right-frame {
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	padding: 2px;
	border: 0px;
	display: block;
	float: right;
	border: 1px solid #666666;
}

#green div#cm_rightarea #back {
clear: both;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
width: 561px;
height: 24px;
display: block;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(http://8011web.com/green/images/back.gif);
}

#green div#cm_rightarea div#back a {
padding: 0px;
margin: 0px;
width: 561px;
height: 24px;
display: block;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(http://8011web.com/green/images/back.gif);
}

#green div#cm_rightarea div#back a:hover {
padding: 0px;
margin: 0px;
width: 561px;
height: 24px;
display: block;
background-position: 0px -24px;
background-repeat: no-repeat;
background-image: url(http://8011web.com/green/images/back.gif);
}

#plumeria div#cm_rightarea div#download {
	float: right;
	margin: 6px 20px 5px 10px;
	border: none;
}

#plumeria div#cm_rightarea div#download a {
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(http://8011web.com/plumeria/images/d1.gif);
}

#plumeria div#cm_rightarea div#download a:hover {
	display: block;
	background-position: 0px -31px;
	background-repeat: no-repeat;
	background-image: url(http://8011web.com/plumeria/images/d1.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu,
#plumeria div#cm_rightarea div#plumeria_menu {
	width: 561px;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	clear: both;
}

#plumeria div#cm_rightareaMt div#plumeria_menu_b,
#plumeria div#cm_rightarea div#plumeria_menu_b {
	width: 561px;
	text-align: center;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	clear: both;
}

#plumeria div#cm_rightareaMt div#plumeria_menu table,
#plumeria div#cm_rightarea div#plumeria_menu table
#plumeria div#cm_rightareaMt div#plumeria_menu_b table,
#plumeria div#cm_rightarea div#plumeria_menu_b table {
	width: 561px;
	margin: 0px;
	padding: 0px;
}

#plumeria div#cm_rightareaMt div#plumeria_menu td.top a,
#plumeria div#cm_rightareaMt div#plumeria_menu td.library a,
#plumeria div#cm_rightareaMt div#plumeria_menu td.conference a,
#plumeria div#cm_rightareaMt div#plumeria_menu td.bbs a,
#plumeria div#cm_rightareaMt div#plumeria_menu td.blog a,
#plumeria div#cm_rightareaMt div#plumeria_menu td.faq a,
#plumeria div#cm_rightarea div#plumeria_menu td.top a,
#plumeria div#cm_rightarea div#plumeria_menu td.library a,
#plumeria div#cm_rightarea div#plumeria_menu td.conference a,
#plumeria div#cm_rightarea div#plumeria_menu td.bbs a,
#plumeria div#cm_rightarea div#plumeria_menu td.blog a,
#plumeria div#cm_rightarea div#plumeria_menu td.faq a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.top a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.library a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.conference a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.bbs a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.blog a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.faq a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.top a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.library a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.conference a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.bbs a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.blog a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.faq a {
	padding: 0px;
	margin: 0px;
	border: 0px;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#plumeria div#cm_rightareaMt div#plumeria_menu td.top a:hover,
#plumeria div#cm_rightareaMt div#plumeria_menu td.library a:hover,
#plumeria div#cm_rightareaMt div#plumeria_menu td.conference a:hover,
#plumeria div#cm_rightareaMt div#plumeria_menu td.bbs a:hover,
#plumeria div#cm_rightareaMt div#plumeria_menu td.blog a:hover,
#plumeria div#cm_rightareaMt div#plumeria_menu td.faq a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.top a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.library a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.conference a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.bbs a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.blog a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.faq a:hover,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.top a:hover,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.library a:hover,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.conference a:hover,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.bbs a:hover,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.blog a:hover,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.faq a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.top a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.library a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.conference a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.bbs a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.blog a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.faq a:hover {
	padding: 0px;
	margin: 0px;
	border: 0px;
	display: block;
	background-position: 0px -30px;
	background-repeat: no-repeat;
}

#plumeria div#cm_rightareaMt div#plumeria_menu td.top a,
#plumeria div#cm_rightareaMt div#plumeria_menu td.top a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.top a,
#plumeria div#cm_rightarea div#plumeria_menu td.top a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_top.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu_b td.top a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.top a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.top a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.top a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_top_b.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu td.library a,
#plumeria div#cm_rightareaMt div#plumeria_menu td.library a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.library a,
#plumeria div#cm_rightarea div#plumeria_menu td.library a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_library.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu_b td.library a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.library a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.library a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.library a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_library_b.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu td.conference a,
#plumeria div#cm_rightareaMt div#plumeria_menu td.conference a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.conference a,
#plumeria div#cm_rightarea div#plumeria_menu td.conference a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_conference.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu_b td.conference a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.conference a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.conference a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.conference a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_conference_b.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu td.bbs a,
#plumeria div#cm_rightareaMt div#plumeria_menu td.bbs a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.bbs a,
#plumeria div#cm_rightarea div#plumeria_menu td.bbs a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_bbs.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu_b td.bbs a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.bbs a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.bbs a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.bbs a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_bbs_b.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu td.blog a,
#plumeria div#cm_rightareaMt div#plumeria_menu td.blog a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.blog a,
#plumeria div#cm_rightarea div#plumeria_menu td.blog a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_blog.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu_b td.blog a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.blog a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.blog a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.blog a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_blog_b.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu td.faq a,
#plumeria div#cm_rightareaMt div#plumeria_menu td.faq a:hover,
#plumeria div#cm_rightarea div#plumeria_menu td.faq a,
#plumeria div#cm_rightarea div#plumeria_menu td.faq a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_faq.gif);
}

#plumeria div#cm_rightareaMt div#plumeria_menu_b td.faq a,
#plumeria div#cm_rightareaMt div#plumeria_menu_b td.faq a:hover,
#plumeria div#cm_rightarea div#plumeria_menu_b td.faq a,
#plumeria div#cm_rightarea div#plumeria_menu_b td.faq a:hover {
	background-image: url(http://8011web.com/plumeria/images/menu_faq_b.gif);
}

.froat_L {float: left; margin: 6px 5px 5px 0px; border: none; display: block;}
.froat_R {float: right; margin: 6px 0px 5px 5px; border: none; display: block; width: 325px;}

#surf div#cm_rightarea .surfFroat_L {float: left; margin: 6px 5px 0px 0px; border: none; display: block; width: 410px;}
#surf div#cm_rightarea .surfFroat_R {float: right; margin: 6px 0px 0px 0px; border: none; display: block; width: 108px; padding-right: 15px;}

#surf div#cm_rightarea .surfnutFroat_L {float: left; margin: 6px 5px 20px 0px; border: none; display: block; width: 260px;}
#surf div#cm_rightarea .surfnutFroat_R {float: right; margin: 6px 0px 20px 0px; border: none; display: block; width: 260px; padding-right: 15px;}

#surf div#cm_rightarea .surfnutFroat_R ul {
list-style-type: square;
list-style-position: outside;
color: #004897;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 13px;
padding: 5px;
}

#surf div#cm_rightarea .surfnutFroat_R ul li {
color: #333333;
}

#surf div#cm_rightarea #buy {
	margin: 0px;
	text-align: center;
	padding: 0px;
	background-position: center 0px;
	background-repeat: no-repeat;
}

#surf div#cm_rightarea #buy a {
	margin: 0px 41px;
	padding: 0px;
	display: block;
	width: 179px;
	background-position: center 0px;
	background-repeat: no-repeat;
	background-image: url(http://8011web.com/surf/images/b1.gif);
}

#surf div#cm_rightarea #buy a:hover {
	margin: 0px 41px;
	padding: 0px;
	display: block;
	width: 179px;
	background-position: center -31px;
	background-repeat: no-repeat;
	background-image: url(http://8011web.com/surf/images/b1.gif);
}

#surf div#cm_rightarea a                { color: #669933; text-decoration: underline; background: none;}
#surf div#cm_rightarea a:link           { color: #669933; text-decoration: underline; background: none;}
#surf div#cm_rightarea a:link:hover     { color: #669933; text-decoration: underline; background: none;}
#surf div#cm_rightarea a:link:active    { color: #669933; text-decoration: underline; background: none;}
#surf div#cm_rightarea a:visited        { color: #669933; text-decoration: underline; background: none;}
#surf div#cm_rightarea a:visited:hover  { color: #669933; text-decoration: underline; background: none;}
#surf div#cm_rightarea a:visited:active { color: #669933; text-decoration: underline; background: none;}

#surfguide a                { color: #669933; text-decoration: underline; background: none;}
#surfguide a:link           { color: #669933; text-decoration: underline; background: none;}
#surfguide a:link:hover     { color: #669933; text-decoration: underline; background: none;}
#surfguide a:link:active    { color: #669933; text-decoration: underline; background: none;}
#surfguide a:visited        { color: #669933; text-decoration: underline; background: none;}
#surfguide a:visited:hover  { color: #669933; text-decoration: underline; background: none;}
#surfguide a:visited:active { color: #669933; text-decoration: underline; background: none;}

#plumeria div.contents-subtitle {
width: 561px;
display: block;
clear: both;
padding-top: 15px;
padding-bottom: 5px;
text-align: left;
}

#download table.downloadCell {
	background-color: #ECECEC;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

#download div#cm_rightarea a                { color: #669933; text-decoration: underline; background: none;}
#download div#cm_rightarea a:link           { color: #669933; text-decoration: underline; background: none;}
#download div#cm_rightarea a:link:hover     { color: #669933; text-decoration: underline; background: none;}
#download div#cm_rightarea a:link:active    { color: #669933; text-decoration: underline; background: none;}
#download div#cm_rightarea a:visited        { color: #669933; text-decoration: underline; background: none;}
#download div#cm_rightarea a:visited:hover  { color: #669933; text-decoration: underline; background: none;}
#download div#cm_rightarea a:visited:active { color: #669933; text-decoration: underline; background: none;}