/* Global */

body {
    background: #fff url(../com_imgs/back.gif)  repeat-y top left; 
    font: normal 10px;


    color: #333;   
}


a {
    color: #f82; 
    font-weight: normal;
    text-decoration: none; 
}

a:hover {
    text-decoration: underline;
}

a img { border: none; } 


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-size: 10px;
    font-weight: normal;   
}





strong {
    font-weight: normal;
}






/* Footer */

#footer-content,
#footer-content a {
    text-decoration: none;
    color: #666;
    font-size: 10px;
}

#footer-content a:hover {
    text-decoration: underline;
}



/* Layout ----------------------------------------------------------------- */

#container {
    width: 980px;
}

#container-inner {
    width: 945px;
    min-height: 100%;
    margin: 0 10px 0 25px;
    text-align: left;
}

#idx-content {
    background: #fff;
}

#idx-content-inner {
    background: #fff;
    clear: both;
}



#header, #content,
#idx-footer, #idx-left, #idx-center, #idx-right, {
    position: relative;
}

#idx-left, #idx-center, #idx-right {
    display: inline;
    float: left;
}

#header-inner, #content-inner,
 #idx-footer-inner,#idx-left-inner, #idx-center-inner, #idx-right-inner {
    position: static;
}


#header-inner, #footer-inner,
#idx-left-inner, #idx-center-inner, #idx-right-inner {
    overflow: hidden;
}


#idx-left {
    width: 170px;
    margin-top: 0px;
    margin-right: 20px;
    float: left;
}

#idx-center {
    width: 540px;
    margin-top: 0px;
    margin-right: 25px;
    float: left;
}

#idx-right {
    margin-top: 0px;
    width: 190px;
    float: left;
}


#idx-center-inner {
    background: #fff url(../com_imgs/idx_back.jpg)  no-repeat top left;
    text-align: right;
}




#idx-content-inner-bottom {
    background: #fff;
    clear: both;
}

#idx-bottom-left {
    width: 170px;
    margin-right: 20px;
    float: left;
}

#idx-bottom-center {
    width: 540px;
    margin-right: 25px;
    float: left;
}

#idx-bottom-right {
    width: 190px;
    float: left;
}










/* Header ----------------------------------------------------------------- */


#header {  
    background: #fff; 
}

#header a {
    color: #f82;
    font-weight: normal;
    text-decoration: none;
}

#header a:hover {
    text-decoration: none;
}


/* Header-ue */

#header-content1 {
    margin: 0;
    height: 25px;
}

#header-content1 h1 {
 color:#666666;
 text-align:right;
 display:block;
 padding:7px 0px 0px 0px;
 font-size:11px;
}





/* Header-line */

#idx-header-content-line {
    border-top: 3px solid #f82;
}






/* Content ---------------------------------------------------------------- */


/* info */

.info {
    margin: 0px 0px 5px 0px;
    color: #003; 
    font-size: 10px;
    line-height: 1.25em;
    clear: both;
}  

.cam {
    margin: 0px 0px 5px 0px;

    color: #f82; 
    font-size: 10px;
    line-height: 1.25em;
}  


.info_txt {
    margin-top: 5px;
    margin-bottom: 5px;
}

.info a {
    color: #f82; 
    font-size: 10px;
    text-decoration: none;
} 

.info a:hover {
    text-decoration: underline;
}

.right1 {
    margin-right: 1px;
}


.info h2 {
    margin: 0px 0px 2px 0px;
    font-size: 10px;
    color: #003;    
    font-weight: normal;  
}

.info h3 {
    margin: 2px 0px 0px 0px;
    font-size: 10px;
    color: #003;    
    font-weight: normal;  
}

.info p {
    margin: 2px 0px 8px 0px;
}




/* recommend */
.recommend {
    background: #fff;
    margin-top: 7px;
    margin-bottom: 7px;
    height: 65px;
    clear: both;
}

