@charset "utf-8";
/*================================================================
 Reset
================================================================*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display:block;
}
audio[controls], canvas, video {
	display:inline-block;
	*display:inline;
	zoom:1;
}
html {
	height:100%;
	font-size:100%;
	overflow-y:scroll;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body#index {
	margin:0;
	height:100%;
	position:relative;
	min-width:480px;
	min-height:48px;
}
body {
	margin:0;
	position:relative;
}
body, button, input, select, textarea {
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 12px;
	line-height: 20px;
	color:#666;
}
a {
	color:#666;
	outline:none;
}
a:visited {
	color:#551a8b;
}
a:focus {
	outline:none;
}
a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";


}
a:hover, a:active {
	outline:0;
	color:#999;
}


abbr[title] {
	border-bottom:1px dotted;
}
b, strong {
	font-weight:bold;
}
blockquote {
	margin:1em 40px;
}
dfn {
	font-style:italic;
}
mark {
	background:#ff0;
	color:#000;
}
pre, code, kbd, samp {
	font-family:monospace, monospace;
	_font-family:'courier new', monospace;
	font-size:1em;
}
pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}
q {
	quotes:none;
}
q:before, q:after {
	content:'';
	content:none;
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
	top:-0.5em;
}
sub {
	bottom:-0.25em;
}
h1,h2,h3,h4,h5,h6,p,ul, ol {
	margin:0;
	padding:0;
}
ul, ol {
	list-style:none;
}
img {
	border:0;
	vertical-align:bottom;
	-ms-interpolation-mode:bicubic;
}
svg:not(:root) {
	overflow:hidden;
}
dd, figure, form {
	margin:0;
}
fieldset {
	margin:0 2px;
	padding:0.35em 0.625em 0.75em;
}
legend {
	border:0;
	*margin-left:-7px;
}
button, input, select, textarea {
	font-size:100%;
	margin:0;
	vertical-align:baseline;
	*vertical-align:middle;
}
button, input {
	line-height:normal;
	*overflow:visible; 
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing:border-box;
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border:0;
	padding:0;
}
textarea {
	overflow:auto;
	vertical-align:top;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* clearFix
----------------------------------------------------------------*/
.clearFix {
	zoom:100%;
	overflow:hidden;
}
.clearFix:after {
	content:"";
	display:block;
	clear:both;
}

/* decoration style [other]
----------------------------------------------------------------*/
.bold	{font-weight:bold !important;}
.italic	{font-style:italic !important;}
.txtC	{text-align:center !important;}
.txtR	{text-align:right !important;}
.FloatL	{float:left;}
.FloatR	{float:right;}
.clear	{clear:both;}
.txt11  {font-size:11px}
.mrgB10 {margin-bottom:10px;}

/* Header
----------------------------------------------------------------*/
header {
	width:1000px;
	margin:0 auto;
}
h1#co-logo {
	background:url(../images/top_logo.gif) no-repeat;
	width:480px;
	height:48px;
	display:block;
	margin:-24px 0 0 -240px;
	text-indent:-9999em;
	top:50%;
	left:50%;
	position:absolute;
}
h1#co-logo a {
	width:480px;
	height:48px;
	display:block;
}
dl#top-logo {
	width:480px;
	height:48px;
	display:block;
	margin:-24px 0 0 -240px;
	top:50%;
	left:50%;
	position:absolute;
	
}
dl#top-logo dd {
	float:left;
}

header#Wrapper {
	width:1000px;
	margin:43px auto 82px auto;
}
header#Wrapper h1#pages-logo {
	background:url(../images/pages_logo.gif) no-repeat;
	width:140px;
	height:20px;
	display:block;
	margin:0px;
	text-indent:-9999em;
}
header#Wrapper h1#pages-logo a {
	width:141px;
	height:14px;
	display:block;
}

/* Container
----------------------------------------------------------------*/

#Container {
	width:1000px;
	margin:0 auto;
	
}


/* Sidebar
----------------------------------------------------------------*/
aside#sidebar {
	width:100%;
}
aside#sidebar nav {
	position:absolute;
	top:50%;
	left:0px;
	display:block;
	width:130px;
	margin-top:-100px;
}
aside#sidebar nav li {
	width:120px;
	height:30px;
	display:block;
	margin-bottom:13px;
	padding:10px 0 0 10px;
}
aside#sidebar nav li.menu-01 {background:#007eff;}
aside#sidebar nav li.menu-02 {background:#d510a4;}
aside#sidebar nav li.menu-03 {background:#efee00;}
aside#sidebar nav li.menu-04 {background:#000;}

