/*
  Theme Name: prot02-2 
  Theme URI: http://www.fahlstad.se
  Description: A heavenly WordPress theme.
  Version: 1.0
  Author: Aya Tsukamoto
  Author URI: http://www.ayaaya.com
*/
body {
  margin: 0px;
  padding: 0px;
  color: #444;
  font-size: 12px;
  line-height: 1.5em; 
  font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック","osaka",sans-serif;
}

* {
  margin: 0px;
  padding: 0px;
}

h1, h2, h3, h4, h5 {
  font-size: 12px;
}

img {
  border: 0;
}

ul {
  list-style: none;
}

.center {
  text-align: center;
}

em {
  font-style: normal;
  font-weight: bold;
}

.br {
  margin-bottom: 1.5em;
}

strong {
  font-weight: normal;
  font-style: normal;
}

.both {
  clear: both;
}

.indent {
  text-indent: 1em;
}

.right {
  text-align: right;
}

.t2 {
  margin-top: 2px;
}

.t3 {
  margin-top: 3px;
}

.t6 {
  margin-top: 6px;
}

.t12 {
  margin-top: 12px;
}

.b3 {
	margin-bottom: 3px;
}

.b6 {
  margin-bottom: 6px;
}

.b9 {
  margin-bottom: 9px;
}

.r6 {
  margin-right: 6px;
}

.font10 {
  font-size: 10px;
  line-height: 1.5em;
}

#p_nav {
  margin: 2px 0 0 6px;
}

#icon01{
  background: transparent url(images/icon01.gif) no-repeat center left;
	float: right;
}

#icon01 a {
	padding-left: 16px;
}
.icon02 {
  background: transparent url(images/icon02.gif) no-repeat center left;
  padding: 0 0 0 10px;
}


.icon04 {
  background: transparent url(images/icon04.gif) no-repeat center left;
  padding: 0 0 0 10px;
}

dd {
  background: transparent url(images/icon02.gif) no-repeat center left;
  padding: 0 0 0 10px;
  margin-left: 1em;

}

dt {
  font-weight: bold;
  margin-top: 12px;
  background: transparent url(images/icon03.gif) no-repeat center left;
  padding: 0 0 0 10px;

}

.img_m {
  margin: 6px 0 6px 0;
}

/* wrapper setting */
#wrap {
  width: 750px;
  margin: 0 auto;
  padding: 0;
  background: transparent url(images/bg.gif) center repeat-y;
}


/* header */
#header {
  height: 144px;
  padding: 0 9px;
  background: transparent url(images/bg.gif) center repeat-y;
}

#head_m {
  color: #3388CC;
}

#rogo {
  background: transparent url(images/logo.gif) no-repeat;
  width: 65px;
  height: 84px;
  float: left;
  margin: 0px 22px 0px 21px;
}

#site-ex {
  font-size: 10px;
  margin: 0 0 0 1px;
  line-height: 1.0em;
}


#sitename {
  font-size:12px;
  margin: 64px 0 0 9px;
  float: left;
}

#top_tel {
  background: transparent url(images/tel.gif) no-repeat;
  width: 171px;
  height: 82px;
  margin: 10px 0 10px;
}

#tel_magin {
  margin: 10px 0 10px;
}


#top_right {
  text-align: right;
	height: 70px;/* 84-14=70px */
  padding: 14px 9px 0 0;
	margin-bottom: 9px;/* logoの下のスペース分 */
}

#header #sitename em {
  font-size: 16px;
}

#header form {
	position: relative;
	top: 30px;
}


#in_search{
  width: 70px;
  vertical-align: top;
}

#search_img {
  width: 36px;
  height: 20px;
}

/* ナビゲーション */

#nav0 {
  background: transparent url(images/head_nav_other.gif) no-repeat bottom;
  height: 8px;
	font-size: 0;
	line-height: 0.1em;
	vertical-align: top;
}


#head_nav {
  width: 732px;
}
#head_nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#head_nav li {
  margin: 0;
  padding: 0;
  height: 47px;
  float: left;
  text-indent: -5000px;
}
#head_nav li a {
  text-decoration: none;/* Firefox等で線が表示されないようにする */
  display: block;
  height: 47px;
}