.recommend-right {
    width: 70px;  
    float: left;
}

.recommend-right a img {
    border: 1px solid #f82;
}

.recommend-right a:hover img {
    border: 1px dashed #f82;
}


#recommend1-left {
    background: #fff url(../com_imgs/idx_rcmd_01_back.gif) no-repeat top left;
    width: 75px;
    padding-top: 30px;
    padding-right: 20px;
    font-size: 10px;
    line-height: 1.15em;
    float: left;
}

#recommend2-left {
    background: #fff url(../com_imgs/idx_rcmd_02_back.gif) no-repeat top left;
    width: 75px;
    padding-top: 30px;
    padding-right: 20px;
    font-size: 10px;
    line-height: 1.15em;
    float: left;
}

#recommend3-left {
    background: #fff url(../com_imgs/idx_rcmd_03_back.gif) no-repeat top left;
    width: 75px;
    padding-top: 30px;
    padding-right: 20px;
    font-size: 10px;
    line-height: 1.15em;
    float: left;
}

#recommend4-left {
    background: #fff url(../com_imgs/idx_rcmd_04_back.gif) no-repeat top left;
    width: 75px;
    padding-top: 30px;
    padding-right: 20px;
    font-size: 10px;
    line-height: 1.15em;
    float: left;
}

#recommend5-left {
    background: #fff url(../com_imgs/idx_rcmd_05_back.gif) no-repeat top left;
    width: 75px;
    padding-top: 30px;
    padding-right: 20px;
    font-size: 10px;
    line-height: 1.15em;
    float: left;
}

.recommend-sepline {
    margin: 5px 0;
    border-top: 1px dashed #aaa;
    clear: both;
}


/* Main menu */

#main {
    margin-top: 7px;
    clear: both;
}

#main-catemenu{
    padding-left: 10px;
    padding-right: 10px;
    width: 90px;
    float: left;
}

#main-gallery {
    width: 420px;
    float: left;
}

#main-catemenu img {
    margin-bottom: 3px;
}


/* theme */


#theme {
    margin:10px 0px 0px 0px;
    text-align: left;
    font-size: 10px;
    line-height: 1.15em;
    clear: both;
}

#theme-okuru{
    margin:5px 15px 14px 10px;
    _margin:5px 15px 14px 5px;
    padding-top:5px;
    width: 300px;
    border-top: 1px dashed #f82;
    float: left;
}

#theme-okuru a{
    color: #666
}

#theme-okuru a:hover{
    color: #003
}

#theme-case {
    margin-top:5px;
    padding-top:5px;
    width: 205px;
    border-top: 1px dashed #f82;
    float: left;
}


#theme-case a{
    color: #666
}

#theme-case a:hover{
    color: #003
}





#theme-okuru2 {
    margin-top:5px;
    padding-top:10px;
    width: 300px;
    border-top: 1px dashed #f82;
    float: left;
}

#theme-okuru2 a{
    color: #666
}

#theme-okuru2 a:hover{
    color: #003
}

#theme-case2 {
    margin:5px 15px 14px 10px;
    _margin:5px 15px 14px 5px;
    padding-top:10px;
    width: 205px;
    border-top: 1px dashed #f82;
    float: left;
}



#theme-case2 a{
    color: #666
}

#theme-case2 a:hover{
    color: #003
}






#mem_campaign {
    margin-top:10px;
    margin: 10px 0px 0px 0px;
    text-align: left;
    font-size: 10px;
    color: #003;
    line-height: 1.40em;
}





/* Top Right Blog List ---------------------------------------------------------- */

#blog {
    margin-top:20px;
    clear: both;
}

#blog1{
    width: 190px;
    padding: 0px 0 10px 0;

}

#blog2{
    width: 190px;
    background: url(../com_imgs/blog_back2.gif) no-repeat bottom right;
    margin-top: 5px;
}



