@charset "utf-8";


/*------------------------------------------------------------------
  レイアウト
----------------------------------------------------------------- */
#wrapper {}
#container {
	width:964px; margin:0 auto; padding-bottom:40px;
}



/*------------------------------------------------------------------
  トップページ
----------------------------------------------------------------- */
#top-content { width:964px; overflow:hidden; _zoom:1; }
#top-content #news { float:left; width:636px; }
#top-content #side { float:right; width:308px; }

/* ===========================
	カルーセル
=========================== */
#carousel-wrapper {
	position:relative; margin-bottom:40px; overflow:hidden;
}

/*
#carousel-wrapper #carousel img {
	display:block; float:left;
}
*/
#carousel-wrapper #carousel img,
#carousel-wrapper #carousel a {
	display:block; float:left;
}
#carousel-wrapper #prev, #carousel-wrapper #next {
	background-color:rgba(255, 255, 255, 0.8); display:block; height:523px; width:50%; top:0; position:absolute;
}
#carousel-wrapper #prev:hover, #carousel-wrapper #next:hover {
	background-color:#fff; background-color:rgba(255, 255, 255, 0.5);
}
#carousel-wrapper #prev {
	left:-482px;
}
#carousel-wrapper #next {
	right:-482px;
}
#carousel-wrapper #prev img, #carousel-wrapper #next img {
	position:absolute; top:50%; margin-top:-33px;
}
#carousel-wrapper #prev img {
	right:-33px;
}
#carousel-wrapper #next img {
	left:-33px;
}
#carousel-wrapper #pager {
	text-align:center; margin:10px 0 0 0;
}
#carousel-wrapper #pager a {
	/*border:2px solid #2058ca;*/ display:inline-block; width:15px; height:15px; margin:0 5px 0 0; background-color:#2058ca;
}
#carousel-wrapper #pager a:hover {
	background-color:#ca2070;
}
#carousel-wrapper #pager a span {
	display:none;
}
#carousel-wrapper #pager a.selected {
	background-color:#ca2070;
}
#carousel-wrapper #donate-spacer {
	height:100%;
}
#carousel-wrapper #donate {
	border-top:1px solid #999; width:750px; padding:50px 75px; margin: 0 auto; overflow:hidden;
}
#carousel-wrapper #donate p, #donate form {
	margin:0; float:left;
}
#carousel-wrapper #donate p {
	width:650px;
}
#carousel-wrapper #donate form {
	width:100px;
}

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



/* ===========================
	コンテンツ 3カラム
=========================== */
#top-col3 {
	width:984px; margin:0 -20px 25px 0; overflow:hidden; _zoom:1;
}
#top-col3 .content-box {
	float:left; width:298px; height:252px; padding:5px; margin-right:20px; background:url(../images/content/shadow_col3.png) no-repeat 100% 100%;
}
#top-col3 .content-box .inner {
	background:url(../images/top/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:138.5%; z-index:999; margin-bottom:5px; letter-spacing:0.09em;
}
#top-col3 .content-box .inner h3 a {
	color:rgb(0,0,0); text-decoration:none;
}
#top-col3 .content-box .inner p {
	position:relative; line-height:1.6em; font-size:93%; z-index:2;
}
#top-col3 .boxlink:hover h3 a {
	color:rgb(102,102,102);
}


/* ===========================
	ニュース
=========================== */
#news h4 {
	font-size:138.5%; color:rgb(0,0,0); 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;
}


