@charset "Shift_JIS";

/* --- 全称セレクタでリセット --- */
* {
  margin: 0;
  padding: 0;
  font-style : normal;
  font-weight : normal;
}

/* --- ボディスタイル --- */
BODY{
  width : 100%;         /* IEで横スクロールバーが出たときの保険 */
  margin: 0 0 0 0;
  color: #333333;
  background-color : #ffffff;
  background-image : url(../img/head_bs.gif);
  background-repeat : repeat-x;background-position : center top;}

/* === Firefox Opera 画像ずれ対応 === */
img { vertical-align: bottom; }


/* --- 基本 ハイパーテキストリンク --- */
a {
  /* --- text-decoration: underline; --- */
  text-decoration: none;
}
a:link {
  color: #8080c0;
}
a:visited {
  color: #8080c0;
}
a:hover,a:active {
  color: #8357a1;
  text-decoration: underline;
}

/* --- 見出しスタイル --- */
h1 {
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  display: none;
}

/* === ベースコンテンツ枠 === */
#base {
  width: 787px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  text-align: left;
}

/* --- ヘッダー --- */
#header{
  height : 70px;
  padding: 0;
  text-align: left;
  background-image : url(../img/head.gif);
  background-repeat : no-repeat;
  background-position : center center;
}


.menu_w{
  width: 787px;
  margin: 0 auto;
}


/* === メニュー レイアウト枠 === */
#menu{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style:none;
  width:100%;
}

#menu li{
  list-style:none;
  float:left;
  width:112px;
}

#menu a{
    display:block;
    width:112px;
    height:21px;
}

#menu div{
    display:block;
    width:112px;
    height:21px;
}

#menu a span{
    display:none;
}

#menu div span{
    display:none;
}

#menu a.home{
    background-image:url(../img/roll1-a.jpg);
}
#menu a:hover.home{
    background-position:0px -23px;
}
#menu div.home{
    background-image:url(../img/roll1-b.jpg);
}

#menu a.topics{
    background-image:url(../img/roll2-a.jpg);
}
#menu a:hover.topics{
    background-position:0px -23px;
}
#menu div.topics{
    background-image:url(../img/roll2-b.jpg);
}

#menu a.about{
    background-image:url(../img/roll3-a.jpg);
}
#menu a:hover.about{
    background-position:0px -23px;
}
#menu div.about{
    background-image:url(../img/roll3-b.jpg);
}

#menu a.frbiz{
    background-image:url(../img/roll4-a.jpg);
}
#menu a:hover.frbiz{
    background-position:0px -23px;
}
#menu div.frbiz{
    background-image:url(../img/roll4-b.jpg);
}

#menu a.design{
    background-image:url(../img/roll5-a.jpg);
}
#menu a:hover.design{
    background-position:0px -23px;
}
#menu div.design{
    background-image:url(../img/roll5-b.jpg);
}

#menu a.links{
    background-image:url(../img/roll6-a.jpg);
}
#menu a:hover.links{
    background-position:0px -23px;
}
#menu div.links{
    background-image:url(../img/roll6-b.jpg);
}

#menu a.contact{
    background-image:url(../img/roll7-a.jpg);
}
#menu a:hover.contact{
    background-position:0px -23px;
}
#menu div.contact{
    background-image:url(../img/roll7-b.jpg);
}


/* === コンテンツ レイアウト枠 === */
#contents {
	width : 787px;
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
	text-align: left;
}

/* === ホーム レイアウト=== */

.fbase {
  margin: 10 0 10 0;
  padding: 0;
  border: 0;
}

#l_hmbs {
	float : left;         /* 指定しないと、FirefoxやOperaで#menuの下に回り込みます */
	width : 225px;
	padding-top : 0px;
	padding-left : 0px;
	padding-right : 15px;
	padding-bottom : 0px;
	display: inline;
}

#r_hmbs {
	width : 531px;
	float : left;         /* 指定しないと、FirefoxやOperaで#menuの下に回り込みます */
	padding-top : 0px;
	padding-left : 13px;
	padding-right : 0px;
	padding-bottom : 0px;
	border-left-width : 1px;
	border-left-style : dotted;
	border-left-color : #cccccc;
}

#newtpc1{
  width : 225px;
  height: 25px;
  background-image : url(../img/hm01.jpg);
  background-repeat : repeat-y;
  background-position : center top;
}

#newtpc1 span{
    display:none;
}

