@charset "utf-8";

* {
box-sizing: border-box; /* Opera。CSS標準になる予定 */
-moz-box-sizing: border-box; /* Firefox */
-khtml-box-sizing: border-box; /* Apple系 */
-webkit-box-sizing: border-box; /* Safari 3。Windows版で確認 */
margin: 0px; padding: 0px;
}

/* 
* {
box-sizing: border-box; /* Opera。CSS標準になる予定 */
/*-moz-box-sizing: border-box; /* Firefox */
/*-khtml-box-sizing: border-box; /* Apple系 */
/*-webkit-box-sizing: border-box; /* Safari 3。Windows版で確認 */
/*margin: 0px; padding: 0px; */
/*} */

/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
	PADDING: 0px;
	MARGIN: 0px;
	COLOR: #333333;
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
  font-size: 13px;
  *font-size: 81.25%; /*for IE6,IE7*/
}

html:\66irst-child body {
font-size:13px; /*for Safari*/
}

.ControlPanel {
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
	color: #333333;
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
  font-size: 13px;
	MARGIN: 0px;
	LINE-HEIGHT: 150%
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}
    
/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1 {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
	border-bottom-style: none;
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 100%;
}

H2  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H3  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H4  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H5, DT  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

H6  {
	PADDING: 0px;
	MARGIN: 0px; 
	line-height: 100%;
}

P, td
{
  color: #333333;
  margin: 0px;
  line-height: 150%;
  font-style: normal;
}

td
{
  vertical-align: top;
}

Ol Li {
}
LI {
}

A
{
  color: #990000;
}
A:hover
{
  color: #FF3399;
  text-decoration: underline;
}

A {overflow:hidden} /*Delete FireFox Link Dot*/

A.gray {
	COLOR: #333333
}
A.gray:hover {
	COLOR: #FF3399
}

.small_12, .small_12 td
{
  font-size: 93%;
	MARGIN: 0px;
	LINE-HEIGHT: 120%
}

.small_11, .small_11 td
{
  font-size: 85%;
	MARGIN: 0px;
	LINE-HEIGHT: 120%
}

BIG {
}

BLOCKQUOTE, PRE {
}

/* Original Format */
#base {
	WIDTH: 100%;
    background-color:#423737;
    padding-top: 20px;
    padding-bottom: 20px;
}

#wrapper {
	WIDTH: 766px;
	text-align:LEFT;
}

#wrapper:after{
	clear:both;
}

#mainframe
{
  width: 766px;
  text-align: left;
  padding-right: 10px;
  padding-left: 10px;
}
/* Header */
#dnn_header {
	height: 43px;
	background-color:#857A6F;
}

#dnn_header .Normal h1{
	color: #ffffff;
	padding-top: 14px;
	padding-left: 15px;
}

#Cart {
  float:right;
}

#Cart a {
}

/* Flash */
#dnn_flash {
	width: 766px;
	min-height: 15px;
	background-color:#FFFFFF;
  margin-top:5px;
}

/* Menu */
#dnn_menu {
	width: 766px;
	height: 50px;
	background-color:#FFFFFF;
}
/* BreadCrumb */
#Breadcrumb {
  text-align: right;
	padding-top: 3px;
	padding-right: 15px;
	float:right;
	COLOR: #FFFFFF;
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb a {
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	FONT-SIZE: 93%;
	COLOR: #FFFFFF;
	font-weight: 100;
	text-decoration: none;
}

#dnn_dnnBREADCRUMB_lblBreadCrumb a:hover {
	text-decoration: underline;
}

/* Contents */
#contents, #blogcontents, #contents_detail
{
  text-align: left;
  width: 766px;
  margin-top: 5px;
  margin-bottom: 5px;
  float: left; /* Hack for Firefox Background image */
  overflow: hidden;/* Hack for BG */
  height: auto;
}


#contents #dnn_ContentPane {
  float: right;
  width: 526px;
  padding-right: 15px;
	background-color:#FFFFFF;
  padding-bottom: 32767px;/* Hack for BG */
  margin-bottom: -32767px;
}