/* ===========================
	GYPSYとは
=========================== */
/* 事業者概要、経歴 */
#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;
}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position:absolute; bottom:-30px; width:100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height:50px; background:url(../images/content/bx_loader.gif) center center no-repeat;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align:center; padding-top:20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display:inline-block; *zoom:1; *display:inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background:rgb(45,142,216); text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background:rgb(204,125,250);
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:rgb(240,122,57);
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left:10px; background:url(../images/content/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right:10px; background: url(../images/content/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute; top: 50%; margin-top: -16px; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block; text-indent: -9999px; width: 10px; height: 11px; background: url(../images/content/controls.png) -86px -11px no-repeat; margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block; text-indent: -9999px; width: 9px; height: 11px; background: url(../images/content/controls.png) -86px -44px no-repeat; margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left; width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0; width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; 
}
.bx-wrapper .bx-caption span {
	color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;
}




/* ===========================
	よくある質問
=========================== */
/* Q&A */
ul.acc {
	width:964px;
}
ul.acc li {
	margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted rgb(225,225,225);
}
ul.acc li:last-child {
	margin:0; padding:0; border:none;
}
ul.acc h4 {
    cursor:pointer; font-size:115%; background:url(../images/content/ic_btn_circle.png) no-repeat 10px 50%; line-height:30px; padding-left:35px; _zoom:1;
}
ul.acc h4:hover {
	color:rgb(144,144,144);
}
ul.acc div {
	background:rgb(217,241,227); padding:10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; color:rgb(58,71,63); margin-left:35px;
}
.faq-selected {
	color:rgb(144,144,144)
}
.faq-selected + * {
	color:rgb(144,144,144);
}


/* ===========================
	ニュース
=========================== */
#news-content {
	margin-bottom:60px;
}
#news-content #news-list {
	background:url(../images/content/bg_news-list.gif) repeat 0 0; padding:10px; margin-bottom:30px;
}
#news-content #news-list .inner {
	background:rgb(255,255,255); padding:15px; width:914px;
}
#news-content #news-list .inner ul {
	margin-bottom:-15px;
}
#news-content #news-list .inner ul li {
	position:relative; width:884px; padding:15px; margin-bottom:15px; background:rgb(242,242,242);
}
#news-content #news-list .inner h2 {
	font-size:167%; color:rgb(0,0,0); line-height:26px; margin:18px 0 10px 0; padding:0 0 10px 0; border-bottom:3px solid rgb(222,222,222);
}
#news-content #news-list .inner ul li span {
	position:absolute; right:0; top:0; display:block; background:rgb(255,255,255); width:120px; line-height:24px; text-align:center; font-size:93%;
}
#news-content #news-list .inner ul li p {
	font-size:108%; color:rgb(80,80,80); line-height:22px;
}
/* ページ送り */
#news-content .wp-pagenavi {
	clear: both; text-align:center; font-size:108%;
}
#news-content .wp-pagenavi a {
	text-decoration:none; border: 1px solid rgb(120,120,120); background:rgb(120,120,120); color:rgb(255,255,255); padding: 3px 7px; margin: 2px;
}
#news-content .wp-pagenavi span {
	text-decoration:none; border: 1px solid rgb(120,120,120); background:rgb(0,0,0); padding: 3px 7px; margin: 2px;
}
#news-content .wp-pagenavi a:hover {
	border-color:rgb(0,126,255); background:rgb(0,126,255); text-decoration:underline; color:rgb(255,255,255);
}
#news-content .wp-pagenavi span.current {
	border-color:rgb(0,0,0); background:rgb(255,255,255);
}
#news-content .wp-pagenavi span.current {
	font-weight: bold;
}