#head_nav li#nav01 {
  background: transparent url(images/head_nav01.gif) no-repeat;
  width: 123px;

}
#head_nav li#nav02 {
  background: transparent url(images/head_nav02.gif) no-repeat;
  width: 123px;

}
#head_nav li#nav03 {
  background: transparent url(images/head_nav03.gif) no-repeat;
  width: 123px;

}
#head_nav li#nav04 {
  background: transparent url(images/head_nav04.gif) no-repeat;
  width: 123px;

}
#head_nav li#nav05 {
  background: transparent url(images/head_nav05.gif) no-repeat;
  width: 123px;

}
#head_nav li#nav06 {
  background: transparent url(images/head_nav06.gif) no-repeat;
  width: 117px;

}

/* マウスオーバー  */
#head_nav li#nav01 a:hover {
  background: transparent url(images/head_nav01_1.gif) no-repeat;
}

#head_nav li#nav02 a:hover {
  background: transparent url(images/head_nav02_1.gif) no-repeat;
}
#head_nav li#nav03 a:hover {
  background: transparent url(images/head_nav03_1.gif) no-repeat;
}
#head_nav li#nav04 a:hover {
  background: transparent url(images/head_nav04_1.gif) no-repeat;
}
#head_nav li#nav05 a:hover {
  background: transparent url(images/head_nav05_1.gif) no-repeat;
}

#head_nav li#nav06 a:hover {
  background: transparent url(images/head_nav06_1.gif) no-repeat;
}

/* content */
#content {
  margin: 0;
  padding: 0 9px;
}

#main {
  margin: 0;
  padding: 0;
}

#entry_ul {
  padding: 0 0 25px 0; 
  line-height: 1.5em;
}

#entry_ul table {
  background: transparent url(images/dot.gif) repeat-x bottom left;
	width: 480px;
  height: 50px;
  margin-bottom: 0px;
}


#top_left_side {
  width: 538px;
  float: left;
}

#top_right_side {
  width: 187px;
  float: right;
}

#top_left_side_m {
  margin-top: 4px;
  margin-right: 7px;
  margin-left: 0px;
}

#top_right_side_m {
  margin-top: 4px;
  margin-right: 4px;
  margin-left: 0px;
}

#top_table {
  margin: 0 9px;
}

#top_table .type1 {
  vertical-align: top;
  text-align: left;
  padding-bottom: 9px;
  width: 102px;
}

#top_table .type2 {
 vertical-align: top;
  text-align: left;
  padding: 0 0 6px 0;
} 

#top_tel_left {
  width: 4px;
  float: left;
  margin-right: 5px;
}

#top_tel_right {
  float: left;
}

/* hタイトル関係top */
#top_title01 {
  background: transparent url(images/top_title01.gif) no-repeat;
  width: 538px;
  height: 42px;
  margin-bottom: 9px;
  text-indent: -5000px;
}

#top_img {
  width: 732px;
  margin: 0;
  padding: 0;
}

#top_h1 {
  text-indent: -5000px;
}

#top_img_l {
 background: transparent url(images/top_img.jpg) no-repeat top;
  width: 732px;
  height: 238px;
  float: left;
  margin: 0;
  padding: 0;
}

 
.next {
  text-align: right;
  font-size: 10px;
}

.next a{
  background: transparent url(images/icon03.gif) no-repeat center left;
  padding: 0 0 0 13px;
}

/* footer */
/* 下からp_navがある場合 */
#bottnav {
  text-align: right;
  margin-top: 9px;
}

/* 下層のfooter */
#footer02 {
  padding: 0 9px;
  clear: both;
  font-size: 10px;
  line-height: 1.4em;
  height: 71px;

}

#foot01 {
  background: transparent url(images/bg02.gif) no-repeat top;
  height:32px;
  width: 732px;
  margin: 0;
  vertical-align: top;
  color: #006;
}

#foot01_1 {
  background: transparent url(images/bg03.gif) no-repeat top;
  height:33px;
  width: 732px;
  margin: 0;
  vertical-align: top;
  color: #006;
}

#foot02 {
  background: #38c;
  vertical-align: top;
  color: #fff;
}

#foot_li {
  list-style-type: none;
  padding: 9px 0 0 9px;

}

#foot_li li {
  display: inline;
	
}


