.slider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.slides {
  height: 100%;
  /* Clear fix */
  overflow: hidden;
  *zoom: 1;
  /**
   * Prevent blinking issue
   * Not tested. Experimental.
   */
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.slide {
  height: 100%;
  float: left;
  clear: none;
}

.slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -20px;
  padding: 20px;
}

.slider-arrow--right {
  bottom: 50%;
  right: 30px;
}

.slider-arrow--left {
  bottom: 50%;
  left: 30px;
}

.slider-nav {
  position: absolute;
  bottom: 30px;
}

.slider-nav__item {
  width: 12px;
  height: 12px;
  float: left;
  clear: none;
  display: block;
  margin: 0 5px;
  background: #fff;
}

.slider-nav__item:hover {
  background: #ccc;
}

.slider-nav__item--current {
  background: #ccc;
}



/* ローディング */
.preloader {
	background:url(../images/common/loading.gif) center center no-repeat rgb(255,255,255);
}

/* ===========================
	コンテンツ 3カラム
=========================== */
#top-col3 {
	width:984px;
	overflow:hidden;
	_zoom:1;
	margin-top: 20px;
	margin-right: -20px;
	margin-bottom: 25px;
	margin-left: 0;
}
#top-col3 .content-box {
	float:left;
	width:298px;
	height:252px;
	padding:5px;
	margin-right:20px;
/*	background:url(../images/common/shadow_col3.png);*/
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
#top-col3 .content-box .inner {
	background:url(../images/common/bg_col3.jpg) no-repeat 0 0; width:268px; height:207px; padding:15px; position:relative;
}
#top-col3 .content-box .inner a { display:block; }
#top-col3 .content-box .inner h2 {
	position:absolute; left:0; bottom:0; z-index:1;
}
#top-col3 .content-box .inner h3 {
	position:relative;
	font-size:120%;
	z-index:999;
	margin-bottom:5px;
	letter-spacing:0.09em;
	margin-top: 10px;
	margin-left: 5px;
}
#top-col3 .content-box .inner h3 a {
	color:#666;
	text-decoration:none;
}
#top-col3 .content-box .inner p {
	position:relative;
	line-height:1.6em;
	font-size:95%;
	z-index:2;
	padding-top:5px;
	margin-left:5px;
	margin-right:2px;
}
#top-col3 .boxlink:hover h3 a {
	color:#ae1118;
}





/* ===========================
	ニュース
=========================== */




#news h4  {
	font-size:138.5%;
	color:#666;
	border-bottom:3px solid rgb(233,233,233);
	line-height:34px;
	position:relative;
}
#news h4 span {
	position:absolute; top:4px; right:0;
}
#news h4 span a {
	display:block; background:rgb(135,135,135); color:rgb(255,255,255); line-height:24px; padding:0 10px; font-size:12px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px;
}
#news h4 span a:hover {
	background:rgb(188,188,188);
}
#news ul li {
	font-size:93%; border-bottom:3px solid rgb(233,233,233); line-height:18px; overflow:hidden; _zoom:1;
}
#news ul li a {
	display:block; /*padding:15px 0;*/
}
#news ul li span {
	float:left; display:block; width:100px; color:rgb(105,105,105); margin:15px 0 0 0;
}
#news ul li p {
	float:right; width:536px; padding:15px 0;
}
/*
#news ul li p a {
	position:relative; display:block; width:536px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
*/

/* ===========================
	バナーとか
=========================== */
#side ul.bnr li {
	font-size:0; line-height:0; border:1px solid rgb(218,218,218); padding:1px; margin-bottom:20px;
}
#side ul.bnr li:last-child {
	margin:0;
}




