@charset "shift_jis";

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

/* --- コンテンツ全頁共通 枠背景付き  --- */
div#contents-frame {
margin: 0px;
padding: 0px;
border: 0;
background: url(../image/design-show-back.gif) repeat-y;
}

/* --- コンテンツ全頁共通 枠背景下角まる画像  --- */
div.contents-frame-bottom {
margin: 0px;
padding: 0px;
border: 0;
font-size:12px;
line-height: 100%;
color: #656565;
text-align: left;
}


/* --- このページの上サイトメニューへリンク -------------------------- */
/* --- コンテンツページこのページの上サイトメニューへ --- */
div.page-top-frame {
margin: 0px;
padding: 10px 0px 10px 228px;
font-size:12px;
line-height: 100%;
color: #656565;
text-align: left;
}

/* --- コンテンツページこのページの上サイトメニューへ 通常 --------------- */
p.page-top {
width: 304px;
height: 34px;
margin: 0px;
padding: 0px;
background: url(../image/design-show-toppage01.gif) no-repeat;
text-indent: -9999px;
}

/* --- コンテンツページこのページの上サイトメニューへ リンク--------------- */
p.page-top a {
display:block;
width: 304px;
height: 34px;
margin: 0px;
padding: 0px;
border: 0;
text-decoration: none;
}

/* --- コンテンツページこのページの上サイトメニューへリンク 押したとき------------ */
p.page-top a:hover {
background: url(../image/design-show-toppage02.gif) no-repeat;
text-decoration: none;
}

/* --- このページの上サイトメニューへリンク 終わり -------------------------- */
/* ------------------------------------------------------------------ */



/* --- コンテンツ work/index.html  --------------------------------- */
/* --- コンテンツ work/index.html  枠背景付き  --- */
div.contents-frame-top {
width: 760px;
height: 486px;
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
}

div.contents-frame-top img {
vertical-align: top;
}

/* --- コンテンツ work/index.html 枠背景 --- */
div.top-work-back {
width: 760px;
height: 130px;
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
background: url(../image/design-show-top-004.gif) no-repeat left top;
}

/* --- コンテンツ work/index.html 枠文字  --- */
p.top-work-text {
margin: 0px;
padding: 10px 30px 20px 210px;
font-size: 12px;
line-height: 180%;
color: #333333;
text-align: left;
}

.top-work-text02 {
margin: 0px;
padding: 0px 30px 20px 30px;
font-size: 10px;
line-height: 125%;
color: #9CB0BB;
text-align: left;
}


/* --- コンテンツ work/index.html 終わり --------------------------------- */
/* ------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* --- 制作工程 design-flowchart --------------------------------- */
/* --- 制作工程 枠-上、下、背景  --- */
div.flowchart-frame {
margin: 0px;
padding: 0px;
border: 0;
background: url(../image/design-flowchart-022.gif) repeat-y;
}

div.flowchart-frame-image {
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
}

/* --- 制作工程　Flash --- */
div.flowchart-frame-flash {
margin: 0px;
padding: 0px 0px 0px 20px;
border: 0;
text-align: left;
}

/* --- 制作工程 取材 背景 --- */
div.flowchart-back-writing {
margin: 0px 0px 0px 50px;
padding: 0px;
border: 0;
text-align: left;
background: url(../image/design-flowchart-025.gif) no-repeat left top;
}

/* --- 制作工程 イラスト 背景 --- */
div.flowchart-back-illust {
margin: 0px 0px 0px 50px;
padding: 0px;
border: 0;
text-align: left;
background: url(../image/design-flowchart-026.gif)  no-repeat left top;
}

/* --- 制作工程 写真 背景 --- */
div.flowchart-back-photo {
margin: 0px 0px 0px 50px;
padding: 0px;
border: 0;
text-align: left;
background: url(../image/design-flowchart-027.gif)  no-repeat left top;
}

/* --- 制作工程 文字の枠 --- */
div.flowchart-frame-text {
margin: 10px 60px 10px 140px;
padding: 0px;
text-align: left;
}

/* --- 制作工程 文字の枠 H3小見出し --- */
div.flowchart-frame-text h3 {
margin: 0px;
padding: 0px 0px 2px 20px;
font-size: 18px;
line-height: 150%;
color:#000000;
text-align: left;
background: url(../image/design-flowchart-028.gif) no-repeat left top;
}

/* --- 制作工程 文字 --- */
.flowchart-text {
margin: 0px;
padding: 0px 0px 24px 20px;
font-size: 14px;
line-height: 180%;
color:#242424;
text-align: left;
}

/* ---  制作工程 お問合せページリンク --- */
div.flowchart-mail-flash {
margin: 0px;
padding: 0px 0px 0px 130px;
font-size: 16px;
line-height: 150%;
color: #000000;
text-align: left;
}

/* --- 制作工程 終わり --------------------------------- */
/* ------------------------------------------------------------------------------------ */