#foot_l,
#foot_r {
	height: 15px;
}
/* IE6 */
* html #foot_l,
* html #foot_r {
	height: 18px;
}
/* IE7 */
* +html #foot_l,
* +html #foot_r {
	height: 18px;
}

#foot_l {
  float: left;
  padding: 3px 0 3px 9px;
}

#foot_r {
  float: right;
  padding: 3px 9px 3px 0;
}
 
#bottnav {
  text-align: right;
  margin: 15px 12px 6px 0;
}

#ordre_right {
  text-align: right;
}


#bottnav a {
  background: transparent url(images/p_top.gif) no-repeat center left;
  padding: 0 0 0 10px;

}

#bottrow {
	clear: both;
  background: transparent url(images/bottrow.gif) no-repeat;
  width: 750px;
  height: 9px;
  margin: 0 auto;
}

#top_img {
	background: url(images/top_img.gif) no-repeat bottom;
	height: 239px;
	width: 732px;
}

/*下層ページ*/
/* 下層ナビ */
#s_nav00 {
  background: transparent url(images/side_nav00.gif) no-repeat top;
  width: 179px;
  height: 5px;
  margin: 0;
  font-size: 0; /* IE画像の隙間なくし */
}

#side_navi {
  margin: 0 0 12px 0;
  padding: 0;
  width: 179px;
}

#side_navi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#side_navi li {
  margin: 0;
  padding: 0;
  text-indent: -5000px;
}

#side_navi li a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: block;
  height: 38px;
}

#side_navi li#s_navi01 {
  background: transparent url(images/side_nav01.gif) no-repeat;
}

#side_navi li#s_navi02 {
  background: transparent url(images/side_nav02.gif) no-repeat;
}

#side_navi li#s_navi03 {
  background: transparent url(images/side_nav03.gif) no-repeat;
}

#side_navi li#s_navi04 {
  background: transparent url(images/side_nav04.gif) no-repeat;
}

#side_navi li#s_navi05 {
  background: transparent url(images/side_nav05.gif) no-repeat;
}

#side_navi li#s_navi06 {
  background: transparent url(images/side_nav06.gif) no-repeat;
}

#side_navi li#s_navi07 {
  background: transparent url(images/side_nav07.gif) no-repeat;
}



#sidebox {
  margin-top: 16px;
}

#sidebox ul {
  margin: 9px 0 0 0;
  padding: 0;	
  list-style-type: none;
}

#sidebox02 {
  margin: 0;
  padding: 0;
}



#sidebox li,
#sidebox02 li {
  margin-bottom: 3px;
  padding: 0;
  line-height: 0.1em;
  font-size: 0;
}


#right_side {
  width: 537px;
  float: right;
}

#left_side {
  width: 193px;
  float: left;
}

#left_side_m {
  padding: 12px 0 12px 15px;
}

#right_side_m {
  padding: 12px 31px 12px 24px;
}

/* webインテグレーション */
.service_web01 {
  background: transparent url(images/service_01_01.gif) no-repeat top center;
  width: 483px;
  height: 168px;
  text-indent: -5000px;
}

.service_web03 {
  background: transparent url(images/service_01_02.gif) no-repeat top center;
  width: 64px;
  height: 42px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

.service_web04 {
  width: 470px;
  height: 35px;
  background: url(images/service_01_03.gif) no-repeat;
  font-size: 14px;
  color:#FFFFFF;
  line-height: 20px;
  padding:7px;
}

.service_web05 {
  width: 470px;
  height: 35px;
  background: url(images/service_01_03.gif) no-repeat;
  font-size: 14px;
  color:#FFFFFF;
  line-height: 20px;
  padding:7px;
}

.web01 {
  float: left;
  width: 64px;
  margin-right: 10px;
}

.web02 {
  float: left;
  width: 232px;
  margin-top: 9px;
}

.web03 {
  margin-bottom: 10px;
}

.web04 {
  text-align: center;
  margin-bottom: 20px;
}

.web05 {
  margin-bottom: 0px;
}

.web06 {
  text-align: center;
}

.web07 {
  float: left;
  width: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: top;
}

.web01 li {
  background: transparent url(images/icon02.gif) no-repeat left;
  padding: 0 0 0 15px;
  width: 200px;
  line-height: 24px;
}

.web02 li {
  color: #0099CC;
  padding: 0 0 0 15px;
  width: 200px;
  line-height: 24px;
}

/* デジタルコンテンツ制作 */
#service_digital01 {
  background: transparent url(images/service_02_01.gif) no-repeat top center;
  width: 483px;
  height: 87px;
  text-indent: -5000px;
  margin-bottom: 20px;
}

