@charset "utf-8";

/* -------------------------------------------
Auther: design studio tom'sOne
        Tommy Tsutsui
        http://toms1.net/
Last modefied: 01/Oct/2015
------------------------------------------- */

/* -------------------------------------------
 Reset
------------------------------------------- */
html, iframe, header, nav, address {
 font-size:100%; margin:0; padding:0;
 border:0; outline:0; }
span, object, pblockquote, pre, abbr, cite, code,
del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, var,
b, i, fieldset, form, legend, label, article, aside, canvas, details, figcaption, figure,
hgroup, menu, summary, time, mark, audio, video {
 font-size:100%; background:transparent;
 margin:0; padding:0; border:0; outline:0; }
h1, h2, h3, h4, h5, h6, p, small, section, footer {
 font-size:100%; border:0; outline:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, address { 
 display:block; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { font-size:100%; margin:0; padding:0; }
a img, figure { vertical-align: top; }
abbr[title], dfn[title] { cursor:help; }
input, select { vertical-align:middle; }
noscript { margin:0; }

/* -------------------------------------------
 Common
------------------------------------------- */
body {
 position: relative;
 color: #3e352f;
 background: url(../common_im/beige_bg.jpg) repeat 0 0;
 font-size: 16px;
 -webkit-text-size-adjust: 100%;
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
 line-height: 1;
 width: 100%;
 min-width: 1000px;
 margin: 0;
 padding: 0;
 z-index: 1; }

#GHead, #GNav, footer, #topBanner, #eyecatch, .beigeArea, .grayArea, #worksDetails { width: 100%; margin: 0; }
#GHead { height: 160px; }
#GNav {
 background-color: #fff;
 height: 90px;
 border-bottom: 1px solid #C7C0BA;
 z-index: 9999; }

#GHInner { width: 920px; height: 70px; margin: 0 auto; position: relative; }

#topBanner, #eyecatch, footer, #worksDetails { background: url(../common_im/bk_bg.jpg) repeat 0 0; }
.grayArea { background: url(../common_im/gray_bg.jpg) repeat 0 0; }
footer, .beigeArea, .grayArea { border-top: 1px solid #fff; }

a img { vertical-align: top; }

.fLeft { float: left; }
.fRight { float: right; }

/* Common Header
------------------------------------------- */
#homeLogo {
 position: absolute; top: 15px; left: 0;
 width: 155px; margin: 0; }

#headCopy {
 position: absolute; top: 18px; right: 0;
 font-size: 75%; font-weight: normal;
 text-align: right; margin: 0; }

#headJPName {
 background: url(../common_im/common.png) no-repeat -400px 0;
 position: absolute; top: 37px; right: 0;
 width: 187px; height: 18px; margin: 0;
 text-indent: -9999px; }

#globalNav {
 width: 920px; height: 90px;
 margin: 0 auto; padding: 0 40px; }
 
#globalNav li { float: left; }


/* Transition Navigations
------------------------------------------- */
/* Transition Sets */
.homeLink, .GN01, .GN02, .GN03, .GN04, .GN05, .GN06,
.GNon01, .GNon02, .GNon03, .GNon04, .GNon05, .GNon06,
#PSTTP a, #PSFlickr a, #PSTwitter a, #returnBT a {
 position: relative;
 display: inline-block; cursor: pointer;
 text-indent: -9999px;
}

.homeLink:after, .GN01:after, .GN02:after, .GN03:after,
.GN04:after, .GN05:after, .GN06:after,
#PSTTP a:after, #PSFlickr a:after, #PSTwitter a:after, #returnBT a:after {
 content: ""; position: absolute;
 top: 0; left: 0; bottom: 0; right: 0;
 opacity: 0;
 -webkit-transition: opacity 0.25s ease-in-out;
 -moz-transition: opacity 0.25s ease-in-out;
 -o-transition: opacity 0.25s ease-in-out;
 transition: opacity 0.25s ease-in-out;
}

.homeLink:hover:after, .GN01:hover:after, .GN02:hover:after, .GN03:hover:after,
.GN04:hover:after, .GN05:hover:after, .GN06:hover:after,
#PSTTP a:hover:after, #PSFlickr a:hover:after, #PSTwitter a:hover:after, #returnBT a:hover:after { opacity: 1; }

#PSTTP a, #PSFlickr a, #PSTwitter a, #PSTTP a:after,
#PSFlickr a:after, #PSTwitter a:after, #returnBT a, #returnBT a:after {
 background-image: url(../common_im/common.png);
 background-repeat: no-repeat; }

/* Home Link */
.homeLink {
 background: url(../common_im/common.png) no-repeat 0 0;
 width: 155px; height: 42px; }

.homeLink:after { background: url(../common_im/common.png) no-repeat -180px 0; }

/* Global Nav */
.GN01, .GN02, .GN03, .GN04, .GN05, .GN06,
.GNon01, .GNon02, .GNon03, .GNon04, .GNon05, .GNon06 {
 background-image: url(../common_im/main_nav.jpg);
 background-repeat: no-repeat;
 width: 153px; height: 90px; }

.GN01:after, .GN02:after, .GN03:after, .GN04:after, .GN05:after, .GN06:after {
 background-image: url(../common_im/main_nav.jpg);
 background-repeat: no-repeat; }

.GN01 { background-position: 0 0; width: 155px; }
.GN02 { background-position: -155px 0; width: 153px; }
.GN03 { background-position: -308px 0; width: 153px; }
.GN04 { background-position: -461px 0; width: 153px; }
.GN05 { background-position: -614px 0; width: 153px; }
.GN06 { background-position: -767px 0; width: 153px; }
 
.GN01:after, .GNon01 { background-position: 0 -90px; }
.GN02:after, .GNon02 { background-position: -155px -90px; }
.GN03:after, .GNon03 { background-position: -308px -90px; }
.GN04:after, .GNon04 { background-position: -461px -90px; }
.GN05:after, .GNon05 { background-position: -614px -90px; }
.GN06:after, .GNon06 { background-position: -767px -90px; }
.GNon01 { width: 155px; }
.GNon02, .GNon03, .GNon04, .GNon05, .GNon06 { width: 153px; }

/* Return Button
------------------------------------------- */
#returnBT {
 position: fixed; bottom: 0; right: 22%;
 margin: 0; z-index: 999; }

#returnBT a { background-position: -650px -750px; width: 120px; height: 50px; }
#returnBT a:after { background-position: -800px -750px; }
 
/* Common Footer
------------------------------------------- */
#footInner {
 position: relative;
 width: 920px; height: 350px;
 margin: 0 auto; }

#footInner nav { margin: 50px 0 0; }

#footInner nav dl {
 position: relative;
 float: left;
 text-align: center;
 width: 152px;
 height: 235px;
 margin: 0;
 border-right: 1px solid #7e7e7e; }
#footInner nav dl#FNav01 { width: 153px; border-left: 1px solid #7e7e7e; }

#footInner dt {
 background-image: url(../common_im/common.png);
 background-repeat: no-repeat;
 height: 18px;
 margin: 5px 0 0;
 text-indent: -9999px; }

#FNProduction { background-position: 0 -830px; }
#FNService { background-position: -155px -830px; }
#FNWorks { background-position: -308px -830px; }
#FNPrices { background-position: -461px -830px; }
#FNOffice { background-position: -614px -830px; }
#FNInquiry { background-position: -767px -830px; }
#FNQandA { background-position: -161px -860px; }
#FNBlog { background-position: -313px -860px; }
#FNNews { background-position: -467px -860px; }

#footInner dd { font-size: 75%; margin: 1em 0 0; line-height: 1.4; }
#footInner dd.FNTop { font-size: 82%; }

#footInner dd.FNDouble {
 position: absolute;
 top: 46.5%;
 left: 6px;
 font-size: 100%;
 width: 140px;
 border-top: 1px solid #7e7e7e; }

#footInner dd.FNDouble dl {
 float: none;
 width: 140px; height: auto; border: none; }
#footInner dd.FNDouble dt { margin-top: 12px; }

#footInner small {
 background: url(../common_im/ft_logo.png) no-repeat 0 0;
 position: absolute; bottom: 40px; left: 0;
 color: #ccc; font-size: 75%; text-align: center;
 width: 920px; height: 35px;
 margin: 0; padding-top: 5px; }

/* -------------------------------------------
 Page Common
------------------------------------------- */
/* Eye Catch */
.PEyecatch { position: relative; max-width: 1280px; margin: 0 auto; }

.PEyecatch h1, .PEyecatch p { margin: 0; text-indent: -9999px; }

/* Page Message */
.PageMessage {
 width: 920px;
 text-align: center;
 margin: 0 auto;
 padding: 50px 0 48px; }
 
.PageMessage h2, .PCContainer h2, .PCContainer h3, 
.PCContainer02 h2, .PCContainer02 h3, .PCContainer03 h2, .PCContainer03 h3,
.PCContainer10 h2, .PCContainer10 h3, .FVSContainer h2 { margin: 0 auto; text-indent: -9999px; }

.PageMessage p {
 font-size: 94%;
 font-weight: bold;
 line-height: 1.8;
 margin: 2em 0 0; }

/* Page Contents */
.PCContainer, .PCContainer02, .PCContainer03, .PCContainer10, .FVSContainer {
 width: 920px; margin: 0 auto; padding: 50px 0 0; }
.PCContainer02 { width: 970px; padding-bottom: 50px; }
.PCContainer03 { width: 970px; padding-bottom: 40px; }
.PCContainer10 { width: 1000px; padding-bottom: 45px; }

.PCCList { margin-top: 0; }
.PCCList div {
 float: left; width: 273px;
 margin: 36px 10px 0 40px; }

.PCCList div p {
 font-size: 82%; line-height: 1.6;
 margin: 0; padding-top: 1em; }

.ConsultUs {
 background: rgba(255, 255, 255, 0.5);
 margin-top: 20px; padding: 23px 30px;
 border-radius: 7px; }

.CULeft, .CURight { float: left; width: 420px; margin: 0; padding: 0; }
.CURight { float: right; width: 400px; }
.CUCenter, .CUCenter02 { width: 660px; margin: 0 auto; }
.CUCenter02 { width: 600px; }

.CULeft li, .CURight li, .CUCenter li, .CUCenter02 li {
 background: url(../common_im/check.png) no-repeat 0 .315em;
 font-size: 88%; font-weight: bold;
 margin: 0; padding: 7px 0 7px 20px; }

.CUAnother {
 font-size: 88%; font-weight: bold; text-align: center;
 margin: 0; padding: 2em 0 40px; }

.whiteBG {
 background: rgba(255, 255, 255, 0.7);
 width: 920px; margin: 0 auto; padding: 40px 0 50px;
 border-radius: 7px 7px 0 0; }
.whiteBG h2 { text-indent: -9999px; }

.whiteRectBG {
 background: rgba(255, 255, 255, 0.6);
 width: 920px; margin: 30px 0 0;
 border-radius: 7px; }

#noReceived, #noReceivedSys, #noReceivedLogo, #noReceivedPhoto {
 color: #ae2900; font-size: 88%; font-weight: bold; text-align: center;
 margin: 0 auto; padding-bottom: 50px; }
#noReceivedSys { margin-top: .75em; padding-bottom: 28px; }
#noReceivedLogo { margin-top: -14px; padding-bottom: 40px; }
#noReceivedPhoto { padding-bottom: 40px; }

/* Contents Navi */
.contentsNavi { margin: 30px auto 0; padding: 0; text-align: center; }
.contentsNavi li {
 font-size: 88%; font-weight: bold;
 width: 12em; vertical-align: top;
 display: inline-block;
 margin: 0; }
.contentsNavi li.PN02 { border-left: 1px solid #c2bbb2; }

.contentsNavi li a {
 color: #fff;
 background-color: #826d55;
 padding: 1.15em 0 1em;
 display: block; overflow: hidden; }
.contentsNavi li a:link, .contentsNavi li a:visited, .contentsNavi li a:hover { text-decoration: none; }

/* Service List and One Stop */
#oneStop h3 {
 background: url(../common_im/common.png) no-repeat -620px -220px;
 width: 283px; height: 55px;
 margin: 0 auto; }

#OSList { width: 970px; margin: 0; padding: 15px 0 0; }
#OSList li { float: left; width: 290px; margin: 25px 0 0 25px; }
#OSList li a {
 background-color: #fff;
 width: 290px; height: 95px;
 border-radius: 4px; }

#OSList li em {
 background-image:url(../common_im/common.png);
 background-repeat: no-repeat;
 height: 65px; margin: 10px auto 0;
 display: block; }
 
