@charset "UTF-8";

/* ================================================================ *
	Web Designing 2007/10
	テンプレート C-3：3 カラム型 本文を右と同じ作りに
	詳細カスタマイズ CSS

	この CSS を書き換えることで，テンプレートをカスタマイズ
	できます。本文記事およびコメントを参考に変更し，活用して
	ください。
 * ================================================================ */

/* コンテンツ部分のデザイン */
#main .contents {
  background-color: #f2f2f2;
}


#guide {
	position:absolute;
	left:238px;
	width: 702px;
	height:50px;
	background: url(../images/guidebg.jpg) repeat-x;
	padding-right: 10px;
	text-align:right;
	font-size:12px;
	line-height:28px;
	margin-left:6px;
	padding-top:2px;
}

#guide ol li {
	list-style-type: none;
	color:#666;
}

#guide ol li a {
	color:#666;
	line-height:30px;
}
#guide a { color: #FFFFFF;	text-decoration:none;}
#guide a:hover { text-decoration:underline; }




/***********************************/

/*----------------水平選單---------------*/
#guide2 {
	position:absolute;
	width: 940px;
	background: url(../images/guidebg.jpg) repeat-x;
	height: 50px;
	padding-right: 10px;
	text-align:right;
	line-height:24px;
	padding-top:3px;
}

#guide2 ol li {	list-style-type: none;}
#guide2 a { color: #FFFFFF;	text-decoration:none;}
#guide2 a:hover { text-decoration:underline; }
/*------------------------------------------*/

/* ---------------------------------------------------------------- *
	サイドコンテンツ領域の設定です
 * ---------------------------------------------------------------- */

#sidebox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：サイドコンテンツ領域内のそれぞれのコンテンツに背景色を
           指定してもよいでしょう */
  background: white;


  /* ★ --- サイドコンテンツの幅を設定してください --- */
  width: 210px;
  margin:  0;
  padding: 10px 0 auto 10px;
  height: auto;
}

/* ---------------------------------------------------------------- *
	サイドボックス内のコンテンツの設定です
 * ---------------------------------------------------------------- */

/* Note：中カラムのコンテンツから変更する部分を設定していきます。
         変更不要のプロパティはコメントアウトしてください */
#sidebox .contents {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #F2F2F2;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  /* Note：ボックス内の最初のボックスの上マージンは折りたたまれない
           ので，「0」を指定することをおすすめします */
  margin-top: 0;
  /* margin-bottom: 3px; */
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  /* padding-top: 1em; */
  /* padding-right: 1em; */
  /* padding-bottom: 1em; */
  /* padding-left: 1em; */
}

#sidebox .contents ul {
  /* --- 新着情報リストのマージンを設定してください（短縮プロパティでの設定です）--- */
  margin: 0 0 0 1.4em;
  /* --- 新着情報リストのパディングを設定してください（短縮プロパティでの設定です）--- */
  padding: 0;
}

#sidebox .contents ul li {
  /* --- 新着情報リストアイテム単体の下方向マージンを設定してください --- */
  margin-bottom: 0.5em;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