/* 制作フロー */
#service_flow01 {
  background: transparent url(images/service_03_01.gif) no-repeat top center;
  width: 483px;
  height: 336px;
  text-indent: -5000px;
  margin-bottom: 20px;
}

#service_flow02 {
  background: transparent url(images/service_03_02.gif) no-repeat top center;
  width: 483px;
  height: 323px;
  text-indent: -5000px;
  margin-bottom: 20px;
}

#service_flow03 {
  background: transparent url(images/service_03_03.gif) no-repeat top center;
  width: 483px;
  height: 280px;
  text-indent: -5000px;
  margin-bottom: 20px;
}

.service_flow04 {
  width: 475px;
  background: #DCEEFF;
  border: 1px solid;
  border-color: #6FA7DE;
  font-size: 14px;
  color:#0033CC;
  line-height: 20px;
  padding:4px;
}

.service_flow05 {
  width: 483px;
  font-size: 12px;
  line-height: 18px;
}

/* 会社概要 */
#company_outline01 {
  background: transparent url(images/title_03_01.gif) no-repeat top center;
  width: 483px;
  height: 48px;
  text-indent: -5000px;
  margin-bottom: 10px;
}

#company_outline02 {
  background: transparent url(images/company_01_01.gif) no-repeat top center;
  width: 217px;
  height: 21px;
  text-indent: -5000px;
  margin-bottom: 10px;
}

#company_outline03 {
  background: transparent url(images/company_01_02.gif) no-repeat top center;
  width: 217px;
  height: 21px;
  text-indent: -5000px;
  margin-bottom: 10px;
}

#company_access01 {
  background: transparent url(images/title_03_02.gif) no-repeat top center;
  width: 483px;
  height: 48px;
  text-indent: -5000px;
  margin-bottom: 10px;
}

#company_access02 {
  background: transparent url(images/company_02_01.gif) no-repeat top center;
  width: 133px;
  height: 21px;
  text-indent: -5000px;
  margin-bottom: 10px;
}

#company_access03 {
  background: transparent url(images/company_02_02.gif) no-repeat top center;
  width: 133px;
  height: 21px;
  text-indent: -5000px;
  margin-bottom: 10px;
}

/* 採用情報 */
#recruit_designer01 {
  background: transparent url(images/title_04_01.gif) no-repeat top center;
  width: 483px;
  height: 48px;
  text-indent: -5000px;
  margin-bottom: 10px;
}

#recruit_designer02 {
  width: 475px;
  background: #8AB1D8;
  font-size: 12px;
  font-weight: bold;
  color:#FFFFFF;
  padding:4px;
  margin-bottom: 10px;
}

.recruit_designer03 {
  background: #FFFFFF;
  width: 110px;
  color: #3388CC;
  vertical-align: top;
}

.recruit_designer04 {
  background: #FFFFFF;
  vertical-align: top;
}

#recruit_designer05 {
  width: 461px;
  background: #FFFFFF;
  border: solid 1px;
  border-color: #D1D1D1;
  font-size: 12px;
  padding:10px;
}

#recruit_partner01 {
  background: transparent url(images/title_04_02.gif) no-repeat top center;
  width: 483px;
  height: 48px;
  text-indent: -5000px;
  margin-bottom: 10px;
}


/* hタイトル関係下層 */
#title_img05 {
  background: transparent url(images/title_news.gif) no-repeat top center;
  width: 483px;
  height: 48px;
  text-indent: -5000px;
  margin-bottom: 10px;
}

#title_img06 {
  background: transparent url(images/title_search_resultat.gif) no-repeat top center;
  width: 483px;
  height: 48px;
  text-indent: -5000px;
  margin-bottom: 10px;
}