.blog-content {
    margin: 0px 0 0px 0;
    padding: 0px 0px;
    color: #777;
    font-weight: normal;
    font-size: 10px;
    line-height: 1.25em;
}


.blog-content2 {
    background: url(/hawaii/com_imgs/back_blog2.gif) no-repeat bottom right;
    margin: 0;
    padding:0;
    color: #777;
    font-weight: normal;
    font-size: 10px;
    line-height: 1.25em;
}

.blog-content2 a {
    color: #5372B0;
}

.blog-name {
    margin: 0 0 0 0;
}

.blog-pic {
    margin: 5px 0 3px 0;
    text-align: center;
}

.blog-copy {
    margin: 3px 0 5px 0;
    color: #777;
    font-size: 10px;
    line-height: 1.1em;
}

.blog-copy a {
    margin: 5px 0 5px 0;
    color: #f72;
    font-size: 10px;
    line-height: 1.1em;
    text-decoration: none;
}

.blog-copy a:hover {

    text-decoration: underline;
}

.blog-body {
    padding: 3px 0px 5px 0px;
    color: #777;
    font-weight: normal;
    font-size: 10px;
}

.blog-body2 {
    padding: 3px 0 3px 0;
    color: #9D866E;
    font-weight: normal;
    font-size: 10px;
}

.blog-dlink {
    margin: 0px 0px 5px 0px;
    background: transparent url(https://www.8days.jp/hawaii/com_imgs/back_dlink.gif) no-repeat top left;
    padding: 3px 5px 3px 20px;
    font-weight: normal;
    font-size: 10px;
    border: 1px solid #ffbe95;
}

.blog-dlink a {
    text-decoration: none;
}



.blog2-link {
    color: #5B73A1;
}


.blog-dlink a:hover {
    text-decoration: underline;
}










/* info2 */

#info2 {
    background-color:#f0f0f0;
    border: #ccc 1px solid;
    margin: 10px 10px 10px 10px;
    padding: 10px;
    text-align: left;
    font-size: 10px;
    color: #003;
    line-height: 1.15em;
    clear: both;
}

.info2_em {
    color: #69f;
}








/* info3 */

#info3 {
    background-color:#fff;
    padding: 5px 10px 0px 10px;
    text-align: left;
    color: #003;
    font-size: 10px;
    line-height: 1.40em;
    clear: both;
}

.info3_imgright {
    margin-right: 5px;
}

#info3 p {
    margin: 0px 0px 2px 0px;
   padding: 0px 0px 0px 0px;
}


/* info4 */

#info4 {
    background-color:#fff;
    padding: 5px 10px 0px 10px;
    text-align: left;
    color: #003;
    font-size: 10px;
    line-height: 1.40em;
    clear: both;
}

.info4_imgright {
    margin-right: 5px;
}

#info4 p {
    margin: 0px 0px 2px 0px;
   padding: 0px 0px 0px 0px;
}

/* Footer ----------------------------------------------------------------- */

#idx-footer { 
/*    background-color: #fff; */
    padding-top: 0px;
}

#idx-footer-inner { 
    clear:both;
    background-color: #fff; 
}

#footer-content {
    padding: 5px 0;
    border-top: 1px solid #f82;
    background: url(../com_imgs/copyright.gif) no-repeat top right;
}

.idx-footer-innerupr{
    overflow:hidden;
}

.idx-footer-innerupr-l{
    width:810px;
    float:left;
}

.idx-footer-innerupr-r{
    width:125px;
    float:right;
}

.idx-footer-bookmark{
    display:block;
    border:1px solid #cccccc;
    padding:3px 0 0 0;
    text-align:center;
    margin:5px auto 0 auto;
}


/* Utilities -------------------------------------------------------------- */

#header:after,
#header-inner:after,
#content:after,
#alpha-inner:after,
#beta-inner:after,
#gamma-inner:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}


