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

/* Format 
----------------------------------------------- */
html,body{ margin:0; background-color:#000000;  padding:0; font-size:12px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif; color:#555555; line-height:18px; text-align:left; }

#wrapper{ padding:0; position:absolute; top:50%; width:100%; height:650px; margin-top:-335px; overflow:auto; background-color:#fff; }

#main{ padding:0; position:absolute; top:50%; width:100%; height:650px; margin-top:-335px; overflow:auto; background-color:#fff; }

#wrapper-inner{ margin:0 auto; padding:30px 0 10px 0; width:880px; }

h1{ margin:0; padding:8px 0; font-size:10px; line-height:1em; font-weight:100; color:#999999; }

a img, .aim{ border:none; }

a:link{ font-size:12px; color:#666; text-decoration:none; }

a:visited{ font-size:12px; color:#666; text-decoration:none; }

a:hover{ font-size:12px; color:#333; text-decoration:underline; }

hr{ clear:both; border-bottom:1px solid #d9d9d9; margin:7px 0; padding:0; }

.dott{ clear:both; border:none; border-bottom:1px dotted #555555; height:1px; padding:0; }

.clear-b{ clear:both; visibility:hidden; height:0; }

.pic-left{ margin:0 15px 0 0; border-right:1px solid #555; float:left; }

/* Navi
----------------------------------------------- */
#navi ul{ margin:0; padding:0; }
#navi ul li{ list-style:none; }

/*  WEB  */
.navi-web a{ display:block; width:170px; height:65px; background:url(../allimages/button_web.png) no-repeat left top; text-indent:-9999px; outline:none; }
.navi-web a:hover{ background-position:right top; }
/*  INTERIOR  */
.navi-inte a{ display:block; width:170px; height:64px; background:url(../allimages/button_interior.png) no-repeat left top; text-indent:-9999px; outline:none; }
.navi-inte  a:hover{ background-position:right top; }
/*  GRAPHIC  */
.navi_gra a{ display:block; width:170px; height:70px; background:url(../allimages/button_graphic.png) no-repeat left top; text-indent:-9999px; outline:none; }
.navi_gra a:hover { background-position:right top; }

#wrapper-navi{ margin:0; padding:0;background:#000000; }
#navi-space{ margin:0 auto; padding:0; width:880px; height:50px; }
#navi-space ul{ margin:0; padding:0; }
#navi-space ul li{ list-style:none; display:inline; }
#navi-space ul li a{ background:url(../allimages/button_inner.png) 0 0 no-repeat; }
/*  LINK  */
#navi-space ul li#wig-web a{ float:left; width:293px; height:50px; text-indent:-9999px; overflow:hidden; background-position:0 0; }
#navi-space ul li#wig-int a{ float:left; width:293px; height:50px; text-indent:-9999px; overflow:hidden; background-position:-293px 0; }
#navi-space ul li#wig-gra a{ float:left; width:294px; height:50px; text-indent:-9999px; overflow:hidden; background-position:-586px 0; }
/*  HOVER  */
#navi-space ul li#wig-web a:hover{ background-position:0 -50px; }
#navi-space ul li#wig-int a:hover{ background-position:-293px -50px; }
#navi-space ul li#wig-gra a:hover{ background-position:-586px -50px; }

#navi-space ul li#wig-web{ float:left; width:293px; height:50px; background:url(../allimages/button_inner.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; background-position:0 -50px; }
#navi-space ul li#wig-int{ float:left; width:293px; height:50px; background:url(../allimages/button_inner.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; background-position:-293px -50px; }
#navi-space ul li#wig-gra{ float:left; width:294px; height:50px; background:url(../allimages/button_inner.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; background-position:-586px -50px; }



/* Web
----------------------------------------------- */
#wrapper-web{ margin:0; padding:0; height:530px; background-color:#bde1ff;}
#wrapper-web-inner{ margin:0 auto; padding:0; width:880px; }

#web{ margin:0; padding:0; }
#web #web-left{ margin:0; padding:0; width:220px; float:left; }
#web #web-left .title-web{ margin:30px 0 0 40px; }

#web #web-right{ margin:0 0 15px 0; padding-top:30px; width:640px; float:right; }
#web #web-right .exsamp-text{ padding:0px; }

#web #web-right #gallery{ margin:-20px 0 0 100px; padding:0; }
#web #web-right ul{ margin:0; padding:0; }
#web #web-right ul li{ list-style:none; display:inline; float:left; }
#web #web-right ul li dl{ margin:0; padding:0; }
#web #web-right ul li dl dt{ margin-right:40px; width:37px; height:37px; }
#web #web-right ul li dl dt img{ padding:2px; border:1px solid #777; background-color:#fff; }




/* Interior
----------------------------------------------- */
#wrapper-inte{ margin:0; padding:0; height:530px; background-color:#c3e9c9;  }
#wrapper-inte-inner{ margin:0 auto; padding:0; width:880px; }

#interior{ margin:0; padding:0; }
#interior #inte-left{ margin:0; padding:0; width:220px; float:left; }
#interior #inte-left .title-inte{ margin:30px 0 0 40px; }

#interior #inte-right{ margin:0 0 15px 0; padding-top:30px; width:640px; float:right; }
#interior #inte-right .exsamp-text{ padding-top:5px; }

#interior #inte-right #gallery{ margin:-20px 0 0 100px; padding:0; }
#interior #inte-right ul{ margin-top:5px; padding:0; }
#interior #inte-right ul li{ list-style:none; display:inline; float:left; }
#interior #inte-right ul li dl{ margin:0; padding:0; }
#interior #inte-right ul li dl dt{ margin-right:40px; width:37px; height:37px; }
#interior #inte-right ul li dl dt img{ padding:2px; border:1px solid #777; background-color:#fff; }

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;}

#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}

#lightbox-container-image { padding: 10px; }

#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}

#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block;}

#lightbox-nav-btnPrev { left: 0; float: left;}

#lightbox-nav-btnNext { right: 0; float: right;}

#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto;
	line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
	
#lightbox-container-image-data { padding: 0 10px; color: #666; }

#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em;	}
		
#lightbox-secNav-btnClose { width: 66px; float: right;padding-bottom: 0.7em;}


/* Graphic
----------------------------------------------- */
#wrapper-gra{ margin:0; padding:0; height:530px; background-color:#ffdce9; }
#wrapper-gra-inner{ margin:0 auto; padding:0; width:880px; }

#graphic{ margin:0; padding:0; }
#graphic #gra-left{ margin:0; padding:0; width:220px; float:left; }
#graphic #gra-left .title-gra{ margin:30px 0 0 40px; }

#graphic #gra-right{ margin:0 0 15px 0; padding-top:30px; width:640px; float:right; }
#graphic #gra-right .exsamp-text{ padding:0px; }

#graphic #gra-right #gallery{ margin:-20px 0 0 100px; padding:0; }
#graphic #gra-right ul{ margin:0; padding:0; }
#graphic #gra-right ul li{ list-style:none; display:inline; float:left; }
#graphic #gra-right ul li dl{ margin:0; padding:0; }
#graphic #gra-right ul li dl dt{ margin-right:50px; width:37px; height:37px; }
#graphic #gra-right ul li dl dt img{ padding:2px; border:1px solid #777; background-color:#fff; }

#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;}

#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}

#lightbox-container-image { padding: 10px; }

#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}

#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block;}

#lightbox-nav-btnPrev { left: 0; float: left;}

#lightbox-nav-btnNext { right: 0; float: right;}

#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto;
	line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
	
#lightbox-container-image-data { padding: 0 10px; color: #666; }

#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em;	}
		
#lightbox-secNav-btnClose { width: 66px; float: right;padding-bottom: 0.7em;}



/* Section
----------------------------------------------- */
#section{ margin:0; padding:0;}

#section #left-col{ margin:0; padding:0; width:180px; float:left; }

#section #right-col{ margin:0 0 20px 0; padding:0; width:670px; float:right; }


/*  Concept
-----------------------------------------------*/
#concept{ margin:0; padding:0; height:540px; background:url(../concept/images/table.png) right bottom no-repeat;}

#concept #title{ margin:0 0 20px 0; padding: 12px 0 0 150px; height:35px; border-left:5px solid #333; background:
url(../concept/images/title.png) 25px 10px no-repeat; font-size:14px; color:#000;}

#concept p.copy1{ margin:30px 0 0 0; font-size:10px; line-height:30px; letter-spacing:2px;}

#concept p.copy2{ margin:30px 0 0 0; font-size:10px; line-height:20px;}

#concept #direction{ margin-top:30px; padding-top:50px; width:380px; height:180px; border-top:1px dotted #333; background:
url(../concept/images/title03.png) 0 40px no-repeat;}


/* Access
-----------------------------------------------*/
#access{ margin:0; padding:0; height:auto; }

#access #title{ margin:0 0 20px 0; padding:12px 0 0 130px; height:35px; border-left:5px solid #333; background:
url(../access/images/title.png) 25px 10px no-repeat; font-size:14px; color:#000; }

#access #map{ padding:0 0 15px 0; width:100%; height:430px; border-bottom:1px dotted #333; text-align:center; }

#access p.kotsu{font-size:10px; text-align:center; }

#access p.setsumei{font-size:10px; text-align:center; }

#access #adress{ margin:0;}

#access p.mail{ width:240px; margin:0 0 0 190px; padding:3px 0px 3px 60px; border:1px solid;}


/* Contact
----------------------------------------------- */
#contact { margin:0; padding:0; height:540px;}
#contact #title{ margin:0 0 20px 0; padding: 12px 0 0 150px; height:35px; border-left:5px solid #333; background:
url(../concept/images/title.png) 25px 10px no-repeat; font-size:14px; color:#000;}

#contact p{ margin-left:30px;}

#contact #mailfolm{ margin-top:30px;width:670px; height:410px;}

#contact table{margin:0; padding:0; border-collapse:collapse;}

#contact th{ width:140px; padding:5px 0 5px 0; border-bottom:1px dotted #333; border-right:1px solid #333; text-align:center; font-size:10px;}
#contact td{  padding:5px 0 5px 10px; width:400px; border-bottom:1px dotted #333;}

#contact th.naiyou{  border-bottom:none; border-right:1px solid #333;}
#contact td.naiyou{ border:none;}

#contact #button{ text-align:center;}


/* Privacy
----------------------------------------------- */
#privacy{ margin:0; padding:0; height:540px;}

#privacy #title{ margin:0 0 20px 0; padding:12px 0 0 130px; height:35px; border-left:5px solid #333; background:url(../policy/images/title.png) 25px 10px no-repeat; font-size:14px; color:#000; }

#privacy p.honbun{ margin:0; padding:10px 0 10px 25px; width:645px; border-bottom:1px dotted #333; background:url(../allimages/rect_glay.png) 10px 15px no-repeat; }


/* Sitemap
----------------------------------------------- */
#sitemap { margin:0; padding:0; height:540px;}

#sitemap #title{ margin:0 0 20px 0; padding:12px 0 0 150px; height:35px; border-left:5px solid #333; background:
url(../sitemap/images/title.png) 25px 10px no-repeat; font-size:14px; color:#000;}

#sitemap a{ font-size:12px; color:#000000;}

#sitemap #all{ margin-left:20px; width:600px; font-size:10px;}

#sitemap #all #top{ margin-top:30px; padding:8px 0 8px 15px; border-top:1px dotted #333; border-bottom:1px dotted #333; background:url(../sitemap/images/icon1.png) 0 10px no-repeat;}

#sitemap #top a:hover{ width:10px; height:12px; margin-left:-15px; padding-left:15px; background:url(../sitemap/images/icon2.png) 0 1px no-repeat; text-decoration:underline; }

#sitemap #all .wig{ padding:10px 0 10px 60px; border-bottom:1px dotted #333; background:url(../sitemap/images/icon1.png) 45px 10px no-repeat; }

#sitemap .wig a:hover{ width:10px; height:12px; margin-left:-15px; padding-left:15px; background:url(../sitemap/images/icon2.png) 0 -1px no-repeat; text-decoration:underline; }

#sitemap #all .other{ padding:8px 0 8px 200px; border-bottom:1px dotted #333; background:url(../sitemap/images/icon1.png) 185px 10px no-repeat; }

#sitemap .other a:hover{ width:10px; height:12px; margin-left:-15px; padding-left:15px; background:url(../sitemap/images/icon2.png) 0 1px no-repeat; text-decoration:underline; }

/* Blog
----------------------------------------------- */
#blog { margin:0; padding:0; height:540px;}

#blog #title{ margin:0 0 20px 0; padding:12px 0 0 100px; height:35px; border-left:5px solid #333; background:
url(../blog/images/title.png) 25px 10px no-repeat; }

#blog #banner{ margin:0; padding:0; width:670px; height:490px;}

#blog ul{ margin:0; padding:0; }
#blog ul li{ list-style:none; font-size:10px; }

.fujimoto a{ display:block; margin-top:20px; width:549px; height:100px; text-indent:-9999px; background:url(../blog/images/banner_bg_f.png) 0 0 no-repeat;}

.hara a{ display:block; margin-top:20px; width:549px; height:100px; text-indent:-9999px; background:url(../blog/images/banner_bg_h.png) 0 0 no-repeat;}

.satou a{ display:block; margin-top:20px; width:549px; height:100px; text-indent:-9999px; background:url(../blog/images/banner_bg_s.png) 0 0 no-repeat;}


/* thx
----------------------------------------------- */
#thx { margin:0; padding:0; height:540px;}
#thx a{ font-size:10px;}
#thx #title{ margin:0 0 20px 0; padding:12px 0 0 30px; height:35px; border-left:5px solid #333;
 border-bottom:1px dotted #333; font-size:14px; color:#000;}
#thx #kanryou{ margin-left:30px;}


/* Footer 
----------------------------------------------- */
#footer-wig{ margin:0 auto; padding-top:10px; width:880px; }
#footer{ margin:0 auto; padding:0; width:880px; }

#footer-left{ margin:0; padding:0; width:100px; height:35px; float:left; }

#footer-right{ margin:0; padding-top:15px; width:750px; height:25px; border-top:1px solid #555; float:right; font-size:10px; text-align:right; }

#footer-right-wig{ margin:0; padding-top:16px; width:750px; height:25px; float:right; font-size:10px; text-align:right; }

#footer-right span a{ font-size:11px; dispalay:inline; }

#footer-right-wig span a{ font-size:11px; dispalay:inline; }