@charset 'UTF-8';
@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700);

html,body{
	margin:0;
	padding:0;
	height:100%;
font-family: 'Quattrocento Sans', sans-serif;
	color:#3d3d3d;
}
body{
	background:url(../img/bg.png) no-repeat;
	background-attachment: fixed ;
	font-size:80%;
}
a {
	text-decoration:none;
	color:#da1749;
}
a img{
	border:none;
}
ul{
	margin:0;
	padding:0;
}
p{
	line-height:1.7em;
}
/* ‹€’Κ
------------------------*/
.box-grad:after,
.catch-img:after,
.topics ul:after,
section.block-show:after,
section.block-show hgroup.works-title:after,
section.block:after{
	content: "";
	display: block;
	clear: both;
	height: 0;
}


/* head
------------------------*/
header{
	position:fixed;
	top:0;
	left:0;
	height:50px;
	width:100%;
	background:#fff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	z-index:1000;
}
#home-line{
	position:fixed;
	top:0;
	left:0;
	background:url(../img/bg_home.png) no-repeat;
	width:98px;
	height:98px;
	background-size:100px;
}
#home-line .go-home{
	display:block;
	position:absolute;
	top:-1px;
	left:-1px;
	background:url(../img/home.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	width:26px;
	height:25px;
}
#home-line .head-sign{
	position:absolute;
	display:block;
	top:12px;
	left:12px;
	width:40px;
	height:38px;
	background:url(../img/head_logo.png) no-repeat;
	background-size:35px;
	text-indent:-9999px;
	oveflow:hidden;
}
#home-line:hover   .head-sign{
	background:url(../img/head_logo_on.png) no-repeat;
	background-size:35px;
}
nav#g-menu ul{
	position:absolute;
	top:0;
	left:100px;
	padding:0;
	list-style-type: none;
}
nav#g-menu li{
	float:left;
	font-size:10px;
}
nav#g-menu li a{
	display:block;
	text-decoration:none;
	color:#47353a;
	height:12px;
	width:50px;
	line-height:1em;
	margin-right:10px;
	padding-top:38px;
	text-align:center;
}
nav#g-menu li a:hover{
	color:#d71748;
}
nav#g-menu li.about a{background:url(../img/icon_about.png) top center no-repeat;}
nav#g-menu li.works a{background:url(../img/icon_works.png) top center  no-repeat;}
nav#g-menu li.contact a{background:url(../img/icon_contact.png) top center  no-repeat;}

header .copyright{
	display:none;
}

#sub-menu ul,
#sub-menu-box ul{
	display:none;
}

/* footer
------------------------*/
footer {
	position:relative;
	top:50px;
	width:100%;
	text-align:center;
}
footer small.copyright{
}

/* body
------------------------*/

#wrapper {
	position:relative;
	top:55px;
	margin:10px;
	overflow:hidden;
	box-shadow:  0px 0px 10px rgba(0,0,0,0.45);
	background: #fff;
	background: url(../img/bg_docs.png) no-repeat right top  rgba(255,255,255,0.95);
	border-radius:5px;
	behavior: url(http://zerogram.jp/common/css/ie-css3.htc);
}
#page-top {
	position: fixed;
	bottom: 0;
	right: 0;
}
#page-top a {
	display: block;
	background:url(../img/btn_top.png) no-repeat;
	width:68px;
	height:65px;
	text-indent:-999px;
	overflow:hidden;
}
#page-top a:hover {
}
footer{
	position:relative;
	height:30px;
}
/* home
------------------------*/

.home-type{
}
h2.home-catch{
	margin:10px;
	font-size:12px;
	line-height:1.6em;
}
.catch-img {
	margin: 10px 5px 10px 10px;
}
.catch-img img{
	background:red;
	-webkit-animation: super-rainbow 10s infinite alternate linear;
	-moz-animation: super-rainbow 10s infinite alternate linear;
	float:left;
	width:16.6%;
}
@-webkit-keyframes super-rainbow {
    0%   { background: red; }
    20%  { background: orange; }
    40%  { background: yellow; }
    60%  { background: green; }
    80%  { background: blue; }
    100% { background: violet; }
}

@-moz-keyframes super-rainbow {
    0%   { background: red; }
    20%  { background: orange; }
    40%  { background: yellow; }
    60%  { background: green; }
    80%  { background: blue; }
    100% { background: violet; }
}
.catch-img img:nth-of-type(2) { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; }
.catch-img img:nth-of-type(3) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; }
.catch-img img:nth-of-type(4) { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s;  }
.catch-img img:nth-of-type(5) { -webkit-animation-delay: 2s; -moz-animation-delay: 2s;  }
.catch-img img:nth-of-type(6) { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s;  }