#service_title01 {
  background: transparent url(images/title_01_01.gif) no-repeat top center;
  width: 483px;
  height: 48px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#service_title02 {
  background: transparent url(images/title_01_02.gif) no-repeat top center;
  width: 483px;
  height: 48px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#service_ab_title02 {
  background: transparent url(images/service_about_20.gif) no-repeat top center;
  width: 154px;
  height: 22px;
  text-indent: -5000px;
  margin-top: 12px;
}

#service_title03 {
  background: transparent url(images/title_01_03.gif) no-repeat top center;
  width: 483px;
  height: 48px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#service_ser_title01 {
  background: transparent url(images/service_service_title01.gif) no-repeat top center;
  width: 482px;
  height: 46px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#service_ser_title02 {
  background: transparent url(images/service_service_title02.gif) no-repeat top center;
  width: 192px;
  height: 22px;
  text-indent: -5000px;
  margin-top: 12px;
}

#service_ser_title03 {
  background: transparent url(images/service_service_01.gif) no-repeat top center;
  width: 482px;
  height: 25px;
  text-indent: -5000px;
  margin-bottom: 12px;
}

#service_ser_title04 {
  background: transparent url(images/service_service_05.gif) no-repeat top center;
  width: 482px;
  height: 25px;
  text-indent: -5000px;
  margin-bottom: 12px;
}

#service_ser_title05 {
  background: transparent url(images/service_service_title03.gif) no-repeat top center;
  width: 254px;
  height: 22px;
  text-indent: -5000px;
  margin-top: 19px;
}

#service_ser_title06 {
  background: transparent url(images/service_service_title04.gif) no-repeat top center;
  width: 148px;
  height: 22px;
  text-indent: -5000px;
  margin-top: 19px;
}

#service_intro_title01 {
  background: transparent url(images/service_intro_title01.gif) no-repeat top center;
  width: 482px;
  height: 46px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#service_intro_title02 {
  background: transparent url(images/service_intro_title02.gif) no-repeat top center;
  width: 192px;
  height: 22px;
  text-indent: -5000px;
  margin-top: 12px;
}

#service_intro_title02 {
  background: transparent url(images/service_intro_title02.gif) no-repeat top center;
  width: 192px;
  height: 22px;
  text-indent: -5000px;
  margin-top: 12px;
}

#service_intro_title03 {
  background: transparent url(images/service_intro_title03.gif) no-repeat top center;
  width: 192px;
  height: 22px;
  text-indent: -5000px;
}

#service_gallery_title01 {
  background: transparent url(images/service_gallery_title01.gif) no-repeat top center;
  width: 482px;
  height: 46px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#service_company_title01 {
  background: transparent url(images/service_company_title01.gif) no-repeat top center;
  width: 482px;
  height: 46px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#service_company_title02 {
  background: transparent url(images/service_company_title02.gif) no-repeat top center;
  width: 217px;
  height: 22px;
  text-indent: -5000px;
  margin-top: 12px;
}

#service_company_title03 {
  background: transparent url(images/service_company_title03.gif) no-repeat top center;
  width: 92px;
  height: 22px;
  text-indent: -5000px;
}

#service_contact_title01 {
  background: transparent url(images/service_contact_title01.gif) no-repeat top center;
  width: 482px;
  height: 46px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#service_contact_title02 {
  background: transparent url(images/service_contact_title02.gif) no-repeat top center;
  width: 146px;
  height: 21px;
  text-indent: -5000px;
  margin-top: 12px;
}

#service_privacy_title01 {
  background: transparent url(images/privacy_title01.gif) no-repeat top center;
  width: 482px;
  height: 46px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#service_rss_title01 {
  background: transparent url(images/rss_title01.gif) no-repeat top center;
  width: 482px;
  height: 46px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#service_sitemap_title01 {
  background: transparent url(images/sitemap_title01.gif) no-repeat top center;
  width: 482px;
  height: 46px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#map_title01 {
  background: transparent url(images/map_title01.gif) no-repeat top center;
  width: 482px;
  height: 46px;
  text-indent: -5000px;
  margin-bottom: 16px;
}

#map_title02 {
  background: transparent url(images/map_title02.gif) no-repeat top center;
  width: 192px;
  height: 22px;
  text-indent: -5000px;
  margin-bottom: 6px;
}

#map_title03 {
  background: transparent url(images/map_title03.gif) no-repeat top center;
  width: 192px;
  height: 22px;
  text-indent: -5000px;
  margin: 12px 0 6px 0;
}