#newtpc2{
  padding-top : 0px;
  padding-left : 8px;
  padding-right : 8px;
  padding-bottom : 8px;
  background-image : url(../img/hm02.jpg);
  background-repeat : no-repeat;
  background-position : center bottom;
}

.imgf{
  margin-bottom : 8px;
}

#newtpc2 .tpim{

  width : 209px;
  text-align : center;
  margin-bottom : 8px;

  background-image : url(../img/imbk.jpg);
  background-repeat : no-repeat;
  background-position : center top;
}

#newtpc2 .tptm{
  font-size : 70%;
  margin-bottom : 3px;
  padding : 2px;
  color: #ffffff;
  background-color : #777777;
}

#newtpc2 .tpct{
  font-size : 90%;
  margin-bottom : 5px;
  padding-bottom : 2px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #ffffff;
}

#newtpc2 span{
  color: #ffffff;
  font-size : 80%;
  line-height: 1.2;
}

#newtpc2 .wnfoot{
  text-align : right;
  margin-top : 6px;
}

#newtpc2 a {
  font-weight : bold;
  /* --- text-decoration: underline; --- */
  text-decoration: none;
}
#newtpc2 a:link {
  color: #b366ff;
}
#newtpc2 a:visited {
  color: #b366ff;
}
#newtpc2 a:hover,a:active {
  color: #8000ff;
  /* --- text-decoration: underline; --- */
}


#fembn{
  width : 225px;
  height: 25px;
  background-image : url(../img/fem_bn.gif);
  background-repeat : no-repeat;
}

#fembn span{
    display:none;
}

.imgbn{
  margin-bottom : 6px;
}


#frbiz{
  width : 530px;
  height: 35px;
  background-image : url(../img/fr_biz.gif);
  background-repeat : no-repeat;
}

#frbiz span{
    display:none;
}


#bnlink1 {
  float:left;
  width:148px;
  /* height : 190px; */
  margin-right : 10px;
  padding : 10px 10px 0px 10px;
  border-width : 5px 1px 0px 1px;
  border-style : solid;
  border-color : #cccccc;
  background-color : #ffffff;
}

dl#bnlink1 a{
    display:block;
    width:148px;
    height:22px;
}

#bnlink1 a span{
    display:none;
}

#bnlink1 a.nexj{
    background-image:url(../img/syosai.gif);
}

dl#bnlink1 {
  margin-bottom : 10px;
}

dl#bnlink1 dt{
  width:100px;
  text-align: left;
}

dl#bnlink1 dd{
  font-size : 80%;
  line-height: 1.2;
  text-align: left;
}

#bnlink2 {

  float:left;
  width:148px;
  /* height : 190px; */
  padding : 10px 10px 0px 10px;
  border-width : 5px 1px 0px 1px;
  border-style : solid;
  border-color : #cccccc;
  background-color : #ffffff;
}

dl#bnlink2 a{
    display:block;
    width:148px;
    height:22px;
}

#bnlink2 a span{
    display:none;
}

#bnlink2 a.nexj{
    background-image:url(../img/syosai.gif);
}


dl#bnlink2 {
  margin-bottom : 10px;
}

dl#bnlink2 dt{
  width:100px;
  text-align: left;
}

dl#bnlink2 dd{
  font-size : 80%;
  line-height: 1.2;
  text-align: left;
}

/* === ホーム 更新履歴 ヘッド === */
#wnewt{
  background-image : url(../img/wnhed.gif);
  background-repeat : no-repeat;
  background-position : left bottom;
  height : 20px;
  text-align : right;
  line-height: 20px;
}

/* === ホーム 更新履歴 ヘッド文字 === */
#wnewt span{
  color: #9a6aaa;
  font-size : 80%;

}

/* === ホーム 更新履歴 === */
#wtnew {
  font-size : 80%;
}

/* === ホーム 更新履歴　全体枠=== */
dl#wtnew {
  line-height: 1.2;
}

/* === ホーム 更新履歴　日時=== */
dl#wtnew dt{
  display:inline;
  float:left;
  width:99px;
  color: #9a6aaa;

  margin : 0px;

  text-align: left;
  padding-top : 5px;
  padding-bottom : 5px;
  /*
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #eeeeee;
  */
}

/* === ホーム 更新履歴　内容=== */
dl#wtnew dd{
  /*width:425px;*/
  text-align: left;

  margin : 0px;
  padding-top : 5px;
  padding-bottom : 5px;
  border-top : 1px solid #eeeeee;
}



/* === ホーム 更新履歴 === */
#wtdes {
  font-size : 80%;
}

