@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

#page {
	background:url('../images/articlebg.png') repeat-y;
	float:left;
	width:950px;
	margin-left:6px;
}

.write_link a {
color: #cccccc;
text-decoration:none;
}

#header {
	position: absolute;
	background: #49473b;
	font: normal 140% 'Times New Roman', Times, serif;
	letter-spacing: 0.2em;
	margin: 0 0 0 238px;
	padding: 10px 10px 10px 20px;
	width: 683px;
        top:50px;
}

#header a {
  color: #fff;
  text-decoration: none;
}

#header a:hover {
  text-decoration: underline;
}


/* ================================================================ *
	Web Designing 2007/10
	テンプレート C：3 カラム型
	カスタマイズ CSS

	この CSS を書き換えることで，テンプレートをカスタマイズ
	できます。本文記事およびコメントを参考に変更し，活用して
	ください。<link rel="stylesheet" type="text/css" href="common.css">
	「★」が付されている設定項目は相互に依存します。注意して
	設定してください。
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */


body {
  /* --- 基本的な前景色（文字色）を設定してください --- */
  color: #333333;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #999999;
  height: 100%;

}


#wrapper {
    /* --- 基本的な前景色（文字色）を設定してください --- */
  /* --- 背景を設定してください（短縮プロパティでの設定です）#D7D0C8;--- */
  background:#cccccc; /*url('../images/blog/blogshadow.png') 100px 0 repeat-y;*/
  border: none;
}

#deline { background: url(../images/blog/blogbdr.gif) repeat-x ; height:16px;}

#container {
	background: url(../images/blog/blogbg.gif) repeat-y ;
  	width: 962px;
  	margin: 0 auto;
}

#blogcontainer {
	background: url(../images/blog/blogbg.gif) repeat-y ;
  	width: 962px;
  	margin: 0 auto;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

#header-keep {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #ffff00;
  /* --- マージンを設定してください --- */
  /* Note：下マージンはナビゲーションの上マージンと折りたたみが
           生じます */
  margin-top: 0;
  margin-bottom: auto;
  /* --- パディングを設定してください --- */
  padding: 0;
  width: 493px;
  float: left;
}

#header1 {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background-color: #333333;
  border-top:url('../images/blog/blogbdr.gif') repeat-x;
  /* --- マージンを設定してください --- */
  /* Note：下マージンはナビゲーションの上マージンと折りたたみが
           生じます */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  width: 950px;
  height: auto;
  margin-left:6px;

}

#logo {
  margin: 0;
  padding: 0;
  top: 46px;
  left: 7px;
  height: auto;
  z-index:auto;
}



#head-title {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #49473b;
  /* --- マージンを設定してください --- */
  /* Note：下マージンはナビゲーションの上マージンと折りたたみが
           生じます */
  margin: 0px;
  /* --- パディングを設定してください --- */
  padding: 0px;
  width: 513px;
  height: 50px;
  float: left;
  font-size: 180%;
  font-weight: bold;
  border: none;
  color: white;

}

#head-title ul {
  margin: 0;
  padding-left: 0;
  font-size: 145%;
  font-weight: bold;
  border: none;
  color: #ffffff;
  float: right;

}


#head-title ul li {
  margin: 0;
  padding-left: 0;
  font-size: 125%;
  font-weight: bold;
  border: none;
  color: #ffffff;
  float: right;

}

#topimage {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #ff9000;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0 0 237px;
}


#topimage img {
  padding: 0;
  border: none;
}


.imgbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #ff9000;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 0;
}



/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

#lang {
  background: #fff url(../images/top_line_img.gif) no-repeat right top;
  height: 73px;
  width: 713px;
  /* --- マージンを設定してください --- */
  /* Note：上マージンはヘッダの下マージンとの折りたたみが生じます */
  /* Note：下マージンはコンテンツの上マージンとの折りたたみが
           生じます */
  margin: 0 0 0 237px;
  /* --- パディングを設定してください --- */
  /* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding: 0;

  /* --- 必要に応じて、ボックスの下線を設定してください（短縮プロパティでの設定です） --- */
  border: none;

}

#lang ul {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  /* --- 高さを設定してください --- */
  height: 2em;
}

#lang ul li {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  /* --- 横並びにさせるためにフロートを指定してください --- */
  float: right;
}