#TSCProduction { background-position: -84px -500px; width: 123px; }
#TSCCms { background-position: -372px -500px; width: 176px; }
#TSCSystem { background-position: -682px -500px; width: 186px; }
#TSCMDevice { background-position: -66px -580px; width: 158px; }
#TSCPromotion { background-position: -337px -580px; width: 246px; }
#TSCFlash { background-position: -672px -580px; width: 206px; }
#TSCPlanning { background-position: -86px -660px; width: 118px; }
#TSCPrinted { background-position: -372px -660px; width: 177px; }
#TSCPhoto { background-position: -680px -660px; width: 190px; }
#TSCBranding { background-position: -349px -740px; width: 223px; }

/* Our Works */
#ourPortfolio h3 {
 background: url(../common_im/common.png) no-repeat -680px -70px;
 width: 218px; height: 55px;
 margin: 0 auto; }

#ourPortfolio p { margin: 35px 0 0; }

/* Bottom Contact Area */
#BotContact h2 {
 background: url(../common_im/common.png) no-repeat -400px -300px;
 width: 484px; height: 55px;
 margin: 0 auto; }

#TCContainer { width: 970px; margin: 10px auto 0; }

#TCContainer div, #BCContainer div, #SFContact div,
#BSubContainer div {
 background-color: #fff;
 float: left;
 width: 290px; height: 150px;
 margin: 25px 0 0 25px;
 border-radius: 4px; }

#TCContainer a div, #BCContainer a div, #BSubContainer div {
 background-color: #fff; cursor: pointer; overflow: hidden; }
#BSubContainer div { height: 90px; }

#TCContainer p, #BCContainer p, #SFContact p, #BSubContainer p {
 background-image: url(../common_im/common.png);
 background-repeat: no-repeat;
 height: 94px; margin: 29px auto 0;
 text-indent: -9999px; }
#BSubContainer p { margin-top: 22px; height: 51px; }

#BCCTelephone { background-position: -28px -390px; width: 233px; }
#BCCmailForm { background-position: -352px -390px; width: 217px; }
#BCCQandA { background-position: -701px -390px; width: 147px; }

#BSCArea { background-position: -68px -903px; width: 155px; }
#BSCFlow { background-position: -393px -903px; width: 135px; }
#BSCBeginner { background-position: -655px -903px; width: 240px; }

/* Site Info Area */
#relatedInfo {
 width: 920px;
 margin: 40px auto 0; padding-bottom: 30px;
 border-bottom: 1px solid #fff; }
 
#ourNews { float: left; width: 450px; position: relative; }
#ourBlog { float: right; width: 459px; border-left: 1px solid #fff; position: relative; }

#ourNews h3, #ourBlog h3, #privateSite h3 {
 background: url(../common_im/common.png) no-repeat 0 -72px;
 width: 236px; height: 46px;
 margin: 0; text-indent: -9999px; }
#ourBlog h3 { background-position: -340px -72px; width: 92px; margin-left: 50px; }

#ourNews p, #ourBlog p {
 position: absolute; top: 13px; left: 264px;
 margin: 0; }
#ourBlog p { left: 172px; }

#ourNews p a, #ourBlog p a {
 background: url(../common_im/common.png) no-repeat -400px -200px;
 width: 130px; height: 26px; }
#ourBlog p a { background-position: -480px -80px; }

#ourNews dl, #ourBlog dl {
 margin: 0; 
 padding: 18px 0 0 26px; }
#ourBlog dl { padding-left: 76px; }

#ourNews dt, #ourBlog dt {
 float: left;
 font-size: 82%; line-height: 1.6;
 left: .15em;
 width: 6em; margin: 0; }
 
 #ourNews dd, #ourBlog dd {
 font-size: 82%; line-height: 1.8; margin: 0; }

#privateSite {
 position: relative;
 width: 920px; height: 215px;
 margin: 30px auto 0; }
#privateSite h3 { background-position: -400px -150px; width: 105px; height: 14px; }

#privateSite p { margin: 0; }
#PSTTP { position: absolute; top: 60px; left: 10px; }
#PSFlickr { position: absolute; top: 60px; left: 175px; }
#PSTwitter { position: absolute; top: 60px; left: 310px; }

#PSTTP a { background-position: 0 -150px; width: 120px; height: 100px; }
#PSTTP a:after {  background-position:  0 -260px; }

#PSFlickr a { background-position: -165px -150px; width: 60px; height: 100px; }
#PSFlickr a:after { background-position: -165px -260px; }

#PSTwitter a { background-position: -300px -150px; width: 60px; height: 100px; }
#PSTwitter a:after { background-position: -300px -260px; }

/* Facebook Plug-in */
#FBPlugIn {
 background-color: #fff;
 position: absolute; top: 27px; right: 0;
 width: 460px; height: 130px;
 margin: 0; overflow: hidden; }

/* Studio Info Area */
#studioInfo {
 position: relative; width: 920px;
 margin: 40px auto 0; padding-bottom: 40px; }

#studioInfo h3 {
 background: url(../common_im/common.png) no-repeat -620px -140px;
 min-width: 300px; min-height: 66px;
 margin: 0; text-indent: -9999px; }

#studioInfo address {
 position: absolute; top: 29px; left: 65px;
 font-size: 82%; line-height: 1.6; font-style: normal;
 margin: 0; }

#studioInfo p {
 position: absolute; top: 36px; left: 370px;
 font-size: 82%; line-height: 2.5;
 margin: 0; }

#studioInfo p span {
 background: url(../common_im/common.png) no-repeat -650px 0;
 width: 258px; height: 27px;
 text-indent: -9999px;
 display: inline-block; }

/* -------------------------------------------
 Animate.css - http://daneden.me/animate
 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden
------------------------------------------- */
.animated{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}

/* -------------------------------------------
 Remodal
------------------------------------------- */
html.remodal-is-locked, body.remodal-is-locked { overflow: hidden; }

.remodal, [data-remodal-id] { visibility: hidden; }

.remodal-overlay {
 position: fixed;
 top: -5000px; right: -5000px; bottom: -5000px; left: -5000px;
 z-index: 9999; display: none; }

.remodal-wrapper {
 position: fixed;
 top: 0; right: 0; bottom: 0; left: 0;
 display: none; overflow: auto; z-index: 10000;
 text-align: center;
 -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
 display: inline-block;
 height: 100%; margin-left: -0.05em;
 content: ""; }

.remodal-overlay, .remodal-wrapper { -webkit-transform: translateZ(0px); }

.remodal { position: relative; display: inline-block; }

/* Anti-zoom. Font-size should be >= 16px. */
.remodal select, .remodal textarea, .remodal input, .remodal select:focus,
.remodal textarea:focus, .remodal input:focus { font-size: 16px; }

/* Background for effects */
.remodal-bg {
 -webkit-transition: -webkit-filter 0.2s ease-out;
 -moz-transition: -moz-filter 0.2s ease-out;
 -o-transition: -o-filter 0.2s ease-out;
 transition: filter 0.2s ease-out; }

body.remodal-is-active .remodal-bg {
 -webkit-filter: blur(3px);
 -ms-filter: blur(3px);
 -moz-filter: blur(3px);
 -o-filter: blur(3px); }

.remodal-overlay {
 -webkit-transition: opacity 0.2s ease-out;
 -moz-transition: opacity 0.2s ease-out;
 -o-transition: opacity 0.2s ease-out;
 transition: opacity 0.2s ease-out;
 opacity: 0;
 background: rgba(0, 0, 0, 0.75); }

body.remodal-is-active .remodal-overlay { opacity: 1; }

/* Default theme styles of the modal dialog */
.remodal {
 font-size: 16px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 padding: 35px;
 -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
 -moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
 -o-transition: -o-transform 0.2s ease-out, opacity 0.2s ease-out;
 transition: transform 0.2s ease-out, opacity 0.2s ease-out;
 -webkit-transform: scale(0.95);
 -moz-transform: scale(0.95);
 -ms-transform: scale(0.95);
 -o-transform: scale(0.95);
 transform: scale(0.95);
 opacity: 0;
 color: #3e352f; background: #f7f7f7;
 background-clip: padding-box; }

body.remodal-is-active .remodal {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1; }

/* Vertical align of the modal dialog */
.remodal, .remodal-wrapper:after { vertical-align: middle; }

/* Close button */
.remodal-close {
 position: absolute; top: 5px; right: 5px;
 width: 28px; height: 28px;
 -webkit-transition: background 0.2s ease-out;
 -moz-transition: background 0.2s ease-out;
 -o-transition: background 0.2s ease-out;
 transition: background 0.2s ease-out;
 text-decoration: none;
 -webkit-border-radius: 50%;
 border-radius: 50%; }

.remodal-close:after {
 color: #3e5368;
 font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
 font-size: 28px; text-decoration: none; line-height: 28px;
 display: block;
 content: "×"; cursor: pointer;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out; }

.remodal-close:hover, .remodal-close:active { background: #cc3e1e; }
.remodal-close:hover.remodal-close:after, .remodal-close:active.remodal-close:after {
 color: #fff; }

/* Dialog buttons */
.remodal-cancel {
 color: #fff; background: #0e99c2; 
 font-size: 94%; font-weight: bold; text-align: center; text-decoration: none;
 margin: 0; padding: .6em 1.5em;
 display: inline-block;
 cursor: pointer;
 -webkit-transition: all 0.2s ease-out;
 -moz-transition: all 0.2s ease-out;
 -o-transition: all 0.2s ease-out;
 transition: all 0.2s ease-out;
 -webkit-border-radius: 6px;
 border-radius: 6px;
 background-clip: padding-box; }

.remodal-cancel:hover, .remodal-cancel:active { color: #fff; background: #c94e1e; }

/* Media queries */
@media only screen and (min-width: 40.063em) /* min-width 641px */ {
	.remodal {
	width: 80%;
	 min-width: 840px;
	 min-height: 0;
	 margin: 20px auto;
	 -webkit-border-radius: 10px;
	 border-radius: 10px;
    }
}

/* Remodal layout */
.remodal #serviceArea {
 padding-bottom: 36px;
}
.remodal #serviceArea h2 { text-indent: -9999px; }
.remodal #SAGuide { text-align: left; padding: 0; }
.remodal #SAGuide dl { width: 47em; margin: 0 auto; padding: 1.5em 0 0; }

/* -------------------------------------------
 Fonts
------------------------------------------- */
#generalContents h1 span {
 font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
  
#ourNews dt, #ourBlog dt, .aboutCosts span, #newsListContainer time, .newsMeta time {
 font-family: Georgia, "Times New Roman", Times, serif; }

.beigeArea, .grayArea {
 text-shadow: rgba(255,255,255,0.75) 1px 1px 0; }

.worksNavi li a, .grayArea .cap-overlay, .PLL span, #OOSList dd span,
.contentsNavi, #filters button, #entryPaging, #NCTopNavi { text-shadow: none; }

.texBrown { color: #604919; }

/* -------------------------------------------
 Top Page
------------------------------------------- */
#topBanner { position: relative; }
#topEyecatch {
 max-width: 1280px; height: 500px;
 margin: 0 auto; }

#topEyecatch noscript p {
 background: url(../top_im/slide01.jpg) no-repeat center top;
 max-width: 1280px; height: 500px;
 margin: 0; text-indent: -9999px; }

#topMessage {
 background: url(../top_im/message_bg.png) no-repeat right 100px;
 width: 920px; margin: 50px auto 0; padding-bottom: 26px; }

#topMessage h2, #topService h2, #TSConteiner h3, #topWorks h2, #topContact h2 {
 text-indent: -9999px; }

#topMessage h2 {
 background: url(../top_im/common.png) no-repeat 0 0;
 width: 500px; height: 136px; margin: 0 auto; }

#topMessage p {
 color: #e5e5e5; font-size: 94%; font-weight: bold;
 line-height: 1.8; text-align: center;
 margin: 0 0 14px; }

#topService, #topWorks, #topContact {
 position: relative; width: 970px;
 margin: 0 auto; padding: 40px 0 50px; }

#topService h2, #topWorks h2 {
 background: url(../top_im/common.png) no-repeat 0 -140px;	
 width: 116px; height: 80px; margin: 0 auto; }

#TSBT, #TWBT {
 position: absolute; top: 77px; right: 25px;
 margin: 0; }

#TSBT a, #TWBT a {
 background: url(../top_im/common.png) no-repeat 0 -250px;	
 width: 140px; height: 30px; }

