@charset "utf-8";

@import "/css/common.css";
@import "/css/web.css";
@import "./shop.css";
@import "./industry.css";
@import "./corp.css";
@import "./flash.css";

/* ---------------------------------------------------------------- */

/* style */

/* ---------------------------------------------------------------- */

/* common */

/* ---------------------------------------------------------------- */
/* リセット */
.block *{margin:0;padding:0;}
.block img{vertical-align:bottom;}

.block{margin:0 0 3em;}

.block h2{
	margin:0 auto 1em;
	padding:0 6px 0 12px;
	border-left:18px solid #bd0016;
	color:#fff;
	background:#000;
	font-size:18px;
}
.block p{margin:0 12px 1em 30px;}

/* ---------------------------------------------------------------- */

/* web500 */

/* ---------------------------------------------------------------- */
.web500{
	margin:0 0 2em auto;
	padding:0;
	width:220px;
	line-height:3;
	background:#bd0016;
	text-align:center;
}
.web500 a{
	padding:2px 0 1px;
	display:block;
	color:#fff;
}
.web500 a:hover{
	background-color:#db727e;
	text-decoration:none;
	color:#fff;
}

/* ---------------------------------------------------------------- */

/* 事例紹介 */

/* ---------------------------------------------------------------- */
/* リセット */
#case *{margin:0;padding:0;}

#case{
	margin:0 auto 2em;
	padding:24px 0 6px;
	width:640px;
}

/* -------------------------------- */
/* headline：見出し */
/* -------------------------------- */
#case .headline{
	margin:0 auto 2em;
	padding:0 6px 0 12px;
	border-left:18px solid #bd0016;
	color:#fff;
	background:#000;
}
/* clear hack */
#case .headline{zoom:1;}
#case .headline:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#case .headline h2{
	margin:3px 0 0;
	font-size:18px;
}

/* -------------------------------- */
#case .block{margin:0 0 4em;}

/* clear hack */
#case .block{zoom:1;}
#case .block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#case .block p.photo{
	margin:0 auto;
	float:left;
	width:180px;
}

#case .block div{
	float:right;
	width:436px;
}

#case .block h3{
	padding:12px 0 6px;
	border:none;
	line-height:1.2;
	color:#bd0016;
	font-size:18px;
	background:none;
}
#case .block h3 a{color:#bd0016;}

#case .block h4{
	margin:0 0 12px;
	padding:0 0 6px;
	background:url('/common_img/line_dot.gif') repeat-x 0 100% #f9f9f9;
	line-height:1.2;
	font-weight:normal;
	font-size:16px;
	text-align:right;
}

#case .block h4 a{
	padding:0 18px 0 0;
	color:#666;
	background:url('/common_img/ic_link.gif') no-repeat 100% 50%;
}
#case .block h4 a:hover{color:#ff1741;}
#case .block p{margin:0 0 2em;}

#case .block p.more{
	margin:0 0 0 auto;
	padding:0;
	width:90px;
	line-height:1.4;
	background:#bd0016;
	font-size:10px;
	text-align:center;
}
#case .block p.more a{
	padding:2px 0 1px;
	display:block;
	color:#fff;
}
#case .block p.more a:hover{
	color:#fff;
	background-color:#db727e;
	text-decoration:none;
}

/* IE hack */
* html #case .block p.more a{padding:0 0 1px;}
*:first-child+html #case .block p.more a{padding:0 0 1px;}


/* ---------------------------------------------------------------- */

/* mobile：ケータイサイト制作 */

/* ---------------------------------------------------------------- */
.mobile #read{
	margin:0 12px;
	background:url('../image/mobile_cap.gif') no-repeat 100% 6px;
}

.mobile #read h2{margin:0 0 24px;}
.mobile #read h3{margin:0 0 36px;}
.mobile #read p{margin:0 0 2em;}

.mobile #merit dl{margin:0 12px 1em 30px;}
/* clear hack */
.mobile #merit dl{zoom:1;}
.mobile #merit dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.mobile #merit dt{
	padding:36px 0 0;
	float:left;
	width:460px;
}
.mobile #merit dd{
	padding:6px 0;
	border:1px solid #ccc;
	float:right;
	width:160px;
	line-height:1.2;
	font-size:0.81em;
	text-align:center;
}
.mobile .exmple{margin:0 5px 3em;}
/* clear hack */
.mobile .exmple{zoom:1;}
.mobile .exmple:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.mobile .exmple dl{
	margin:0 0 3em;
	float:left;
	width:224px;
	text-align:center;
}

.mobile .exmple dt{
	margin:0 auto;
	padding:2px 0 0;
	width:180px;
	font-size:11px;
	text-align:right;
}
.mobile .exmple dt img{border:1px solid #ccc;}

.mobile .exmple dd{
	margin:0 auto;
	padding:6px 0 6px;
	width:180px;
}

.mobile .exmple dd a{
	padding:0 6px;
	display:block;
}
/* ---------------------------------------------------------------- */

/* flash：Flash制作 */

/* ---------------------------------------------------------------- */
.flash .exmple{margin:0 5px 3em;}
/* clear hack */
.flash .exmple{zoom:1;}
.flash .exmple:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.flash .exmple dl{
	margin:0 0 3em;
	float:left;
	width:224px;
	text-align:center;
}

.flash .exmple dt{
	margin:0 auto;
	padding:2px 0 0;
	width:180px;
	font-size:11px;
	text-align:right;
}
.flash .exmple dt img{border:1px solid #ccc;}

.flash .exmple dd{
	margin:0 auto;
	padding:6px 0;
	width:180px;
}

.flash .exmple dd a{
	padding:0 6px;
	display:block;
	color:#333;
}

/* ---------------------------------------------------------------- */

/* blog：ブログ制作 */

/* ---------------------------------------------------------------- */
.blog #read{
	margin:0 0 3em;
	background:url('../image/blog_back.gif') no-repeat 100% 35%;
}

.blog #read h2{margin:0 12px 24px;}
.blog #read p{
	margin:0 12px 24px;
	width:400px;
}
.blog #read ul{
	margin:0 0 3em;
	padding:0;
	text-align:center;
}
/* clear hack */
.blog #read ul{zoom:1;}
.blog #read ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.blog #read li{
	margin:0 8px;
	padding:0;
	display:inline;
	list-style:none;
}

.blog .block{padding:1em 0 0;}
/* clear hack */
.blog .block{zoom:1;}
.blog .block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

.blog .exmple{
	float:right;
	width:240px;
}

.blog .exmple h3{
	margin:0 0 12px;
	color:#bd0016;
	font-family:"メイリオ",Meiryo,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",Verdana,Chicago,sans-serif;
	font-size:18px;
}

.blog .exmple p{
	margin:0 0 1em;
	padding:0;
}

.blog .block dl{
	margin:0;
	padding:0;
	float:left;
	width:430px;
	text-align:center;
}

.blog .block dt{
	margin:0 0 12px;
	padding:0;
}
.blog .block dd{
	margin:0;
	padding:0;
}

.blog #free .exmple{width:290px;}
.blog #free dl{width:380px;}

.blog #original .exmple{width:410px;}
.blog #original dl{width:260px;}

/* ---------------------------------------------------------------- */