#map_title04 {
  background: transparent url(images/map_title04.gif) no-repeat top center;
  width: 192px;
  height: 22px;
  text-indent: -5000px;
  margin: 12px 0 6px 0;
}

.h2_border {
  background: transparent url(images/dot.gif) repeat-x bottom left;
  padding-bottom: 1px;
  margin-bottom: 6px;
}

#service_ab_em02 {
  background: transparent url(images/service_about_02.gif) no-repeat top center;
  width: 444px;
  height: 18px;
  text-indent: -5000px;
  margin-bottom: 3px;
}

#service_ab_em03 {
  background: transparent url(images/service_about_16.gif) no-repeat top center;
  width: 311px;
  height: 13px;
  text-indent: -5000px;
  margin: 15px 0 6px 0;
}

#service_ser_em01 {
  background: transparent url(images/service_service_16.gif) no-repeat top center;
  width: 482px;
  height: 18px;
  text-indent: -5000px;
}

#service_ser_em02 {
  background: transparent url(images/service_service_17.gif) no-repeat top center;
  width: 233px;
  height: 18px;
  text-indent: -5000px;
}

#service_ser_em03 {
  background: transparent url(images/service_service_20.gif) no-repeat top center;
  width: 447px;
  height: 18px;
  text-indent: -5000px;
}

.ser_img_m {
  margin: 15px 0 9px;
}

#ser_gray_title_box {
  background: transparent url(images/service_01_02.gif) no-repeat center;
  width: 64px;
  height: 42px;
  clear: left;
}

#ser_gray_title_box2 {
  float: left;
  width: 232px;
  margin-top: 9px;
}

#ser_gray_title_box div {
  background: transparent url(images/service_about_11.gif) no-repeat center;
  width: 79px;
  height: 13px;
  text-indent: -5000px;
  padding: 9px 0 0 15px;
}

.ser_gray_body_box02 {
  float: left;
  width: 64px;
  margin-top: 9px;

}

.ser_gray_body_box01 {
  background: #eaeaea;
  width: 464px;
  min-height: 220px;
  padding: 0 9px 9px 9px;
}

.web_box01 {
  background: #ffffff;
  width: 464px;
  padding: 0 9px 9px 9px;
}

.web_box02 {
  background: #ffffff;
  width: 64px;
  padding: 0 9px 9px 9px;
}

.web_box03 {
  background: #ffffff;
  width: 200px;
  padding: 0 9px 9px 9px;
}

#ser_body_title01 {
  background: transparent url(images/service_about_12.gif) no-repeat;
  width: 79px;
  height: 13px;
  text-indent: -5000px;
}
#ser_body_title02 {
  background: transparent url(images/service_about_13.gif) no-repeat;
  width: 79px;
  height: 13px;
  text-indent: -5000px;
}
#ser_body_title03 {
  background: transparent url(images/service_about_14.gif) no-repeat;
  width: 79px;
  height: 13px;
  text-indent: -5000px;
}
#ser_body_title04 {
  background: transparent url(images/service_about_15.gif) no-repeat;
  width: 79px;
  height: 13px;
  text-indent: -5000px;
}

.ser_gray_body_box03 li {
  background: transparent url(images/icon02.gif) no-repeat center left;
  padding: 0 0 0 9px;
}

#gray_em01 {
  background: transparent url(images/service_about_17.gif) no-repeat;
  width: 103px;
  height: 14px;
  text-indent: -5000px;
}

#gray_em02 {
  background: transparent url(images/service_about_19.gif) no-repeat;
  width: 147px;
  height: 14px;
  text-indent: -5000px;
  clear: both;
}

#gray_em03 {
  background: transparent url(images/service_about_21.jpg) no-repeat;
  width: 138px;
  height: 160px;
  text-indent: -5000px;
  float: right;
}


.text {
  padding: 0;
  margin-bottom: 15px;
}

/* pに対してマージン有り */
.text02 {
  padding: 0 0 10px 0;
}
/* pに対してマージン無し */
.text03 {
  padding: 0;
}

.right_text {
  text-align: right;
}

.right-text p {
  text-align: left;
}