#TSConteiner, #TWContainer {
 width: 970px; margin: 0 auto; padding: 15px 0 0; }

#TSConteiner div, #TWContainer li {
 float: left;
 width: 290px; height: 150px;
 margin: 25px 0 0 25px;
 border-radius: 4px; }

#TSConteiner a div { background-color: #fff; cursor: pointer; overflow: hidden; }

#TSConteiner h3 {
 background-image:url(../common_im/common.png);
 background-repeat: no-repeat;
 height: 65px;
 margin: 10px auto 0; }

#TSConteiner p {
 font-size: 82%; line-height: 1.5;
 margin: 0; padding: 13px 26px 0; }

#TSConteiner a, #TWContainer li a { text-decoration: none; border: none; }
#TSConteiner a p, #TWContainer li a { color: #3E352F; }

#topWorks h2 { background-position: -200px -140px;	 width: 197px; }

#TWBT a { background-position: -150px -250px;	 width: 154px; }

#TWContainer li { background-color: transparent; height: 165px; }
#TWContainer li span {
 color: #666; font-size: 88%; font-weight: bold;
 margin: .75em 0 0; display: block; }

#topContact {
 background: url(../top_im/contact_bg.png) no-repeat right 75px; padding-bottom: 40px; }
 
#topContact h2 {
 background: url(../common_im/common.png) no-repeat -400px -300px;
 width: 484px; height: 70px; margin: 0 auto; }
 
.TPMessage {
 font-size: 88%; font-weight: bold;
 line-height: 1.6; text-align: center;
 margin: 1em 0 0; }
 
/* -------------------------------------------
 Slider Revolution
------------------------------------------- */
.boxedcontainer { max-width: 100%; margin:auto; padding:0px 30px; }

/* BANNER CONTAINERS */
.tp-banner-container, .tp-banner, .tp-banner-fullscreen-container {
 width:100%; position:relative; }

.tp-banner-container, .tp-banner-fullscreen-container { padding:0; }

#tx01, #tx02, #tx03, #tx04, #tx05, #tx06, #tx07, #tx08, #tx09 {
 background: url(../top_im/mov_copy.png) no-repeat 0 0; }
#tx01, #tx02, #tx08 { text-indent: -9999px; }

#tx01 { width: 330px; height: 95px; }
#tx02 { background-position: 0 -97px; width: 316px; height: 95px; }
#tx03 { background-position: 0 -219px; width: 108px; height: 13px; }
#tx04 { background-position: 0 -239px; width: 230px; height: 21px; }
#tx05 { background-position: -400px 0; width: 680px; height: 85px; }
#tx06 { background-position: -709px -101px; width: 95px; height: 12px; }
#tx07 { background-position: -813px -99px; width: 255px; height: 20px; }
#tx08 { background-position: -402px -201px; width: 300px; height: 40px; }
#tx09 { background-position: -813px -211px; width: 112px; height: 20px; }

#barTp03 {
 background: url(../top_im/bar_sc03.png) no-repeat center top;
 text-align: center; width: 100%; height: 54px; }
 
/* -------------------------------------------
 Error Pages
------------------------------------------- */
#errorTitle401, #errorTitle403, #errorTitle404 {
 background: url(../error/images/error_bg.jpg) no-repeat center top;
 text-align: center; height: 517px; padding-top: 83px; }

#errorTitle401 h1, #errorTitle403 h1, #errorTitle404 h1 {
 height: 228px; margin: 0 auto; }

#errorTitle401 h1 { background: url(../error/images/401.png) no-repeat 0 0; width: 586px; }
#errorTitle403 h1 { background: url(../error/images/403.png) no-repeat 0 0; width: 406px; }
#errorTitle404 h1 { background: url(../error/images/404.png) no-repeat 0 0; width: 476px; }

#errorTitle401 p, #errorTitle403 p, #errorTitle404 p,
#errorMessage p { font-size: 100%; font-weight: bold; line-height: 1.8; }

#errorTitle401 p, #errorTitle403 p, #errorTitle404 p {
 color: #eee; margin: 34px auto 0; text-indent: 0; }

#errorMessage { padding: 70px 0; }
#errorMessage p { margin: .5em auto; }

/* -------------------------------------------
 Production
------------------------------------------- */
/* Website Production */
#WPTitle {
 background: url(../production/images/production_title.jpg) no-repeat center top;
 height: 450px; }

#WPMessage h2 {
 background: url(../production/images/production.png) no-repeat 0 0;
 width: 484px; height: 120px; }

#methodForProduce h2 {
 background: url(../production/images/production.png) no-repeat 0 -140px;
 width: 409px; height: 58px; }

.MFPList h3 {
 background-image: url(../production/images/production.png);
 background-repeat: no-repeat;
 width: 260px; height: 50px; }

#MFPHearing { background-position: 0 -300px; }
#MFPProposal { background-position: -300px -300px; }
#MFPPlanning { background-position: -600px -300px; }
#MFPSiteProduce { background-position: 0 -380px; }
#MFPCMS { background-position: -300px -380px; }
#MFPMobile { background-position: -600px -380px; }
#MFPHiQuality { background-position: 0 -460px; }
#MFPSystems { background-position: -300px -460px; }
#MFPReassurance { background-position: -600px -460px; }

.PCCList p.PLL { line-height: 1; }

.PLL span {
 margin: -.3em 6px 0 0; padding: .5em 7px .4em;
 border-radius: 4px;
 display: inline-block; overflow: hidden;
 vertical-align: middle;
}
.PLL a span { color: #fff; background-color: #69A2B9; }

#WPConsultUs h2 {
 background: url(../production/images/production.png) no-repeat 0 -220px;
 width: 499px; height: 60px; }

/* CMS */
#CMSTitle { height: 146px; padding-top: 34px; }

#CMSTitle h1, #CMSMessage h2, #CMSValue h2, #CMSContents h2 {
 background: url(../production/images/cms.png) no-repeat 0 0;
 margin: 0 auto; }
 
#CMSTitle h1 { width: 273px; height: 108px; }

#CMSMessage h2 { background-position: 0 -150px; width: 573px; height: 111px; }

#CMSValue { padding-bottom: 30px; }
#CMSValue h2 { background-position: 0 -300px; width: 351px; height: 54px; }
 
.CVList h3 {
 background-image: url(../production/images/cms.png);
 background-repeat: no-repeat;
 width: 270px; height: 45px; }

#CVST01 { background-position: 0 -400px; }
#CVST02 { background-position: 0 -470px; }
#CVST03 { background-position: 0 -540px; }
#CVST04 { background-position: 0 -610px; }
#CVST05 { background-position: 0 -680px; }
#CVST06 { background-position: -300px -400px; }
#CVST07 { background-position: -300px -470px; }
#CVST08 { background-position: -300px -540px; }
#CVST09 { background-position: -300px -610px; }

#CMSContents h2 { background-position: -300px -680px; width: 311px; height: 54px; }

#CMSValue figure { width: 680px; margin: 40px auto 0; }

/* Multi Device */
#MDviceTitle { height: 146px; padding-top: 34px; }

#MDviceTitle h1, #MDviceMessage h2, #MDviceWhy h2,
#MDviceChoise h2, #MDConsultUs h3 {
 background: url(../production/images/multi-device.png) no-repeat 0 0;
 margin: 0 auto; }
 
#MDviceTitle h1 { width: 355px; height: 101px; }

#MDviceMessage h2 { background-position: 0 -140px; width: 464px; height: 111px; }
#MDviceWhy h2 { background-position: 0 -360px; width: 345px; height: 78px; }

#MDviceWhy { padding-bottom: 50px; border-bottom: 2px solid #fff; }
#MDviceWhy p, #MDLInfo {
 font-size: 88%; font-weight: bold;
 line-height: 1.6; text-align: center;
 margin: 1em auto 0; }

#MDviceChoise h2 { background-position: 0 -280px; width: 364px; height: 56px; }

#MDList h3 {
 background-image: url(../production/images/multi-device.png);
 background-repeat: no-repeat;
 width: 250px; height: 45px;
 margin: 0; }

#MDLst01 { background-position: 0 -440px; }
#MDLst02 { background-position: 0 -510px; }
#MDLst03 { background-position: 0 -580px; }

#MDLInfo { margin: 3em; padding: 0; }

#MDviceChoise figure { width: 616px; margin: 0 auto; }

#MDConsultUs h3 { background-position: 0 -650px; width: 389px; height: 59px; }

/* Web System */
#WSystemTitle { height: 147px; padding-top: 33px; }

#WSystemTitle h1, #WSystemMessage h2, #WSsymptoms h2,
#WSystemFlow h2, #WSConsultUs h3 {
 background: url(../production/images/system.png) no-repeat 0 0;
 margin: 0 auto; }
 
#WSystemTitle h1 { width: 416px; height: 107px; }

#WSystemMessage h2 { background-position: 0 -130px; width: 497px; height: 116px; }

#WSsymptoms { padding-bottom: 40px; }
#WSsymptoms h2 { background-position: 0 -750px; width: 307px; height: 58px; }
#WSsymptoms p {
 font-size: 88%; font-weight: bold;
 line-height: 1.75; text-align: center;
 margin: 2em 0 0; }
 
#WSystemFlow { width: 820px; padding: 40px 0 20px; border-top: 2px solid #fff;}
#WSystemFlow h2 { background-position: 0 -280px; width: 364px; height: 56px; }

#WSFlowList { margin: 11px auto 0; padding-bottom: 25px; }
#WSFlowList dt {
 background-image: url(../production/images/system.png);
 background-repeat: no-repeat;
 float: left; text-indent: -9999px;
 width: 136px; height: 120px; margin: 25px 0 0; }

#WSFL01 { background-position: 0 -450px; }
#WSFL02 { background-position: -150px -450px; }
#WSFL03 { background-position: -300px -450px; }
#WSFL04 { background-position: 0 -600px; }
#WSFL05 { background-position: -150px -600px; }
#WSFL06 { background-position: -300px -600px; }

#WSFlowList dd {
 background: rgba(255, 255, 255, 0.5);
 float: left;
 border-radius: 7px;
 width: 600px; height: 120px;
 margin: 25px 0 0; padding: 0 42px; }

#WSFlowList dd p {
 font-size: 88%; font-weight: bold; line-height: 1.75;
 width: 600px; height: 120px;
 margin: 0;
 vertical-align: middle;
 display: table-cell; }
 
#WSystemFlow figure { width: 280px; margin: 0 auto; }

#WSConsultUs h3 { background-position: 0 -360px; width: 535px; height: 55px; }

/* Web Promotion */
#WPromotionTitle { height: 145px; padding-top: 35px; }

#WPromotionTitle h1, #WPromotionMessage h2, #WProFlow h2,
#WPThinking h2, #WProConsultUs h3 {
 background: url(../production/images/promotion.png) no-repeat 0 0;
 margin: 0 auto; }
 
#WPromotionTitle h1 { width: 813px; height: 106px; }

#WPromotionMessage h2 { background-position: 0 -130px; width: 486px; height: 118px; }

#WProFlow { padding-bottom: 50px; }
#WProFlow h2 { background-position: 0 -280px; width: 500px; height: 56px; }
#WPFGuide {
 font-size: 88%; font-weight: bold; text-align: center;
 line-height: 1.6; margin: 2em 0 0; }

.WPFContainer { margin: 32px 0 0; }

#WPFlow01 { background: url(../production/images/p_flow01.png) no-repeat left bottom; }
#WPFlow02 { background: url(../production/images/p_flow02.png) no-repeat left bottom; }
#WPFlow03 { background: url(../production/images/p_flow03.png) no-repeat left bottom; }

.WPFContainer h3 {
 background-image: url(../production/images/promotion.png);
 background-repeat: no-repeat;
 float: left;
 width: 180px; height: 90px;
 margin: 0; text-indent: -9999px; }
 
#WPFlow01 h3 { background-position: -600px -150px; }
#WPFlow02 h3 { background-position: -600px -250px; }
#WPFlow03 h3 { background-position: -600px -350px; }

.WPFContainer h4, .WPFContainer p {
 float: right;
 font-size: 82%; line-height: 1.75;
 width: 657px;
 padding: 1em 39px; }