#header-inner,
#content-inner,
#footer-inner,
.asset-body {
    height: 1%;
}


/* Custom Styles ---------------------------------------------------------- */

.asset-stream  .asset-header-content {
    padding: 15px 0 0 27px;

}



/* X'mas ----------------------------------------------------------------- */
#idx-center-inner_xmas {
}

h2.xmas{
 text-align:right;
}

h2.right{
 text-align:right;
}

#main_xmas {
    background: #fff;
}

#main-gallery_xmas {
    width: 538px;
    text-align: right;
    padding: 0px 0px 1px 2px;
}

#menu_xmas,
#menu_xmas2 {
    overflow: hidden;
    width: 100%;
    position: static;
    clear: both;
}

#menu_xmas_inner {

 padding-bottom:0px;
 text-align:right;
}

#menu_xmas_inner2 {
 padding-top:2px;
 padding-bottom:10px;
 text-align:right;
}

#menu_xmas_inner a img,
#menu_xmas_inner2 a img{
    padding:0px;
    background-color:#ffffff;
    border:1px solid #990000;
}

#menu_xmas_inner a:hover img,
#menu_xmas_inner2 a:hover img{
    padding:0px;
    background-color:#ffffff;
    border:1px dashed #990000;
}


#menu_xmas_inner img.right,
#menu_xmas_inner2 img.right {
    margin-right: 3px;
}

#category_xmas{
 text-align:right;
 padding-top:14px;
}

#category_xmas img.right {
    margin-right: 6px;
}


/* 2009 Xmas */

#x2009 {
    width: 520px;
    margin: 15px 0px 10px 10px;
    min-height: 1em;
    text-align: left;
    clear: both;

}

#x2009:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}

/*\*/
* html #x2009 {
    height: 1em;
}

#x2009 {
    display: block;
}
/**/

#x2009_intro {
    margin: 5px 0px 5px 0px;
    color: #003;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.25em;
}

.x2009_banner {
    margin: 0px 0px 0px 0px;
    min-height: 1em;
    clear: both;
}

.x2009_banner:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}

/*\*/
* html .x2009_banner {
    height: 1em;
}

.x2009_banner {
    display: block;
}
/**/


.x2009_banner1 {
    margin: 0px 5px 0px 0px;
    float: left;
}


.x2009_banner2 {
    margin: 0px 0px 0px 0px;
    float: right;
}

.x2009_banner1 ,
.x2009_banner2 {
    width: 170px;
    height: 54px;
}


.x2009_banner1 a img,
.x2009_banner2 a img {
    border: 1px #ff6600 solid;
}

.x2009_banner1 a:hover img,
.x2009_banner2 a:hover img {
    border: 1px #ff6600 dashed;
}









.x2009_copy {
    margin: 5px 0px 10px 0px;
    min-height: 1em;
    clear: both;
}

.x2009_copy:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}

/*\*/
* html .x2009_copy {
    height: 1em;
}

.x2009_copy {
    display: block;
}
/**/



.x2009_copy1 {
    width: 170px;
    margin: 0px 5px 0px 0px;
    float: left;
}


.x2009_copy2 {
    width: 170px;
    margin: 0px 0px 0px 0px;
    float: right;
}

.x2009_copy1 ,
.x2009_copy2 {
    color: #333;
    font-size: 10px;
    font-weight: noramal;
    line-height: 1.05em;
}





.sp_2010 {
    width: 520px;
    margin: 10px 0px 0px 10px;
    min-height: 1em;
    text-align: left;
    color: #003;
    line-height: 1.25em;
    clear: both;
}
.sp_2010:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
/*\*/
* html .sp_2010 {
    height: 1em;
}
.sp_2010 {
    display: block;
}
/**/



.sp_2010_left {
    margin-top: 5px;
    width: 260px;
    text-align: left;
    float: left;
}

.sp_2010_right {
    margin-top: 5px;
    width: 260px;
    margin-top: 5px;
    text-align: left;
    float: right;
}