/* 2013.02.04追記 */
#post-content {
	margin-bottom:60px; position:relative;
}
#post-content #post-list {
	background:url(../images/content/bg_news-list.gif) repeat 0 0; padding:10px; position:relative; z-index:1;  
}
#post-content #post-list .inner {
	background:rgb(255,255,255); padding:15px; width:914px; position:relative; z-index:2; overflow:hidden; _zoom:1;
}
#post-content #post-list .inner ul.post-wrap {
	width:934px; margin:0 -20px -20px 0; overflow:hidden; _zoom:1;
}
#post-content #post-list .inner ul.post-wrap .boxlink {
	position:relative; z-index:4;
}
#post-content #post-list .inner ul.post-wrap li {
	float:left; margin:0 20px 20px 0;
}
#post-content #post-list .inner ul.post-wrap li div {
	width:272px; padding:8px; background:rgb(238,238,238); position:relative; z-index:999; border:1px solid rgb(238,238,238);
}
#post-content #post-list .inner ul.post-wrap li div:hover {
	background:url(../images/content/bg_post-wrap_col3_hover.gif) repeat 0 0; border:1px solid rgb(255,255,255);
}
#post-content #post-list .inner ul.post-wrap li:hover h2 a {
	color:rgb(230,230,230);
}
#post-content #post-list .inner ul.post-wrap li:hover h2 a:hover {
	color:rgb(180,180,180); text-decoration:underline;
}
#post-content #post-list .inner ul.post-wrap li img.thumb {
	display:block; margin-bottom:5px;
}
#post-content #post-list .inner ul.post-wrap h2 {
	font-size:108%; font-weight:700; border-bottom:1px dotted rgb(190,190,190); line-height:32px; margin-bottom:10px; position:relative;
}
#post-content #post-list .inner ul.post-wrap h2 a {
	display:block; color:rgb(50,50,50);
}
#post-content #post-list .inner ul.post-wrap .meta {
	font-size:77%; color:rgb(100,100,100);
}
#post-content #post-list .inner ul.post-wrap .meta span {
	display:inline-block; margin-left:10px;
}
#post-content #post-list .inner ul.post-wrap .meta span a {
	font-style:italic; color:rgb(150,150,150);
}
#post-content #post-list .inner ul.post-wrap .meta span a:hover {
	text-decoration:underline; color:rgb(100,100,100);
}

/* 影 */
#post-content #post-list .shadow
{
  position: relative;
}
#post-content #post-list .shadow:before,
#post-content #post-list .shadow:after
{
  z-index:3;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:294px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#post-content #post-list .shadow:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* 2013.07.01 追記 */
#post-content #post-list {
	margin-bottom:20px;
}
#post-content .wp-pagenavi {
	text-align:right; margin-right:-3px;
}
#post-content .wp-pagenavi .current,
#post-content .wp-pagenavi a {
	display:inline-block; padding:4px 6px; margin:0 3px;
}
#post-content .wp-pagenavi .current {
	border:1px solid rgb(220,220,220); background:rgb(245,245,245); color:rgb(40,40,40);
}
#post-content .wp-pagenavi a {
	border:1px solid rgb(120,120,120); background:rgb(120,120,120); color:rgb(230,230,230);
}
#post-content .wp-pagenavi a:hover {
	border:1px solid rgb(60,60,60); background:rgb(75,75,75); color:rgb(255,255,255);
}
#post-detail .entries .info p strong {
	font-weight:700; color:rgb(30,30,30);
}
#post-detail .entries .info p .fs12 {
	font-size:12px;
}
#post-detail .entries .info p a.more {
	display:inline-block; padding:3px 10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:rgb(160,160,160); color:rgb(220,220,220); margin-right:5px;
}
#post-detail .entries .info p a.more:hover {
	background:rgb(60,60,60); color:rgb(255,255,255);
}


/* ===========================
	記事詳細
=========================== */
/* 詳細 */
#post-detail {
	float:left; width:602px;
}
#post-detail .entries {
	padding-bottom:40px; margin-bottom:20px; border-bottom:1px solid rgb(225,225,225);
}
#post-detail .entries h2 {
	background:url(../images/content/bg_post-title.gif) repeat 0 0; font-size:167%; font-weight:700; color:rgb(40,40,40); padding:10px; line-height:24px; margin-bottom:10px;
	text-shadow: 4px 4px 0px #fff, -4px -4px 0px #fff;
}
#post-detail .entries .meta {
	font-size:93%; color:rgb(100,100,100); margin:0 0 20px 10px;
}
#post-detail .entries .meta span {
	display:inline-block; margin-left:10px;
}
#post-detail .entries .meta span a {
	font-style:italic; color:rgb(150,150,150);
}
#post-detail .entries .meta span a:hover {
	text-decoration:underline; color:rgb(100,100,100);
}
#post-detail .entries .info img {
	display:block; margin-bottom:40px;
}
#post-detail .entries .info p {
	font-size:108%; line-height:24px;
}