/* === ホーム 更新履歴　全体枠=== */
dl#wtdes {
  line-height: 1.2;
}

/* === ホーム 更新履歴　日時=== */
dl#wtdes dt{

  display:inline;
  float:left;
  width:99px;
  color: #9a6aaa;

  text-align: left;
  padding-top : 5px;
  padding-left : 5px;
  padding-bottom : 5px;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #eeeeee;
}

/* === ホーム 更新履歴　内容=== */
dl#wtdes dd{

  /*width:506px;*/
  text-align: left;
  padding-top : 5px;
  padding-bottom : 5px;
  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #eeeeee;
}



/* === カテゴリ レイアウト左枠 === */
#l_base {

  float : left;         /* 指定しないと、FirefoxやOperaで#menuの下に回り込みます */
  width : 150px;

  padding-top : 0px;
  padding-left : 0px;
  padding-right : 15px;
  padding-bottom : 0px;


}
/* === カテゴリ レイアウト右枠 === */
#r_base {

  width : 605px;
  float : left;         /* 指定しないと、FirefoxやOperaで#menuの下に回り込みます */
  padding-top : 0px;
  padding-left : 15px;
  padding-right : 0px;
  padding-bottom : 0px;

  
  
  
  border-left-width : 1px;
  border-left-style : dotted;
  border-left-color : #cccccc;
}

.ktghed{
  font-size : 90%;
  color: #ffffff;
  line-height : 38px;
  height : 50px;
  background-image : url(../img/ktghed_base.jpg);
  background-repeat : no-repeat;
  padding-left : 10px;
  
  font-weight : bold;
  padding-top : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-bottom : 5px;
}

/* === 製作実績 レイアウト=== */

#worksty {

  height : 190px;
  padding : 10px;

  border-width : 1px;
  border-style : solid;
  border-color : #9a6aaa;
  background-color : #ffffff;
  background-image : url(../img/waku_bs.gif);
  background-repeat : repeat-x;background-position : center top;}


/* === 製作実績 レイアウト 専用リンクカラー=== */
#worksty a {
  font-weight : bold;
  /* --- text-decoration: underline; --- */
  text-decoration: none;
}
#worksty a:link {
  color: #555555;
}
#worksty a:visited {
  color: #555555;
}
#worksty a:hover,a:active {
  color: #cccccc;
  /* --- text-decoration: underline; --- */
}

/* === 製作実績 全体枠=== */
dl#worksty {
  margin-bottom : 10px;
}

/* === 製作実績 左写真レイアウト=== */
dl#worksty dt{
  float:left;
  width:260px;
  text-align: left;
}

/* === 製作実績 右詳細レイアウト=== */
dl#worksty dd{
  padding-top : 6px;
  text-align: left;
}

/* === 製作実績 タイトル=== */
.wktit{
  font-size : 90%;
  font-weight : bold;
  margin-bottom : 8px;
  color : #53255a;
}

/* === 製作実績 ノーマル文字=== */
.wknml{
  color : #333333;
  font-size : 80%;
  line-height : 150%;
  
  
  margin-bottom : 10px;
}


/* === リンク レイアウト=== */

#linksty {

  height : 72px;
  padding : 10px;

  border-width : 1px;
  border-style : solid;
  border-top-color : #cccccc;border-right-color : #cccccc;border-bottom-color : #cccccc;border-left-color : #cccccc;
  background-image : url(../img/waku_bs.gif);
  background-repeat : repeat-x;
background-position : center top;}

/* === リンク レイアウト 専用リンクカラー=== */
#linksty a {
  font-weight : bold;
  /* --- text-decoration: underline; --- */
  text-decoration: none;
}
#linksty a:link {
  color: #53255a;
}
#linksty a:visited {
  color: #53255a;
}
#linksty a:hover,a:active {
  color: #ff8600;
  /* --- text-decoration: underline; --- */
}

/* === リンク 全体枠=== */
dl#linksty {
  margin-bottom : 10px;
}

/* === リンク 左写真レイアウト=== */
dl#linksty dt{
  float:left;
  width:100px;
  text-align: left;
}

/* === リンク 右詳細レイアウト=== */
dl#linksty dd{
  padding-top : 6px;
  text-align: left;
}

/* === リンク タイトル=== */
.lktit{
  font-size : 90%;
  font-weight : bold;
  margin-bottom : 8px;
}

/* === リンク ノーマル文字=== */
.lknml{
  color : #333333;
  font-size : 80%;
  line-height: 1.2;
}