.sp_2010_left a img,
.sp_2010_left a img {
    border: 1px #ff6600 solid;
}

.sp_2010_left a:hover img,
.sp_2010_left a:hover img {
    border: 1px #ff6600 dashed;
}



/* 2010 Xmas */

#x2010 {
    width: 520px;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    _padding: 0px 0px 0px 0px;
        text-align: left;
    min-height: 1em;
    clear: both;
}
#x2010:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
/*\*/
* html #x2010 {
    height: 1em;
}
#x2010 {
    display: block;
}
/**/



.x2010_banner {
    margin: 0px 0px 0px 0px;
    min-height: 1em;
    clear: both;
}
.x2010_banner:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
/*\*/
* html .x2010_banner {
    height: 1em;
}
.x2010_banner {
    display: block;
}
/**/


.x2010_intro {
    background: #fff url(../com_imgs/x2010_box.jpg)  no-repeat top right; 
    padding:0px 60px 0px 0px;
    color: #963;
    font-size: 10px;
    font-weight: noramal;
    line-height: 1.25em;
}



.x2010_banner1 {
    margin: 5px 5px 0px 0px;
    float: left;
}


.x2010_banner2 {
    margin: 5px 0px 0px 0px;
    float: right;
}

.x2010_banner1 ,
.x2010_banner2 {
    width: 170px;
    height: 70px;
}


.x2010_banner1 a img,
.x2010_banner2 a img {
    border: 1px #b74c4c solid;
}

.x2010_banner1 a:hover img,
.x2010_banner2 a:hover img {
    border: 1px #b74c4c dashed;
}









.x2010_copy {
    margin: 5px 0px 10px 0px;
    min-height: 1em;
    clear: both;
}
.x2010_copy:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
/*\*/
* html .x2010_copy {
    height: 1em;
}
.x2010_copy {
    display: block;
}
/**/



.x2010_copy1 {
    width: 170px;
    margin: 0px 5px 0px 0px;
    float: left;
}


.x2010_copy2 {
    width: 170px;
    margin: 0px 0px 0px 0px;
    float: right;
}

.x2010_copy1 ,
.x2010_copy2 {
    color: #333;
    font-size: 10px;
    font-weight: noramal;
    line-height: 1.25em;
}






.spprice2011 {
    width: 520px;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    _padding: 0px 0px 0px 0px;
    min-height: 1em;
    margin: 0 auto; 
    text-align: left;
    clear: both;
}
.spprice2011:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}

/*\*/
* html .spprice2011 {
    height: 1em;
}

.spprice2011 {
    display: block;
}
/**/

.spprice2011 .left-2011 {
    margin-top: 5px;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 9px;
    width: 230px;
    border: 1px solid #f60;
    float: left;
}

.spprice2011 .right-2011 {
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 9px;
    width: 230px;
    border: 1px solid #f60;
    float: left;
}

.spprice2011 .left-2011 p {
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
}

.spprice2011 .right-2011 p {
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
}


.omimai {
    width: 520px;
    margin: 10px 0px 10px 0px;
    padding: 10px;
    border: 1px solid #cccccc;
    font-size : 10px;
    color: #666;  
    line-height: 1.4em;
}




.recomm2011 {
    width: 520px;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
    _padding: 0px 0px 0px 0px;
    min-height: 1em;
    margin: 0 auto; 
    text-align: left;
    clear: both;
}
.recomm2011:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}

/*\*/
* html .recomm2011 {
    height: 1em;
}

.recomm2011 {
    display: block;
}
/**/

.recomm2011 .recomm2011_left {
    margin: 0;
    padding: 0;
    width: 220px;
    text-align: left;
    float: left;
}

.recomm2011 .recomm2011_right {
    margin: 0
    padding: 0;
    width: 300px;
    text-align: left;
    float: left;
    color: #003;
}