@charset "shift_jis";

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


/* ----------------------------------------------------------- */
/* --- まるちimage index.html --------------------------------- */
/* --- まるちimage index 枠-上、下、背景  --- */
div.index-frame {
margin: 0px;
padding: 0px;
border: 0;
background: url(../image/design-site-022.gif) repeat-y;
}

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

/* --- まるちimage 区切り線 --- */
div.index-clear {
margin: 0px;
padding: 0px;
border: 0;
text-align: left;
clear: both;
}


/* --- まるちimage 文字枠 --- */
div.index-frame-text {
margin: 0px;
padding: 0px 60px 0px 60px;
text-align:left;
}

/* --- まるちimage 文字 --- */
.index-text {
margin: 0px;
padding: 0px;
font-size: 12px;
line-height: 150%;
color: #656565;
text-align:left;
}


/* ------------------------------------------------------------ */
/* --- まるちimage index.html 本当のトップページ ----- */
/* --- 本当のトップページ、カウンタ、更新日 --- */
div.top-data {
margin: 0px;
padding: 0px 0px 10px 0px;
color: #7a7a7a;
font-size: 9px;
font-family:Verdana, sans-serif;
text-align: center;
}

div.top-design {
margin: 0px;
padding: 0px;
font-size: 10px;
line-height: 140%;
text-align: left;
}


/* ------------------------------------------------------------ */
/* --- まるちimage index.html 本当のトップページ サイト説明 ----- */
div.index-design {
margin: 0px;
padding: 10px 0px 10px 0px;
text-align: left;
}

/* --- まるちimage index.html 本当のトップページ サイト説明 左寄せ--- */
div.index-design-left {
width: 380px;
margin: 0px;
padding: 0px;
float: left;
}

/* --- まるちimage index.html 本当のトップページ サイト説明 右寄せ--- */
div.index-design-right {
width: 380px;
margin: 0px;
padding: 0px;
float: right;
}

.index-design-text-01 {
margin: 0px;
padding: 0px 16px 14px 18px;
font-size: 12px;
line-height: 150%;
color: #333333;
text-align: left;
}

.index-design-text-02 {
margin: 0px;
padding: 0px 18px 0px 16px;
font-size: 12px;
line-height: 140%;
color: #333333;
text-align: left;
}

/*--- まるちimage index.html 本当のトップページ サイト説明 左 表示位置 ---*/
div.index-design-left-frame {
margin: 0px;
padding: 0px 0px 0px 18px;
}

/*--- まるちimage index.html 本当のトップページ サイト説明 右 表示位置 ---*/
div.index-design-right-frame {
margin: 0px;
padding: 0px 0px 0px 12px;
}

/*--- まるちimage index.html 本当のトップページ サイト説明 表示サイズ ---*/
div.index-design-frame {
width: 350px;
height: 180px;
overflow: auto;
}

.index-design-text-03 {
margin: 0px;
padding: 0px 0px 14px 0px;
font-size: 12px;
line-height: 150%;
color: #333333;
text-align: left;
}

div.index-design-subtitle {
margin: 0px;
padding: 0px;
float: left;
}


/* ------------------------------------------------------------ */
/* --- まるちimage index.html 本当のトップページ 2013-03-10 ----- */

/* ---まるちimage index.html 本当のトップページ サイト説明 背景 --- */
div.index-design-20121018 {
width: 760px;
/* height: 560px; */
margin: 0px;
padding: 0px;
/* background: url(../image/design-show-20130310.jpg) no-repeat top; */
}

/* ---まるちimage index.html 本当のトップページ サイト説明 枠 --- */
div.index-20121018-frame {
margin: 0px;
padding: 10px 20px 0px 20px;
text-align: left;
}

/* ---まるちimage index.html 本当のトップページ サイト説明 文字 --- */
.index-20121018-text-01 {
margin: 0px;
padding: 4px 0px 4px 0px;
/* font-weight: bold; */
font-style: normal;
font-size:12px;
line-height:130%;
color: #555555;
text-align: left;
}

