@charset "shift_jis";

/* ------------------------------------------------------------------------------------ */
/* Location : http://www.maruchi.biz/wrok/design-show.html */
/* Location : http://www.maruchi.biz/wrok/design-style-show.css */
/* Date : 2011-07-28 */
/* Date : 2016-05-23 */
/* Author : maruchi */
/* ------------------------------------------------------------------------------------ */


/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/* --- デザイン仕事と制作実績　枠 --- */
div#show-frame {
width: 760px;
/* height: 1392px; */
margin: 0px;
padding: 0px;
border: 0;
}


/* --- デザイン仕事と制作実績　上　業務案内 --- */
div.show-top {
width: 760px;
height: 593px;
margin: 0px;
padding: 0px;
background: url(../image/design-show-031.jpg) no-repeat top center;
}

/* --- デザイン仕事と制作実績　中　制作実績 --- */
div.show-middle {
width: 760px;
height: 340px;
margin: 0px;
padding: 0px;
background: url(../image/design-show-032.jpg) no-repeat top center;
}

/* --- デザイン仕事と制作実績　中　制作実績 2015年3月20日 --- */
div.show-middle-20150320 {
width: 760px;
height: 340px;
margin: 0px;
padding: 0px;
background: url(../image/design-show-083.jpg) no-repeat top center;
}

/* --- デザイン仕事と制作実績　下　事業と作者 --- */
div.show-bottom {
width: 760px;
height: 459px;
margin: 0px;
padding: 0px;
background: url(../image/design-show-033.jpg) no-repeat top center;
}


/* -------------------------------------------------------------------- */
/* --- デザイン仕事と制作実績　上　業務案内　画像 --- */
div.show-top-image {
margin: 0px;
padding: 76px 0px 0px 44px;
font-size:12px;
line-height: 100%;
color: #656565;
text-align: left;
}


div.show-top-image img {
vertical-align: top;
}


/* -------------------------------------------------------------------- */
/* --- デザイン仕事と制作実績　中　制作実績 show-middle --- */
/* --- 制作実績 Webデザイン 左寄せ 背景付き --- */
div.show-middle-left {
width: 380px;
margin: 0px;
padding: 0px;
float: left;
}

/* --- 制作実績 キャラクターデザイン 右寄せ 背景付き --- */
div.show-middle-right {
width: 380px;
margin: 0px;
padding: 0px;
float: right;
}

/* --- 制作実績 Webデザイン 文字 --- */
.show-left-text {
margin: 0px;
padding: 56px 185px 14px 48px;
font-size: 12px;
line-height: 150%;
color:#000000;
text-align: left;
}

/* --- 制作実績 キャラクターデザイン 文字 --- */
.show-right-text {
margin: 0px;
padding: 56px 200px 14px 22px;
font-size: 12px;
line-height: 150%;
color:#000000;
text-align: left;
}

/* --- 制作実績 文字 リンク --- */
.show-middle-link-left {
margin: 0px;
padding: 0px 0px 0px 48px;
font-size: 12px;
line-height: 110%;
color:#4975B0;
text-align: left;
}