.home-mark{
	margin:65px;
}
.home-title{
	margin:20px 10px;
	font-size:14px;
}
.home-title img{
	display:none;
}
.topics{
	margin:10px;
	clear:both;
	height:200px;
	overflow:auto;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.5);
	border: 1px solid #ccc\9;
	border-radius:5px;
	background: -moz-linear-gradient(top,#f4f7ef,#e6eae0);
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f7ef),to(#e6eae0));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f4f7ef, endcolorstr=#e6eae0));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f4f7ef,endcolorstr=#e6eae0))";
	zoom: 1;
}
.topics ul{
	list-style-type:none;
	margin-top:1px;
}
.topics ul li{
	padding:5px;
	height:118px;
	border-bottom:2px groove #eff3e8;
	font-size:11px;
}
.topics ul li .date{
	font-size:13px;
	background-color:#7c7d66;
	color:#f4f7ef;
	padding:3px;
	width:100px;
	border-radius:3px;
}
/* temp
------------------------*/
.docs-type{
	padding:10px;
}
.docs-type h1{
	margin:0;
	font-size:72px;
	color:#d71748;
}
.docs-type hgroup h2{
	margin:0;
}
.docs-type hgroup h3{
	margin:0;
	font-size:12px;
	font-weight:normal;
}
.docs-type .key-image{
	width:100%;
	height:auto;
}
section.block,
section.block-show{
	margin-bottom:50px;
}
section.block-show{
	border:1px solid #dfdede;
	border-radius:5px;
	background: -moz-linear-gradient(top,#ffffff,#f7f7f7);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#f7f7f7));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f7f7f7));
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff,endcolorstr=#f7f7f7))";
	zoom: 1;
}
.docs-type .box{
}
.docs-type .right{
	margin-right:0px !important;
}
.docs-type .box h3{
	font-size:14px;
}

.docs-type .box-grad{
	border:1px solid #dddddd;
	border-radius:5px;
	background: -moz-linear-gradient(top,#ffffff,
		#f8f8f8 49%,
		#f0f0f0 50%,
		#f0f0f0);
	/* mozilla */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),
		color-stop(0.49, #f8f8f8), 
		color-stop(0.50, #f0f0f0), 
		to(#f0f0f0));
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f0f0f0));
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f0f0f0))";
	zoom: 1;	
}
.docs-type .box-grad .box{
	clear:both;
	padding:10px;
}
.docs-type .box-grad h3.ttl{
	margin:0;
	padding:2px 5px;
	border-radius:3px;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,0.55);
	background:#d4004b;
	background: -moz-linear-gradient(top,#d4004b,#b40040);
	background: -webkit-gradient(linear, left top, left bottom, from(#d4004b),to(#b40040));
	color:#fff;
	font-size:14px;
}
.docs-type .box-grad .box ul{
	margin:0;
	padding:10px 10px 0 20px;
	
	float:left;
}
.docs-type .box-grad .box ul li{
	margin-bottom:5px;
}
.docs-type .box-grad .floatbox{
	float:left;
	width:50%;
}
.docs-type .box-grad .floatbo ul{
	padding-top:0px;
	float:none;
}
.docs-type .box-grad .floatbox h4{
	margin:5px 0 0 5px;
}


/* ‚`‚‚‚‚•‚”@
------------------------*/
#outline table{
    width:100%;

}
#outline table tr{
	background:#98cd27;
	color:#fff;
/*	text-shadow:1px 1px 0px rgba(0,0,0,0.55);*/
}
#outline table tr:nth-child(even){
	background:#a9a9a9;
}
#outline table th{
	text-align:right;
	border-radius:3px 0 0 3px;
	padding:3px 5px;
	padding:5px\9;
}
#outline table td{
	font-weight:bold;
	border-radius: 0 3px 3px 0;
	padding:3px 5px;
	padding:5px\9;
}
#outline table td ul{
	padding-left:20px;
}
#outline table th,
#outline table td{
	}

/* works@
------------------------*/


section.block-show hgroup.works-title{
	border-bottom:4px solid #da1749;
	padding:10px 10px 5px 10px;
	margin:0;
}
section.block-show hgroup.works-title h2{
	margin:0;
	padding:0;
}
section.block-show hgroup.works-title h3.client{
	margin:0;
	padding:0;
	font-size:11px;
}
section.block-show hgroup.works-title h3.url{
	clear:both;
	margin:5px 0 0;
	padding:0;
	
}
section.block-show dl.spec{
	padding:5px 10px;
	margin:0;
	font-size:11px;
}
section.block-show dl.spec dt{
	 float:left;
}
.case-body{
	padding:10px;
}.case-body .main-img{
	margin:0;
	padding:0;
}
.case-body .main-img img{
	width:100%;
	height:auto;
}
.case-body .main-img2{
	margin:0;
	padding:0;
}
.case-body figcaption{
	font-size:10px;
	margin-bottom:5px;
}
.case-body .main-img img{
	border:1px solid #bdbdbd;
	margin:0 10px 0 0;
}
.case-body .sub-img{
	margin:0;
}
.case-body .sub-img img{
	border:1px solid #bdbdbd;
	margin:0;
}

.case-body p{
	margin:0;
}
.case-body ul.img-list{
	clear:both;
	list-style-type:none;
}
.case-body ul.img-list li{
	float:left;
	padding-bottom:5px;
	width:31%;
	margin-right:3%;
}
.case-body ul.img-list li img{
	width:100%;
	height:auto;
}
.case-body ul.img-list li:nth-child(3){
	margin-right:0px;
}

#form{
	height:auto;
}
#form iframe{
	border: none;
}