aside#sidebar nav li a {
	display:block;
	width:130px;
	height:30px;
	text-decoration:none;
	color:#FFF;
	magin:0;
	padding:0;
}
aside#sidebar nav li.menu-01:hover {
	background:#7db6f0;
}
aside#sidebar nav li.menu-02:hover {
	background:#f085cb;
}
aside#sidebar nav li.menu-03:hover {
	background:#f7f544;
}
aside#sidebar nav li.menu-04:hover {
	background:#737373;
}
aside#pages-sidebar {
	width:220px;
	float:left;
	margin:0;
	padding:0;
}

aside#pages-sidebar nav ul li a {
	text-decoration:none;
	color:#FFF;
	width:90px;
	height:20px;
	display:block;
	margin-bottom:5px;
	padding-left:10px;
}

aside#pages-sidebar nav ul li.pages-menu-01 a {background:#007eff;}
aside#pages-sidebar nav ul li.pages-menu-02 a {background:#d510a4;}
aside#pages-sidebar nav ul li.pages-menu-03 a {background:#efee00;}
aside#pages-sidebar nav ul li.pages-menu-04 a {background:#000;}

aside#pages-sidebar nav ul li.pages-menu-on-01 a {color:#007eff; background:#FFF;}
aside#pages-sidebar nav ul li.pages-menu-on-02 a {color:#d510a4; background:#FFF;}
aside#pages-sidebar nav ul li.pages-menu-on-03 a {color:#F4E12C; background:#FFF;}
aside#pages-sidebar nav ul li.pages-menu-on-04 a {color:#000; background:#FFF;}

aside#pages-sidebar nav ul li.pages-menu-01 a:hover {color:#007eff; background:#FFF;}
aside#pages-sidebar nav ul li.pages-menu-02 a:hover {color:#d510a4; background:#FFF;}
aside#pages-sidebar nav ul li.pages-menu-03 a:hover {color:#F4E12C; background:#FFF;}
aside#pages-sidebar nav ul li.pages-menu-04 a:hover {color:#000; background:#FFF;}


/*
aside#pages-sidebar nav ul li,
aside#pages-sidebar nav ul li a {
	width:140px;
	height:16px;
	display:block;
	text-indent:-9999em;
	margin-bottom:5px;
	
}

aside#pages-sidebar nav ul li.pages-menu-01 a {background:url(../images/navi_about.gif) left top no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-02 a {background:url(../images/navi_service.gif) left top no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-03 a {background:url(../images/navi_portfolio.gif) left top no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-04 a {background:url(../images/navi_contact.gif) left top no-repeat;}

aside#pages-sidebar nav ul li.pages-menu-01 a:hover {background:url(../images/navi_about.gif) left bottom no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-02 a:hover {background:url(../images/navi_service.gif) left bottom no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-03 a:hover {background:url(../images/navi_portfolio.gif) left bottom no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-04 a:hover {background:url(../images/navi_contact.gif) left bottom no-repeat;}

aside#pages-sidebar nav ul li.pages-menu-on-01 a {background:url(../images/navi_about.gif) left bottom no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-on-02 a {background:url(../images/navi_service.gif) left bottom no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-on-03 a {background:url(../images/navi_portfolio.gif) left bottom no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-on-04 a {background:url(../images/navi_contact.gif) left bottom no-repeat;}

aside#pages-sidebar nav ul li.pages-menu-on-01 a:hover {background:url(../images/navi_about.gif) left top no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-on-02 a:hover {background:url(../images/navi_service.gif) left top no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-on-03 a:hover {background:url(../images/navi_portfolio.gif) left top no-repeat;}
aside#pages-sidebar nav ul li.pages-menu-on-04 a:hover {background:url(../images/navi_contact.gif) left top no-repeat;}



/* Contents
----------------------------------------------------------------*/

#Contents {
	width:722px;
	float:right;
	margin:0;
	position:relative;
}

p#up {
	text-align:right;
	margin:20px 0;
}

/* Company */

#Contents h2#title-about {
	display:block;
	background:url(../images/title_about.gif) no-repeat;
	width:724px;
	height:89px;
	text-indent:-9999em;
}
#Contents #to-school {
	top:48px;
	left:300px;
	position:absolute;
}
#Contents section {
	padding:0 0 30px;
}

#Contents section table.company-info {
	margin:30px 0 30px -7px;
}

#Contents section table.company-info th {
	width:150px;
	text-align:left;
}

/* School */

#Contents h2#title-school {
	display:block;
	background:url(../images/title_school.gif) no-repeat;
	width:722px;
	height:66px;
	text-indent:-9999em;
}

/* Concept */

#Contents h2#title-service {
	display:block;
	background:url(../images/title_service.gif) no-repeat;
	width:724px;
	height:89px;
	text-indent:-9999em;
}

/* Portfolio */