#lang ul li a {
  margin: 2 0 0 0;
  padding: 0 20px 5px 20px;
  /* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定してください --- */
  display: block;
  /* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-right: 1px solid #CCCCCC;
  /* --- ナビゲーション１項目あたりの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-bottom: 5px solid #3EBAEE;
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(../images/bg.png) repeat-x;
  /* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
  font-weight: bold;
}

#lang a:hover {
  /* --- マウスオーバーしたときの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-bottom: 5px solid #0086b9;
  /* --- マウスオーバーしたときの背景色と、横並びリストのリストマーカ画像を設定してください（短縮プロパティでの設定です） --- */
  /* Note：16×16 ピクセル以下のものを使用してください。背景色をあわせて指定している場合は、透過処理されている画像である必要があります */
  background: #EEEEEE url(../images/arrow.gif) no-repeat;
  /* 通常のリンクテキストでテキストに下線がついてしまう設定になっているので、ナビゲーションのテキスト下線は不要なためここで指定して上書きしてください */
  text-decoration: none;
}


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

#main {
  background:#ffffff;
  width: 950px;
  float: left;
  margin-left:6px;
}

#contents {
  float:left;
  padding-top:50px;
  width:712px;
}

#blogarea {
	font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,sans-serif;
	float:left;
	display:inline;
	width:665px;
	margin:55px 0 20px 20px;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です
 * ---------------------------------------------------------------- */

.menustyle a {
display:block;
text-decoration:none;
width: 105px;
line-height:31px;
padding:0px 10px 0px 40px; 
}

.menustyle a:hover {

display:block;
/*background:url(../images/menuover.png) no-repeat;*/
width: 105px;
line-height:31px;
padding:0px 10px 0px 40px;
  }


#navimenu {
  float: left;
  position:relative;
  background: #49473b;
  width: 238px;
  margin: 0;
  border: 0;
}


#nmenu {

  width:inherit;
  margin: 10px 0px;

}

#nmenu ul {

    margin: 20px 0px;
    width: 157px;
    font-size: 90%;
    padding: 0px 40px;
    background:none;
    list-style: none;

}

#nmenu ul li {

    margin: 0;
    border-bottom: 1px solid #fff;

}


[id="nmenu"]#nmenu {

  margin-top: 0;

}

html:lang(ja) #nmenu {

  margin-top: 0;
}




/* ---------------------------------------------------------------- *
	サイドボックス内の画像のみボックスの設定です
 * ---------------------------------------------------------------- */


#sidebox .imgbox {

  background: transparent;

}

/* ---------------------------------------------------------------- *
	フッタ部分の設定ですurl(../images/footerbg.jpg) repeat-x left bottom;
 * ---------------------------------------------------------------- */

#footer {
  background:#474747 url(../images/blog/blogfooter.jpg) repeat-x;
  width:950px;
  height:69px;
  margin-left:6px;
}

#footer ul {
    padding: 0;
    float: right;
    margin:15px 10px 0 15px;
    font-size:11px;
    font-family:Verdana;
}

#footer ul li {
  margin: 0;
  padding: 0 5px;
  background-image: none;
  color:#999;
}

#footer ul li a {
  color:#999;
  text-decoration:none;
}

.fline {
  border-left: 1px solid #999;
}

#coAddress {
  font-style: normal;
  float:left;
  color:#cccccc;
  margin-top:15px;
  margin-left:15px;
  text-decoration:none;
  font-family:Verdana;
  font-size:11px;
}

#coAddress a:hover {
  color:#ffffff;
}

.nitem{
  margin-right:5px;
}


#bNav li a:hover {
  text-decoration:underline;
}

/*************************左側綠色選單**************************/

.Lmenustyle a {
display:block;
text-decoration:none;
width: 218px;
line-height:31px;
text-indent:-999em
}


/*#Lnavimenu {
  float: left;
  position:relative;
  background: #31331d;
  width: 238px;
  margin: 0;
  border: 0;

}*/


#Lnmenu {
	margin: 20px 10px 0 14px;
	height:475px;
}


#Lnmenu ul li {
	list-style:none;
}

#Lnmenu ul li ul li a {
	list-style:none;
    	border-bottom:none;
	width:160px;
	line-height:28px;
}

.submenu {
	display:block;
	margin-left:0;
	padding-left:0;
}

