@charset "utf-8";
/*
Theme Name: NO DEZAIN
Theme URI: http://www.nodezain.com/
Description: NO DEZAIN専用テーマ
Author:NO DEZAIN
Tags: 
	1.Default Style.
		1-1.Reset.
		1-2.Clearfix.
		1-3.Common Style.
	2.Default Layout.
		2-1.Base Layout.
		2-2.Header Layout.
		2-3.Navigation Layout.
		2-4.Footer Layout.
	3.Contents Field Layout.
	4.Link Design.
		4-1.Common Link.
		4-2.Fotter Link.
		4-3.Irregular Link.
	5.Font Design.
		5-1.Font size.
		5-2.Font Design.
		5-3.Generic margin.
	6.Recommended Isotope styles.
*/
/*----------------------------------------------------------
	1.Default Style.
-----------------------------------------------------------*/
/*-- 1-1.Reset. --*/
html{filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body,header,section,article,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;word-wrap:break-word;}
a{overflow:hidden;}
a:focus{outline:none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;margin:0px;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style-position:outside;list-style:none;}
caption, th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:h;}
abbr,acronym{border:0;}
select option{padding:0 5px;}
form label{cursor:pointer;}

/*-- 1-2.Clearfix. --*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
	}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*1-3.Common Style.*/
.dropshadow{
	background-image:-moz-linear-gradient(top, #F3F4F5, #C8C9CA);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F4F5), to(#C8C9CA), color-stop(1,#C8C9CA));
	box-shadow: 1px 2px 2px rgba(0,0,0,0.7);
	-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.7);
	}
/*----------------------------------------------------------
	2.Default Layout.
-----------------------------------------------------------*/
/*-- 2-1.Base Layout. --*/
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#333;
	}
body,html{
	height:100%;
	}

#Index,
#About,
#Contact{
	background:url(../images/bg_map.gif) fixed left top;
	}
#Page{
	background-image:url(../images/bg.gif);
	}

#Wrapper{
	min-width:1140px;
	padding:30px 10px 30px 30px;
	}

/*-- 2-2.Header Layout. --*/
header{
	width:250px;
	margin:0 50px 10px 0px;
	float:left;
	position:relative;
	}

#Navigation{
	position:absolute;
	top:0;
	}

header .Logo{}
header .Navi{
	width:240px;
	margin-top:20px;
	background:url(../images/bg_navi.png);
	}
header .Navi .Links{
	padding:20px 20px 0px 20px;
	}
header .Navi .Links ul#filters li{
	width:200px;
	height:20px;
	margin-bottom:10px;
	}

header .Navi .Links ul#filters li .cr{
	display:block;
	width:200px;
	height:20px;
	}

header .Navi .Links ul#filters li .cr img{
	visibility:hidden;
	}

header .Navi .Links ul#filters li.showAll .cr{
	background:url(../images/navi/show_all_on.png) no-repeat left top;
	}
header .Navi .Links ul#filters li.web .cr{
	background:url(../images/navi/web_on.png) no-repeat left top;
	}
header .Navi .Links ul#filters li.dtp .cr{
	background:url(../images/navi/dtp_on.png) no-repeat left top;
	}
header .Navi .Links ul#filters li.graphics .cr{
	background:url(../images/navi/graphics_on.png) no-repeat left top;
	}
header .Navi .Links ul#filters li.others .cr{
	background:url(../images/navi/others_on.png) no-repeat left top;
	}
header .Navi .Links ul#filters li.about .cr{
	background:url(../images/navi/about_nodezain_on.png) no-repeat left top;
	}

header .Navi .Address{
	padding:20px 20px 10px 20px;
/*	background:url(../images/line_navi.png) no-repeat top left;*/
	}
header .Navi .Address dl{
	}
header .Navi .Address dt{
	margin-bottom:15px;
	}
header .Navi .Address dd.url,
header .Navi .Address dd.mail,
header .Navi .Address dd.tel{
	margin-bottom:5px;
	}
header .Navi .Address dd.link{
	text-align:right;
	}
header .Navi .Address dd.link img.contact{
	margin-right:10px;
	}

/*----------------------------------------------------------
	3.Contents Field Layout.
-----------------------------------------------------------*/
#Contents{}

#Contact #Contents{
	margin-left:300px;
	}

#About #Contents{
	margin-left:300px;
	}

.Left{
	float:left;
	}

.Right{
	float:right;
	}

/*----------------------------------------------------------
	4.Link Design.
-----------------------------------------------------------*/
/*-- 4-1.Common Link. --*/

a:link {
	color: #1261b1;
	text-decoration: none;
	}

a:visited {
	color: #1261b1;
	text-decoration: none;
	}

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

a:active {
	color: #1261b1;
	text-decoration: none;
	}

/*----------------------------------------------------------
	5.Font Design.
-----------------------------------------------------------*/

/*-- 5-1.Font size. --*/
.fontSmallerEx{ font-size:77%; }	/*=10px*/
.fontSmaller{ font-size:93%; }		/*=12px*/
.fontLarger{ font-size:108%; }		/*=14px*/
.fontLargerEx{ font-size:123.1%; }	/*=16px*/
.fontLargerExM{ font-size:153.9%; }	/*=20px*/

/*-- 5-2.Font Design. --*/
em{
	font-weight:bold;
	font-style:normal;
	}

strong{
	color:#cd0022;
	}

em strong{
	font-weight:bold;
	color:#cd0022;
	}

/*-- 5-3.Generic margin. --*/

.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }

/*----------------------------------------------------------
	6.Recommended Isotope styles.
-----------------------------------------------------------*/
/**** Isotope Filtering ****/

.isotope-item{z-index: 2;}

.isotope-hidden.isotope-item{
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}