/* === フッター === */
#footer{
  /*
  position:absolute;
  bottom:0px;
  */
  margin-top : 0px;
  height:30px;
  width:100%;
  background-image : url(../img/foot.gif);
  background-repeat : no-repeat;
  background-position : center center;
  
  
  
}

/* === フッター文字非表示 === */
#footer span{
  display:none; 
}

/* === 廻り込み終了 === */
.fend{
  clear : both;
}

.list{
  color : #ffffff;
  background-color : #ab39fa;
  padding : 5px;
}

.nmlf{
  font-size : 70%;
}


.lis_btm{
  margin-bottom : 5px;
  padding-bottom : 5px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #cccccc;
}

.lis_td{
  padding-bottom : 3px;
}


.fbiz{
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : #cccccc #cccccc #cccccc #cccccc;}

/* === サブ帯 === */
.ktgsub{
  color : #73647e;
  background-image : url(../img/ktgbase.gif);
  
  padding-left : 5px;

  font-size : 80%;
  font-weight : bold;
  padding-top : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;border-width : 1px 5px;border-right-width : 5px;border-bottom-width : 1px;border-style : solid solid solid solid;border-color : #cccccc #cccccc #cccccc #cccccc;
  margin-bottom : 12px;
}


/* === ノーマルコピー === */
.cmnml{
  font-size : 80%;
  line-height : 150%;
  padding-left : 10px;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : #cccccc;
}

/* === デザイン見出しバナー枠 === */
#dslis{
  font-size : 80%;
  margin-bottom : 10px;
}



#dslis ul{
  
  list-style-type : none;

}

#dslis LI{
  
  list-style:none;
  width : 199px;
  float : left;
  
  height : 105px;
}



@media print {
  .btnb {display:none; }
}



.dsrsps{
  margin-right : 3px;
}

#barl{
  width : 150px;
}

#barl ul{

  list-style-type : none;
}

#barl li{

  list-style:none;
  padding-bottom : 3px;
  margin-bottom : 5px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #cccccc;

}

.ftmif{
  font-size : 70%;
  text-align : center;
  

  margin-top : 30px;
  

  line-height : 150%;
  background-color : #ebebeb;
  padding-top : 7px;
  padding-bottom : 7px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 5px;
}

.ftmin{
  text-align : center;
  
  }


#fttop{
  margin-top : 30px;
  
  
}
#bnlink1 img{
  margin-bottom : 5px;
}
#bnlink2 img{
  margin-bottom : 5px;
}
.acsl{
  border-right-width : 1px;
  border-right-style : solid;
  border-right-color : #cccccc;
  width : 349px;
  float : left;
  margin-top : 3px;
}
.acsr{
  
  margin-left : 10px;
  width : 240px;
  float : left;
  
  margin-top : 3px;
}
.wkblf{
  color : #53255a;
  font-size : 90%;
  font-weight : bold;
  line-height : 150%;
}
#gaiyo{
  font-size : 80%;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #ffffff;
  width : 605px;
  background-image : url(../about_us/img/ablis.gif);
  background-repeat : repeat-y;
}
#gaiyo DT{
  color : #ffffff;
  
  width : 100px;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  float : left;

  border-top-width : 1px;
  
  
  border-top-style : solid;
  
  
  border-top-color : #ffffff;
  
  
}
#gaiyo DD{
  
  padding-top : 5px;
  padding-left : 10px;
  padding-right : 5px;
  padding-bottom : 5px;

  border-top-width : 1px;
  border-top-style : solid;
  border-top-color : #ffffff;
}
#webj{
  width : 605px;
}
#webj LI{
  
  width : 199px;
  list-style-type : none;
  margin-left : 1px;
  margin-right : 1px;
  float : left;
  text-align : center;
  height : 200px;
  font-size : 80%;
  margin-bottom : 5px;
  margin-top : 5px;
  background-image : url(../design/img/webvew.gif);
  background-repeat : no-repeat;background-position : center top;}
