* { margin: 0; padding: 0; }

.SP{display:none;}

html, body {
	height: 100%;
	width:100%;
	font-size:12px;
}
body {
	padding:0;
	margin:0;
	min-width:980px;
	min-height:599px;
	line-height: 175%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


#fade {
    position:absolute; /* ie6 */
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

#container {
	width:100%;
    height:100%;
	min-width:980px;
	min-height:599px;
	overflow:hidden;
	position:relative;
}

#container02 {
	width:100%;
    height:100%;
	min-width:980px;
	position:relative;
}

#bgimg1 {
    position:absolute;
    z-index: -1;
    height:100%x;width:100%;
	min-width:980px;
	min-height:599px;
}
#bgimg2 {
    position:absolute;
    z-index: -1;
    height:100%x;width:100%;
	min-width:980px;
	min-height:599px;
}
#bgimg3 {
    position:absolute;
    z-index: -1;
    height:100%x;width:100%;
	min-width:980px;
	min-height:599px;
}
 
#realBody{
    position:absolute;
    height:100%;width:100%;
    z-index: 7;
	margin: 0 0;
	text-align:left;
	min-width:980px;
	min-height:599px;
}

.header {
	width:100%;
	background-color:#fff;
	margin:0;
	font-size:90%;
	font-family:Georgia;
}


.logo {
	font-size: 40px;
	font-family: GrutchShaded;/*@font-faceで定義したフォント名を指定*/
	letter-spacing: 4px;
	padding:5px 0;
	float: left;
	margin:10px 0;
	height:40px;
	display:block;
}
.logo a:hover{
	text-decoration: none;
	color: #666;
}

.header-navi {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.header .g-navi {
	float: right;
	font-size: 14px;
	padding:20px 10px 0 0;
}

.header .social {
	float: right;
	padding-top:10px;
}

.header .social a:hover {
	opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}


.header .social ul li {
	float: left;
	padding:5px;
	list-style-type: none;
}


.maincontent {
	width: 900px;
	font-family:Georgia;
	margin-right: auto;
	margin-left: auto;
}
.content {
	padding-top: 20px;
	padding-bottom: 20px;
}

.maincontent h2 {
	font-family: GrutchShaded;/*@font-faceで定義したフォント名を指定*/
	letter-spacing: 3px;
	background-image: url(../images/line01.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 24px;
	height: 40px;
	margin-top: 20px;
}

.maincontent ul {
	padding:10px 0;
	list-style-type: none;
}

.maincontent ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.gallery .ill-list img {
	box-shadow: 0 1px 2px 1px #ccc;
    -moz-box-shadow: 0 1px 2px 1px #ccc;
    -webkit-box-shadow: 0 1px 2px 1px #ccc; 
	border: 1px solid #999;
}

.gallery .ill-list img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE */
	filter: alpha(opacity=85); /* IE */
	-moz-opacity:0.85; /* Firefox(old) */
	-khtml-opacity: 0.85; /* Safari(old) */
	opacity: 0.85;
}


.gallery .ill-list ul li.sample{
	float:left;
	padding-right: 28px;
	padding-bottom: 10px;
	}

.works{}
.ai-list{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
	}
.works-img{
	float: left;
	padding-right: 20px;
	padding-top: 5px;
	padding-left: 5px;
}
.works-info{
	padding-top: 10px;
	padding-bottom: 5px;
}

.links .link-list {
	float: left;
	width: 275px;
}



.store {
padding-left:8px;
padding-bottom:15px;
}

.menu {
  position: relative;  
    left: 0px;  
    height: 100%;  
    width: 161px;  
    padding: 0px;  
    float: left;  
font-family:Georgia;
	font-style:italic;
	color:#fff;
font-size:10.5px;
}

.mail-ad{
	padding:50px 0;
	}

.copy {
  position: absolute;  
  bottom:18px;
  right:36px;
  font-family:Georgia;
  color:#333;
  font-size:8px;
}

.copy02 {
	bottom:18px;
	text-align:right;
	font-family:Georgia;
	color:#333;
	font-size:8px;
	padding: 5px 10px;
}




.nav-wrap {
}

/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

/* Example Two */
#NaviLine li { 
	display: inline-block;
}
#NaviLine li a { 
	position: relative; 
	z-index: 200;
	font-size: 14px; 
	display: block; 
	float: left; 
	padding: 3px 10px;
	text-decoration: none;
	text-transform: uppercase; 
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}
#NaviLine li a:hover { 
	text-shadow: #FFCC00 0px 0px 15px;
	color: #EA4515;
}
#NaviLine li a.active { 
	text-shadow: #FFCC00 0px 0px 15px;
	color: #EA4515;
}

.ie6 #NaviLine li, .ie7 #NaviLine li {
	display: inline;
}