@charset "utf-8";
/* CSS Document */

/*=============================================================================
Reset
==============================================================================*/

html{color:#442513;background:#fff;overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#ccc;}del,ins{text-decoration:none;}

/*=============================================================================
Font
==============================================================================*/
/* --------------------------------------
　　全体で12pxを基準にしたフォントサイズパーセント表記
    Font-size Adjustment
     84% = 10px	|	134% = 16px	|	184% = 22px
     92% = 11px	|	142% = 17px	|	192% = 23px
    100% = 12px |	150% = 18px	|	200% = 24px
    109% = 13px	|	159% = 19px	|	209% = 25px
    117% = 14px	|	167% = 20px	|	217% = 26px
    125% = 15px	|	175% = 21px	|
-------------------------------------- */
body {
    font-size: 12px;
    font-family: "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
    color:#333;
}
/* for IE6 */
* html body { font-size: 75%; }
/* for IE7 */
*:first-child+html body { font-size: 75%; }


/*============================================================================
Base
==============================================================================*/

/* --------------------------------------
clearfix
--------------------------------------- */
/* for modern browser */
.clearfix:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
/* for IE 5.5-7 */
.clearfix { zoom: 1; }


a { color:#003399;}
a:hover { text-decoration:none;}

/*============================================================================
header
==============================================================================*/

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


#header { width:905px; height:70px; background:url(ind_bg_01.gif) 0 0 no-repeat; position:relative; margin-bottom:15px;}
#header h1 { position:absolute; left:6px; top:18px;}
#header p { position:absolute; right:17px; top:21px;}

#mv { width:905px; float:left; margin-bottom:5px;}
#mv p { width:447px; float:left;}
#mv div{ width:442px; float:right;}

#concept { width:905px; float:left; margin-bottom:22px;}
#concept dl { width:905px; float:left; margin-bottom:5px; height:28px;}
#concept dl dt { width:120px; float:left; line-height:28px;}
#concept dl dt img { vertical-align:top;}
#concept dl dd { float:left; line-height:28px;}
.details { width:905px; float:left; height:120px; background:url(ind_bg_02.gif) 0 0 no-repeat; padding-top:21px;}
.details table { width:871px; margin:0 auto 0;}
.details th.styling { width:226px;}
.details th.selected { width:224px;}
.details th.photo { width:228px;}
.details th.design {}

.details td { padding-top:10px; line-height:1.4; padding-left:8px; padding-bottom:15px;}
.details td.styling { background:url(ind_ic_01.gif) 140px 30px no-repeat; }
.details td.selected { background:url(ind_ic_02.gif) 140px 22px no-repeat; }
.details td.camera { background:url(ind_ic_03.gif) 140px 43px no-repeat; }
.details td.hatena { background:url(ind_ic_04.gif) 140px 43px no-repeat; }

#contents { width:905px; float:left; margin-bottom:22px;}
#contents .daikanyama { float:left;}
#contents .price { float:right;}

#mall { width:905px; height:441px; float:left; background:url(ind_bg_03.gif) 0 0 no-repeat; position:relative; margin-bottom:22px;}
#mall h3 { margin-top:25px; margin-left:13px; margin-bottom:13px; margin:25px 0 13px 13px;}
#mall dl { width:427px; margin-left:13px;}
#mall dl dd { padding:12px 30px 0; line-height:1.4;}
#mall p { position:relative;}
#mall p img { position: absolute; top:8px; right:2px; }

#campaign { width:904px; height:149px; float:left; background:url(ind_bg_04.gif) 0 0 no-repeat; margin-bottom:22px;}
#campaign dt { float:left;}
#campaign dd { float:left;}
#campaign dd table { width:626px; margin-left:21px; margin-top:10px;}
#campaign dd td { position:relative; line-height:1.4; padding-left:10px; padding-top:4px; padding-right:15px;}
#campaign dd td p { width:128px; float:left;}
#campaign dd td img { float:right;}

#contents02 { width:905px; float:left; height:131px; margin-bottom:22px;}
#contents02 .contact { width:446px; float:left; margin-right:15px;}
#contents02 .mail { width:136px; float:left; margin-right:12px;}
#contents02 .photo { width:295px; float:left;}

#contents03 { width:905px; float:left; height:224px; margin-bottom:30px;}
#contents03 .contact { width:444px; float:left; margin-right:15px;}
#contents03 .access { width:444px; float:left;}

#access { width:905px; height:132px; float:left; background:url(ind_bg_06.gif) 0 0 no-repeat; margin-bottom:30px; padding-top:17px; position:relative;}
#access .studioHula { width:252px; float:left; padding-left:200px; }
#access .headOffice { width:253px; float:right; padding-left:200px; }
#access dl { position:relative;}
#access dt { padding-top:2px; padding-bottom:2px;}
#access dd { position:relative; line-height:1.4; font-size:117%; }
#access dd .pi { position:absolute; top:-27px; left:-180px;}
#access dd p { padding-left:3px;}
#access dd p.btn { margin-top:14px; }






#footer { clear:both; background-color:#87cdcf; text-align:center;}