/*------------------------------------------------------------------
  カテゴリ
----------------------------------------------------------------- */
/* ===========================
	ヘッダイメージ
=========================== */
#cat-head-pic {
	background:url(../images/content/bg_cat_head-image.png) no-repeat 50% 50%; height:449px; margin-bottom:40px;
}
#cat-head-pic .inner {
	width:964px; height:449px; margin:0 auto; position:relative;
}
#cat-head-pic .inner img.about {
	position:absolute; bottom:-10px; right:-20px; z-index:1;
}
#cat-head-pic .inner img.works {
	position:absolute; bottom:0; right:0; z-index:1;
}
#cat-head-pic .inner img.faq {
	position:absolute; bottom:40px; right:20px; z-index:1;
}
#cat-head-pic .inner img.contact {
	position:absolute; bottom:0; right:-80px; z-index:1;
}
#cat-head-pic .inner h2 {
	position:absolute; top:50%; left:50px; margin-top:-65px; z-index:999;
}
#cat-head-pic .inner h3 {
	position:absolute; top:240px; left:60px; z-index:10;
}


/* ===========================
	基本
=========================== */
#cat-content .basic-box {
	padding-bottom:40px; margin-bottom:40px;
}
#cat-content .basic-box:last-child {
	margin-bottom:0;
}
#cat-content .b-line {
	border-bottom:3px solid rgb(233,233,233);
}
#cat-content .basic-box h3.title {
	color:rgb(0,0,0); font-size:197%; margin-bottom:20px;
}
#cat-content .basic-box h3.title span {
	color:rgb(156,156,156); font-size:14px; display:inline-block; margin-left:5px;
}
#cat-content .basic-box h3.title2 {
	margin-bottom:20px; border-bottom:3px solid rgb(233,233,233); position:relative; height:35px;
}
#cat-content .basic-box h3.title2 p {
	color:rgb(0,0,0); font-size:197%; border-bottom:3px solid rgb(162,162,162); position:absolute; left:0; bottom:-3px; padding-right:10px;
}
#cat-content .basic-box h3.title2 span {
	color:rgb(156,156,156); font-size:14px; display:inline-block; margin-left:5px;
}
#cat-content .basic-box p {
	line-height:1.6em; font-size:108%;
}
#cat-content .basic-box p.attention {
	color:rgb(209,34,34); font-size:123.1%; background:url(../images/content/ic_attention.png) no-repeat 0 50%; padding-left:40px; line-height:36px; _zoom:1;
}


/* ===========================
	会社概要
=========================== */
/* 事業者概要、経歴 */
#cat-content .business-outline {
	position:relative; width:964px; height:640px;
}
#cat-content .business-outline img {
	position:absolute; top:0; left:-60px;
}
#cat-content .business-outline .info {
	width:540px; position:absolute; top:0; right:0;
}
#cat-content .business-outline .info dl.outline {
	width:540px; line-height:20px; font-size:108%; margin-bottom:20px; overflow:hidden; _zoom:1;
}
#cat-content .business-outline .info dl.outline dt {
	width:110px; float:left; text-align:right; padding:7px 10px 1000px 10px; clear:both; margin-bottom:-993px; background:rgb(233,233,233); color:rgb(0,0,0); border-top:2px solid rgb(255,255,255);
}
#cat-content .business-outline .info dl.outline dd {
	width:400px; float:left;  padding:7px 0 1000px 10px; margin-bottom:-993px; border-top:2px solid rgb(255,255,255);
}
#cat-content .business-outline .info dl.outline dd span {
	font-size:10px; display:block;
}
#cat-content .business-outline .info dl.career dt {
	font-size:77%; font-weight:bold; color:rgb(108,108,108); line-height:20px;
}
#cat-content .business-outline .info dl.career dd {
	font-size:108%; line-height:22px; margin-bottom:10px;
}

/* コンセプト */
#cat-content .concept {
	margin-bottom:40px; font-size:108%;
}
#cat-content .concept:last-child {
	margin:0;
}
#cat-content .concept h4 {
	margin-bottom:15px;
}
#cat-content .concept h5 {
	font-weight:bold; color:rgb(0,0,0); margin-bottom:10px; 
}
#cat-content .concept ul {
	list-style:disc outside; margin:5px 0 5px 20px; line-height:1.6em;
}
#cat-content .concept p span {
	font-size:85%;
}