.menulist {
	margin:0;
	padding:0;
	
}

/* ------------------------[animage innerFade] */

#jq-slider {width:206px;margin:auto} #jq-slidebox {margin-top:20px;position:relative;height:170px;overflow:hidden} #jq-portfolio,#jq-slide_nav,#jq-slide_control {list-style:none;margin:0;padding:0} #jq-portfolio li img {padding:2px;border:1px solid #333} #jq-slide_nav {width:80px;float:left} #jq-slide_nav li {text-indent:-100em;display:inline;cursor:pointer;background-image:url(../images/anime-slide/button.png);width:11px;height:11px;float:left;margin-left:2px;overflow:hidden} #jq-slide_nav li#jq-button_selected {background-image:url(../images/anime-slide/button_selected.png)} #jq-slide_control {float:right;margin-top:-5px} #jq-slide_control li {text-indent:-100em;float:left;cursor:pointer;height:22px} #jq-first_button {background-image:url(../images/anime-slide/first.png);width:27px} #jq-first_button:hover {background-image:url(../images/anime-slide/first_hover.png)} #jq-prev_button {background-image:url(../images/anime-slide/prev.png);width:22px} #jq-prev_button:hover {background-image:url(../images/anime-slide/prev_hover.png)} .pause_button {background-image: url(../images/anime-slide/pause.png);width: 19px} .pause_button:hover {background-image: url(../images/anime-slide/pause_hover.png)} .paused_button {background-image: url(../images/anime-slide/play.png);width: 19px} .paused_button:hover {background-image: url(../images/anime-slide/play_hover.png)} #jq-next_button {background-image:url(../images/anime-slide/next.png);width:25px} #jq-next_button:hover {background-image:url(../images/anime-slide/next_hover.png)} #jq-last_button {background-image:url(../images/anime-slide/last.png);width:27px} #jq-last_button:hover {background-image:url(../images/anime-slide/last_hover.png)} #jq-portfolio-desc {display:none}

/*******選單換圖************/
#mission { 
	background:url(../menu/mission.gif) no-repeat;
	border-top:thin soild;
	
}
#mission a:hover { background:url(../menu/menu_h/missionh.gif) no-repeat;}

#m0 { background:url(../menu/sub/mission_0.gif) no-repeat;}
#m0 a:hover { background:url(../menu/menu_h/sub_h/missionh_0.gif) no-repeat;}

#m1 { background:url(../menu/sub/mission_1.gif) no-repeat;}
#m1 a:hover { background:url(../menu/menu_h/sub_h/missionh_1.gif) no-repeat;}

#m2 { background:url(../menu/sub/mission_2.gif) no-repeat;}
#m2 a:hover { background:url(../menu/menu_h/sub_h/missionh_2.gif) no-repeat;}

#m3 { background:url(../menu/sub/mission_3.gif) no-repeat;}
#m3 a:hover { background:url(../menu/menu_h/sub_h/missionh_3.gif) no-repeat;}

#service {
	background:url(../menu/service.gif) no-repeat;
	
}
#service a:hover { background:url(../menu/menu_h/serviceh.gif) no-repeat;}

#s1 { background:url(../menu/sub/service_1.gif) no-repeat;}
#s1 a:hover { background:url(../menu/menu_h/sub_h/serviceh_1.gif) no-repeat;}

#s2 { background:url(../menu/sub/service_2.gif) no-repeat;}
#s2 a:hover { background:url(../menu/menu_h/sub_h/serviceh_2.gif) no-repeat;}

#s3 { background:url(../menu/sub/service_3.gif) no-repeat;}
#s3 a:hover { background:url(../menu/menu_h/sub_h/serviceh_3.gif) no-repeat;}

#s4 { background:url(../menu/sub/service_4.gif) no-repeat;}
#s4 a:hover { background:url(../menu/menu_h/sub_h/serviceh_4.gif) no-repeat;}

#work {	background:url(../menu/works.gif) no-repeat;}
#work a:hover { background:url(../menu/menu_h/worksh.gif) no-repeat;}
#fee {	background:url(../menu/fee.gif) no-repeat;}
#fee a:hover { background:url(../menu/menu_h/feeh.gif) no-repeat;}
#htodr {  background:url(../menu/howtoorder.gif) no-repeat;}
#htodr a:hover { background:url(../menu/menu_h/howtoorderh.gif) no-repeat;}