#contents_detail #dnn_ContentPane {
  width: 766px;
  padding-top: 15px;
  padding-right: 15px;
  padding-left: 15px;
  background-color:#FFFFFF;
}

#dnn_ContentPane #TopProduct {
  background-color:#857A6F;
  padding: 15 15 15 0;
  margin: 15 15 15 0;
}

#dnn_ContentPane #TopContents {
  background-color:#FFFFFF;
}

/* SecondPane */

#contents #dnn_SecondPane {
  float: left;
  width: 235px;
  padding-left:15px;
  background-color:#FFFFFF;
  padding-bottom: 32767px;/* Hack for BG */
  margin-bottom: -32767px;
}

/* Blog Contents */
#blogcontents #dnn_ContentPane {
  float: left;
  width: 525px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  background-color:#FFFFFF;
  padding-bottom: 32767px;/* Hack for BG */
  margin-bottom: -32767px;
}

/* SecondPane */

#blogcontents #dnn_SecondPane {
  float: right;
  width: 230px;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  background-color:#FFFFFF;
  padding-bottom: 32767px;/* Hack for BG */
  margin-bottom: -32767px;
}

html #contents #dnn_ContentPane, html #contents #dnn_SecondPane, html #blogcontents #dnn_SocondPane {
  display:inline; /* Hack for IE6 Double padding */
}

/* Bottom */
#dnn_bottom {
  width: 766px;
  clear: both;
  height: 50px;
	background-color:#857A6F;
  color:#FFFFFF;
  font-size: 93%;
}

#dnn_bottom a, #dnn_bottom a:hover, #dnn_bottom a:visited, #dnn_footer .Normal, #dnn_footer a, #dnn_footer a:hover, #dnn_footer a:visited {
 color:#FFFFFF;
}

/* Footer */
#dnn_footer {
  width: 766px;
  clear: both;
  height: 50px;
  margin-top: 10px;
  margin-bottom: 20px;
 color:#FFFFFF;
 font-size: 93%;
}

#dnn_footer h3 {
	FONT-SIZE: 85%;
	COLOR: #FFFFFF;
	padding-top:10px;
}

/* TOP Page */

#BoxTopBlog {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 218px;
	margin-bottom:5px;
}


#BoxTopBlog h2  {
	TEXT-INDENT: -9999px;
}


.DNN_Reports_HTML_Item {
	font-weight: bold;
	line-height: 120%;
	PADDING: 0px;
}

.TopNewsText {
	font-weight: Normal;
}

.godetail a, .godetail a:visited {
	font-weight: bold;
	color: #CC3300;
}
 
.banner {
	margin-top:20px;
}

.banner #voice, .banner #group {
	TEXT-INDENT: -9999px;
	DISPLAY: block;
}

.banner h4 a {
	DISPLAY: block; LIST-STYLE-TYPE: none; HEIGHT: 60px; TEXT-DECORATION: none
}

.banner #voice {
	WIDTH: 250px;
	height: 60px;
	background-image: url(/Portals/kualoa/images/lib/bnr_voice.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
}

.banner #group {
	WIDTH: 250px;
	height: 60px;
	background-image: url(/Portals/kualoa/images/lib/bnr_group.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
}

/* Contents */
#htitle h2 {
	TEXT-INDENT: -9999px; 
}

#dnn_ContentPane h3 {
	font-size: 1.1em;
	font-weight: bold;
	background-image: url(/Portals/kualoa/images/lib/i_next.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	color: #C00;
}

/* Side Detail */
#detailbox {
	border: 3px solid #FF9900;
	width: 308px;
	background-image: url('/Portals/kualoa/images/lib/t_box_detail.gif');
	background-repeat: no-repeat;
}

#detailtitle {
	height: 28px;
}
.note
{
	background-image: url('/Portals/kualoa/images/lib/graydot23.gif');
	line-height: 23px;
	margin: 0px 10px 10px 10px;
	font-size: 93%;
}

#detailbox b {
	color: #777777;
}


/* Contact Us */

.DynamicForms_LabelCell
{
  font-size: 100%;
}

/* Blog */