.WPFGoal { color: #693000; }
.WPFService { color: #12621e; }

.WPFContainer h4 {
 background: rgba(213, 213, 213, 0.7);
 margin: 0; border-radius: 0 7px 0 0; }

.WPFContainer p {
 background: rgba(255, 255, 255, 0.7);
 margin: 5px 0 0; border-radius: 0 0 7px 0; }
.WPFContainer p.tomsSolution { background: rgba(255, 253, 230, 0.7); }
 
#WPThinking h2 { background-position: 0 -360px; width: 531px; height: 58px; }

#WPThinking section { margin: 50px 0 0; padding-left: 250px; }
#WPThinking section#WPThink01 { margin-top: 36px; }

#WPThink01 { background: url(../production/images/web-strategy.png) no-repeat 20px 50px; }
#WPThink02 { background: url(../production/images/inbound.png) no-repeat 20px 50px; }
#WPThink03 { background: url(../production/images/seo.png) no-repeat 20px 50px; }

#WPThinking h3 {
 background-image: url(../production/images/promotion.png);
 background-repeat: no-repeat;
 width: 350px; height: 21px;
 margin: 0; text-indent: -9999px; }

#WPThink01 h3 { background-position: -500px -460px; }
#WPThink02 h3 { background-position: 0 -520px; }
#WPThink03 h3 { background-position: -500px -520px; }

#WPThinking p {
 font-size: 82%; line-height: 1.75;
 margin: 0; padding: 20px 52px 0 0; }

#WProConsultUs h3 { background-position: 0 -440px; width: 360px; height: 58px; }

/* Flash & Video */
#FVSTitle { height: 143px; padding-top: 37px; }

#FVSTitle h1, #FVSMessage h2 {
 background: url(../production/images/fvs.png) no-repeat 0 0;
 margin: 0 auto; }
 
#FVSTitle h1 { width: 496px; height: 99px; }

#FVSMessage h2 { background-position: 0 -130px; width: 413px; height: 116px; }

.FVS h2 {
 background-image: url(../production/images/fvs.png);
 background-repeat: no-repeat;
 width: 280px; height: 44px;
 margin: 0; text-indent: -9999px; }
 
.FVS p { font-size: 88%; line-height: 1.65; margin: 1em 0 0; }

#flashContents, #soundsContents { float: right; width: 385px; }

#flashContents h2 { background-position: 0 -280px; }
#soundsContents h2 { background-position: 0 -380px; }
#videoContents h2 { background-position: 0 -330px; }

#FVSFlash img, #FVSSounds img { float: left; margin: 0 0 0 -135px; }

#FVSVideo { position: relative; min-height: 27em; margin: 50px 0 0; }

#videoContents {
 position: absolute; top: 0; left: 0;
 width: 50%; }
#videoContents section {
 float: right; width: 385px;
 margin: 0; padding-right: 75px; }
.videoImage {
 background: url(../production/images/video.png) no-repeat 0 0;
 position: absolute; top: 0; right: 0;
 width: 50%; padding-top: 360px; }

#FVSSounds { padding-bottom: 44px; }

.FVS p.flashSoft, .FVS p.videoSoft, .FVS p.soundsSoft {
 background: url(../production/images/adobe_flash.png) no-repeat right top;
 color: #7e7e7e; font-size: 82%; 
 font-weight: bold; text-align: right; line-height: 1;
 width: 385px; height: 42px; padding-right: 4.5em;
 vertical-align: middle; display: table-cell; }

.FVS p.soundsSoft {
 background: url(../production/images/adobe_audition.png) no-repeat right top; }

.FVS p.videoSoft {
 background: url(../production/images/adobe_video.png) no-repeat right center;
 line-height: 1.3; width: auto; height: 42px;
 margin: 0; padding: 0 167px 0 77px; }

.videoSoft span { padding-left: 6em; }

/* -------------------------------------------
 Service
------------------------------------------- */
/* Service Top */
#serviceTitle {
 background: url(../service/images/title.jpg) no-repeat center top;
 height: 450px; }

#serviceMessage h2 {
 background: url(../service/images/service.png) no-repeat 0 0;
 width: 668px; height: 118px; }
 
#ourMethod h2 {
 background: url(../service/images/service.png) no-repeat 0 -140px;
 width: 479px; height: 60px; }
 
#SOMContainer {
 position: relative;
 margin: 0;
 padding: 30px 0 40px;
 border-bottom: 2px solid #fff; }

#SOMFigure {
 float: left;
 width: 400px;
 height: 400px;
 margin: 0; }

#SOMGuide { float: right; width: 460px; margin: 0; }
#SOMGuide p, #SOMGuide ul {
 font-size: 88%; font-weight: bold;
 line-height: 1.6; margin: 0 0 .75em; }
#SOMGuide ul { margin: 1em 0 0; padding: 0; }
#SOMGuide li { margin: .5em 0 0 2em; }
#SOMGuide li span { margin: 0 .5em 0 -2em; }
.android #SOMGuide li {
 background-image: url(../common/android.png); width: 92%; }

#SOMGuide p#tomsService {
 background: url(../service/images/service.png) no-repeat -350px -220px;
 position: absolute; bottom: 20px; right: 0;
 width: 460px; height: 90px;
 margin: 0; text-indent: -9999px; }

#ourOnstopService { width: 920px; margin: 0 auto; padding: 40px 0; }
#ourOnstopService h2 {
 background: url(../common_im/common.png) no-repeat -620px -220px;
 width: 283px; height: 55px;
 margin: 0 auto; text-indent: -9999px; }
 
#OOSList dl { width: 430px; margin: 0; }
#OOSList dl dt { margin: 30px 0 0; }

#OOSList dt a {
 background-image: url(../service/images/service.png);
 background-repeat: no-repeat;
 width: 360px; height: 38px; }
 
#OOSL01 a { background-position: 0 -430px; }
#OOSL03 a { background-position: 0 -490px; }
#OOSL05 a { background-position: 0 -550px; }
#OOSL07 a { background-position: 0 -610px; }
#OOSL09 a { background-position: 0 -670px; }
#OOSL02 a { background-position: -450px -430px; }
#OOSL04 a { background-position: -450px -490px; }
#OOSL06 a { background-position: -450px -550px; }
#OOSL08 a { background-position: -450px -610px; }
#OOSL10 a { background-position: -450px -670px; }

#OOSList dl dd {
 font-size: 88%; line-height: 1.6;
 margin: 1em 0 10px; }

#OOSList dd span {
 line-height: 1; text-align: right;
 margin: .5em 0 0; display: block; }
 
#OOSList dd span a {
 color: #fff; background-color: #69A2B9; text-decoration: none;
 padding: 5px 7px 4px; border-radius: 4px;
 display: inline-block; overflow: hidden; }

#yourPartner { padding-bottom: 50px; }
#yourPartner h2 {
 background: url(../service/images/service.png) no-repeat 0 -220px;
 width: 342px; height: 116px; }
#yourPartner p {
 font-size: 88%; font-weight: bold;
 text-align: center; line-height: 1.8;
 margin: 1.25em 0 0; }

#serviceConsultUs h3 {
 background: url(../service/images/service.png) no-repeat 0 -350px;
 width: 499px; height: 60px; }

/* Printed */
#printedTitle { height: 143px; padding-top: 37px; }

#printedTitle h1, #printedMessage h2, #IDAdvantage h2,
#printedPortfolio h2, #printConsultUs h3 {
 background: url(../service/images/printed.png) no-repeat 0 0;
 margin: 0 auto; }
 
#printedTitle h1 { width: 403px; height: 105px; }

#printedMessage h2 { background-position: 0 -130px; width: 445px; height: 118px; }
#IDAdvantage h2 { background-position: 0 -280px; width: 459px; height: 55px; }

#IDAdvantage p, #printedPortfolio p { font-size: 88%; line-height: 1.6; }

#IDAGuide, #printedPortfolio p {
 font-weight: bold; text-align: center; margin: 1.75em auto 0; }

#IDAContents { width: 920px; margin: 0 auto; padding-bottom: 40px; }

#IDAContents section { width: 425px; min-height: 140px; margin: 40px 0 0; }
#IDAContents h3 {
 background-image: url(../service/images/printed.png);
 background-repeat: no-repeat;
 width: 170px;
 height: 25px;
 margin: 0; }

#IDACostCut { background: url(../service/images/cost-cut.png) no-repeat right top; }
#IDAImageUp { background: url(../service/images/image-up.png) no-repeat right top; }
#IDAAfter { background: url(../service/images/after.png) no-repeat right center; }
#IDAStreamlining { background: url(../service/images/streamlining.png) no-repeat right center; }

#IDACostCut h3 { background-position: 0 -360px; }
#IDAImageUp h3 { background-position: -250px -360px; }
#IDAAfter h3 { background-position: 0 -420px; }
#IDAStreamlining h3 { background-position: -250px -420px; }

#IDAContents p { width: 20em; margin: 1.5em 0 0; }

#printedPortfolio h2 { background-position: 0 -480px; width: 215px; height: 56px; }

#printPList { width: 820px; margin: 0 auto; }
#printPList figure {
 background: url(../service/images/pf_bg.png) no-repeat 0 0;
 width: 390px; margin: 30px 0 0; }
#printPList figcaption {
 font-size: 94%; font-weight: bold; text-align: center;
 margin: .5em 0 0; }
#printPList figure img { margin: 6px; }

#printConsultUs h3 {
 background-position: 0 -560px;
 width: 499px; height: 60px; }

/* Strategic Plan Design */
#SPDTitle { height: 144px; padding-top: 36px; }

#SPDTitle h1, #SPDMessage h2, #aboutStrategy h2,
#ASMarketing h3, #ASPromotion h3, #SPDWhats h2, #SPDConsultUs h3 {
 background: url(../service/images/spd.png) no-repeat 0 0;
 margin: 0 auto; }
 
#SPDTitle h1 { width: 270px; height: 105px; }

#SPDMessage h2 { background-position: 0 -130px; width: 570px; height: 68px; }

#aboutStrategy h2 { background-position: 0 -220px; width: 357px; height: 58px; }
#aboutStrategyContents {
 background: url(../service/images/strategy_bg.png) no-repeat 250px bottom;
 padding-bottom: 70px; }
 
#aboutStrategyContents section { width: 420px; margin: 40px 0 0; }

#ASMarketing h3 { background-position: 0 -300px; width: 420px; height: 50px; }
#ASPromotion h3 { background-position: 0 -360px; width: 420px; height: 50px; }

#aboutStrategyContents p { font-size: 88%; line-height: 1.6; margin: 1em 0 0; }
.ASPNarrow { padding-left: 168px; }

.ASCLink a {
 background: url(../service/images/spd.png) no-repeat -550px -728px;
 font-weight: bold; padding-left: 16px; }

#SPDWhats {
 background: rgba(255, 255, 255, 0.7) url(../service/images/spd_bottom.png) no-repeat right bottom;
 position: relative; }
 
#SPDWhats h2 {
 background-position: 0 -430px;
 width: 344px; height: 75px;
 text-indent: -9999px; }
#SPDWhats p, .SPDWhatsContents p { font-size: 88%; line-height: 1.6; }

.SPDWGuide { font-weight: bold; margin: 0; padding: .75em 315px 0 75px; }
 .android .SPDWGuide { background-image: url(../common/android.png); width: 62%; }

#SPDWhats figure { position: absolute; top: 48px; right: 48px; }

.SPDWhatsContents { width: 820px; margin: 0 auto; }

.SPDWhatsContents section { width: 378px; margin: 40px 0 0; }

.SPDWhatsContents h3 {
 background-image: url(../service/images/spd.png);
 background-repeat: no-repeat;
 width: 250px; height: 42px;
 margin: 0; text-indent: -9999px; }

.SPDWhatsContents p { margin: 1em 0 0; }

#SPDWFactor01 h3 { background-position: 0 -600px; }
#SPDWFactor02 h3 { background-position: -300px -600px; }
#SPDWFactor03 h3 { background-position: 0 -660px; }
#SPDWFactor04 h3 { background-position: -300px -660px; }
#SPDWFactor05 h3 { background-position: 0 -740px; }

#SPDConsultUs h3 {
 background-position: 0 -520px;
 width: 360px; height: 58px; }

/* Photo and Letouch */
#photoTitle { height: 144px; padding-top: 36px; }

#photoTitle h1, #photoMessage h2, #photoService h2,
#PSTripService h3, #aboutLetouch h3, #photoExample h2, #photoConsultUs h3 {
 background: url(../service/images/photo.png) no-repeat 0 0;
 margin: 0 auto; }
 
#photoTitle h1 { width: 431px; height: 106px; }

#photoMessage h2 { background-position: 0 -130px; width: 459px; height: 116px; }
#photoService h2 { background-position: 0 -280px; width: 391px; height: 56px; }

#photoServiceContents { margin: 0; }
#photoServiceContents section { width: 420px; margin: 40px 0 0; }