#Contents h2#title-portfolio {
	display:block;
	background:url(../images/title_portfolio.gif) no-repeat;
	width:724px;
	height:89px;
	text-indent:-9999em;
}
#Contents aside#portfolio-navi {
	width:722px;
	height:40px;
	margin:0 0 10px;
	padding-bottom:0px;	
}
#Contents aside#portfolio-navi nav ul li {
	float:left;
	height:13px;
	margin-right:20px;
	display:block;
}
#Contents aside#portfolio-navi nav ul li a {
	height:13px;
	display:block;
	text-indent:-9999em;
}
#Contents aside#portfolio-navi nav ul li.works-menu-01 a {background:url(../images/title_advertisings.gif) left top no-repeat; width:61px;}
#Contents aside#portfolio-navi nav ul li.works-menu-02 a {background:url(../images/title_poster.gif) left top no-repeat; width:35px;}
#Contents aside#portfolio-navi nav ul li.works-menu-03 a {background:url(../images/title_pamphlet.gif) left top no-repeat; width:51px;}
#Contents aside#portfolio-navi nav ul li.works-menu-04 a {background:url(../images/title_brochure.gif) left top no-repeat; width:49px;}
#Contents aside#portfolio-navi nav ul li.works-menu-05 a {background:url(../images/title_hp.gif) left top no-repeat; width:14px;}
#Contents aside#portfolio-navi nav ul li.works-menu-06 a {background:url(../images/title_package.gif) left top no-repeat; width:47px;}
#Contents aside#portfolio-navi nav ul li.works-menu-07 a {background:url(../images/title_goods.gif) left top no-repeat; width:34px;}
#Contents aside#portfolio-navi nav ul li.works-menu-08 a {background:url(../images/title_others.gif) left top no-repeat; width:34px;}

#Contents aside#portfolio-navi nav ul li.works-menu-01 a:hover {background:url(../images/title_advertisings.gif) left bottom no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-02 a:hover {background:url(../images/title_poster.gif) left bottom no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-03 a:hover {background:url(../images/title_pamphlet.gif) left bottom no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-04 a:hover {background:url(../images/title_brochure.gif) left bottom no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-05 a:hover {background:url(../images/title_hp.gif) left bottom no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-06 a:hover {background:url(../images/title_package.gif) left bottom no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-07 a:hover {background:url(../images/title_goods.gif) left bottom no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-08 a:hover {background:url(../images/title_others.gif) left bottom no-repeat; width:34px;}

#Contents aside#portfolio-navi nav ul li.works-menu-on-01 a {background:url(../images/title_advertisings.gif) left bottom no-repeat; width:61px;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-02 a {background:url(../images/title_poster.gif) left bottom no-repeat; width:35px;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-03 a {background:url(../images/title_pamphlet.gif) left bottom no-repeat; width:51px;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-04 a {background:url(../images/title_brochure.gif) left bottom no-repeat; width:49px;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-05 a {background:url(../images/title_hp.gif) left bottom no-repeat; width:14px;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-06 a {background:url(../images/title_package.gif) left bottom no-repeat; width:47px;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-07 a {background:url(../images/title_goods.gif) left bottom no-repeat; width:34px;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-08 a {background:url(../images/title_others.gif) left bottom no-repeat; width:34px;}

#Contents aside#portfolio-navi nav ul li.works-menu-on-01 a:hover {background:url(../images/title_advertisings.gif) left top no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-02 a:hover {background:url(../images/title_poster.gif) left top no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-03 a:hover {background:url(../images/title_pamphlet.gif) left top no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-04 a:hover {background:url(../images/title_brochure.gif) left top no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-05 a:hover {background:url(../images/title_hp.gif) left top no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-06 a:hover {background:url(../images/title_package.gif) left top no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-07 a:hover {background:url(../images/title_goods.gif) left top no-repeat;}
#Contents aside#portfolio-navi nav ul li.works-menu-on-08 a:hover {background:url(../images/title_others.gif) left top no-repeat; width:34px;}

#Contents h3#title-web {
	display:block;
	background:url(../images/title_web_big.gif) no-repeat;
	height:18px;
	text-indent:-9999em;
	padding-bottom:10px;
	border-bottom:solid 1px #CCC;
}
#Contents section.gallery-area {
  width:722px;
}

#Contents section.gallery-area:after {
  content: "";
  display: table;
  clear: both;
}

#Contents section.gallery-area ul li {
	float:left;
	margin:0 58px 40px 0;
	min-height:255px;
}
#Contents section.gallery-area ul li:last-child {
	margin-right:0;
}