#calendar td {
	color: #FFFFFF;
	font-weight: bold;
}

#BoxWrapper {
	width: 100%;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
}

#BoxNoContentsWrapper {
	width: 100%;
}

#BoxActibitiesWrapper {
	width: 100%;
	padding-bottom:20px;
}

#BoxTitle h2 .Head {
	font-size: 124%;
	MARGIN: 0px;
	LINE-HEIGHT: 140%;
	font-weight: bold;
	color: #CC3300;
	padding-left:5px;
	padding-top:5px;
}

#BoxTitle {
	width: 100%;
	border-width: 2px;
	border-style: solid;
	border-color: #CCC;
	background-color: #F7F7F7;
}

#BoxActivitiesTitle {
	height: 0px;
	LINE-HEIGHT: 0px;

}

#LineTitle h2 .Head {
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 16px;
	MARGIN: 0px;
	LINE-HEIGHT: 120%;
	font-weight: bold;
	color: #423737;
	padding-left:0px;
	padding-top:0px;
}

#LineTitle {
	width: 100%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #857A6F;
	margin-bottom:10px;
}

#BoxContent {
	padding-top:10px;
}

#BoxContent OL {
	margin: 10px;
}
#BoxContent LI {
	margin-left: 30px;
}

#BoxActivitiesContent {
	padding-top:10px;
	padding-left:68px;
	height: 340px;
	background-image: url('/Portals/kualoa/images/lib/box_activity_background.gif');
	background-repeat: no-repeat;
}

/* Blog */
/*

#calendar td {
	color: #FFFFFF;
	font-weight: bold;
}

.Blog_Archive_Day {
	FONT-SIZE: 93%;
	BACKGROUND-COLOR: #fff
}

.subhead {
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}


.blog_footer {
	padding-top:20px;
}

.horizontalline {
	margin-bottom:20px;
}

.blog_pub-month {
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 100%;
}

.blog_pub-date {
	FONT-FAMILY: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size: 100%;
}
*/