.contents {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #49473b;
  /* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージン，直上のコンテンツの下
           マージンとの折りたたみが生じます */
  /* Note：下マージンは直下のコンテンツの上マージン，フッタの上
           マージンとの折りたたみが生じます */
  margin-top: 0px;
  margin-bottom: 0px;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 0.7em;
  padding-right: 0.7em;
  padding-bottom: 0.7em;
  padding-left: 0.7em;
  /* --- 枠線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border: 1px solid #EEEEEE;
}

/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

.contents img.fig {
  float: left;
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}

.news {
 margin: 20px 0px 0px 0px;
 padding: 0px;
 font-size:12px;
}

.news ul {
    padding: 20px 15px;
    list-style: none;
}

#newsline li a:hover {
    color:#ffffff;
    text-decoration:underline;
}


.news ul li {
    padding: 5px 5px 5px 20px;
    background: #49473b url(../images/news_item.png) no-repeat 2px 11px;
    text-align:justify;
    text-justify:inter-ideograph;
}


[id="news"].news {
  margin-top: 0;
}
html:lang(ja) .news {
  margin-top: 0;
}

.show_swf {
  width: inherit;
  margin: 20px 0px;
  padding: 0;
}

.swfarea {
  padding-top:20px;
}


#body {
  border: none;
}

/* -------------------------[01]:服務項目 */

.service-post{padding-top:2px;padding-bottom:90px;font-size:12px;letter-spacing:.05em}.service-post
h2{margin-bottom:0;padding-left:8px}.service-post
.section{margin-top:16px}.service-post .post-content{margin-left:14px}.service-post .post-content
h3{padding:5px
0 3px 27px;background:transparent url(../images/service/orange-arrow.png) 0 0 no-repeat;color:#f60;font-size:15px;letter-spacing:.075em}.service-post .post-content
.article{line-height:16px}.service-post .post-content .article
h4{padding-left:10px;background:transparent url(../images/service/orange-square.png) 0 7px no-repeat;color:#f60;font-weight:normal;font-size:1em;text-decoration:underline}.service-post .post-content .article
p{margin-top:10px;margin-bottom:0}.service-post .brief-intro{width:674px;margin-left:auto;margin-right:auto}.service-post .brief-intro
.lists{width:100%;border-collapse:collapse;letter-spacing:.075em}.service-post .brief-intro .lists thead
th{background-color:#f90;color:#fff;font-weight:normal}.service-post .brief-intro .lists #service-category{width:175px;border-right:1px solid #fff}.service-post .brief-intro .lists tbody
td{padding-top:12px;padding-bottom:12px;padding-left:6px;border-bottom:1px solid #fc9;line-height:16px}.service-post .brief-intro .lists tbody td
a{color:#999}.service-post .brief-intro .lists
td.category{padding-left:0;border-right:1px solid #fff;font-weight:bolder;text-align:center;letter-spacing:.05em}.web-plan .post-content{background:transparent url(../images/service/web-plan_banner.jpg) 12px 39px no-repeat}.web-plan .post-content
h3{margin-bottom:314px}.web-plan .post-content
.article{margin-top:40px}.web-plan .post-content .article
.strategy{position:relative;height:105px;margin-top:22px;margin-right:16px;padding-top:3px;padding-left:24px;border-top:1px solid #fc9;border-bottom:1px solid #fc9;letter-spacing:.075em}.web-plan .post-content .article .strategy
dt{float:left;display:inline;margin-top:21px;font-weight:bolder;font-size:12px}.web-plan .post-content .article .strategy
.title{position:absolute;top:-8px;left:262px;width:120px;margin-top:0;background-color:#fff;color:#333;font-weight:normal;text-align:center;letter-spacing:.075em}.web-plan .post-content .article .strategy
dd{float:left;display:inline;width:580px;margin-top:16px;margin-left:0}.web-plan .post-content .article .strategy dd
ul{list-style:none;margin:0;padding:0}.web-plan .post-content .article .strategy dd ul
li{float:left;display:inline;width:80px;height:27px;margin-left:24px;padding-left:35px;background-color:transparent;background-position:0 0;background-repeat:no-repeat;line-height:27px}.web-plan .post-content .article .strategy dd ul
.figure{background-image:url(../images/service/icon-figure.png)}.web-plan .post-content .article .strategy dd ul
.demo{background-image:url(../images/service/icon-demo.png)}.web-plan .post-content .article .strategy dd ul
.commerce{background-image:url(../images/service/icon-commerce.png)}.web-plan .post-content .article .strategy dd ul .jp-site{background-image:url(../images/service/icon-jpsite.png)}.web-plan .post-content .article .strategy dd ul
.education{background-image:url(../images/service/icon-education.png)}.web-plan .post-content .article .strategy dd ul
.food{background-image:url(../images/service/icon-food.png)}.web-plan .post-content .article .strategy dd ul
.welfare{background-image:url(../images/service/icon-welfare.png)}.web-plan .post-content .article .strategy dd ul
.interpersonal{background-image:url(../images/service/icon-interpersonal.png)}.about-seo
.preface{margin-top:6px;margin-left:6px;padding-bottom:236px;background:transparent url(../images/service/seo_banner.png) 22px 52px no-repeat}.about-seo
.article{margin-top:20px}.web-system
.preface{margin-top:6px;margin-left:6px;padding-bottom:312px;background:transparent url(../images/service/system_banner.jpg) 40px 70px no-repeat}.others .post-content{background:transparent url(../images/service/others_banner.jpg) 5px 34px no-repeat;padding-bottom:24px}.others .post-content
h3{margin-bottom:270px}.others .post-content
.article{margin-top:30px}.others .post-content .article
a{color:#999}

/* -------------------------[02]:設計團隊 */

.team-post{position:relative;padding-top:2px;padding-bottom:90px;font-size:12px;letter-spacing:.05em}.team-post
h2{margin:0
0 -4px 8px}.team-post
.section{margin:35px
auto 0;border-bottom:1px dotted #787878}.team-post .section
dl{margin-top:40px;padding-left:6px;border-left:1px solid #666}.team-post .section dl
dt{margin-bottom:10px;color:#333;font-weight:bolder;font-size:15px;letter-spacing:.075em}.team-post .section dl dt
.en{display:block;font-weight:normal;font-size:12px;font-family:arial,verdana;letter-spacing:.05em}.team-post .section dl
dd{margin-left:0}.team-post
.marketing{background:transparent url(../images/team/bg1.jpg) 0 0 no-repeat;width:399px;height:227px;padding:59px
0 0 257px}.team-post .marketing
dl{margin-left:88px}.team-post
.thinking{background:transparent url(../images/team/bg2.jpg) right 0 no-repeat;width:656px;height:204px;padding:38px
0 0 0px}.team-post .thinking
dl{margin-left:0px}.team-post .thinking
h3{margin-left:24px}.team-post
.producing{background:transparent url(../images/team/bg3.jpg) 0 0 no-repeat;width:409px;height:276px;padding:34px
0 0 247px}.team-post .producing
dl{margin-left:86px}.team-post
.visualizing{background:transparent url(../images/team/bg4.jpg) right 0 no-repeat;width:656px;height:274px;padding:36px
0 0 0px}.team-post .visualizing
dl{margin-left:0px}.team-post .visualizing
h3{margin-left:38px}.team-post
.activating{background:transparent url(../images/team/bg5.jpg) 46px 0 no-repeat;width:495px;height:262px;padding:101px
0 0 161px;border:0}.team-post .activating
dl{margin-left:92px}

/* -------------------------[03]:作品瀏覽 */

.ourworks-post{padding:2px
0 90px;background-color:#333;color:#999;font-size:12px;letter-spacing:.05em}.ourworks-post
h2{margin-top:12px;margin-left:8px;padding-left:0}.ourworks-post
.section{width:656px;margin:30px
auto 0;padding-top:30px;border-top:1px solid #565656}.ourworks-post .section
h3{color:#f93;font-size:15px;letter-spacing:.075em}.ourworks-post .section .works-info{margin-top:-22px;margin-left:-24px;padding-top:2px}.ourworks-post .section .works-info
dl{display:inline-block;width:200px;margin-top:36px;margin-left:24px;vertical-align:top}.ourworks-post .section .works-info dl
.summary{margin:8px
0;font-weight:bolder;font-size:13px}.ourworks-post .section .works-info dl .summary
a{color:#ccc;text-decoration:none}.ourworks-post .section .works-info dl .summary a:hover{text-decoration:underline}.ourworks-post .section .works-info dl
.description{margin-left:0;margin-right:10px;line-height:1.3333333333333;text-align:justify;text-justify:inter-ideograph}.ourworks-post
.section.first{padding-top:0;border:0}* html .ourworks-post .section .works-info
dl{display:inline}*+html .ourworks-post{margin-top:-18px}*+html .ourworks-post .section .works-info
dl{display:inline}

/* -------------------------[04]:設計理念*/

.concept-post{padding:14px
0 90px;font-size:12px;letter-spacing:.05em}.concept-post
h2{margin-left:8px;margin-bottom:-5px}.concept-post
.section{margin-top:20px}.concept-post .section
h3{margin-left:14px;padding:5px
0 3px 27px;background:transparent url(../images/service/orange-arrow.png) 0 0 no-repeat;color:#f60;font-size:15px;letter-spacing:.075em}.concept-post
.knowledge{position:relative;width:655px;margin-top:40px;padding:16px
0 16px 14px;border:1px
dashed #d0cfd1;letter-spacing:.075em}.concept-post .knowledge
.icon{position:absolute;top:-20px;left:-1px}.concept-post .knowledge
dt{position:relative;z-index:1;margin-bottom:6px}.concept-post .knowledge
dd{margin-left:0;color:#666}.bwing-concept
.preface{margin-top:8px;margin-left:20px}.bwing-concept
.article{position:relative;width:675px;margin:50px
auto 0;padding:22px
0 16px;border:1px
solid #fc9;border-width:1px 0}.bwing-concept .banner{width:600px;margin:20px 0 0 140px}.bwing-concept .article
h4{position:absolute;top:-8px;left:50%;color:#333;font-weight:normal;font-size:1em}.bwing-concept .article h4
span{position:relative;right:40%;padding:0
4px 0 6px;background-color:#fff}.bwing-concept .article
ul{text-align:center;list-style:none}.bwing-concept .article ul
li{display:inline-block;margin-left:80px}.bwing-concept .article ul
li.first{margin-left:0}.bwing-concept .article ul
.slogan{display:block;margin:0
auto 4px}.bwing-concept .article .valid li
.slogan{position:relative;overflow:hidden;width:111px;height:18px;margin-bottom:6px}.bwing-concept .article .valid li .slogan
img{left:0;position:absolute}.bwing-concept .article .valid li .slogan:hover
img{left:-111px}.bwing-concept .article .ezsearch
img{top:-18px}.bwing-concept .article .customization
img{top:-36px}.sec508 .preface,.ezsearch .preface,.localmind
.preface{margin:6px
0 0 20px;letter-spacing:.075em}.sec508 .article,.ezsearch .article,.localmind
.article{margin:40px
0 0 20px}.sec508 .article h4,.ezsearch .article h4,.localmind .article
h4{padding-left:10px;background:transparent url(../images/service/orange-square.png) 0 7px no-repeat;color:#f60;font-weight:normal;text-decoration:underline;letter-spacing:.075em}.sec508 .article p,.ezsearch .article p,.localmind .article
p{margin:6px
0 0}.sec508
.preface{padding-bottom:185px;background:transparent url(../images/concept/bg1.jpg) 34px 85px no-repeat}.sec508 .article
p.note{color:#666;letter-spacing:.075em}.sec508 .article
.aspire{margin-top:30px;width:674px}.sec508 .article .aspire
dt{padding-left:14px;background-color:#f90;color:#fff;letter-spacing:.075em}.sec508 .article .aspire
dd{margin-left:0}.sec508 .article .aspire dd
ol{padding-left:0;list-style-position:inside}.sec508 .article .aspire dd ol
li{border-bottom:1px solid #fc9;line-height:3}.ezsearch
.article.first{margin-top:22px;padding-bottom:205px;background:transparent url(../images/concept/bg2.jpg) 6px 110px no-repeat}.localmind
.article.satisfaction{margin-top:22px;padding-bottom:150px;background:transparent url(../images/concept/bg3.jpg) 32px 105px no-repeat}.localmind
.article.anyone{padding-bottom:190px;background:transparent url(../images/concept/bg4.jpg) 8px 180px no-repeat}.localmind .article.anyone
ol{padding-left:0;list-style-position:inside}.localmind .article.jp-web{padding-bottom:200px;background:transparent url(../images/concept/bg5.jpg) 32px 108px no-repeat}

/* -------------------------[05]:如何委托*/

.contact_sticker {
	background:url(../images/how2order/contact_banner.gif) no-repeat;
	float:right;
	height:95px;
	width:250px;
	margin-top:15px;
}

.contact_sticker ul { list-style:none;}

.hide { text-indent:-999em;}
.hidelink a { display:block; width:55px;}
.onlinefee {
	float:right;
	margin:16px 40px 0 0;
	text-indent:-999em;
}

.hidemail { margin:45px 0 0 -10px; text-indent:-999em;}
.hidemail a { display:block; width:180px;}

.how2order{padding:14px
0 90px;font-size:12px;letter-spacing:.075em}.how2order
h2{margin:0 0 0 8px}.how2order
h3{margin:10px
0 0 14px;padding:5px
0 3px 27px;background:transparent url(../images/service/orange-arrow.png) 0 0 no-repeat;color:#f60;font-size:15px;letter-spacing:.075em;font-weight:800;}.how2order
p.preface{margin:4px
0 20px 20px}.how2order .contact-us
p.first{margin-top:8px;margin-bottom:10px;padding-left:42px;background:transparent url(../images/how2order/no-first.png) 0 2px no-repeat;color:#000;font-size:13px}.how2order .contact-us .vcard
dd{margin-left:0}.how2order .contact-us .vcard
a{color:#666;text-decoration:none}.how2order .contact-us .vcard a:hover{text-decoration:underline}.how2order .contact-us .vcard
.tel{margin-left:16px}.how2order .contact-us .vcard .hidden-info{display:none}.how2order .contact-us
address{font-style:normal}.how2order .contact-us
abbr{border-bottom:0}.how2order .contact-us
p.link{margin-top:16px}.how2order .contact-us p.link
a{color:#999}.how2order
.section{clear:both;width:669px;margin:16px
0 0 22px;background:transparent url(../images/how2order/box-bg.png) 0 0 repeat-y}.how2order .section
.article{padding:0
15px 27px 22px;background:transparent url(../images/how2order/box-hr.png) 0 bottom no-repeat}.how2order .section .article
.procedure{margin-top:20px;margin-left:0;padding-left:0;height:56px}.how2order .section .article .procedure
li{float:left;display:inline;width:56px;margin-left:8px;padding-left:19px;background:transparent url(../images/how2order/gray-arrow.png) 0 center no-repeat}.how2order .section .article .procedure
li.first{margin-left:0;background-image:none}.how2order .section .article .procedure li
span{display:block;width:26px;height:44px;padding:12px
14px 0 16px;background:transparent url(../images/how2order/gray-round.png) 0 0 no-repeat;color:#fff;line-height:16px}.how2order .section .article .procedure li
span.single{height:56px;padding-top:0;line-height:56px}.how2order .section .article
.lists{margin-left:0;padding-left:0}.how2order .section .article .lists
li.layer1{list-style:none;margin-top:20px;padding-top:16px;border-top:1px dashed #e7e7e8}.how2order .section .article .lists li
.headline{display:block;margin-bottom:-8px;padding-left:32px;color:#000;font-size:13px}.how2order .section .article .lists
li.no1{margin-top:4px;border-top:0}.how2order .section .article .lists li.no1
.headline{background:transparent url(../images/how2order/no-01.png) 0 0 no-repeat}.how2order .section .article .lists li.no2
.headline{background:transparent url(../images/how2order/no-02.png) 0 0 no-repeat}.how2order .section .article .lists li.no3
.headline{background:transparent url(../images/how2order/no-03.png) 0 0 no-repeat}.how2order .section .article .lists li.no4
.headline{background:transparent url(../images/how2order/no-04.png) 0 0 no-repeat}.how2order .section .article .lists li
ul{margin-left:0;padding-left:0;list-style:none}.how2order .section .article .lists li ul
li{margin-top:18px}.how2order .section .article .lists li
.subtitle{display:block;padding:0
0 0 10px;color:#f60;background:transparent url(../images/service/orange-square.png) 0 5px no-repeat}.how2order .section .article
p.note{margin-top:18px;color:#f00}.how2order
.knowledge{position:relative;width:655px;margin:40px
0 0 20px;padding:16px
0 16px 14px;border:1px
dashed #d0cfd1;letter-spacing:.075em}.how2order .knowledge
.icon{position:absolute;top:-20px;left:-1px}.how2order .knowledge
dt{position:relative;z-index:1;margin-bottom:6px}.how2order .knowledge
dd{margin-left:0;color:#999}.how2order .knowledge
.sites{margin-left:0;padding-left:0}.how2order .knowledge .sites
li{display:inline;border-left:1px solid #999;margin-left:9px;padding-left:12px}.how2order .knowledge .sites
li.first{border:0;margin-left:0;padding-left:0}.how2order .knowledge .sites
a{color:#999}

/* -------------------------[06]:聯絡我們*/

.contact-post{padding:14px
0 90px;font-size:12px;letter-spacing:.075em}.contact-post
h2{margin-left:8px}.contact-post .company-info{position:relative;margin:20px
0 30px 20px;padding:88px
0 0 196px;height:87px;background:transparent url(../images/contact/bg1.png) 0 0 no-repeat;color:#333;font-size:13px;line-height:18px}.contact-post .company-info
address{font-style:normal}.contact-post .company-info
abbr{border:0}.contact-post .company-info .hidden-info{display:none}.contact-post .company-info
dd{margin-left:0}.contact-post .company-info .phone,.contact-post .company-info
.email{display:block;position:absolute}.contact-post .company-info
.phone{top:55px;left:196px;width:201px;height:19px;background:transparent url(../images/contact/tel.png) 0 0 no-repeat;text-indent:-999em}.contact-post .company-info
.email{top:41px;left:428px;text-indent:-999em}.contact-post .company-info .email
a{display:block;width:208px;height:20px;background:transparent url(../images/contact/email.png) 0 0 no-repeat}.contact-post .company-info
a{color:#333;text-decoration:none}.contact-post .company-info a:hover{text-decoration:underline}.contact-post .section
h3{font-weight:800; margin:10px
0 0 14px;padding:5px
0 3px 27px;background:transparent url(../images/service/orange-arrow.png) 0 0 no-repeat;color:#f60;font-size:15px;letter-spacing:.075em}.contact-post .section
.list{margin:10px
0 0 46px;color:#333;border-collapse:collapse}.contact-post .section .list thead
td{padding-bottom:20px}.contact-post .section .list tr.mul
th{padding-top:8px;vertical-align:top}.contact-post .section .list tbody th,.contact-post .section .list tbody
td{padding-top:5px;padding-bottom:5px}.contact-post .section .list tbody
th{width:146px;font-weight:normal;text-align:left;letter-spacing:.025em}.contact-post .section .list input.keyin,.contact-post .section .list
textarea{width:414px;border:1px
solid #ccc}.contact-post .section .list
input.keyin{height:16px;padding:2px
4px 0}.contact-post .section .list
textarea{height:90px;padding:4px}.contact-post .section .list #purpose-etc{display:none;margin-top:10px}.contact-post .section .list
.required{color:#f33}.contact-post .section .btn-bar{width:580px;margin-top:10px;text-align:right}.contact-post .section .btn-bar
li{display:inline;margin-left:6px}.contact-post .section .btn-bar li.clear
input{background:transparent url(../images/contact/gray-round.png) 0 0 no-repeat}.contact-post .section .btn-bar li.send
input{background:transparent url(../images/contact/orange-round.png) 0 0 no-repeat}.contact-post .section .btn-bar
input{width:52px;height:18px;border:0;color:#fff;font-size:11px;letter-spacing:.025em}#madeItems>.wpcf7-list-item,#howToFind>.wpcf7-list-item{display:block}

/* -------------------------[07]:設計費用*/

.fee-post{padding:14px
0 90px;font-size:12px;letter-spacing:.075em}.fee-post
h2{margin-left:8px}.fee-post .under-c{width:502px;height:300px;margin:30px
0 0 80px;padding:2px;background:transparent url(../images/fee/bg1.png) 0 0 no-repeat}.fee-post .under-c
p{position:relative;right:100px;margin-top:160px;font-size:13px;line-height:20px;text-align:center;letter-spacing:.075em}.fee-post .under-c
a{color:#f60}

/* -------------------------[08]:隠私權 & 版權*/

.reputation-post{width:572px;margin:auto;padding:14px
0 90px;color:#333;text-align:justify;text-justify:inter-ideograph}.reputation-post
h2{margin-top:10px;margin-bottom:20px;color:#222;font-size:15px;font-weight:bolder;text-align:center}.reputation-post .preface
h3{color:#339;font-size:1em;line-height:1.7}.reputation-post .preface
.olist{list-style-position:inside;margin-bottom:.5em;margin-left:0;padding-left:0;color:#339;line-height:1.7}.reputation-post .preface .olist
.description{display:block;color:#333}.reputation-post
.section{margin-top:30px}.reputation-post .section
h3{border-bottom:1px dotted #333;font-size:1em;line-height:1.7}.reputation-post .section
p{margin-top:.5em;margin-bottom:0}.reputation-post .section
.ulist{margin-top:.5em;margin-left:0;padding-left:0;list-style:none;line-height:1.7}.reputation-post .section .ulist li:before{content:"* "}

/* -------------------------[IE hack]*/

* html .bwing-concept .article ul
li{display:inline;vertical-align:top}* html .bwing-concept .article ul
li.accessibility{width:130px}* html .bwing-concept .article ul
li.ezsearch{width:111px}* html .bwing-concept .article ul
li.customization{width:144px}* html .reputation-post .section
.ulist{list-style:disc inside}*+html .bwing-concept .article ul
li{display:inline;vertical-align:top}*+html .bwing-concept .article ul
li.accessibility{width:130px}*+html .bwing-concept .article ul
li.ezsearch{width:111px}*+html .bwing-concept .article ul
li.customization{width:144px}*+html .reputation-post .section
.ulist{list-style:disc inside}

.servicepic {
	margin-top:30px;
	text-align:center;
}
.Design { position:absolute; left:365px; top:395px; }
.Design a { display:block; width:175px; height:85px; text-indent:-999em;}
.Marketing { position:absolute; left:290px; top:635px; }
.Marketing a { display:block; width:166px; height:55px; text-indent:-999em;}
.SEO { position:absolute; left:535px; top:555px; }
.SEO a { display:block; width:285px; height:130px; text-indent:-999em;}
.Development { position:absolute; left:430px; top:815px; }
.Development a { display:block; width:240px; height:80px; text-indent:-999em;}
.Service { position:absolute; left:765px; top:750px; }
.Service a { display:block; width:135px; height:50px; text-indent:-999em;}
.Japanese { position:absolute; left:700px; top:439px; }
.Japanese a { display:block; width:165px; height:45px; text-indent:-999em;}


.sitemapbox {
	border-top:#ff9900 solid; 
	width:120px; 
	height:135px;
	float:left;
	margin:0 40px 25px 0;
	padding-left:5px;
}
.sitehome { margin:30px 0px 15px 0px;}
.sitemapbox a {text-decoration:none;}
.sitemapbox a:hover {text-decoration:underline;}
.sitemapbox p { margin-top:5px;}
.sitemapbox p a {color:#333;}
.sitemapbox ul { list-style:none; padding:0;}
.sitemapbox ul li a {color:#666;}

#newslist ul li {
	list-style:none;
	background:url(../images/newslist/newstag.jpg) no-repeat 0 10px;
	border-bottom:1px dashed #999;
	padding:15px 0 15px 45px;
	margin-right:45px;
}

#newslist ul {	padding-left:10px; margin-top:20px;}
#newslist ul li a {	color:#333; text-decoration:none;}
#newslist ul li a:hover {	color:#666; text-decoration:underline;}

/* ------ editor : hikaru ------ */

#blogarea .storycontent div.note-know {
	border:1px solid #1d1d1d;
	margin-top:20px;
}

#blogarea .storycontent div.note-know div {
	border:1px solid #c1c1c1;
	padding:5px;
}

#blogarea .storycontent div.note-know dt {
	margin-left:1em;
	margin-right:1em;
	font-weight:bolder;
}

#blogarea .storycontent div.note-know dd {
	margin-right:40px;
}

#blogarea .storycontent div.note-know .sp {
	color:#339
}

#blogarea .storycontent p.note-figure {
	margin-top:20px
}

#blogarea .storycontent p.note-figure img {
	display:block
}

#blogarea .storycontent p.note-figure span {
	color:#936
}

#blogarea .storycontent table.tb-list {
	border-collapse:collapse;
}

#blogarea .storycontent table.tb-list thead th,
#blogarea .storycontent table.tb-list tbody th {
	color:#039;
}

#blogarea .storycontent table.tb-list thead th {
	border-bottom:2px solid #6678B1;
	padding:10px 8px;
	text-align:center;
}

#blogarea .storycontent table.tb-list tbody th {
	text-align:left;
}

#blogarea .storycontent table.tb-list tbody th,
#blogarea .storycontent table.tb-list tbody td {
	border-bottom:1px solid #ccc;
	padding:6px 8px;
	vertical-align:top;
}

#blogarea .storycontent p.author {
	margin-top:40px;
	text-align:right;
	font-style:italic;
	color:#888888
}