/* --- まるちimage index.html 本当のトップページ サイト説明 360 --- */
dl.index-info {
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

/* --- まるちimage index.html 本当のトップページ サイト説明 左 --- */
dl.index-info dt {
width: 86px;
margin: 0px;
padding: 0px 10px 0px 0px;
float: left;
font-weight: bold;
font-style: normal;
font-size:14px;
line-height:140%;
color: #6F8383;
text-align: left;
}

/* --- まるちimage index.html 本当のトップページ サイト説明 右 --- */
dl.index-info dd {
width: 612px;
margin: 0px;
padding: 0px 0px 0px 0px;
float: right;
font-size:14px;
line-height:140%;
color: #000000;
text-align: left;
}

dl.index-info dd a:link { color:#CA5A8F; text-decoration:none; }
dl.index-info dd a:visited { color: #333333; text-decoration:underline; }
dl.index-info dd a:active { color: #FF0374; text-decoration:underline; }
dl.index-info dd a:hover { color: #FF0374; text-decoration:underline; }


.index-20121018-text-02 {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size:12px;
line-height:120%;
color: #000000;
text-align: left;
}

.index-20121018-text-02 a:link { color:#CA5A8F; text-decoration:none; }
.index-20121018-text-02 a:visited { color: #333333; text-decoration:underline; }
.index-20121018-text-02 a:active { color: #FF0374; text-decoration:underline; }
.index-20121018-text-02 a:hover { color: #FF0374; text-decoration:underline; }

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

/* ------------------------------------------------------------ */
/* --- まるちimage index.html 本当のトップページ 2014-04-20 ----- */
/* ---まるちimage index.html 本当のトップページ サイト説明 背景 --- */
div.index-design-20140420-frame {
margin: 0px;
padding: 0px 0px 0px 10px;
}



div.index-design-20140420 {
width: 760px;
margin: 0px;
padding: 0px;
background: url(../image/design-mail-022.gif) repeat-y;
}


/* ---まるちimage index.html 本当のトップページ サイト説明 枠 --- */
div.index-20140420-frame {
margin: 0px;
padding: 0px 34px 0px 34px;
text-align: left;
overflow: hidden;
}

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

/* --- 製作実績001 --- */
ul.index-20140420-01 {
margin: 0px;
padding: 0px;
}

ul.index-20140420-01 li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
float: left;
}

/* --- 製作実績01-001 --------------------------- */
li.20140420-01 {
width: 289px;
height: 220px;
margin: 0px;
padding: 0px;
border: 0;
font-size: 12px;
line-height: 100%;
color:#656565;
}

/* --- 製作実績01-002 --------------------------- */
li.20140420-02 {
width: 199px;
height: 220px;
margin: 0px;
padding: 0px;
border: 0;
font-size: 12px;
line-height: 100%;
color:#656565;
}


/* --- 製作実績001-003 --------------------------- */
li.20140420-03 {
width: 204px;
height: 220px;
margin: 0px;
padding: 0px;
border: 0;
font-size: 12px;
line-height: 100%;
color:#656565;
}

/* --- 製作実績002 --- */
ul.index-20140420-02 {
margin: 0px;
padding: 0px;
}

ul.index-20140420-02 li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
float: left;
}

/* --- 製作実績002-004 --------------------------- */
li.20140420-04 {
width: 402px;
height: 201px;
margin: 0px;
padding: 0px;
border: 0;
font-size: 12px;
line-height: 100%;
color:#656565;
}

/* --- 製作実績002-005 --------------------------- */
li.20140420-05 {
width: 290px;
height: 201px;
margin: 0px;
padding: 0px;
border: 0;
font-size: 12px;
line-height: 100%;
color:#656565;
}


/* --- 製作実績003 --- */
ul.index-20140420-03 {
margin: 0px;
padding: 0px;
}

ul.index-20140420-03 li {
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
float: left;
}

/* --- 製作実績003-006 --------------------------- */
li.20140420-06 {
width: 210px;
height: 206px;
margin: 0px;
padding: 0px;
border: 0;
font-size: 12px;
line-height: 100%;
color:#656565;
}

/* --- 製作実績003-007 --------------------------- */
li.20140420-07 {
width: 214px;
height: 206px;
margin: 0px;
padding: 0px;
border: 0;
font-size: 12px;
line-height: 100%;
color:#656565;
}

/* --- 製作実績003-008 ボタン通常 --------------- */
li.mail-20140420 {
width: 268px;
height: 206px;
margin: 0px;
padding: 0px;
background: url(../image/design-show-073.gif) no-repeat;
text-indent: -9999px;
}

/* --- 製作実績003-008 ボタンリンク--------------- */
li.mail-20140420 a {
display:block;
width: 268px;
height: 206px;
margin: 0px;
padding: 0px;
border: 0;
text-decoration: none;
}

/* --- 製作実績003-008 ボタン押したとき------------ */
li.mail-20140420 a:hover {
background: url(../image/design-show-074.gif) no-repeat;
text-decoration: none;
}

/* --- まるちimage index.html 2014-04-20 サイト説明 左寄せ--- */
div.index-20140420-left {
width: 540px;
margin: 0px;
padding: 0px;
float: left;
}

/* --- まるちimage index.html 本当のトップページ サイト説明 右寄せ--- */
div.index-20140420-right {
width: 152px;
margin: 0px;
padding: 0px;
float: right;
}

/* --- まるちimage index.html 2014-04-20 サイト説明 文字 --- */
.index-20140420-text-01 {
margin: 0px;
padding: 0px 10px 16px 6px;
font-size:14px;
line-height:150%;
color: #000000;
text-align: left;
}

.index-20140420-text-01 a:link { color:#2D83D2; text-decoration:none; }
.index-20140420-text-01 a:visited { color: #333333; text-decoration:underline; }
.index-20140420-text-01 a:active { color: FF4200; text-decoration:underline; }
.index-20140420-text-01 a:hover { color: #FF4200; text-decoration:underline; }


/* --- まるちimage index.html 2014-04-20 サイト説明 文字 --- */
.index-20140420-text-02 {
margin: 0px;
padding: 0px 0px 0px 0px;
font-size:12px;
line-height:150%;
color: #000000;
text-align: left;
}

.index-20140420-text-02 a:link { color:#2D83D2; text-decoration:none; }
.index-20140420-text-02 a:visited { color: #333333; text-decoration:underline; }
.index-20140420-text-02 a:active { color: #FF4200; text-decoration:underline; }
.index-20140420-text-02 a:hover { color: #FF4200; text-decoration:underline; }

/* --- まるちimage index.html 2014-04-20 サイト説明 文字緑 --- */
.index-20140420-green {
color: #9cd95b;
}

/* --- まるちimage index.html 2014-04-20 サイト説明 細かい説明 文字 --- */
.index-20140420-text-03 {
margin: 0px;
padding: 0px 0px 20px 8px;
font-size:12px;
line-height:150%;
color: #838383;
text-align: left;
}


/* --- まるちimage index.html 2014-04-20 feed 枠 --- */
/* div.index-20140420-feed-frame { */
/* margin: 0px 40px 0px 40px; */
/* padding: 20px 20px 10px 20px; */
/* text-align: left; */
/* border:1px dotted #9cd95b; */
/* background-color:#fffded; */
/* } */

div.index-20140420-feed-frame {
margin: 0px;
padding: 0px 34px 0px 34px;
text-align: left;
}


/* --- まるちimage index.html 2014-04-20 feed 左寄せ--- */
div.index-20140420-feed-left {
width: 242px;
margin: 0px;
padding: 0px;
float: left;
}

div.index-20140420-feed-image {
margin: 0px;
padding: 0px 0px 0px 40px;
text-align: left;
}

/* --- まるちimage index.htmll 2014-04-20 feed 右寄せ--- */
div.index-20140420-feed-right {
width: 450px;
margin: 0px;
padding: 0px;
float: right;
}


/* --- まるちimage index.html 本当のトップページ 2014-04-20 ----- */



/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* ------ feed2js-2.3 ------*/

/* ---まるちimage index.html 本当のトップページ feed背景 --- */
div.index-design-20130310 {
width: 760px;
height: 280px;
margin: 0px;
padding: 0px;
background: url(../image/design-show-20130311.jpg) no-repeat top;
}

/* --- まるちimage index.html 本当のトップページ feed 左寄せ--- */
div.index-feed-left {
width: 210px;
margin: 0px;
padding: 0px;
float: left;
}

div.index-feed-left-image {
margin: 0px;
padding: 0px 0px 0px 38px;
text-align: left;
}

/* --- まるちimage index.html 本当のトップページ feed 右寄せ--- */
div.index-feed-right {
width: 550px;
margin: 0px;
padding: 0px;
float: right;
}

div.rss-box {
margin: 0px;
padding: 0px 10px 0px 10px;
text-align: left;
}

.rss-title, rss-title a {
margin: 0px;
padding: 0px 0px 10px 0px;
font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif;
font-size: 14px;
font-weight: bold ;
letter-spacing: 1px;
}

.rss-items {
margin: 0px;
padding: 0px; 
}

.rss-item {
margin: 0px;
padding: 0px 0px 10px 0px;
font-size: 12px;
line-height: 120%;
color:#656565;
/*font-weight : bold;*/
}

.rss-item a:link {color:#2D83D2; text-decoration:none;}
.rss-item a:visited {color: #898989;text-decoration:underline;}
.rss-item a:active {color: #FF4200;text-decoration:underline;}
.rss-item a:hover {color: #FF4200;text-decoration:underline;}

.rss-item-2  {
margin: 0px;
padding:  0px 0px 10px 0px;
font-size: 12px;
line-height: 120%;
color: #656565;
}
	
.rss-date {
margin: 0px;
padding:  0px 0px 0px 4px;
font-size: 10px;
font-weight : normal;
color: #7485CA;
}
	
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
 _width:12em;
margin: 0 0.2em;
padding: 0.1em 0;
_padding:0;
white-space:nowrap;
text-decoration: none;
vertical-align:middle;
background: #fb6;
color: black;
}

.pod-play em {
_width:1em;
_cursor:hand;
font-style: normal;
margin:0; padding: 0.1em 0.5em;
background: white;
color: #222;
}

.pod-play span {
_width:1em;
_cursor:hand;
margin:0;
padding: 0.1em 0.5em 0.1em 0.3em;
}

.pod-play:hover {
background: #666;
color: white;
}

.pod-play:hover em {
background: black;
color: white
}
 


/* --- まるちimage index.html 終わり --------------------------------- */
/* ------------------------------------------------------------------------------------ */