/* Left Navi */
.leftnavi strong{
	color:#632100;
	font-size:85%;
	text-transform:uppercase
} 
.leftnavi b{color:#FF2164; font-size:108%; text-transform:uppercase} 
.leftnavi a{color:#018BA9; font-size:100%; text-decoration:none} 
.leftnavi a:hover{text-decoration:underline} 
.leftnavi li
{
  background-position: left bottom;
  background: url(/Portals/hapa/images/lib/1_z3.gif) center left no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 10px;
  list-style: none;
}
.DNN_Reports_HTML_Item {
}
.leftnavi .block{color:#371600;}
.leftnavi .block a{color:#FFDE00; text-decoration:underline}
.leftnavi .block a:hover{text-decoration:none} 

.leftnavi .block1, .leftnavi .block0{color:#371600; font-size:77%;}
.leftnavi .block1 b, .leftnavi .block0 b{
	color:#371600;
	font-size:108%;
	text-transform:uppercase
}
.leftnavi .block1 a, .leftnavi .block0 a{
	color:#FF2164;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold
}
.leftnavi .block1 a:hover, .leftnavi .block1 a:hover {text-decoration:underline} 
.leftnavi .block1 li{
	background:url(/Portals/hapa/images/lib/1_z1-1.gif)  bottom left no-repeat;
	margin:2px 0px 5px 0px;
	padding:0px 0px 0px 5px;
	list-style: none;
}
.leftnavi .block0 li{
	background:url(/Portals/hapa/images/lib/1_z1.gif)  bottom left no-repeat;
	margin:2px 0px 5px 0px;
	padding:0px 0px 0px 5px;
	list-style: none;
}

.leftnavi .block2 a{color:#018BA9; text-decoration:none} 
.leftnavi .block2 a:hover{text-decoration:underline} 
.ProductName, .ProductName a, .ProductName a:visited
{
  font-size: 13px;
  font-weight: bold;
  color: #632100;
}
.leftnavi .ProductName
{
	margin-top: 15px;
	margin-left: 5px;
}
.Price
{
  font-size: 13px;
  font-weight: bold;
  color: #E51E5A;
}
.topimage {
	padding-right: 5px;
	padding-bottom: 15px;
}
.leftnavi .Price
{
  margin: 15px 0px 15px 15px;
}

.ProductUl {
  margin: 15px 0px 0px 5px;
  padding: 0pt;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  line-height: 125%;
  font-size: 77%;
}

/* Detail */
.DetailBack
{
  background-color: #FFFFFF;
  border: 5px solid #857A6F;
  /*padding: 10px;*/
  width: 736px;
  float: left;
}
#ImageFrame {
  border: 1px solid #423737;
  float: left;
/*  margin-right: 10px;
  padding: 5px; */
  margin: 15px 0px 15px 15px;
}
#DetailInfo {
  float: right;
  width: 290px;
  margin-top: 15px;
  margin-bottom: 15px;
}
#DetailTitle
{
  width :290px;
  background-color: #423737;
  margin-bottom: 10px;
}
#DetailTitle h2{
  font-size: 124%;
  font-weight: bold;
  color: #FFFFFF;
  margin: 5px;
}
#DetailPrice {
  margin: 0px 10px 10px 0px;
  font-size: 124%;
  font-weight: bold;
  color: #E51E5A;
  text-align: right;
}
#DetailText {
  margin-bottom: 10px;
  float: left;
}
#PhotoSpace {
  margin-bottom: 10px;
}
.ThumPhoto
{
  border: 1px solid #413737;
  margin-right: 5px;
}
#Shopping {
  margin-bottom: 10px;
}
#SizeWindow
{
  width: 100%;
  background-color: #FFFFFF;
}
#SizeWindow td {
  font-size: 85%;
}
#SizeTitle
{
  /*width: 100%;*/
  background-color: #423737;
  margin-bottom: 10px;
  padding: 5px 0px 5px 5px;
  font-size: 124%;
  font-weight: bold;
  color: #FFFFFF;
}
.SizeTable td .white {
  background-color: #FFFFFF;
  text-align: center;
}
.SizeType {
  color: White;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
}
.white td {
  background-color: #FFFFFF;
  padding: 5px;
  font-size: 13px;
}

/* T-shirts Submenu */
#TshirtMenu {
}
#TshirtMenu UL
{
  list-style-type: none;
  padding-top: 15px;
}
#TshirtMenu LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 15px; MARGIN: 0px; TEXT-INDENT: -9999px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#TshirtMenu LI A {
	DISPLAY: block; LIST-STYLE-TYPE: none; HEIGHT: 34px; TEXT-DECORATION: none
}
#TshirtMenu LI#men {
	WIDTH: 234px;
	background-image: url(/Portals/hapa/images/lib/b_mens.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 34px;
	margin-right: 16px;
	margin-left: 0px;
}
#TshirtMenu LI#lady {
	WIDTH: 234px;
	background-image: url(/Portals/hapa/images/lib/b_ladys.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 34px;
	margin-right: 16px;
}
#TshirtMenu LI#kid {
	WIDTH: 234px;
	background-image: url(/Portals/hapa/images/lib/b_kids.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 34px;
}
#TshirtMenu LI#menf2 {
	WIDTH: 234px;
	background-image: url(/Portals/hapa/images/lib/b_mens_f2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 34px;
	margin-right: 16px;
	margin-left: 0px;
}
#TshirtMenu LI#ladyf2 {
	WIDTH: 234px;
	background-image: url(/Portals/hapa/images/lib/b_ladys_f2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 34px;
	margin-right: 16px;
}
#TshirtMenu LI#kidf2 {
	WIDTH: 234px;
	background-image: url(/Portals/hapa/images/lib/b_kids_f2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 34px;
}
.RadioList input
{
  margin-right: 5px;
}
.RadioList img {
	border:1px solid #CCCCCC;
}

/* Command Button */
#BoxContent A.CommandButton {
  font-size: 12px;
  background-color: #FFCC00;
  border: 1px solid #423737;
  padding: 0 20 0 20;
  font-weight: bold;
}
.Normal input {
	margin-bottom: 20px;
}