/* ===========================
	制作実績
=========================== */
#cat-content #works {
	margin-bottom:40px;
}
#cat-content #works p#head {
	font-size:108%; margin-bottom:40px;
}
/*
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/
ul#view-works {
	width:984px; margin:0 -20px -20px 0; overflow:hidden; _zoom:1;
}
ul#view-works li {
	float:left; width:298px; border:5px solid rgb(230,230,230); margin:0 20px 20px 0; background:rgb(230,230,230); padding-bottom:10px;
}
ul#view-works .mosaic-block {
	position:relative; overflow:hidden; width:298px; height:225px; background:#fff url(../images/content/progress.gif) no-repeat center center; 
}

ul#view-works .mosaic-backdrop {
	display:none; position:absolute; top:0; height:100%; width:100%; background:rgb(255,255,255);
}
ul#view-works .mosaic-overlay {
	display:none; z-index:5; position:absolute; width:100%; height:100%; background:rgb(255,255,255);
}
ul#view-works .circle .mosaic-overlay {
	background:url(../images/content/hover_view-works_pic.png) no-repeat center center rgb(60,60,60);
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}
ul#view-works .light {
	position:absolute; left:0; top:0;
}

/* 影 */
#cat-content #works .shadow
{
  position: relative;
}
#cat-content #works .shadow:before,
#cat-content #works .shadow:after {
  z-index:-1; position:absolute; content:""; bottom:14px; left:5px; width:50%; top:80%; max-width:308px; background:rgb(255,255,255);
  -webkit-box-shadow:0 20px 9px rgb(155,155,155);
  -moz-box-shadow:0 20px 9px rgb(155,155,155);
  box-shadow:0 20px 9px rgb(155,155,155);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  transform:rotate(-3deg);
}
#cat-content #works .shadow:after {
  right:5px; left:auto;
  -webkit-transform:rotate(3deg);
  -moz-transform:rotate(3deg);
  -o-transform:rotate(3deg);
  -ms-transform:rotate(3deg);
  transform:rotate(3deg);
}
ul#view-works p.name {
	color:rgb(0,0,0); background:url(../images/content/ic_works_sitename.png) no-repeat 0 50%; line-height:20px; margin:10px 0 0 10px; padding-left:12px; _zoom:1;
}
ul#view-works p.date {
	color:rgb(102,102,102); background:url(../images/content/ic_works_date.png) no-repeat 0 50%; line-height:20px; margin:0 0 0 10px; padding-left:12px; _zoom:1;
}

/* ===========================
	制作実績 詳細
=========================== */
#cat-content #product {
	border-top:3px solid rgb(233,233,233); padding:20px 0 0 0; overflow:hidden; _zoom:1;
}
#cat-content #product ul#others {
	width:964px; margin-bottom:20px; overflow:hidden; _zoom:1;
}
#cat-content #product ul#others .previous {
	float:left;
}
#cat-content #product ul#others .next {
	float:right;
}
#cat-content #product #pics {
	float:left; width:600px; border:1px solid rgb(240,240,240); padding:1px;
}
#cat-content #product #info {
	float:right; width:340px;
}
#cat-content #product #info p.sitename {
	font-size:153.9%; color:rgb(0,0,0); margin-bottom:10px;
}
#cat-content #product #info p.siteurl {
	padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted rgb(225,225,225);
}
#cat-content #product #info p.siteurl a {
	color:rgb(45,142,216);
}
#cat-content #product #info p.siteurl a:hover {
	color:rgb(204,125,250); text-decoration:underline;
}
#cat-content #product #info p.siteurl a:active {
	color:rgb(240,122,57); text-decoration:none;
}
#cat-content #product #info p.release {
	font-size:108%; color:rgb(102,102,102); margin-bottom:20px;
}
#cat-content #product #info p.comment {
	font-size:108%; line-height:1.4em; margin-bottom:10px;
}
#cat-content #product #info ul.activity {
	list-style:url(../images/content/ic_btn_circle.png) outside; margin-left:20px;
}
#cat-content #product #info ul.activity li {
	font-size:108%; line-height:2em;
}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position:relative; margin:0 0 60px; padding:0; *zoom:1;
}
.bx-wrapper img {
	display: block;
}

#top-content {
	width:970px;
	overflow:hidden;
	_zoom:1;
}
#top-content #news { float:left; width:636px; }
#top-content #side {
	float:right;
	width:244px;
}