span.gallery-title {
	text-decoration:none;
	width:200px;
	display:block;
	margin-top:10px;
}
#Contents section.gallery-area ul li a {
	text-decoration:none;
	color:#666;
}
img.gallery {
	border:solid 1px #CCC;
}
#Contents section.gallery-area ul li a:hover {
	color:#999;
}
h3#title-web {
	display:block;
	background:url(../images/title_web_big.gif) no-repeat;
	height:18px;
	text-indent:-9999em;
	margin-bottom:40px;
	padding-bottom:10px;
	border-bottom:solid 1px #CCC;
}
h3#title-poster {
	display:block;
	background:url(../images/title_poster_big.gif) no-repeat;
	height:18px;
	text-indent:-9999em;
	margin-bottom:40px;
	padding-bottom:10px;
	border-bottom:solid 1px #CCC;
}
h3#title-book {
	display:block;
	background:url(../images/title_book_big.gif) no-repeat;
	height:18px;
	text-indent:-9999em;
	margin-bottom:40px;
	padding-bottom:10px;
	border-bottom:solid 1px #CCC;
}
h3#title-flyer {
	display:block;
	background:url(../images/title_flyer_big.gif) no-repeat;
	height:18px;
	text-indent:-9999em;
	margin-bottom:40px;
	padding-bottom:10px;
	border-bottom:solid 1px #CCC;
}
section.gallery-area {
  width:722px;
}

section.gallery-area:after {
  content: "";
  display: table;
  clear: both;
}
section.gallery-area ul li {
	float:left;
	margin:0 58px 40px 0;
}
section.gallery-area ul li:last-child {
	margin-right:0;
}
section.gallery-area ul li a {
	text-decoration:none;
	color:#666;
}
section.gallery-area ul li a:hover {
	color:#999;
}

/* Contact */

#Contents h2#title-contact {
	display:block;
	background:url(../images/title_contact.gif) no-repeat;
	width:724px;
	height:89px;
	text-indent:-9999em;
}
#Contents section#contact-text-area {
	width:429px;
	float:left;
	margin-top:20px;
	
}
#Contents section#contact-map-area {
	width:293px;
	height:286px;
	float:left;
	margin:20px 0 5px;
}



/* Footer
----------------------------------------------------------------*/
#Container footer {
	clear:both;
	border-top:solid 1px #CCC;
	width:1000px;
	height:66px;
}
#Container footer ul {
	margin-top:10px;
	float:left;
}
#Container footer ul li {
	float:left;
	width:72px;
	height:22px;
	margin-right:3px;
}
#Container footer ul li a {
	display:block;
	width:72px;
	height:22px;
	text-indent:-9999em;
}
#Container footer ul li.footer-menu-01 a {background:url(../images/footer_about.gif) left top no-repeat;}
#Container footer ul li.footer-menu-02 a {background:url(../images/footer_service.gif) left top no-repeat;}
#Container footer ul li.footer-menu-03 a {background:url(../images/footer_portfolio.gif) left top no-repeat;}
#Container footer ul li.footer-menu-04 a {background:url(../images/footer_contact.gif) left top no-repeat;}

#Container footer ul li.footer-menu-01 a:hover {background:url(../images/footer_about.gif) left bottom no-repeat;}
#Container footer ul li.footer-menu-02 a:hover {background:url(../images/footer_service.gif) left bottom no-repeat;}
#Container footer ul li.footer-menu-03 a:hover {background:url(../images/footer_portfolio.gif) left bottom no-repeat;}
#Container footer ul li.footer-menu-04 a:hover {background:url(../images/footer_contact.gif) left bottom no-repeat;}

#Container footer ul li.footer-menu-on-01 a {background:url(../images/footer_about.gif) left bottom no-repeat;}
#Container footer ul li.footer-menu-on-02 a {background:url(../images/footer_service.gif) left bottom no-repeat;}
#Container footer ul li.footer-menu-on-03 a {background:url(../images/footer_portfolio.gif) left bottom no-repeat;}
#Container footer ul li.footer-menu-on-04 a {background:url(../images/footer_contact.gif) left bottom no-repeat;}

#Container footer ul li.footer-menu-on-01 a:hover {background:url(../images/footer_about.gif) left top no-repeat;}
#Container footer ul li.footer-menu-on-02 a:hover {background:url(../images/footer_service.gif) left top no-repeat;}
#Container footer ul li.footer-menu-on-03 a:hover {background:url(../images/footer_portfolio.gif) left top no-repeat;}
#Container footer ul li.footer-menu-on-04 a:hover {background:url(../images/footer_contact.gif) left top no-repeat;}

#Container footer p {
	background:url(../images/copyright.gif) no-repeat;
	width:367px;
	height:12px;
	display:block;
	text-indent:-9999em;
	float:right;
	margin-top:14px;
}