#post-detail .others {
	position:relative; width:602px; margin-bottom:40px;
}
#post-detail .others a {
	color:rgb(70,70,70); text-decoration:underline; font-size:93%;
}
#post-detail .others a:hover {
	color:rgb(120,120,120); text-decoration:none;
}
#post-detail .others .next {
	position:absolute; right:0; top:0;
}
#post-detail .others .next a {
	background:url(../images/content/arrow_post-next.gif) no-repeat 100% 50%; white-space:nowrap; padding-right:15px;
}
#post-detail .others .prev {
	position:absolute; left:0; top:0;
}
#post-detail .others .prev a {
	background:url(../images/content/arrow_post-prev.gif) no-repeat 0 50%; white-space:nowrap; padding-left:15px;
}
#post-detail .others .all {
	text-align:center;
}



/* サイド */
#post-side {
	float:right; width:290px;
}
#post-side .widget-container h3 {
	color:rgb(0,0,0); font-size:108%; line-height:40px; border-bottom:1px solid rgb(225,225,225); margin-bottom:15px;
}
#post-side .widget-container {
	margin-bottom:40px;
}
#post-side .recent-entry ul li {
	margin-bottom:15px; width:290px; overflow:hidden; _zoom:1;
}
#post-side .recent-entry ul li:last-child {
	margin:0;
}
#post-side .recent-entry ul li span {
	display:block; float:left; color:rgb(255,255,255); background:rgb(75,75,75); text-align:center; line-height:24px; width:90px; font-size:93%;
}
#post-side .recent-entry ul li p {
	float:right;
}
#post-side .recent-entry ul li p a {
	display:block; width:190px; font-size:108%; line-height:20px;
}
#post-side .recent-entry a {
	color:rgb(70,70,70); text-decoration:underline;
}
#post-side .recent-entry a:hover {
	color:rgb(120,120,120); text-decoration:none;
}

#post-side .news-cat ul {
	width:300px; margin:0 -10px -10px 0; overflow:hidden; _zoom:1;
}
#post-side .news-cat ul li {
	float:left; font-size:108%; margin:0 10px 10px 0;
}
#post-side .news-cat ul li a {
	display:block; padding:5px 10px;
}
#post-side .news-cat ul li a:hover {
	background:rgb(70,70,70); color:rgb(255,255,255); border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}



/* ===========================
	お問い合わせ
=========================== */
/* 注意事項 */
ul#contact-notice {
	list-style:url(../images/content/ic_btn_circle.png) outside; margin-left:25px; line-height:1.6em;
}
ul#contact-notice li strong {
	color:rgb(221,0,0); font-weight:bold; display:inline-block; padding:0 3px;
}

/* フォーム */
#form-container table.contact-box {
	font-size:108%; line-height:1.6em; width:964px; margin-bottom:20px; margin-top:-20px;
}
#form-container table.contact-box th,
#form-container table.contact-box td {
	text-align:left; padding:20px 10px 10px 10px; font-weight:normal; vertical-align:top;
}
#form-container table.contact-box th {
	width:25%; border-bottom:1px solid rgb(160,160,160); border-right:20px solid rgb(255,255,255); color:rgb(0,0,0);
}
#form-container table.contact-box td {
	width:75%; border-bottom:1px solid rgb(200,200,200);
}
#form-container table.contact-box th strong {
	color:rgb(221,0,0); font-weight:bold; display:inline-block; margin-left:10px;
}
#form-container table.contact-box input {
	vertical-align:middle;
}
#form-container table.contact-box input[type="text"],
#form-container table.contact-box input[type="email"],
#form-container table.contact-box textarea,
#form-container table.contact-box select {
	border:1px solid rgb(180,180,180); padding:4px; background:rgb(255,255,255);
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
	
	filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
}
#form-container table.contact-box .txt1 {
	width:70%;
}
#form-container table.contact-box .txt2 {
	width:20%;
}
#form-container table.contact-box .txt3,
#form-container table.contact-box textarea {
	width:95%;
}
#form-container #submit-box {
	text-align:center; width:285px; margin:0 0 40px 339px;
}
#form-container #submit-box input {
	background:url(../images/content/bg_form_submit.gif) no-repeat 0 0; width:285px; height:65px; padding:5px 0 0 20px; color:rgb(80,80,80); font-size:153.9%; border:none; cursor:pointer;
}
#form-container #submit-box input:hover {
	background:url(../images/content/bg_form_submit_ov.gif) no-repeat 0 0; color:rgb(0,0,0);
}