.service_ser_op li {
  float: left;
  width: 115px;
}
.service_ser_op_rm {
  margin: 1px;
}

.service_ser_op02 li {
  float: left;
  width: 154px;
  margin: 0;
  padding: 0;
}
.service_ser_op_rm02 {
  margin: 5px;
}

.service_ser_op {
  border: 1px solid #fff; /* operaの表示崩れ調整のため */
}

.b_box {
  width: 482px;
  background: #f3f3f3;
  border: 1px solid #e3e3e3;
  font-size: 10px;
  line-height: 1.4em;
}

.b_box_m {
  padding: 9px;
}

#service_ab_img01,
#service_ab_img02,
#service_ser_img01,
#service_ser_img02 {
  width: 482px;
}

#service_ab_img01 ul,
#service_ab_img02 ul,
#service_ser_img01 ul,
#service_ser_img02 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#service_ab_img01 li,
#service_ab_img02 li {
  float: left;
  width: 114px;
  height: 31px;
  padding: 3px 0 3px 0;
  text-indent: -5000px;
} 


#ab_img01_1 {
   background: transparent url(images/service_about_03.gif) no-repeat top center;

  margin-right: 8px;
} 

#ab_img01_2 {
   background: transparent url(images/service_about_04.gif) no-repeat top center;

  margin-right: 8px;
} 

#ab_img01_3 {
   background: transparent url(images/service_about_05.gif) no-repeat top center;

  margin-right: 8px;
}

#ab_img01_4 {
   background: transparent url(images/service_about_06.gif) no-repeat top center;

}

#ab_img01_5 {
   background: transparent url(images/service_about_07.gif) no-repeat top center;

  margin-right: 8px;
}

#ab_img01_6 {
   background: transparent url(images/service_about_08.gif) no-repeat top center;
   
  margin-right: 8px;
}

#ab_img01_7 {
   background: transparent url(images/service_about_09.gif) no-repeat top center;

  margin-right: 8px;
}

#ab_img01_8 {
   background: transparent url(images/service_about_10.gif) no-repeat top center;
}

#ab_img01_9 {
   background: transparent url(images/service_about_22.gif) no-repeat top center;
   width: 109px;
   height: 13px;
   clear: both;
   text-indent: -5000px;
   margin-bottom: 2px;
}


#service_ser_img01 li {
  float: left;
  height: 98px;
  padding: 3px 0 3px 0;
  text-indent: -5000px;
} 

#ser_img01_1 {
   background: transparent url(images/service_service_02.gif) no-repeat top center;

  margin-right: 5px;
  width: 158px;
} 

#ser_img01_2 {
   background: transparent url(images/service_service_03.gif) no-repeat top center;

  margin-right: 5px;

  width: 157px;
} 

#ser_img01_3 {
   background: transparent url(images/service_service_04.gif) no-repeat top center;

  width: 157px;

}
#text_float01 {
  float: left;
  width: 320px;
  padding: 0 0 10px 0;
}
#text_float02 {
  float: left;
  width: 320px;
  padding: 0;
}

#text_float_r01 {
  float: left;
  width: 160px;
  padding: 0;

  margin-bottom: 19px;
}

#text_float_r02 {
  float: right;
  width: 316px;
  padding: 0;
  margin-bottom: 19px;
}
#ab_img02 {
  background: transparent url(images/service_about_18.jpg) no-repeat top;
  width: 144px;
  height: 65px;
  float: right;
}

#table01 {
  background: #D1D1D1;
  clear: both;
  width: 483px;
}

#table02  {
  width: 100%;
}
#table02 td {
  padding: 3px 6px;
}

.font01 {
  color: #CC0000;
}

.font02 {
  color: #0099CC;
}

.font03 {
  color: #0099CC;
  font-size: 14px;
  line-height: 22px;
}

.table_top_title {
  background: #cecece;

  font-weight: bold;
}

.table_left_title {
  background: #f1f1f1;
  font-weight: bold;
  vertical-align: top;
}

.table_left_title02 {
  background: #f1f1f1;
  width: 100px;
  font-weight: bold;
  vertical-align: top;
}

.table_right {
  background: #fff;
}

.h2_m {
  margin-bottom: 19px;
}
.con_img {
  margin-top: 25px;
}

.br2 {
  margin-bottom: 20px;
}