#PSTripService h3 { background-position: 0 -360px; width: 420px; height: 50px; }
#aboutLetouch h3 { background-position: 0 -420px; width: 420px; height: 50px; }

#photoServiceContents p { font-size: 88%; line-height: 1.6; margin: 1em 0 0; }

#PSTripService figure, #aboutLetouch figure { text-align: center; margin: 25px 0 0; }
#PSTripService figure { margin-top: 36px; }

#photoExample {
 background-color: #fff;
 position: relative; width: 920px;
 margin: 0 auto; padding: 40px 0 64px;
 border-radius: 7px 7px 0 0; }
 
#photoExample h2 {
 background-position: 0 -490px;
 width: 316px; height: 54px; text-indent: -9999px; }

#photoExample p {
 font-size: 88%; font-weight: bold;
 text-align: center; line-height: 1.6; 
 margin: 1.25em 0 0; }

#PExampleList { width: 768px; margin: 30px auto 0; }
.PEItem01 { background: url(../service/images/frame01.png) no-repeat 0 0;
 width: 354px; height: 236px; margin: 0 0 50px; }
.PEItem02 { background: url(../service/images/frame02.png) no-repeat 0 0;
 width: 434px; height: 236px; margin: 0 auto; clear: both; }
.PEItem03 { width: 354px; height: 236px; margin: 0 0 50px; text-align: center; }

#PExampleList figcaption { font-size: 88%; font-weight: bold; margin: .5em 0 0 4px; }
#PExampleList figcaption span { color: #666; font-size: 93%; font-weight: normal; }
#PExampleList .PEItem03 figcaption { text-align: left; margin-top: 1.35em; }
.PEItem01 img, .PEItem02 img { margin: 6px 7px; }

#photoConsultUs h3 {
 background-position: 0 -560px;
 width: 499px; height: 60px; }

/* Logo-Mark and Branding */
#LMBTitle { height: 144px; padding-top: 36px; }

#LMBTitle h1, #LMBMessage h2, #LMDesign h2, #LMExsample h2,
#branding h2, #brandingNecessity h3, #letsBranding h3, #brandingConsultUs h3 {
 background: url(../service/images/branding.png) no-repeat 0 0;
 margin: 0 auto; }
 
#LMBTitle h1 { width: 511px; height: 105px; }

#LMBMessage { padding-bottom: 0; }
#LMBMessage h2 { background-position: 0 -130px; width: 632px; height: 67px; }

#LMDesign p, #LMExsample, #branding { font-size: 88%; font-weight: bold; line-height: 1.6; }

#LMDesign h2 { background-position: 0 -220px; width: 370px; height: 56px; }
#LMDesign p {
 background: url(../service/images/logo-mark.png) no-repeat right 4em;
 margin: 0; padding: 30px 430px 50px 0; }
#LMDesign p span { margin-top: .75em; display: block; }

#LMExsample {
 background: rgba(255, 255, 255, 0.6);
 width: 920px; padding-top: 40px; border-radius: 7px; }

#LMExsample h2 { background-position: 0 -300px; width: 283px; height: 54px; }

#LMExsample p { text-align: center; margin: 1.25em 0 0; }

#LMExampleList { width: 768px; margin: 30px auto 0; }
#LMExampleList dl { background: url(../service/images/frame01.png) no-repeat 0 0;
 width: 354px; margin: 0 0 30px; }
#LMExampleList dt { width: 346px; height: 226px; margin: 3px 4px; }
#LMExampleList dd { margin: .75em 0 0 4px; }
#LMExampleList dd span { color: #666; font-size: 93%; font-weight: normal; }

#LMExampleList dt {
 background-image: url(../service/images/logo-exsample.jpg);
 background-repeat: no-repeat; }

#LME01 { background-position: 0 0; }
#LME02 { background-position: -350px 0; }
#LME03 { background-position: 0 -230px; }
#LME04 { background-position: -350px -230px; }

#branding { margin-top: 30px; padding-bottom: 50px; border-top: 2px solid #fff; }
#branding h2 { background-position: -350px -300px; width: 193px; height: 55px; }

#brandingNecessity {
 background: url(../service/images/branding_im01.png) no-repeat right 50px;
 margin: 30px 0 0; }
#brandingNecessity h3 {
 background-position: 0 -380px;
 width: 265px; height: 40px; margin: 0; }
#brandingNecessity p { width: 40em; margin: .75em 0 0; }
.android #brandingNecessity p {
 background-image: url(../common/android.png); width: 62%; }

#letsBranding {
 background: url(../service/images/branding_im02.png) no-repeat left 90px;
 margin: 50px 0 0; }
#letsBranding h3 {
 background-position: -300px -380px;
 width: 300px; height: 40px; margin: 0; }

#LBFlow { width: 550px; margin-top: 6px; }

#LBFlow h4 { font-size: 129%; text-align: center; margin: 0; }
#LBFlow dl {
 background: rgba(215, 210, 197, 0.7);
 line-height: 1.4;
 margin: 10px 0 0; border-radius: 5px; }

#LBFlow dt {
 background-image: url(../service/images/branding.png);
 background-repeat: no-repeat;
 float: left; width: 56px; height: 40px;
 margin: 17px 0 0 16px;
 text-indent: -9999px; }

#LBflow01 { background-position: 0 -430px; }
#LBflow02 { background-position: -100px -430px; }
#LBflow03 { background-position: -200px -430px; }
#LBflow04 { background-position: -300px -430px; }

#LBFlow dd { margin: 0; padding: .75em 1.5em .5em 0; }
#LBFlow p, #brandingSolution { margin: 1.5em 0 0; }

#brandingSolution {
 background: rgba(221, 221, 221, 0.5);
 text-align: center; width: 46em;
 margin: 40px auto 0; padding: 1.5em 0; border-radius: 7px; }

#brandingConsultUs h3 {
 background-position: 0 -470px;
 width: 499px; height: 60px; }

/* -------------------------------------------
 Works
------------------------------------------- */
/* Works Top */
#worksTitle { height: 142px; padding-top: 38px; }

#worksTitle h1, #websiteCategory h2, #graphicCategory h2 {
 background: url(../works/images/works.png) no-repeat 0 0;
 margin: 0 auto; }
 
#worksTitle h1 { width: 273px; height: 99px; }

#websiteCategory, #graphicCategory {
 text-align: center;
 width: 920px;
 margin: 0 auto; padding-top: 50px; }
 
#websiteCategory h2, #graphicCategory h2 {
 background-position: 0 -150px;
 width: 387px; height: 70px;
 text-indent: -9999px; }
#graphicCategory h2 { background-position: 0 -250px; width: 333px; }

.worksNavi { margin: 30px auto 0; padding: 0; text-align: center; }
.worksNavi li {
 font-size: 88%; font-weight: bold;
 width: 12em; vertical-align: top;
 display: inline-block;
 margin: 0; }

.worksNavi li a { display: block; overflow: hidden; padding: 1.1em 0 1em; }
.worksNavi li a:link, .worksNavi li a:visited, .worksNavi li a:hover { text-decoration: none; }

.WN01 a, .WN03 a { color: #444; background-color: #fff; }
.WN02 a { color: #fff; background-color: #666; }
.WN03 a { border-left: 1px solid #aaa; }

.WN01 a:hover, .WN02 a:hover, .WN03 a:hover { color: #fff; }

#worksList { width: 980px; margin: 0 auto; padding: 20px 0 40px; }

#worksList div { float: left; text-align: center; margin: 30px 30px 10px; }
#worksList img { width: 424px; height: 204px; border: 3px solid #a2a2a2; }
#worksList p { font-size: 88%; font-weight: bold; margin: .75em 0 0; }

#worksList div a {
 text-decoration: none; border: none;
 cursor: pointer; overflow: hidden; }
#worksList p a:link, #worksList p a:visited { color: #666; }

/* HCaption.js */
#worksList div.drop-panel, #worksList div.hide { float: none; margin: 0; position: relative; }

a[data-toggle="drop-panel"] { display: block; }

#worksList .hide h3 {
 background-image: url(../works/images/cliant_logo.png);
 background-repeat: no-repeat;
 height: 60px;
 margin: 25px auto 0;
 text-indent: -9999px; }
#dFumoto h3 { background-position: 0 0; width: 166px; }
#dAshita h3 { background-position: -250px 0; width: 205px; }
#dCaypoint h3 { background-position: 0 -70px; width: 186px; }
#dShimoda30 h3 { background-position: -250px -60px; width: 230px; }
#dHamayu h3 { background-position: 0 -135px; width: 180px; }
#dRenji h3 { background-position: -250px -130px; width: 225px; }
#dVetsIzu h3 { background-position: 0 -205px; width: 200px; }
#dDogashima h3 { background-position: -250px -210px; width: 150px; }
#dCrystal h3 { background-position: 0 -280px; width: 183px; }
#dLisa h3 { background-position: -250px -270px; width: 240px; }
#dYamatofuji h3 { background-position: 0 -335px; width: 180px; }
#dYuukoubou h3 { background-position: -250px -335px; width: 230px; }
#dRisefit h3 { background-position: 0 -395px; width: 190px; }
#dTenyu h3 { background-position: -250px -405px; width: 200px; }
#dNinben h3 { background-position: 0 -470px; width: 198px; }
#dRakutenTenyu h3 { background-position: -250px -480px; width: 114px; }
#dJikuAn h3 { background-position: 0 -550px; width: 150px; }
#dMaple h3 { background-position: -250px -545px; width: 230px; }
#dManpo h3 { background-position: 0 -620px; width: 144px; }
#dTPP h3 { background-position: -250px -615px; width: 236px; }
#dToms1 h3 { background-position: 0 -695px; width: 154px; }
#dKomatsu h3 { background-position: -250px -695px; width: 180px; }
#dZack h3 { background-position: 0 -800px; width: 180px; }
#dRikyu h3 { background-position: -250px -800px; width: 230px; }

#worksList .hide h4, #worksList .hide p { color: #f5f5f5; }
#worksList .hide h4 { font-size: 88%; margin: 1.25em 0 0; }
#worksList .hide p {
 font-size: 75%; line-height: 1.6;
 padding: 1em 80px 0;
 margin: 0; }
 
#worksList p.button {
 position: absolute; bottom: 15px; right: 15px;
 padding: 0; }

#worksList p.button a {
 color: #fff;
 background-color: #09b;
 line-height: 1.6;
 padding: .45em 1em .25em;
 border-radius: 3px;
 display: block; }
#worksList p.button a:hover { background-color: #fff266; }

/* Works Individual */
#WDContents {
 position: relative;
 width: 920px;
 text-align: center;
 margin: 0 auto;
 padding: 100px 0 60px; }

#WDContents h1 {
 color: #fff;
 font-size: 225%;
 letter-spacing: .075em;
 margin: 0; }

#WDContents h2 {
 position: absolute; top: 30px; right: 0;
 width: 153px; margin: 0; }

#WDContents h2 a {
 background: url(../works/images/works.png) no-repeat -200px -350px;
 width: 153px; height: 50px; text-indent: -9999px; }

.WDCategory {
 position: absolute; top: 70px;
 width: 100%;
 margin: 0;
 text-indent: -9999px; }
.WDCategory span { display: block; margin: 0 auto; }

#WDCWebsite {
 background: url(../works/images/works.png) no-repeat 0 -350px;
 width: 60px; height: 15px; }

#WDCGraphic {
 background: url(../works/images/works.png) no-repeat 0 -400px;
 width: 127px; height: 19px; }

#WDSiteLink, #WDGrapicItem {
 font-size: 88%; font-weight: bold;
 margin: 1.5em auto 0; }

#WDSiteLink a:link, #WDSiteLink a:visited {
 color: #d7d7d7; text-decoration: none;
 padding-bottom: 3px;
 border-bottom: 1px solid #999; }
#WDSiteLink a:hover { border-bottom: 1px solid #728897; }

#WDContents h1#WDGCliant {
 font-size: 200%; line-height: 1.5; letter-spacing: .075em; }
#WDGrapicItem {
 color: #fff; font-size: 150%; font-weight: bold;
 letter-spacing: .075em; margin: .5em auto 0; }

#worksData { margin: 80px 0 0; position: relative; }

#worksInfo { float: right; text-align: left; width: 286px; margin: 0; }

#worksInfo h3 { color: #ddd; font-size: 82%; }

#worksInfo h3 em, #worksInfo h4 {
 background-image: url(../works/images/works.png);
 background-repeat: no-repeat;
 height: 16px;
 margin: 1em 0 0;
 text-indent: -9999px; }
 