/* ===========================
	プライバシーポリシー
=========================== */
#privacy-polycy {
	margin:-40px 0 40px 0;
}
#privacy-polycy h4 {
	background:rgb(242,242,242); line-height:36px; margin-bottom:10px;
}
#privacy-polycy h4 span {
	font-size:138.5%; background:rgb(255,255,255); line-height:36px; padding:0 10px; border-left:5px solid rgb(145,145,145); display:inline-block;
}
#privacy-polycy div {
	margin-bottom:40px; line-height:1.4em; font-size:108%;
}



/*------------------------------------------------------------------
  サービス
----------------------------------------------------------------- */
/* ===========================
	メニュー
=========================== */
#service-nav { 
	margin:0 auto; position:relative; width:964px; margin-bottom:20px;
}
#service-nav li { 
	float:left;
}
/*#service-nav a { 
	color:rgb(153,153,153); font-size:108%; float:left; padding:0 20px; line-height:34px; text-decoration:none; text-transform:uppercase; position:relative; z-index:999;
}*/
/*#service-nav a:hover { 
	color:rgb(0,0,0);
}
#service-nav #magic-line { 
	position:absolute; bottom:0; left:0; width:100px; height:34px; background:rgb(198,198,198); border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px; z-index:1;
}
#service-nav .current_page_item a { 
	color:rgb(0,0,0) !important; font-weight:700;
}
#service-nav .current_page_item a:active {
	text-decoration:none;
}*/
#service-nav .non { 
	color:rgb(212,212,212); font-size:108%; float:left; line-height:34px; text-decoration:none; text-transform:uppercase; position:relative; z-index:999;
}
#service-nav a { 
	color:rgb(146,131,131); font-size:108%; float:left; padding:0 20px; line-height:34px; text-decoration:none; text-transform:uppercase; position:relative; z-index:999;
}
#service-nav a:hover {
	color:rgb(102,68,179);
}
#service-nav #magic-line { 
	position:absolute; bottom:0; left:0; width:100px; height:3px; background:rgb(102,68,179); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; z-index:1;
}
#service-nav .current_page_item a { 
	color:rgb(0,0,0) !important; font-weight:700;
}
#service-nav .current_page_item a:active {
	text-decoration:none;
}

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


/* ===========================
	メインイメージ
=========================== */
#service-head-pic {
	background:url(../images/content/shadow_cat-service_head-image.png) no-repeat 100% 100%; width:964px; height:320px; margin-bottom:40px;
}
#service-head-pic img {
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
}


/* ===========================
	ボックス
=========================== */
.service-info {
	width:964px; position:relative;
}
.service-info h4 {
	margin-bottom:15px;
}
.service-info h5 {
	background:url(../images/content/ic_geer.png) no-repeat 15px 50% rgb(243,243,243); color:rgb(0,0,0); padding:0 0 0 50px; width:650px; line-height:50px; font-size:161.6%; margin:15px 0;
}
.service-info .module1, .service-info .module2 {
	z-index:999; position:relative;
}
.service-info img {
	z-index:1; position:relative; display:block;
}
.service-info .module1 {
	width:700px;
}
.service-info .module2 {
	width:600px;
}
.service-info img.structure {
	float:right; margin:-20px -40px 0 0;
}
.service-info img.support {
	float:right; margin:-50px -60px 0 0;
}
.service-info img.ec-support {
	float:right; margin:-50px -70px 0 0;
}
/* clearfix */
.service-info:after {
	visibility:hidden; display:block; content:""; clear:both; height:0;
}
*:first-child+html .service-info {
	zoom:1;	/* IE7 */
}