.show-middle-link-left a:link { color:#656565; text-decoration:none; }
.show-middle-link-left a:visited { color: #898989; text-decoration:underline; }
.show-middle-link-left a:active { color: #FF4200; text-decoration:underline; }
.show-middle-link-left a:hover { color: #FF4200; text-decoration:underline; }

/* --- 制作実績 文字 リンク --- */
.show-middle-link-right {
margin: 0px;
padding: 0px 0px 0px 22px;
font-size: 12px;
line-height: 110%;
color:#4975B0;
text-align: left;
}

show-middle-link-righta:link { color:#656565; text-decoration:none; }
show-middle-link-right a:visited { color: #898989; text-decoration:underline; }
show-middle-link-right a:active { color: #FF4200; text-decoration:underline; }
show-middle-link-right a:hover { color: #FF4200; text-decoration:underline; }

/* --- 制作実績の区切り線 --- */
div.show-middle-clear {
width: 760px;
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
clear: both;
}

/* --- 制作実績 御問合せください --- */
.show-middle-results {
margin: 0px;
padding: 10px 50px 0px 50px;
font-size: 10px;
line-height: 130%;
color:#333333;
text-align: left;
}

/* -------------------------------------------------------------------- */
/* --- デザイン仕事と制作実績　下　事業と作者　画像 --- */
div.show-bottom-image {
margin: 0px;
padding: 0px 0px 0px 266px;
font-size:12px;
line-height: 100%;
color: #656565;
text-align: left;
}

div.show-bottom-image img {
vertical-align: top;
}

/* --- デザイン仕事と制作実績　下　事業と作者　問い合わせボタン --- */
/* --- ボタン位置 --------------- */
div.show-link-frame {
margin: 0px;
padding: 0px 0px 0px 70px;
font-size:12px;
line-height: 100%;
color: #656565;
text-align: left;
}

/* --- ボタン通常 --------------- */
div.show-bottom-link {
width: 622px;
height: 58px;
margin: 0px;
padding: 0px;
background: url(../image/design-show-040.gif) no-repeat;
text-indent: -9999px;
}

/* --- ボタンリンク--------------- */
div.show-bottom-link a {
display:block;
width: 622px;
height: 58px;
margin: 0px;
padding: 0px;
border: 0;
text-decoration: none;
}

/* --- ボタン押したとき------------ */
div.show-bottom-link a:hover {
background: url(../image/design-show-041.gif) no-repeat;
text-decoration: none;
}

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

/* --- デザイン仕事と製作実績　2015年3月20日 --- */
div.show-frame-201503020 {
width: 760px;
/* height: 1392px; */
font-size:12px;
line-height: 100%;
color: #656565;
text-align: left;
}


/* --- デザイン仕事と製作実績 料金表 バナー枠 --- */
div.show-banner-frame {
width: 760px;
height: 278px;
margin: 0px;
padding: 0px;
border: 0;
background: url(../image/design-show-082.gif) no-repeat top center;
font-size: 12px;
line-height: 100%;
text-align: left;
}

/* --- デザイン仕事と製作実績 料金表 バナー左 GIF横長バナー --- */
div.show-banner-left {
width: 520px;
margin: 0px;
padding: 0px;
float: left;
}

/* --- デザイン仕事と製作実績 料金表 バナー右 Qrobo --- */
div.show-banner-right {
width: 240px;
margin: 0px;
padding: 0px;
float: right;
}

/* --- デザイン仕事と製作実績 料金表 バナー左 GIF横長バナー 配置 --- */
p.show-banner-01 {
margin: 0px;
padding: 53px 0px 0px 60px;
font-size: 12px;
line-height: 100%;
text-align: left;
}

p.show-banner-02 {
margin: 0px;
padding: 18px 0px 0px 60px;
font-size: 12px;
line-height: 100%;
text-align: left;
}

/* --- デザイン仕事と製作実績 料金表 バナー左 QRobo GIF 配置 --- */
p.show-banner-03 {
margin: 0px;
padding: 117px 0px 0px 54px;
font-size: 12px;
line-height: 100%;
text-align: left;
}


/* --- デザイン仕事と製作実績 料金表 お問合せページリンク ボタン通常 --------------- */
div.show-page-link {
width: 760px;
height: 70px;
margin: 0px;
padding: 0px;
background: url(../image/design-show-085.gif) no-repeat;
text-indent: -9999px;
}

/* --- デザイン仕事と製作実績 料金表 お問合せページリンク リンク--------------- */
div.show-page-link a {
display: block;
width: 760px;
height: 70px;
margin: 0px;
padding: 0px;
border: 0;
text-decoration: none;
}

/* --- デザイン仕事と製作実績 料金表 お問合せページリンク 押したとき------------ */
div.show-page-link a:hover {
background: url(../image/design-show-086.gif) no-repeat;
text-decoration: none;
}


/* --- デザイン仕事と製作実績 料金表 区切り線 --- */
div.price-clear {
width: 760px;
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
clear: both;
}


/* --- デザイン仕事と製作実績　2015年3月20日 END --- */
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

/* --- 事業内容 説明テキスト--- */
/* --- 事業内容 背景 グラフィックデザイン--- */
div.business-graphic {
width: 760px;
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
background: url(../image/design-show-051.gif) no-repeat top;
}


/* --- 事業内容 背景 ウェブデザイン--- */
div.business-web {
width: 760px;
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
background: url(../image/design-show-052.gif) no-repeat top;
}

/* --- 事業内容 背景 記事執筆（ライティング）--- */
div.business-writing {
width: 760px;
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
background: url(../image/design-show-053.gif) no-repeat top;
}

/* --- 事業内容 背景 お仕事承り中--- */
div.business-work {
width: 760px;
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
background: url(../image/design-show-054.gif) no-repeat top;
}


/* --- 事業内容 文字位置 グラフィックデザイン--- */
div.business-graphic-frame {
margin: 0px;
padding: 65px 70px 0px 200px;
text-align: left;
}

/* --- 事業内容 文字位置 webデザイン--- */
div.business-web-frame {
margin: 0px;
padding: 65px 70px 0px 200px;
text-align: left;
}

/* --- 事業内容 文字位置 ライティング--- */
div.business-writing-frame {
margin: 0px;
padding: 65px 70px 0px 200px;
text-align: left;
}

/* --- 事業内容 文字位置 お仕事承り中--- */
div.business-work-frame {
margin: 0px;
padding: 65px 70px 0px 200px;
text-align: left;
}


/*　graphic　グラフィックデザイン　*/
/*　web　webデザイン　*/
/*　writing　ライティング　*/
/*　work　お仕事承り中　*/


/* --- 事業内容 文字 グラフィックデザイン --- */
.business-graphic-text {
margin: 0px;
padding: 0px 0px 20px 13px;
font-size: 14px;
line-height: 150%;
color: #656565;
background: url(../image/design-show-055.gif) no-repeat left top;
text-align: left;
}

/* --- 事業内容 文字 webデザイン --- */
.business-web-text {
margin: 0px;
padding: 0px 0px 20px 13px;
font-size: 14px;
line-height: 150%;
color: #656565;
background: url(../image/design-show-056.gif) no-repeat left top;
text-align: left;
}

/* --- 事業内容 文字 ライティング --- */
.business-writing-text {
margin: 0px;
padding: 0px 0px 20px 13px;
font-size: 14px;
line-height: 150%;
color: #656565;
background: url(../image/design-show-057.gif) no-repeat left top;
text-align: left;
}

/* --- 事業内容 文字 お仕事承り中 --- */
.business-work-text {
margin: 0px;
padding: 0px 0px 20px 13px;
font-size: 14px;
line-height: 150%;
color: #656565;
background: url(../image/design-show-058.gif) no-repeat left top;
text-align: left;
}

/* --- 事業内容 文字 グラフィックとWeb説明文字 --- */
.business-text-01 {
margin: 0px;
padding: 0px 0px 20px 0px;
font-size: 16px;
line-height: 150%;
color: #000000;
text-align: left;
}

/* --- 事業内容 お問合せページリンク 枠 --- */
div.business-frame-mail {
margin: 0px;
padding: 0px 0px 0px 225px;
text-align: left;
}

/* --- 事業内容 お問合せページリンク ボタン通常 --------------- */
p.business-mail {
width: 310px;
height: 270px;
margin: 0px;
padding: 0px;
background: url(../image/design-show-059.gif) no-repeat;
text-indent: -9999px;
}

/* --- 事業内容 お問合せページリンク リンク--------------- */
p.business-mail a {
display: block;
width: 310px;
height: 270px;
margin: 0px;
padding: 0px;
border: 0;
text-decoration: none;
}

/* --- 事業内容 お問合せページリンク 押したとき------------ */
p.business-mail a:hover {
background: url(../image/design-show-060.gif) no-repeat;
text-decoration: none;
}

/* --- 事業内容 お問合せページリンク --- */
div.business-mail-flash {
margin: 0px;
padding: 0px 0px 0px 130px;
font-size: 16px;
line-height: 150%;
color: #000000;
text-align: left;
}

/* --- 事業内容 テキスト位置 問い合せ --- */
div.business-mail-text {
margin: 0px;
padding: 0px 120px 0px 290px;
text-align: left;
}


/* --- コンテンツ事業内容 終わり --------------------------------- */
/* ------------------------------------------------------------------ */