#worksInfo h3 em {
 background-position: 0 -452px;
 display: inline-block; width: 63px; margin: 0; }

#worksInfo h4 { width: 150px; margin-top: 1.2em; }
#WIOutline { background-position: 0 -500px; }
#WIcategory { background-position: -200px -420px; }
#WIService { background-position: -200px -450px; }
#WIImple { background-position: -200px -500px; }

#worksInfo p {
 color: #eee;
 font-size: 82%; line-height: 1.6;
 margin: .5em 0 0; }
 
#worksInfo ul { margin: 0; padding: 5px 0 0 10px; }
#worksInfo li {
 float: left;
 color: #fff;
 background-color: #898277;
 font-size: 82%;
 display: block;
 margin: 5px 5px 0 0;
 padding: .45em .5em .25em; }
 
#worksInfo p.WILink, #worksInfo p.WGLink { margin-top: 1.6em; font-weight: bold; }
#worksInfo p.WILink a, #worksInfo p.WGLink a {
 background: url(../works/images/works.png) no-repeat -300px -540px;
 line-height: 1;
 padding-left: 18px; }

#worksInfo p.WILink a:link, #worksInfo p.WILink a:visited,
#worksInfo p.WGLink a:link, #worksInfo p.WGLink a:visited {
 color: #d7d7d7; text-decoration: none; }
#worksInfo p.WILink a:hover, #worksInfo p.WGLink a:hover { text-decoration: underline; }

#worksImage, #WGrapicImage, #WGYuuImage {
 position: relative;
 float: left;
 width: 564px; height: 714px;
 border: 3px solid #a2a2a2; }

#WGrapicImage { height: auto; }
#WGrapicImage img { vertical-align: top; }

#WGYuuImage { height: 428px; }

/* The Nivo Slider
------------------------------------------- */
.nivoSlider {
 position: relative;
 overflow: hidden; }

.nivoSlider img {
 position: absolute; top: 0; left: 0; display: none; }

.nivo-slice {
 position: absolute; top: 0; height: 100%;
 z-index: 5; display: block; }

.nivo-box {
 position: absolute; display: block;
 z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }

.nivo-controlNav {
 position: absolute; top: 735px; left: 0;
 text-align: center; padding: 0;
 z-index: 999; }

#WGrapicNivo .nivo-controlNav { top: 450px; }

.nivo-controlNav a {
 background: url(../works/images/works.png) no-repeat 0 -540px;
 width: 14px; height: 14px;
 text-indent: -9999px;
 margin: 0 3px;
 border: 0;
 display: inline-block; cursor: pointer; }
.nivo-controlNav a.active { background-position: -20px -540px; }

.nivo-caption {
 position: absolute; left: 0; bottom: 0;
 color: #09b; background: #fff;
 font-size: 88%; font-weight: bold;
 width: 560px;
 margin: 2px; padding: 14px 0;
 opacity: 0.8; z-index: 8; }

.nivo-caption p { text-align: center; margin: 0; }

/* -------------------------------------------
 Prices
------------------------------------------- */
#pricesTitle { height: 140px; padding-top: 40px; }
#pricesMessage { padding-bottom: 0; }

#pricesTitle h1, #pricesMessage h2,
#WPPrices h2, #totalCosts h2, #servicePrices h2 {
 background: url(../prices/images/prices.png) no-repeat 0 0; margin: 0 auto; }
 
#pricesTitle h1 { width: 170px; height: 100px; }
#pricesMessage h2 { background-position: 0 -120px; width: 405px; height: 70px; }

#WPPrices {
 text-align: center;
 padding-bottom: 42px;
 border-bottom: 2px solid #fff; }
#WPPrices h2 { background-position: 0 -220px; width: 473px; height: 56px; }

#WPPrices p, #WPPContainer li, #totalCosts p, #servicePrices p {
 font-size: 88%; font-weight: bold; line-height: 1.8;
 margin: 2em 0 0; }

#WPPrices p, #totalCosts p, #servicePrices p { font-size: 94%; }

#WPPContainer, .SPCont {
 background: rgba(255, 255, 255, 0.5);
 text-align: left;
 margin-top: 30px; padding: 30px 0;
 border-radius: 7px; 
}

#WPPContainer ul {
 background: url(../prices/images/classification.png) no-repeat right center;
 width: 620px;
 margin: 0 auto;
 padding: 0; }
#WPPContainer li { margin: 0; }

/* Total Costs */
#totalCosts { text-align: center; padding: 36px 0 50px; }
#totalCosts h2 { background-position: -250px -30px; width: 180px; height: 55px; }

#TCostsContainer, #TCostsContainer02 { width: 920px; text-align: left; margin: 30px 0 0; }
#TCostsContainer section, #TCostsContainer02 section {
 width: 420px;
 margin: 0; padding-bottom: 56px;
 position: relative; }
 
#TCostsContainer02 h3 { border-top: 1px solid #fff; padding-top: 30px; }

.TCCLeft { float: left; padding-right: 40px; border-right: 1px solid #fff; }
.TCCRight { float: right; }

#TCostsContainer h3, #TCostsContainer02 h3 {
 background-image: url(../prices/images/prices.png);
 background-repeat: no-repeat;
 width: 420px; height: 50px; margin: 0; }

#TCC01 { background-position: 0 -380px; }
#TCC02 { background-position: 0 -460px; }
#TCC03 { background-position: 0 -510px; }
#TCC04 { background-position: 0 -590px; }

#TCostsContainer p, #TCostsContainer02 p {
 font-size: 82%;
 font-weight: bold;
 line-height: 1.75;
 margin: 1.25em 0 0; }
 
#TCostsContainer dl, #TCostsContainer02 dl { font-size: 82%; margin: 16px 0 0; }
#TCostsContainer dt, #TCostsContainer02 dt {
 color: #72624e;
 background: rgba(255, 255, 255, 0.75);
 font-weight: bold;
 margin: 0;
 padding: .7em 1em .5em;
 display: inline-block;
 border-radius: 4px; }
#TCostsContainer dd, #TCostsContainer02 dd { margin: .75em 0 0 3em; line-height: 1.8; }
 
#TCostsContainer p.aboutCosts, #TCostsContainer02 p.aboutCosts {
 position: absolute; bottom: 0;
 background: rgba(255, 255, 255, 0.75);
 text-align: center;
 line-height: 1;
 width: 420px;
 margin: 0; padding: 0 0 7px;
 border-radius: 4px; }

.aboutCosts em {
 color: #008e3e;
 font-size: 124%; font-weight: bold; font-style: normal;
 letter-spacing: .075em; }
.aboutCosts span { font-size: 188%; }

.VA01 span { vertical-align: 2px; }

/* Service Prices */
#servicePrices { padding-bottom: 50px; text-align: center; }
#servicePrices h2 { background-position: 0 -300px; width: 307px; height: 56px; }
#servicePrices h3 { text-indent: 0; }

.SPCont { text-align: center; margin-top: 36px; padding: 0 100px 36px; }
.SPCont h3 {
 color: #604919;
 font-size: 113%;
 letter-spacing: .05em;
 margin: 0;
 padding-top: 30px; }

#servicePrices p.caution { font-size: 82%; line-height: 1; margin: 1em 0 0; }
#servicePrices p.caution, .SPCaution { color: #ae3e19; }

.SPCont table {
 text-align: left;
 width: 100%;
 margin: 20px 0 0;
 border: none;
 border-collapse: separate;
 border-spacing: 0;
 border-top: 1px solid #cac3ba;
}

.SPCont th, .SPCont td {
 font-size: 82%;
 line-height: 1.4;
 font-weight: bold;
 width: 28%;
 padding: .9em 1em .75em;
 border-bottom: 1px solid #cac3ba;
 border-top: 1px solid #fff; }

.SPCont th { color: #604919; vertical-align: top; }
.SPCont th, .SPCont td.bd { border-right: 1px dotted #cac3ba; }
.SPCont th span { font-size: 93%; font-weight: normal; margin-top: .5em; display: block;}
.SPCont td { color: #555; border-left: 1px dotted #fff; }
.SPCont td.bd { width: 44%; }

/* -------------------------------------------
 Office
------------------------------------------- */
#studioTitle {
 background: url(../studio/images/title.jpg) no-repeat center top;
 height: 450px; }

#studioMessage h2 {
 background: url(../studio/images/studio.png) no-repeat 0 0;
 width: 533px; height: 70px; }
  
#studioOverview, #environment { padding-bottom: 50px; }

#studioOverview h2, #environment h2 {
 background: url(../studio/images/studio.png) no-repeat 0 -100px;
 width: 156px; height: 52px; }
 
#environment h2 { background-position: -300px -100px; width: 125px; }

.STDetail {
 background: rgba(255, 255, 255, 0.5);
 margin-top: 40px;
 padding: 20px 70px 32px;
 border-radius: 7px; }

.STDContents, .STDContents02 {
 width: 350px;
 margin: 0;
 font-size: 88%;
 font-weight: bold; }
.STDContents dt, .STDContents02 dt { margin: 1.5em 0 0; }
.STDContents dd, .STDContents02 dd {
 color: #666666;
 margin: .75em 0 0 2em;
 line-height: 1.6; }
.STDContents02 dd { font-size: 93%; line-height: 1.5; margin-left: 2em; }

.STDContents dd.pad01 { font-size: 93%; margin: 0 0 0 3em; display: block; }
.STDContents02 dd.pad01 { margin: .5em 0 0 4.5em; }
.STDContents02 dd.pad01 span { margin:  0 .5em 0 -1.5em; }
.STDContents02 dd.pad02 { margin: .5em 0 0 3em; line-height: 1.8; }

/* -------------------------------------------
 Sarvice-Flow, Area
------------------------------------------- */
#SAFTitle { height: 144px; padding-top: 36px; }

#SAFTitle h1, #sarviceFlow h2, #serviceArea h2 {
 background: url(../flow-area/images/common.png) no-repeat 0 0; margin: 0 auto; }

#SAFTitle h1 { width: 497px; height: 103px; }

#SAFMessage { margin: 0; padding: 50px 0 0; }
#SAFMessage p, #SAGMessage  {
 font-size: 94%; font-weight: bold;
 line-height: 1.6; text-align: center; margin: 0; }

#SAFWelcome {
 background: url(../flow-area/images/toms1.png) no-repeat center 12px; 
 padding-top: 58px; }

#sarviceFlow, #serviceArea { padding-bottom: 50px; }
#sarviceFlow h2 { background-position: 0 -130px; width: 208px; height: 56px; }

#SFPhase, #SAGuide { padding-bottom: 42px; }

#SFPhase dl {
 background: url(../flow-area/images/flow-sign.png) no-repeat 69px bottom; 
 margin: 0; padding: 42px 0 0; }
#SFPhase dl#SFPLast { background: none; }

#SFPhase dl dt {
 background-image: url(../flow-area/images/common.png);
 background-repeat: no-repeat; text-indent: -9999px;
 width: 350px; height: 23px; margin: 0; }
 #SFPhase dl dt#SFCP09 { width: 372px; }
 
#SFCP01 { background-position: 0 -200px; }
#SFCP02 { background-position: 0 -240px; }
#SFCP03 { background-position: 0 -280px; }
#SFCP04 { background-position: 0 -320px; }
#SFCP05 { background-position: 0 -360px; }
#SFCP06 { background-position: -360px -200px; }
#SFCP07 { background-position: -360px -240px; }
#SFCP08 { background-position: -360px -280px; }
#SFCP09 { background-position: -360px -320px; }
#SFCP10 { background-position: -360px -360px; }

#SFPhase dd {
 font-size: 88%; line-height: 1.6;
 margin: 0; padding: .75em 96px 0 200px; }

#SFPhase dd p { font-weight: bold; margin: 1em 0 0; }
#SFPhase dd p.second { font-size: 93%; font-weight: normal; margin: 0; }
#SFPhase dd p.third { font-size: 93%; font-weight: normal; }

#SFContact div { width: 280px; margin: 2em 25px 0 0; background-color: #f5f2ee; }
#SFContact a div { background-color: #f5f2ee; cursor: pointer; overflow: hidden; }
#SFContact div p { margin: 29px auto 0; }

#serviceArea h2 { background-position: -360px -130px; width: 263px; height: 54px; }

#SAGuide { padding: 36px 0; }

#SAGMessage { font-size: 88%; line-height: 1.8; }

#SAGuide dl {
 margin: 0; padding: 1.5em 90px 0; }