#webj IMG{
  margin-top : 25px;
  margin-bottom : 5px;
}
#fttop .ofnm1{
  font-size : 80%;
  font-weight : bold;
  color : #990099;
  margin-bottom : 3px;
}
#fttop .ofnm2{
  font-size : 70%;
}
#hpktg{
  background-image : url(../design/img/hpktg_bck.gif);
  background-repeat : repeat-x;
  height : 25px;
  margin-bottom : 10px;
}
#hpktg .hpopn{
  font-size : 80%;
  font-weight : bold;
  line-height : 25px;
  text-align : center;
  width : 120px;
  height : 25px;
  float : left;
  background-image : url(../design/img/hpktg_opn.gif);
  margin-right : 1px;
}
#hpktg .hpcls{
  font-size : 80%;
  line-height : 25px;
  text-align : center;
  width : 120px;
  height : 25px;
  float : left;
  background-image : url(../design/img/hpktg_cls.gif);
  background-repeat : no-repeat;
  margin-right : 1px;
}
#hpktg a{
  font-weight : bold;
  display:block;
  width : 120px;
  height : 25px;
}
.pgtop{
  text-align : right;
  margin-top : 10px;
}
#dessrv{
  margin-bottom : 15px;
}
#dessrv li{
  list-style-type : none;
  font-size : 80%;
  font-weight : bold;
  color : #ffffff;
  background-color : #9d8ba7;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-bottom : 1px;
  border-left-width : 5px;
  border-left-style : solid;
  border-left-color : #766281;
}
#dtpnews{
  background-color : #766281;
  padding : 10px;
}
#dtpnews .dtptit{
  font-size : 90%;
  font-weight : bold;
  color : #ffffff;
  margin-bottom : 5px;
  padding-bottom : 3px;
  border-bottom-width : 1px;
  border-bottom-style : dotted;
  border-bottom-color : #ffffff;
}
#dtpnews .dtpcpy{
  font-size : 80%;
  line-height : 150%;
  color : #ffffff;
  margin-bottom : 7px;
}
.weblis{
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : #bfb2c7;
  margin-bottom : 10px;
  background-image : url(../design/img/waku_base.jpg);
  background-repeat : no-repeat;background-position : center bottom;}
.webmes{
  font-size : 80%;
  line-height : 150%;
  margin-top : 10px;
  margin-left : 10px;
  margin-right : 10px;
  margin-bottom : 10px;
}

#w_lis {
  margin: 10px 0 10px 0;
  padding: 5px 5px 5px 5px;
  text-align: left;
}

/* --- 履歴リスト --- */
#w_lis ul,ol{
  margin: 0 0 0 0;
  /* --- list-style-type : none; --- */
  list-style-image : url(../img/lis.gif);
  font-size: 80%;
}
#w_lis li{
  margin: 0 20px 0 20px;
  padding: 0 0 0 0;
  vertical-align : middle;
}


.w_mds01{
  line-height : 30px;
  background-image : url(../design/img/webmds01.jpg);
  background-repeat : no-repeat;background-position : left center;
  text-align : right;
  padding-right : 10px;
  height : 30px;
  font-size : 80%;
}


.w_mds02{
  line-height : 30px;
  background-image : url(../design/img/webmds02.jpg);
  background-repeat : no-repeat;background-position : left center;
  text-align : right;
  padding-right : 10px;
  height : 30px;
  font-size : 80%;
}


.w_mds03{
  line-height : 30px;
  background-image : url(../design/img/webmds03.jpg);
  background-repeat : no-repeat;background-position : left center;
  text-align : right;
  padding-right : 10px;
  height : 30px;
  font-size : 80%;
}

.w_mds04{
  line-height : 30px;
  background-image : url(../design/img/webmds04.jpg);
  background-repeat : no-repeat;background-position : left center;
  text-align : right;
  padding-right : 10px;
  height : 30px;
  font-size : 80%;
}


#w_ops{
  margin : 0px 10px 15px 10px;
}
#w_ops LI{
  list-style-type : none;
  font-size : 80%;
  color : #715e7b;
  background-color : #ffffff;
  padding : 3px;
  margin-bottom : 2px;
  border : 1px solid #cccccc;
}
.flssps{
  margin-bottom : 10px;
}
.imgsps{
  margin-top : 10px;
}
.dsm_img{
  margin-left : 10px;
  margin-right : 10px;
  margin-bottom : 10px;
}

#frn{
  margin : 0px 0px 0px 0px;

}

#frn .lvew1{
  float:left;
  width: 343px;
  margin: 0px 0px 0px 0px;
  text-align: left;
}

#frn .lvew2{
  float:left;
  width: 240px;
  margin: 0px 0px 0px 0px;
  text-align: right;
}

/* --- URL 大サイズ --- */
.linkf{
  margin : 0px 0px 0px 0px;
  font-size : 110%;
  font-family : sans-serif;
  /* font-weight : bold; */
}