.title_text {
  width: 480px;
  background: transparent url(images/dot.gif) repeat-x bottom left;
}

.title_text h2 {
  padding-bottom: 6px;
  font-size: 12px;
}

.title_tyA h2 {
  padding:3px 0 0 0;
  line-height: 2em;
  background: transparent url(images/title_h1.gif) no-repeat;
  height: 25px;
  font-size: 16px;
  color: #000;
}

#entry {
	width: 480px;
  float: right;
	padding: 6px 15px 10px 15px;
}


#pri_rss h2 {
  font-size: 12px;
  color: #38c;
}
  
#rss_regist li {
  display: inline;
  margin-left: 3px;
} 

.map_m {
  text-align: center;
  border: 1px solid #ccc;
}

/* リンク------------------------------------ */
a:link {
  color:#0033CC;
  text-decoration: underline;
}

a:visited {
  color: #000066;
  text-decoration: underline;
}

a:hover {
  color: #0033CC;
  text-decoration:underline;
}

a:active {
  color: #0033CC;
  text-decoration: underline;
}

/* 白文字リンク */
a.link02:link {
  color: #f2f2f2;
  text-decoration: underline;
}

a.link02:visited {
  color: #f2f2f2;
  text-decoration: underline;
}

a.link02:hover {
  color: #f2f2f2;
  text-decoration: none;
}

a.link02:active {
  color: #f2f2f2;
  text-decoration: underline;
}


/* -------Flash別ウィンドウ--------------------------- */
body#flash {
  background-color:#fff;
  margin: 0 auto;
  text-align:center;
  width: 494px;
  color: #666;
}

#flash_w {
  width: 494px;
}
.controller {
  text-align:center;
  margin: 10px 0 2px 0; 
}

#f_icon {
  text-align: right;
  margin: 15px 0 10px 0;
}

#f_ex {
  margin: 15px 0 10px 8px;
  text-align: left;
}

#close {
  margin: 15px 0 10px 8px;
  text-align: center;
}


#ex_table {
  background: #f3f3f3;
  width: 500px;
}

#ex_table_m {
  border: 1px solid #e3e3e3;
  padding: 10px;
}


#ex_table table .type1 {
  width: 44px;
}

#ex_table table .type2 {
  width: 250px;
  text-align: left;
  vertical-align: middle;
  padding-left: 9px;
  font-size: 10px;
}
#ex_table table .type3 {
  width: 142px;
  text-align: left;
  vertical-align: middle;

  font-size: 10px;
  padding-left: 9px;
}


td.x1 {
  background: transparent url(fotoVR3D_sample/common_img/icon_01_02.jpg) repeat-x;
  height: 7px;
}

td.x2 {
  background: transparent url(fotoVR3D_sample/common_img/icon_03_02.jpg) repeat-x;
}

td.y1 {
  background: transparent url(fotoVR3D_sample/common_img/icon_02_01.jpg) repeat-y;
  height: 480px;
}

td.y2 {
  background: transparent url(fotoVR3D_sample/common_img/icon_02_02.jpg) repeat-y;

  height: 480px;
}

/* サイトアイコン */
#site_icon li {
  padding: 0;
  height: 15px;
  float: left;
  width: 80px;
  margin: 2px 2px 0 0;
}
#site_icon li a {
  text-decoration: none;/* Firefox等で線が表示されないようにする */
  display: block;
  height: 15px;

}
#site_icon li#atom {
  background: transparent url(images/atom.gif) no-repeat;
  text-indent: -5000px;
}
#site_icon li#rss {
  background: transparent url(images/xml_rss2.0.gif) no-repeat;
  text-indent: -5000px;
}
#site_icon li#feedbunner {
  background: transparent url(images/feedburner.gif) no-repeat;
  text-indent: -5000px;
}
#site_icon li#xhtml {
  background: transparent url(images/w3c_xhtml.gif) no-repeat;
  text-indent: -5000px;
}
#site_icon li#css {
  background: transparent url(images/w3c_css.gif) no-repeat;
  text-indent: -5000px;
}
#site_icon li#wp {
  background: transparent url(images/wp.gif) no-repeat;
  text-indent: -5000px;
}
#site_icon #seo_css a {
  display: block;
  float: left;
}