#SAGuide dt {
 background: url(../common_im/check.png) no-repeat 0 .33em;
 font-size: 88%; font-weight: bold;
 margin: 0; padding: 7px 0 7px 20px; }
#SAGuide dd {
 color: #3e7299; font-size: 88%; font-weight: bold;
 margin: 0; padding: .4em 0 .4em 20px; }
#SAGuide dd em { font-weight: normal; font-style: normal; }
#SAGuide dd.cen { text-align: center; }

/* -------------------------------------------
 Establish, Operating, Cost. For Beginner
------------------------------------------- */
#beginnerTitle { height: 144px; padding-top: 36px; }
#beginnerMessage { padding-bottom: 0; }

#beginnerTitle h1, #beginnerMessage h2, #begEstablishment h2,
#begOperation h2, #begCost h2 {
 background: url(../beginner/images/common.png) no-repeat 0 0; margin: 0 auto; }
 
#beginnerTitle h1 { width: 567px; height: 106px; }
#beginnerMessage h2 { background-position: 0 -130px; width: 619px; height: 117px; }

#beginnerContents { padding-bottom: 50px; }

#begEstablishment, #begOperation { padding-bottom: 18px; border-bottom: 1px solid #ddd; }
#begOperation, #begCost { border-top: 2px solid #fff; }

#begEstablishment h2 { background-position: 0 -280px; width: 270px; height: 55px; }
#begOperation h2 { background-position: -320px -280px; width: 269px; height: 56px; }
#begCost h2 { background-position: 0 -360px; width: 386px; height: 55px; }

#begEstaGuide, .EOCPhase dd { font-size: 88%; line-height: 1.6; margin: 0; }
#begEstaGuide { font-weight: bold; text-align: center; margin: 1.75em 0 0; }

.EOCPhase { padding-bottom: 42px; }

#begOperation .EOCPhase {
 background: rgba(255, 255, 255, 0.6) url(../beginner/images/operation_bg.png) no-repeat center bottom; }

#begCost .EOCPhase {
 background: rgba(255, 255, 255, 0.6) url(../beginner/images/cost_bg.png) no-repeat center center; }

.EOCPhase dl { margin: 0; padding: 42px 0 0; }

#BEContents { background: url(../beginner/images/contents.png) no-repeat 0 98px; }
#BEServer { background: url(../beginner/images/server.png) no-repeat 0 98px; }
#BEDomain { background: url(../beginner/images/domain.png) no-repeat 0 98px; }

#begEstablishment dt, #begOperation dt, #begCost dt {
 background-image: url(../beginner/images/common.png);
 background-repeat: no-repeat; text-indent: -9999px;
 width: 490px; height: 23px; margin: 0; }
 
#begEsta01 { background-position: 0 -450px; }
#begEsta02 { background-position: 0 -500px; }
#begEsta03 { background-position: 0 -550px; }
#begOpe01 { background-position: 0 -600px; }
#begOpe02 { background-position: 0 -650px; }
#begOpe03 { background-position: 0 -700px; }
#begCost01 { background-position: 0 -750px; }
#begCost02 { background-position: 0 -800px; }
#begCost03 { background-position: 0 -850px; }
#begTotalCost { background-position: 0 -900px; }
#begRunningCost { background-position: 0 -950px; }

.EOCPhase dd { padding: .75em 96px 0 200px; }

.EOCPhase dd p { font-weight: bold; margin: 1em 0 0; }
.EOCPhase p.second { font-size: 93%; font-weight: normal; margin: 0; }
.EOCPhase p.third { font-size: 93%; font-weight: normal; }
.EOCPhase p.solition { color: #674e39; }

/* -------------------------------------------
 Q & A
------------------------------------------- */
#qaTitle { height: 143px; padding-top: 37px; }
#qaMessage { padding-bottom: 0; }

#qaTitle h1, #qaMessage h2, #QAOurService h2, #QAContractPayment h2,
#QAWebProduction h2, #QAPrintedLogomark h2, #QAOtherServices h2 {
 background: url(../qa/images/common.png) no-repeat 0 0; margin: 0 auto; }
 
#qaTitle h1 { width: 158px; height: 83px; }
#qaMessage h2 { background-position: 0 -120px; width: 301px; height: 66px; }

#qaContainer { padding-bottom: 50px; }

#QAOurService, #QAContractPayment, #QAWebProduction,
#QAPrintedLogomark { padding-bottom: 18px; border-bottom: 1px solid #ddd; }
#QAContractPayment, #QAWebProduction, #QAPrintedLogomark,
#QAOtherServices { border-top: 2px solid #fff; }

#QAOurService h2 { background-position: 0 -220px; width: 298px; height: 50px; }
#QAContractPayment h2 { background-position: 0 -300px; width: 346px; height: 56px; }
#QAWebProduction h2 { background-position: 0 -380px; width: 385px; height: 55px; }
#QAPrintedLogomark h2 { background-position: 0 -460px; width: 420px; height: 55px; }
#QAOtherServices h2 { background-position: 0 -540px; width: 350px; height: 50px; }

.QAContents dl { margin: 0; padding: 22px 70px 40px; }
.QAContents dt {
 font-size: 100%; font-weight: bold; line-height: 1.5;
 margin: 1.25em 0 0; outline: none; }
.QAContents dt em {
 background: url(../qa/images/qa_head.png) no-repeat 0 3px;
 font-style: normal;
 padding: 1px 0 0 24px; }
 
.QAContents dt a {
 background: url(../qa/images/bt_sign.png) no-repeat 0 0;
 padding-left: 36px; min-height: 21px; }
 
.QAContents dt a:link, .QAContents dt a:visited {
 color: #552e09; text-decoration: none; }
.QAContents dt a:hover { background-position: 0 -100px; text-decoration: underline; }
.QAContents dt.ui-state-active a { background-position: 0 -200px; }

.QAContents dd {
 background: url(../qa/images/qa_head.png) no-repeat 36px -77px;
 font-size: 88%; line-height: 1.75;
 margin: .7em 0 0; padding-left: 92px; }
.QAContents .second { font-size: 93%; margin-top: .7em; display: block; }
.QAContents .pad01 { margin-top: .5em; display: block; }

/* -------------------------------------------
 Inquiry
------------------------------------------- */
#inquiryTitle { height: 143px; padding-top: 37px; }
#inquiryTitle h1 {
 background: url(../inquiry/images/common.png) no-repeat 0 0;
 width: 208px; height: 104px; margin: 0 auto; }

#inquiryMessage { padding: 20px 0 46px; }

#byTelephone {
 background: url(../inquiry/images/toms1.png) no-repeat center bottom;
 padding: 50px 0 46px; }
#byForm { padding: 16px 0 60px; }

.inqBox {
 background: rgba(255, 255, 255, 0.6);
 width: 920px; margin: 0; padding: 40px 0;
 border-radius: 7px; }

.inqBox h2 { width: 305px; height: 30px; margin: 0; }
#byTelephone h2, #byForm h2, #sendCompletion h2 {
 background: url(../inquiry/images/common.png) no-repeat 0 -120px; }
#byForm h2 { background-position: 0 -180px; }
#sendCompletion h2 { background-position: 0 -320px; margin-bottom: 1em; }

#byTelephone p {
 background: url(../inquiry/images/common.png) no-repeat 0 -240px;
 text-indent: -9999px;
 width: 296px;
 height: 58px;
 margin: 20px auto 0; }

#formGuide {
 font-size: 88%; font-weight: bold;
 margin: 0; padding: 28px 0 0 170px; }

#siteSeal {
 font-size: 82%; line-height: 1.6;
 width: 720px; margin: 36px auto 0; }
#siteSeal a { float: left; }
#siteSeal p { margin: 0; padding: .75em 0 0 130px; }

/* Completion */
#sendCompletion { padding: 50px 0; }
#sendCompletion .inqBox { position: relative; padding-bottom: 80px; }

#sendCompletion p {
 font-size: 94%; line-height: 1.8;
 margin: 0; padding: 1em 90px 0 170px; }

#sendCompletion p#toms {
 position: absolute; bottom: 30px; left: 445px;
 background: url(../inquiry/images/toms1.png) no-repeat 0 0;
 text-indent: -9999px;
 width: 31px; height: 31px; padding: 0; }

/* Form */
#mailformpro {
 background-color: #f7f4f0;
 width: 640px;
 margin: 30px auto 0;
 padding: 40px 40px 20px;
 border-radius: 6px; }

#mfp_phase_stat { display: none; }

#mailformpro p {
 font-size: 88%; line-height: 2;
 margin: 0; padding: 1em 10px .4em;
 border-top: 1px solid #ddd2c2; vertical-align: middle; }
#mailformpro p.iCont { padding-bottom: 1.25em; }

#mailformpro label { font-weight: bold; padding-left: 20px; }
#mailformpro label em { font-style: normal; width: 9em; display: inline-block; }
#mailformpro label em.eAdd { width: 10em; }
#mailformpro label span {
 font-size: 88%; font-weight: normal;
 margin-left: .75em; vertical-align: bottom; }

.required { background: url(../inquiry/images/required.png) no-repeat left .25em; }
.optional { background: url(../inquiry/images/option.png) no-repeat left .25em; }

#mailformpro small {
 color: #666; font-size: 82%;
 margin: .3em 0 0 14em; display: block; }
#mailformpro small span { color: #dd2e00; margin: 0 .4em 0 -.75em; }

#mailformpro input, #mailformpro select, #mailformpro textarea {
 color: #079; font-size: 100%;
 background-color: #fff; vertical-align: top;
 margin: 0; padding: 5px;
 border-radius: 5px; border: 1px solid #ccc; }

.inp01 { width: 40%; }
.inp02 { width: 60%; }
.inp03 { width: 25%; }
.numInput { width: 20%; }
.mail { width: 45%; }
#mailformpro textarea { width: 75%; margin: 0 0 0 10.65em; }

#mailformpro .TFSend { text-align: center; }

#mailformpro .TFSend input {
 color: #fff; background-color: #0e99c2;
 font-size: 15px; font-weight: bold;
 line-height: 2; letter-spacing: .1em;
 text-transform: uppercase;
 margin: .5em 0 0; padding: 2px 15px;
 border-radius: 4px; border: none;
 cursor: pointer; }

/* -------------------------------------------
 Link
------------------------------------------- */
#linkTitle { height: 143px; padding-top: 37px; }
#linkMessage { padding-bottom: 0; }

#linkTitle h1, #linkMessage h2, #webRelatedLink h2, #webProCoLink h2, #otherLink h2{
 background: url(../link/images/common.png) no-repeat -300px 0; margin: 0 auto; }
 
#linkTitle h1 { width: 109px; height: 99px; }
#linkMessage { padding-top: 10px; }

#linkContents { padding-bottom: 50px; }

#webRelatedLink, #webProCoLink { padding-bottom: 18px; border-bottom: 1px solid #ddd; }
#webProCoLink, #otherLink { border-top: 2px solid #fff; }

#webRelatedLink h2 { background-position: 0 0; width: 128px; height: 50px; }
#webProCoLink h2  { background-position: 0 -70px; width: 263px; height: 57px; }
#otherLink h2 { background-position: -160px 0; width: 89px; height: 50px; }

.linkList dl { margin: 0; padding: 36px 120px 24px; }
.linkList dt {
 font-size: 94%; font-weight: bold; line-height: 1.5;
 margin: 0; outline: none; }

.linkList dt a {
 background: url(../link/images/common.png) no-repeat -405px -113px;
 padding-left: 12px; }

.linkList a:link, .linkList a:visited { color: #007eae; text-decoration: underline; }
.linkList a:hover { text-decoration: none; background-position: -404px -113px; }

.linkList dd {
 font-size: 88%; line-height: 1.6;
 margin: 0; padding: .35em 0 .75em 42px; }

/* -------------------------------------------
 News
------------------------------------------- */
#newsTitle, #newsIndTitle { height: 144px; padding-top: 36px; }
#newsTitle h1, #newsIndTitle p {
 background: url(../news/images/common.png) no-repeat 0 0;
 width: 312px; height: 99px; margin: 0 auto; }
#newsTitle h2 { text-indent: -9999px; }

/* News List */
#newsList { width: 940px; margin: 0 auto; padding: 40px 0 50px; }

#filters { width: 712px; margin: 0 auto; padding-bottom: 50px; }

#filters p {
 background: url(../news/images/common.png) no-repeat -68px -111px;
 float: left;
 font-size: 94%; font-weight: bold;
 margin: 0; padding: 8px 20px 0 0; }