/* ===========================
	料金
=========================== */
/* プラン */
.price-plan h4 {
	font-size:123.1%; color:rgb(145,151,123); line-height:40px; border-top:1px dotted rgb(225,225,225);
}
.price-plan table {
	width:964px; border:none; border-collapse:collapse;
}
.price-plan table .col1 {
	width:32%;
}
.price-plan table .col2 {
	width:15%;
}
.price-plan table .col3 {
	width:53%;
}
.price-plan table th,
.price-plan table td {
	font-size:108%; line-height:22px; padding:10px; border:2px solid rgb(255,255,255);
}
.price-plan table th {
	text-align:center; font-weight:700; color:rgb(255,255,255); background:rgb(145,151,123);
}
.price-plan table td {
	background:rgb(244,246,236);
}

/* モデル価格 */
.price-model h4 {
	color:rgb(0,0,0); font-size:108%; font-weight:700; background:url(../images/content/ic_btn_circle_02.png) no-repeat 0 50%; padding-left:20px; white-space:nowrap; line-height:40px; _zoom:1;
}
.price-model .example-box {
	background:rgb(233,233,233); width:958px; padding:3px; margin-bottom:20px;
}
.price-model .example-box .inner {
	border:1px solid rgb(255,255,255); width:936px; padding:10px; background:rgb(235,235,235);
}
.price-model .example-box .inner ul {
	width:946px; margin:0 -10px -10px 0; overflow:hidden; _zoom:1;
}
.price-model .example-box .inner ul li {
	float:left; width:224px; border:1px dotted rgb(200,200,200); margin:0 10px 10px 0;
}
.price-model .example-box .inner ul li div {
	background:rgb(248,248,248); padding:10px; font-size:92%; line-height:20px; text-align:center; border:1px solid rgb(255,255,255);
}
.price-model .example-box .inner ul li div span {
	display:block; font-weight:700; font-size:116%; color:rgb(128,156,28);
}
.price-model .total-price {
	text-align:right;
}
.price-model .total-price p {
	font-size:108%;
}
.price-model .total-price p span {
	display:inline-block; margin-left:10px; font-size:197%; color:rgb(226,20,20); font-family:Georgia, "Times New Roman", Times, serif
}


/* ===========================
	制作の流れ
=========================== */
#flow {
	margin-bottom:40px;
}
#flow .inner {
	background:url(../images/content/line_flow-inner.gif) repeat-y 0 0; width:925px; padding:20px 0 40px 39px;
}
#flow .inner h3 {
	font-size:0; line-height:0;
}
#flow .inner h4 {
	background:url(../images/content/ic_flow_circle.png) no-repeat 0 50%; color:rgb(0,0,0); font-size:138.5%; line-height:36px; padding-left:20px; _zoom:1;
}
#flow .inner p,
#flow .last p {
	font-size:108%; line-height:24px; color:rgb(100,100,100); padding-left:20px;
}
#flow .last {
	background:url(../images/content/ic_flow_circle.png) no-repeat 39px 0 rgb(255,255,255); margin-top:-40px; padding-left:40px;
}
#flow .last h4 {
	color:rgb(0,0,0); font-size:138.5%; line-height:1; padding-left:20px; _zoom:1;
}




/* ===========================
	404 NOT FOUND
=========================== */
.error404 {
	color:rgb(0,0,0);
}
.error404 h3 {
	margin-bottom:20px; border-bottom:3px solid rgb(233,233,233); position:relative; height:35px;
}
.error404 h3 span {
	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;
}
.error404 img.title {
	margin-bottom:20px;
}
.error404 p.headline {
	font-size:123.1%; margin-bottom:60px;
}
.error404 ul.origin {
	font-size:123.1%; list-style:disc outside; margin-left:25px; margin-bottom:60px; line-height:34px;
}
.error404 p.access {
	font-size:123.1%; margin-bottom:20px;
}	
.error404 ul.page {
	font-size:123.1%; list-style:url(../images/content/ic_btn_circle.png) outside; margin-left:20px;
}
.error404 ul.page li {
	margin-bottom:15px;
}
.error404 ul.page ul {
	width:964px; margin-top:10px; overflow:hidden; _zoom:1;
}
.error404 ul.page ul li {
	float:left; font-size:85%; margin-right:20px;
}
.error404 a {
	color:rgb(8,129,243); text-decoration:underline;
}
.error404 a:hover {
	color:rgb(243,8,58); text-decoration:none;
}