#team {	background:url(../menu/team.gif) no-repeat;}
#team a:hover { background:url(../menu/menu_h/teamh.gif) no-repeat;}

#blog {	background:url(../menu/blog.gif) no-repeat;}
#blog a:hover { background:url(../menu/menu_h/blogh.gif) no-repeat;}

#news {	background:url(../menu/news.gif) no-repeat;}
#news a:hover { background:url(../menu/menu_h/newsh.gif) no-repeat;}


/************************blog menu bar****************************/
#backhome {
	float:left;
	margin:5px 15px 15px 22px;
}

#backhome a {
	display:block;
	text-indent:-999em;
	background:url('../images/blog/home-before.jpg') no-repeat;
	width:25px;
	height:26px;
}

#backhome a:hover {	background:url('../images/blog/home-after.jpg') no-repeat;}

#bloglogo {
	clear:left;
	margin-left:22px;
	background:url('../images/blog/blogobottom.jpg') 0 74px no-repeat;
	height:89px;
	width:446px;
	float:left;
}

#blogheader {
  	background: #333333;
	width: 950px;
	overflow:hidden;
	margin-left:6px;
}

* html #blogheader {
	height:1%;
	overflow:visible
}

#menubar {
	font-size:12px;
	font-family:Verdana,Microsoft JhengHei;
	background:#333333;
	color:#ffffff;
	width:950px;
	float:left;
}

#menubar ul {
	padding-top:8px;
	padding-left:0;
	width:711px;
	float:left;
}

#menubar ul li {
	list-style:none;
	display:inline;
	border-left:1px solid #fff;
}

#menubar ul li a{
	font-family:Verdana,Microsoft JhengHei;
	padding:10px 14px 20px;
	color:#999999;
	font-size:10px;
	text-decoration:none;
}
#menubar ul li a:hover {color:#ffffff;}

.bar1 a:hover { background:url('../images/blog/h-concept.jpg') -7px 3px no-repeat;}
.bar2 a:hover { background:url('../images/blog/h-service.jpg') -3px 3px no-repeat;}
.bar3 a:hover { background:url('../images/blog/h-portfolio.jpg') -4px 3px no-repeat;}
.bar4 a:hover { background:url('../images/blog/h-price.jpg') -4px 3px no-repeat;}
.bar5 a:hover { background:url('../images/blog/h-order.jpg') -4px 3px no-repeat;}
.bar6 a:hover { background:url('../images/blog/h-group.jpg') -4px 3px no-repeat;}
.bar7 a:hover { background:url('../images/blog/h-news.jpg') -10px 3px no-repeat;}

#rsstop {
	background:#202020 url('../images/blog/rsstop.gif') 0 0 no-repeat;
	width:220px;
	margin-right:15px;
	margin-top:2px;
	float:right;
	clear:right;
}

.rss {/*文字空間*/
	width:168px;
	color:#7f7f7f;
	font-size:11px;
	font-family:Verdana;
	text-align:right;
	line-height:12px;
	float:left;
	margin:15px 0 12px 2px;
}

.rssbtn a {
	background:url('../images/blog/rss.jpg') no-repeat;
	display:block;
	float:right;
	margin:10px 14px 0 0;
	text-indent:-999em;
	width:28px;
	height:27px;
}

#search {
	margin-top:8px;
}

.rssbottom {
	background:#202020 url('http://businesswing.net/images/blog/rssbottom.gif') 0 207px no-repeat;
	font-family:Verdana;
	right:0;
	width:206px;
	height:219px;
	overflow:hidden;
	margin-right:15px;
	padding:0 7px;
	position:absolute;
}
.rssword {padding:7px 0 0 7px;margin:0}
.rssword li {
	line-height:15px;
	list-style:none;
}

#blogfooter {
  background:#474747 url(../images/blogfooter.jpg) repeat-x;
  width:950px;
  height:69px;
}

.icon {
	float:right;
	margin-right:15px;
}
.fb a {
	background:url('../images/blog/fb_btn2.png') no-repeat;
	width:24px;
	height:24px;
	text-indent:-999em;
	display:block;
	float:left;
}

.twitter a {
	background:url('../images/blog/twitter_btn2.png') no-repeat;
	width:24px;
	height:24px;
	text-indent:-999em;
	display:block;
	float:right;
}