#filters button {
 float: left;
 color: #fff; font-size: 82%; font-weight: bold;
 text-decoration: none; line-height: 2;
 background-color: #8db1c4;
 text-align: center; min-width: 110px;
 margin: 0 0 0 12px; padding: .15em .75em;
 display: block; border-radius: 4px; border: none;
 cursor: pointer; overflow: hidden; }

#filters button:hover, #filters button:active, #filters button.is-checked {
 background-color: #cc5e3e; }

#newsListContainer { margin: 0; }
#newsListContainer div {
 float: left; position: relative;
 background: rgba(255, 255, 255, 0.7);
 width: 215px; height: 300px;
 margin: 20px 10px 0;
 border-radius: 0 0 7px 7px; }
#newsListContainer div a { text-decoration: none; }

#newsListContainer time {
 position: absolute; top: 10px; left: 10px;
 background: url(../news/images/common.png) no-repeat -100px -160px;
 color: #827742; font-size: 100%; font-weight: bold;
 line-height: 1.25; text-align: center;
 width: 60px; height: 60px; margin: 0; padding-top: .6em;
 z-index: 999; }

#newsListContainer figure {
 width: 215px; height: 140px;
 margin: 0; vertical-align: middle; overflow: hidden; }

.NLToms figure, .NLRelease figure, .NLOther figure {
 background: url(../news/images/list_bg.png) no-repeat 0 0; }
.NLRelease figure { background-position: -250px 0; }
.NLOther figure { background-position: -500px 0; }

#newsListContainer h3 {
 font-size: 100%; line-height: 1.4; min-height: 2.8em; margin: 1.25em 10px 0 19px; }
#newsListContainer a:link h3, #newsListContainer a:visited h3 {
 color: #6e5949; text-decoration: none; }

#newsListContainer p {
 font-size: 82%; line-height: 1.6; margin: 1em 13px 0 17px; }
#newsListContainer a:link p, #newsListContainer a:visited p {
 color: #3e352f; text-decoration: none; }

/* News Individual */
#newsAsset { padding-bottom: 50px; }
#newsContents { margin: 0 auto; padding: 50px 0; }

#newsContents header { position: relative; padding: 12px 90px 0 200px; }
#newsContents h1 {
 color: #5e5e5e; font-size: 175%;
 line-height: 1.25; margin: 0; }

.newsHead {
 color: #7e7e7e; font-size: 82%; margin: 0; padding: 1em 0 0; }
.newsHead li { float: left; display: inline; vertical-align: top; }
.newsHead .sns { margin: -6px 0 0 1em; }
.newsHead .fb-like { margin-left: .75em; vertical-align: top; }

.newsMeta {
 position: absolute; top: 0; left: 0;
 text-align: left;
 width: 160px; height: 90px; }
.NHToms1 { background: url(../news/images/ind_head.png) no-repeat 0 0; }
.NHRelease { background: url(../news/images/ind_head.png) no-repeat -200px 0; }
.NHOther { background: url(../news/images/ind_head.png) no-repeat -400px 0; }

.NMTime {
 position: absolute; top: 24px; left: 28px;
 color: #827742; font-size: 100%; font-weight: bold;
 line-height: 1.25; text-align: center; margin: 0; display: block; }

.newsBody { margin: 0; padding: 22px 100px 0 200px; }

.newsBody h2, .newsBody h3 { margin: 1.5em 0 1em; text-indent: 0; }
.newsBody h2 { color: #494949; font-size: 150%; }
.newsBody h3 { font-size: 113%; margin-bottom: .9em; }

.newsBody p, .newsBody ul { font-size: 88%; line-height: 1.8; margin: 1em 0 0; }
.newsBody p.cent { text-align: center; }
.newsBody p.imPad { margin: 1.5em 0 0; }

.newsBody ul { margin: .5em 0 0; padding: 0 0 0 3em; list-style-type: circle; }
.newsBody ul.noPad { padding-left: 1.5em; }
.newsBody ul.noPad li { margin-bottom: .5em; }

#entryPaging { margin: 40px 0 0; border-top: 2px solid #eee9e2; }
#entryPaging ul { text-align: center; margin: 20px auto 0; padding: 0; }
#entryPaging li { font-size: 93%; display: inline; }
#NCTopNavi {
 font-size: 93%; text-align: center;
 margin: 20px 0 0; padding-top: 20px; border-top: 2px solid #eee9e2; }

#entryPaging li a:link, #entryPaging li a:visited { color: #007eae; text-decoration: none; }

#entryPaging li.EPHome a, #NCTopNavi a {
 color: #fff;
 background-color: #8db1c4;
 margin: 0 2em; padding: .5em 1em;
 display: inline-block; border-radius: 4px;
 cursor: pointer; overflow: hidden; }

#entryPaging li.previousEntry a {
 background: url(../news/images/paging_sign.png) no-repeat 0 0;
 padding-left: 18px; }
#entryPaging li.nextEntry a {
 background: url(../news/images/paging_sign.png) no-repeat right -100px;
 padding-right: 18px; }
#entryPaging li.previousEntry a:hover, #entryPaging li.nextEntry a:hover {
 text-decoration: underline; }
#NCTopNavi a { text-decoration: none; }

/* -------------------------------------------
 Privacy-Policy, Site-Policy
------------------------------------------- */
#privacyTitle { height: 143px; padding-top: 37px; }
#sitePolicyTitle { height: 143px; padding-top: 37px; }

#privacyTitle h1, #sitePolicyTitle h1, #privacyContents h2{
 background: url(../policy/images/common.png) no-repeat 0 0; margin: 0 auto; }
 
#privacyTitle h1 { width: 401px; height: 103px; }
#sitePolicyTitle h1 { background-position: 0 -120px; width: 337px; height: 102px; }

#privacyContents { padding-bottom: 50px; }
#privacyContents h2 { background-position: 0 -250px; width: 335px; height: 30px; }

#sitePolicyContents { padding: 12px 0 50px; }

#policyMessage {
 font-size: 88%; font-weight: bold;
 line-height: 1.6; text-align: center; margin: 30px 0; }

.policyContents, .agreementContents { padding: 20px 0 36px; }

.policyContents h3, .agreementContents h3 {
 background: url(../policy/images/bar.png) no-repeat 0 0;
 font-size: 100%; text-indent: 0;
 margin: 1.5em 0 0; padding: .15em 0 10px 100px; }

.policyContents h4 {
 font-size: 94%; margin: 1em 0 0; padding-left: 116px; }

.policyContents p, .agreementContents p {
 font-size: 82%; line-height: 1.75;
 margin: 0; padding: .75em 88px 0 132px; }

.policyContents .pad01, .agreementContents .pad01 { padding-left: 147px; }
.policyContents .pad01 em, .agreementContents .pad01 em {
 font-style: normal; margin: 0 2px 0 -15px; }
.policyContents p span, .agreementContents p span { padding-left: 1em; display: block; }
.policyContents p span.pad11 { padding-left: 10.75em; }

.policyContents ul {
 margin: 0; padding: .5em 88px 0 162px; list-style-type: circle; }
.policyContents li { font-size: 82%; line-height: 1.6; }

/* -------------------------------------------
 Agreement
------------------------------------------- */
#agreementTitle { height: 143px; padding-top: 37px; }

#agreementTitle h1, #agreementContainer h2 {
 background: url(../agreement/images/common.png) no-repeat 0 0;
 width: 258px; height: 100px; margin: 0 auto; }

#Agreement { padding-bottom: 50px; }

#agreementContainer h2 { background-position: 0 -130px; width: 545px; height: 30px; }

#agreementMessage {
 font-size: 88%; font-weight: bold;
 line-height: 1.8; text-align: center; margin: 30px 0; }

/* -------------------------------------------
 Site Map
------------------------------------------- */
#sitemapTitle { height: 143px; padding-top: 37px; }

#sitemapTitle h1 {
 background: url(../sitemap/images/common.png) no-repeat 0 0;
 width: 222px; height: 103px; margin: 0 auto; }

#sitemapContainer { padding: 50px 0; }
#siteMapContents { background: rgba(255, 255, 255, 0.6);
 width: 820px; margin: 0; padding: 25px 50px 40px;
 border-radius: 7px; }

.SMList { width: 380px; margin: 0; }

.SMList dt {
 font-size: 94%; font-weight: bold; line-height: 1.5;
 margin: 1em 0 0; outline: none; }

.SMList dt a {
 background: url(../sitemap/images/common.png) no-repeat -200px -113px;
 padding-left: 12px; }

.SMList a:link, .SMList a:visited { color: #007eae; text-decoration: none; }
.SMList a:hover { text-decoration: underline; background-position: -199px -113px; }

.SMList dd {
 font-size: 75%; line-height: 1.6;
 margin: 0; padding: .4em 0 0 12px; }

.SMList dt.cat { padding-top: 1em; border-top: 1px dotted #bbb; }
.SMList dt.sec, .SMList dd.sec { margin-left: 12px; }

/* -------------------------------------------
 Android setting
------------------------------------------- */
.android #WPThinking p { background-image: url(../common_im/android.png); width: 93%; }
.android .FVS p, .android #aboutStrategyContents p, .android .SPDWhatsContents p, .android #OOSList dl dd,
.android #SOMGuide p, .android #LBFlow dd, .android #LBFlow p, .android #photoServiceContents p,
.android #TCostsContainer p, .android #TCostsContainer02 p, .android #TCostsContainer dd, .android .SPCont td,
.android #TCostsContainer02 dd, .android .QAContents dt, .android .newsBody p, .android .SMList dd,
.android #SFPhase dd p, .android #SAGuide dd, .android .EOCPhase dd p, .android .linkList dt, .android .linkList dd {
 background-image: url(../common_im/android.png); width: 100%; }

.android #TCostsContainer p.aboutCosts, .android #TCostsContainer02 p.aboutCosts { width: 420px; }

.android .SPCont td.bd { width: 44%; }

.android #SFPhase dd p#BCCTelephone {
 background: url(../common_im/common.png) no-repeat  -28px -390px; width: 233px; }
.android #SFPhase dd p#BCCmailForm {
 background: url(../common_im/common.png) no-repeat -352px -390px; width: 217px; }

.android .policyContents p, .android .agreementContents p, .android #sendCompletion p {
 background-image: url(../common_im/android.png); width: 76%; }
 
.android .policyContents span, .android .policyContents li {
 background-image: url(../common_im/android.png); width: 100%; }

/* -------------------------------------------
 Displey Sets
------------------------------------------- */
.entryPhoto span {
 position:absolute;
 display:block;
 width:100%;
 height:100%;
 background-image:url(../common_im/blank.gif); }

#returnBT a, #TSBT a, #TWBT a, #ourNews p a, #ourBlog p a, #OSList li a,
#OOSList dt a, #WDContents h2 a {
 display: block;
 cursor: pointer;
 text-indent: -9999px;
 overflow: hidden; }

/* -------------------------------------------
 Text Link
------------------------------------------- */
.link01 a:link, .link01 a:visited, .newsBody p a:link, .newsBody p a:visited, .newsHead a:link, .newsHead a:visited,
#ourNews dl a:link, #ourNews dl a:visited, #ourBlog dl a:link, #ourBlog dl a:visited {
 color: #007eae;
 text-decoration: none; }

#footInner dd a:link, #footInner dd a:visited {
 color: #e7e7e7; text-decoration: none; }

.link01 a:hover, .newsBody p a:hover, .newsHead a:hover, #ourNews dl a:hover, #ourBlog dl a:hover,
#footInner dd a:hover {
 text-decoration: underline; }
 
/* -------------------------------------------
 Clearfix
------------------------------------------- */
.clearfix:after, #TSConteiner:after, #TWContainer:after, #TCContainer:after, #BSubContainer:after,
#relatedInfo:after, #ourNews dl:after, #ourBlog dl:after,
.PCContainer10:after, .ConsultUs:after, #OSList:after, .PCCList:after,
#SOMContainer:after, #OOSList:after, #worksList:after, #worksData:after, #worksInfo ul:after,
.STDetail:after, #WPPContainer:after, #TCostsContainer:after, #TCostsContainer02:after,
#WSFlowList:after, .WPFContainer:after, .FVS:after, #IDAContents:after, #printPList:after,
#aboutStrategyContents:after, .SPDWhatsContents:after, #photoServiceContents:after,
#PExampleList:after, #LMExampleList:after, #letsBranding:after, #SFContact:after,
#newsList:after, #newsListContainer:after, #siteMapContents:after, .newsHead:after {
 content: "";
 clear: both;
 display: block;
 height: 0;
}