@charset "shift-jis";

/* ------------------------------
 ページ全体
------------------------------ */
body { margin: 0; padding: 0; background: #fff; }
div, p, h1, h2 { margin: 0; padding: 0; }
img { border: 0;}
ol, ul { margin: 0; padding: 0; list-style: none; }
input, textarea { color: #333333; font-size: 12px; line-height: 130% }

a:link { color: #960028; text-decoration: none; }
a:visited { color: #6e0096; text-decoration: none; }
a:active { color: #960028; text-decoration: underline; }
a:hover { color: #6e0096; text-decoration: underline; }
a.red:link { color: #d70f19; text-decoration: none; }
a.red:visited { color: #d70f19; text-decoration: none; }
a.red:active { color: #d70f19; text-decoration: underline; }
a.red:hover { color: #d70f19; text-decoration: underline; }

td.bg1 { background: url(../../img/g_back_001.gif) repeat 0 0; }
td.bg2 { background: url(../../img/g_back_002.gif) repeat 0 0; }
td.bg3 { background: url(../../img/g_back_003.gif) repeat 0 0; }
td.bg4 { background: url(../../img/g_back_004.gif) repeat 0 0; }
td.top { vertical-align: top; }
td.bottom { vertical-align: bottom; }
h1 { font-size: 10px; color: #bf999c; font-weight: normal; margin: 10px 0 0 9px; }
.mb4 { margin-bottom: 4px; }

td.pbg { background: url(../../img/pickup_bg.gif) repeat 0 0; }

#back { width: 51px margin: 0; padding: 0; float: left; }
#next { width: 50px margin: 0; padding: 0; float: right; }

#pagetop { width: 745px; height: 13px; margin: 42px 0 13px; padding: 0; text-align: right; }

.text { color: #333333; font-size: 12px; line-height: 130% }
.text1 { font-size: 12px; line-height: 130% }
.text_bold { color: #333333; font-weight: bold; font-size: 12px; line-height: 160% }

.small { color: #595959; font-size: 12px; line-height: 130% }
.small_bold { color: #333333; font-weight: bold; font-size: 12px; line-height: 160% }
.small_flat { color: #333333; font-size: 12px; line-height: 130%; letter-spacing: 1px }

.date { color: #000000; font-size: 12px; line-height: 160% }
.data_bold { color: #000000; font-weight: bold; font-size: 12px; line-height: 160% }
.topics { color: #1e1e1e; font-size: 12px; line-height: 130% }
.topics02 { color: #1e1e1e; font-size: 10px; line-height: 115% }
.topics1 { color: #00a4e1; font-size: 12px; line-height: 130% }
.topics_bold { color: #1e1e1e; font-weight: bold; font-size: 12px; line-height: 140% }
.topics_bold2 { color: #1e1e1e; font-weight: bold; font-size: 14px; line-height: 140% }
.chuui { color: #eb0000; font-size: 12px; line-height: 140% }

.clear { width: 0; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; clear: both; }
.center { text-align: center; }
.center table { margin: 0 auto; }
.ml3 { margin-left: 3px; }
.mb7 { margin-bottom: 7px; }
.mt12b7 { margin: 12px 0 7px; }
td.right { text-align: right; }

/* ------------------------------
 ホーム
------------------------------ */
#home { width: 726px; margin: 22px 0 22px 17px; padding: 0; }
#homeleft { width: 275px; margin: 0 0 40px; padding: 0; float: left; }
#homeright { width: 451px; margin: 0 0 40px; padding: 0; float: left; }
#pickup { width: 241px; margin: 0 0 15px; padding: 15px 10px 0; border: 1px solid #e4e4e4; border-top: none; }
#pickup p { width: 241px; margin: 0; padding: 8px 0 12px; color: #555; font-size: 12px; line-height: 130%; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mt15 { margin-top: 15px; }
.mediahome { width: 451px; margin: 0; padding: 15px 0 16px; background: url(../../img/dotline451.gif) no-repeat 0 bottom; }
.mediahomeleft { width: 89px; margin: 0; padding: 0; float: left; }
.mediahomeright { width: 362px; margin: 0; padding: 0; float: left; }
.mediahomeright p { color: #555; font-size: 12px; line-height: 150%; }
.mediahomeright p.arrow { margin: 0 0 5px; padding: 0 0 0 18px; background: url(../../img/arrow.gif) no-repeat 0 0.25em; }
.mediahomeright p.arrow a:link { color: #555; text-decoration: none; }
.mediahomeright p.arrow a:visited { color: #555; text-decoration: none; }
.mediahomeright p.arrow a:active { color: #555; text-decoration: underline; }
.mediahomeright p.arrow a:hover { color: #555; text-decoration: underline; }
#ey { width: 451px; margin: 0; padding: 15px 0 0; }
#exhibition { width: 231px; margin: 0; padding: 0; float: left; }
#youtube { width: 220px; margin: 0; padding: 0; float: left; }
#link { width: 726px; margin: 0; padding: 15px 0 0; border-top: 2px solid #edeae2; }
#link ul { width: 722px; height: 60px; margin: 0 0 0 2px; padding: 0; font-size: 0px; line-height: 0; }
#link ul li { margin: 0; padding: 0 9px 0 0; float: left; }
#link ul li.last { padding: 0; }

/* ------------------------------
 TX-16
------------------------------ */
.ml12 { margin-left: 12px; }

/* ------------------------------
 マスコミ掲載
------------------------------ */
#media { width: 532px; margin: 0; padding: 0; }
#mediain { width: 508px; margin: 0 0 0 12px; padding: 0; }
.mediabox { width: 508px; margin: 0; padding: 15px 0 16px; background: url(../../img/dotline508.gif) no-repeat 0 bottom; }
.mediaboxleft { width: 89px; margin: 0; padding: 0; float: left; }
.mediaboxright { width: 419px; margin: 0; padding: 0; float: left; }
.mediaboxright p { color: #555; font-size: 12px; line-height: 150%; }
.mediaboxright p.arrow { margin: 0 0 5px; padding: 0 0 0 18px; background: url(../../img/arrow.gif) no-repeat 0 0.25em; }
.mediaboxright p.arrow a:link { color: #555; text-decoration: none; }
.mediaboxright p.arrow a:visited { color: #555; text-decoration: none; }
.mediaboxright p.arrow a:active { color: #555; text-decoration: underline; }
.mediaboxright p.arrow a:hover { color: #555; text-decoration: underline; }
#mediain h2 { margin-bottom: 12px; padding: 22px 0 11px; color: #555; font-size: 12px; line-height: 150%; background: url(../../img/dotline508.gif) no-repeat 0 bottom; }
#mediain p { color: #000; font-size: 12px; line-height: 150%; }
#mediabox { width: 420px; margin: 27px 0 30px 44px; padding: 0;}

/* ------------------------------
 導入事例
------------------------------ */
#case { width: 532px; margin: 0; padding: 0; }
.casein { width: 522px; margin: 27px 0 0 5px; padding: 0; }
.casein p { color: #000; font-size: 12px; line-height: 150%; }
.casein p.sl { margin: 22px 0 -5px; }
.casein p.sl a:link, .casein p.sl a:visited { color: #c11920; text-decoration: none; }
.casein p.sl a:active, .casein p.sl a:hover { color: #c11920; text-decoration: underline; }
.casebox { width: 522px; height: 111px; margin: 12px 0 0; padding: 0; background: url(../../img/cas_bg.gif) no-repeat 0 0; }
.caseboxleft { width: 337px; margin: 0; padding: 20px 0 0; float: left; }
.caseboxleft p.arrow { margin-bottom: 10px; padding-left: 36px; background: url(../../img/arrow.gif) no-repeat 18px 0.25em; }
.caseboxleft p.arrow a:link { color: #000; text-decoration: none; }
.caseboxleft p.arrow a:visited { color: #000; text-decoration: none; }
.caseboxleft p.arrow a:active { color: #000; text-decoration: underline; }
.caseboxleft p.arrow a:hover { color: #000; text-decoration: underline; }
.caseboxleft p { padding-left: 18px; }
.caseboxleft p a:link { color: #c11920; text-decoration: none; }
.caseboxleft p a:visited { color: #c11920; text-decoration: none; }
.caseboxleft p a:active { color: #c11920; text-decoration: underline; }
.caseboxleft p a:hover { color: #c11920; text-decoration: underline; }
.caseboxright { width: 185px; margin: 0; padding: 12px 0 0; float: left; }
#small, #large { margin-top: 45px; }
.caseinleft { width: 372px; margin: 3px 0 0; padding: 0; float: left; }
.caseinleft img { margin-bottom: 17px; }
.caseinleft p { margin-bottom: 25px; }
.caseinright { width: 150px; margin: 39px 0 0; padding: 0; float: left; text-align: right; }
.caseinright img { margin-bottom: 20px; }
.shop { width: 532px; margin: 0; padding: 0; background: #000; }
.shopleft { width: 347px; margin: 15px 0 0; padding: 0; float: left; }
.shopleft img { margin-left: 24px; }
.shopleft p { margin: 6px 0 11px 24px; color: #fff; font-size: 10px; line-height: 160%; }
.shopright { width: 185px; margin: 15px 0; padding: 0; float: left; }
#case .right { margin: 27px 0 0; padding: 0; text-align: right; }
#case .right p {  color: #000; font-size: 12px; line-height: 150%; font-weight: bold; display: inline; }
#case .right p a:link, #case .right p a:visited { color: #c11920; text-decoration: none; }
#case .right p a:active, #case .right p a:hover { color: #c11920; text-decoration: underline; }
.arrowt { padding-left: 18px; background: url(../../img/arrowt.gif) no-repeat 0 0; }
.mt10b30 { margin: 10px 0 30px; }

/* ------------------------------
 ご相談から導入まで
------------------------------ */
td.pink { vertical-align: top; text-align: center; background: url(../../img/pink.gif) no-repeat 0 0; }
td.dot { background: url(../img/1pixl.gif) repeat 0 0; }

/* ------------------------------
 会社概要
------------------------------ */
p.rec { margin-left: 14px; padding-left: 16px; color: #1e1e1e; font-size: 12px; line-height: 130%; display: inline; background: url(../../img/arrow.gif) no-repeat 0 0; }