*    { margin: 0; padding: 0;}
html { height:100%;}
body { background: #000 url(images/cube_back.gif) repeat 1px 1px; color: #000; height:100%;}
body,th,td { font: 62.5%/1.4em "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", 'Myriad Pro', Myriad, Helvetica, Arial, sans-serif;} 
h1   { font-size: 2em;}
h2   { font-size: 1.6em;}
h3   { font-size: 1.4em;}
h4   { font-size: 1.2em;}
hr   { border:0; height:1px; background:#ccc; margin:30px 0;}

/* ----------link---------- */
a                  { outline: none; text-decoration: none; color:#069;}
a:active           { color:#069;}
a:hover            { text-decoration:none; color:#C06 !important;}
#gnavi ul li a,
a.arrow            { background:url(images/arrow_white.gif) no-repeat 0 50%; padding:0 0 0 13px; line-height:1;}
#gnavi ul li a:hover,
a:hover.arrow      { background:url(images/arrow_white_over.gif) no-repeat 0 50%;}
#gnavi ul li.current_page_item a { background:url(images/arrow_white_over.gif) no-repeat 0  50%;}
#subnavi ul li a,
a.arrow-black      { background:url(images/arrow_black.gif) no-repeat 0 50%; padding:0 0 0 13px; line-height:1;}
#subnavi ul li a:hover,
a:hover.arrow-black{ background:url(images/arrow_black_over.gif) no-repeat 0 50%;}
#subnavi ul li.current_page_item a { background:url(images/arrow_black_over.gif) no-repeat 0  50%;}
a img              { border:none;}
a.img img, a.img   { border: none; overflow: hidden; float: left; }
a.img:hover        { border: 2px solid #069; }
a.img:hover img    { margin: -2px; }


/* ----------text---------- */
.e { font-family: 'Myriad Pro', Myriad, Helvetica, Arial, sans-serif !important;} 
.s { font-size:10px;}
.gray { color:#999;}
.black .gray { color:#666;}


/* ----------block---------- */
#container { padding:1px; width:900px;}
.cube { width:200px; height:200px; border:solid 1px #000; float:left; overflow:hidden;}
.c1x { width:200px; height:auto;}
.c2x { width:402px; height:auto;}
.c2x1 { width:402px; height:200px;}
.c3x1 { width:604px; height:200px;}
.c3x2 { width:604px; height:402px;}
.c3x3 { width:604px; height:604px;}
.c3x { width:604px; height:auto;}
.cube .inner { padding:15px;}
.cube ul { margin:0 0 0 13px; padding:0;}
.cube ul li { font:10px/1.2em 'Myriad Pro', Myriad, Helvetica, Arial, sans-serif; padding:0 0 6px;}
.cube h2 { font:normal 1.3em/1.2em 'Myriad Pro', Myriad, Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif; margin-bottom:10px;}
.w1x { width:202px; float:left;}
.w2x { width:404px; float:left;}
.w3x { width:606px; float:left;}

#gnavi .inner { padding-left:10px;}
#gnavi ul { margin:0; padding:0;}
#gnavi ul li { font:1.4em/1 'Myriad Pro', Myriad, Helvetica, Arial, sans-serif; list-style:none; padding:0 0 4px; margin:0 0 3px;}
.w3x #gnavi { float:right;}

.widgetTitle { font-weight:normal; font-size:1.3em; line-height:1.2em; margin-bottom:10px;}
.widgetTitle a { color:#000;}
.black { background:#000; color:#fff;}
.black a { color:#fff;}
.white { background:#fff; color:#000;}

.aboutcube .white a { color:#000; display:block;}
.aboutcube .s { font-weight:normal}
.aboutcube h2 a { padding:20px; display:block; height:160px; font-size:1.2em; background-position:center center; margin:0;}
.aboutcube .black h2 a:hover { background-color:#18242e; text-decoration:none;}
.aboutcube .white h2 a:hover { background-color:#e0ecf6; text-decoration:none; background-image:url()}
* html .aboutcube a { behavior:url(/wp-content/themes/huddle/iepngfix.htc); height:160px;}
* html .aboutcube .cube { height:200px; overflow:hidden;}

#subnavi .inner { padding-left:10px;}
#subnavi ul { margin:0; padding:0;}
#subnavi ul li { font:1.2em/1 'Myriad Pro', Myriad, Helvetica, Arial, sans-serif; list-style:none; padding:0 0 4px; margin:0 0 3px;}
#subnavi ul li a { color:#000;}

.catetitle { text-align:center;}
.catetitle h2 { padding-top:145px;}

.hback { margin-top:30px;}
.hback p { margin:0; padding:0;}

/* ----------Post---------- */
.post h2 { font-size:1.6em; margin-bottom:40px;}
.post h4 { font-size:1em;}
.post p { margin:20px 0;}
.post .inner { padding:30px; font-size:12px; line-height:1.6em;}
.post ul { margin-bottom:20px;}
.post h2.workstitle { font:normal 1.8em/1.2em 'Myriad Pro', Myriad, Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}

/* ----------Comment---------- */
#commentsContainer { padding:20px 0 0;}
ol.commentlist { margin-left:15px;}
ol.commentlist li { border-bottom: dotted 1px #ccc; margin-bottom:20px;}
#comments { margin:0 0 20px; padding:0;}
#respondTitle{ margin:0 0 20px; padding:0;}

#respond { margin:0 !important; padding:0 !important;}
textarea#comment { width:100%;}



/* ----------Page---------- */
.heading { font-size:1.8em;}

/* ----------Works---------- */
.workscube .img    { border:none; height:130px; overflow:hidden; display:block;}
.workscube .img:hover    { height:126px; }
.workscube h2      { font-size:1.3em; font-weight:bold; margin:5px 0 3px; padding:0; line-height:1.1}
.workscube a       { color:#000;}
.workscube a:hover { color:#C06;}
.workscube p.cate  { font-size:9px;}

.cate a.graphic    { background:url(images/icon_graphic.gif) no-repeat 0 50%; padding:0 0 0 19px; line-height:1.8; height:16px; display:inline-block;}
.cate a.lighting   { background:url(images/icon_lighting.gif) no-repeat 0 50%; padding:0 0 0 19px; line-height:1.8; height:16px; display:inline-block;}
.cate a.vision     { background:url(images/icon_vision.gif) no-repeat 0 50%; padding:0 0 0 19px; line-height:1.8; height:16px; display:inline-block;}
.cate a.other      { background:url(images/icon_other.gif) no-repeat 0 50%; padding:0 0 0 19px; line-height:1.8; height:16px; display:inline-block;}

.meta .cate a { line-height:1.3; }

/* ----------footer---------- */
#footer { padding-left:404px; font:10px/1.2em Helvetica, Arial, sans-serif; clear:both;}
#footer .inner { padding:15px 0; text-align:center;}

/* ----------Table---------- */
table.basic { width:100%; border-top:solid 1px #ccc;}
table.basic td { border-bottom:solid 1px #ccc; padding:5px;}
td,th { font-size:1em;}

/* ----------image---------- */
.post img,
.post a img {
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px;
}
.post img.noborder { border:none; padding:0;}
.post a:hover img {	border-color: #3c6c92;}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 0px;
}
.wp-caption img {
	margin: 0;
	padding: 0 !important;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 10px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.wp-caption-text { font-size:10px; color:#666; margin:0 !important; padding:5px !important;}

/* ----------pagenavi---------- */
.navigation .inner { padding-top:67px;}
div.wp-pagenavi {
    color: #555;
    text-align: center;
		font-size:10px;
}
* html div.wp-pagenavi {font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
.wp-pagenavi .pages { display:block; border:none !important; margin-bottom:12px;}
.wp-pagenavi a, .wp-pagenavi a:link,
.wp-pagenavi .extend{
    padding: 2px 5px;
    margin: 2px;
    text-decoration: none;
    border: solid 1px #e5e5e5 !important;
		display:inline-block;
		color:#000 !important;
}
.wp-pagenavi a:visited {
    border: none;
    color: #000;
}
.wp-pagenavi a:hover {
    text-decoration: underline;
    border: 1px solid #3c6c92 !important;
    color: #00b8fd;
		background:#3c6c92 !important;
		color:#fff !important;
}
.wp-pagenavi a:active {
    border: 1px solid #00b8fd;
    color: #00b8fd;
}
.wp-pagenavi .wp-pagenavi span.current, .wp-pagenavi span.extend {
    padding: 2px 5px;
    margin: 2px;
    border: 1px solid #ccc;
}
.wp-pagenavi span.current {
    font-weight: normal !important;
		border: solid 1px #000;
		background:#000 !important;
		color:#fff !important;
		display:inline-block;
}
* html .wp-pagenavi span.current { display:inline-block;}

/* ----------Form---------- */
#searchForm { text-align:center; margin-top:50px;}
#searchForm #s { width:160px; display:block; margin:0 0 5px;}
#searchsubmit { padding:1px 5px;}
table.contact { width:100%}
table.contact th, table.contact td { padding:5px; border-bottom:dotted 1px #ccc; font-size:1em;}
table.contact th { font-weight:normal; text-align:left;}
table.contact td.submit { text-align:center;}
table.contact td.submit input { padding:2px 20px;}
table.contact .req { color:#cc0066;}
table.contact textarea { width:100%;}

/* ----------Tag---------- */
.widget_tag_cloud a { color:#000; padding: 0 5px; position: relative; color: #fff; background-color: #000;display: inline; line-height:1;}
.widget_tag_cloud a:hover { text-decoration:none;background-color: #3c6c92; }


/* ----------floats + clearing rule---------- */
.floatleft,
.alignleft { float: left; margin: 7px 14px 0 0;}
.floatright,
.alignright { float: right; margin: 7px 0 0 14px;}
.right { float:right;}
.left { float: left;}
.clear { clear: both;}
.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix { display: inline-block;} 
* html .fix{ height: 1%;}
.fix{ display:	block;}

/* ----------Gmap---------- */
#google_maps img { background:none; padding:0; border:none;}

.pkg:after			{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg			{ display: inline-block; }
/* no ie mac \*/
* html .pkg			{ height: 1%; }
.pkg				{ display: block; min-height:0;}
/* */