/* CSS Document */

/*基本設定ここから*/

html {
    width:100%; /* 表示をウィンドウ幅一杯にする */
    margin:0; /* 同じ理由 */
    overflow:auto; /* スクロールバーを隠す */
 }

body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.9em;
	color: #333333;
	padding: 0px;
	width: auto;
	height: 100%;
	clear: both;
	margin: 0px;
	line-height: 1.3em;
	background-color: #FFFFFF;
	
   	}

image{
border:none;
}

#BodyIWrap1{
	background-repeat: repeat-x;
	background-image: url(../image/top_bg2.jpg);

} 

#BodyIWrap2 {
	background-color: #666666;
	background-position: 100%;



}

#BodyIWrap3{ 
    height:100%; 
    width:100%; 
    background:url(img4.jpg) fixed no-repeat 400px 50px; 
    overflow:auto; 
}


/*メイン画像ここまで*/

#toptxt {
	position: absolute;
	top: 160px;
	color: #FFFFFF;
	font-size: 14px;
	left: 25px;
	width: 730px;
	letter-spacing: 1px;
}

body:first-of-type #toptxt {
	position: absolute;
	top: 160px;
	color: #FFFFFF;
	font-size: 13px;
	left: 25px;
	width: 730px;
	letter-spacing: 1px;
}


#BodyIWrap1 #pageBody #pageTop h1{
	position:relative;
	height: 420px;
	width: 200px;
	top: -80px;
	right: -750px;
	background-image: url(../image/menu_bg2.png);
	background-repeat: no-repeat;
	font-size: 9px;
}

h2{
	width:200px;
	height:auto;
	position: absolute;
	top: 160px;
	right: -142px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

/*メイン画像ここから*/
h3{
	text-indent:-9999px;
	width:300px;
	height:100px;
	background-image:url(../image/main.png);
	background-repeat: no-repeat;
	position: absolute;
	top: -100px;
	left: -23px;
}


/*トップ文章ここから*/
h4{
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
}

#mark{
	position:absolute;
	top:-10px;
	width: 284px;
	height: 170px;
	left: -10px;
}

h1,h2,h3{
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}
a:link{
	color:#333333;
	text-decoration:underline;
}

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

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

a:active{
	color:#ffffff;
	text-decoration:none;
}




a.top:link{
	color:#ffffff;
	text-decoration:none;
}

a.top:visited{
  color:#ffffff;
  text-decoration:none;
}

a.top:hover{
	color:#ffffff;
	text-decoration:underline;
}

a.top:active{
	color:#ffffff;
	text-decoration:underline;
}


a.toptxt:link{
	color:#FF0000;
	text-decoration:none;
}

a.toptxt:visited{
  color:#FF0000;
  text-decoration:none;
}

a.toptxt:hover{
	color:#FF0000;
	text-decoration:underline;
}

a.toptxt:active{
	color:#FF0000;
	text-decoration:underline;
}



a.top2:link{
	color:#333333;
	text-decoration:none;
}

a.top2:visited{
  color:#333333;
  text-decoration:none;
}

a.top2:hover{
	color:#ff0000;
	text-decoration:underline;
}

a.top2:active{
	color:#ff0000;
	text-decoration:underline;
}

a.footer:link{
	color:#ffffff;
	text-decoration:none;
}

a.footer:visited{
  color:#ffffff;
  text-decoration:none;
}

a.footer:hover{
	color:#ffffff;
	text-decoration:underline;
}

a.footer:active{
	color:#ffffff;
	text-decoration:underline;
}


a.company:link{
	color:#ff0000;
	text-decoration:underline;
}

a.company:visited{
	color:#333333;
	text-decoration:underline;
}

a.company:hover{
	color:#ff0000;
	text-decoration:underline;
}

a.company:active{
	color:#ff0000;
	text-decoration:underline;
}






hr{
  display:none;
}


/*基本設定ここまで*/

/*レイアウト設定　ここから*/

#pageBody{
	width:800px;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	height: auto;
}


#pageTop{
	padding-top:20px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
}


#contentsWrap{
	clear:both;
	margin-top:20px;
	position: relative;
	top: -230px;
}

#content{
	width:550px;
	float:right;
	margin-top: -5px;
	margin-right: 10px;
	margin-left: 0px;
}


#side{
	width:200px;
	float:left;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
}




address{
	color:#FFFFFF;
	font-size:13px;
	font-style:normal;
	text-align:center;
	height: 300px;
	width: auto;
	line-height: 50px;
	position: relative;
	letter-spacing: normal;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	clear: both;
	float: none;
	bottom: 0px;
 }


/*フッターナビゲーション　ここから*/

#footerNavi{
	background-image: url(../image/footer_img.jpg);
	background-repeat: repeat-x;
	background-position: left;
	list-style-type:none;
	line-height: 20px;
	position: relative;
	height: 300px;
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 13px;
	top:0px;

}

#copy {
	position: relative;
	height: 30px;
	padding: 5px;
	overflow: hidden;
	text-align: center;
	bottom: 70px;
}

/*フッターナビゲーション　ここまで*/

/*サイドバナー　ここから*/

#sideBanner{
  list-style-type:none;
  margin-top:0px;
  margin-right:0px;
  margin-bottom:0px;
  margin-left:0px;
  padding-top:0px;
  padding-right:0px;
  padding-bottom:0px;
  padding-left:0px;
}

/*サイドバナー　ここまで*/



/*IE6用*/
* html img{ /* IE-expression (first-child) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
}

* html h1,h2,h3{
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}





/*IE6用*/


#flow {
	margin-bottom: 20px;
	margin-top: 20px;
}


/*料金ページ　ここから*/
.price1 {
	width: 170px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color: #F3F3F3;
}

.price2 {
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

.price3 {
	width: 85px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	letter-spacing: 1px;
	
}

.soft1 {
	background-color: #F3F3F3;
	width: 145px;
	padding-right: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
.soft2 {
	height: 20px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

.soft3 {
	height: 20px;
	border-left-style: solid;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

.soft4 {
	height: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}


.set {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	font-size: 16px;
	font-weight: bold;
	color: #CC6600;
	font-style: normal;
}

.set1 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

.set2 {
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

/*料金ページ　ここまで*/

/*実績ページ　ここから*/
.results {
	font-size: 14px;
	font-weight: bold;
	color: #3366CC;
}

.hp {
	height: 60px;
	vertical-align: top;
}

.hp2 {
	color: #0066CC;
	font-weight: bold;
	height: 30px;
	width: 380px;
	line-height: 30px;
}
/*実績ページ　ここまで*/

/*会社概要ページ　ここから*/

.company1 {
	letter-spacing: 1px;
	font-weight: bold;
	color: #126BBC;
	line-height: 25px;
	padding-bottom: 10px;
}


/*会社概要ページ　ここまで*/

/*プライバシーページ　ここから*/

#privacy1 {
	width: 540px;
	list-style-type: none;
	position: relative;
	left: -40px;
	
}

#privacy2 {
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	position: relative;
	margin-bottom: 5px;
}
.privacy_name {
	position: relative;
	text-align: right;
}

/*プライバシーページ　ここまで*/

.sitemap1 {
	width: 30px;
	background-image: url(../image/sitemap1.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	height: 25px;
}
.sitemap2 {
	background-image: url(../image/sitemap2.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.sitemap_img {
	position: relative;
	top: -230px;
	left: 260px;
}
#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../image/main2.jpg);
	background-repeat: no-repeat;
	height: 144px;
	width: 700px;
}

#content .sample {
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #666666;
}
.company2 {
	font-weight: bold;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
}
.company3 {
	font-weight: bold;
}
.company3 {
	color: #333333;
	font-weight: normal;
}
#yahoo {
	text-align: center;
	position: relative;
	width: 180px;
	left: 20px;
	top: 20px;
}

#count {
	text-align: left;
	position: relative;
	width: 170px;
	left: 25px;
	top: 50px;
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #666666;
	border: 1px solid #CCCCCC;
}

#ad {
	position: relative;
	top: 0px;
}
/*IE8*/
html>/**/body #ad {
	position: relative;
	top: -5px;
}
/*firefox*/


body:first-of-type #footerNavi{
	list-style-type:none;
	line-height: 20px;
	position: relative;
	height: 300px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 13px;
	background-image: url(../image/footer_img.jpg);
	background-repeat: repeat-x;
	background-position: left;
	color: #FFFFFF;
	
	
}

body:first-of-type #copy {
	position: relative;
	height: 30px;
	padding: 5px;
	text-align: center;
	bottom: 0px;
	
}

body:first-of-type address{
	text-align:center;
	height: auto;
	width: auto;
	position: relative;
	overflow: hidden;	
 }
/*firefox*/ 
 
#footer_menu {
	position: relative;
	top: 235px;
	text-indent: 30px;
}
#page_top {
	position: relative;
	top: 50px;
}
#content #dtp_banner {
	position: relative;
	top: 70px;
}
#dtp_sample {
	position: relative;
	top: 0px;
	left: 375px;
}
#BodyIWrap1 #pageBody #pageTop #contentsWrap #content #rogo_txt {
	width: 540px;
}
#BodyIWrap1 #pageBody #pageTop #contentsWrap #content #rogo_txt #txt1 {
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
}

#BodyIWrap1 #pageBody #pageTop #contentsWrap #content #rogo_txt #txt2 {
	font-size: 16px;
	border: 1px solid #999999;
	line-height: 25px;
	width: 190px;
	padding-left: 10px;
}
#BodyIWrap1 #pageBody #pageTop #contentsWrap #content #rogo_txt #txt3 {
	width: 340px;
}
#BodyIWrap1 #pageBody #pageTop #contentsWrap #side #amazon {
	position: relative;
	width: 120px;
	left: 45px;
	top: 40px;
}

/*20170808 Kaneko Add*/
#BodyIWrap1 #pageBody #pageTop #contentsWrap #side #mycounter {
	position: relative;
	width: 140px;
	left: 20px;
	top: 60px;
}

#tw_txt {
	position: relative;
	top: 15px;
	width: 230px;
	left: 0px;
	padding-bottom: 10px;
}

#tw_txt2 {
	position: relative;
	top: 20px;
	width: 230px;
	left: 0px;
	padding-bottom: 0px;
}
#BodyIWrap1 #pageBody #pageTop #contentsWrap #content #dtp_banner #facebook {
	position: relative;
	width: 320px;
	left: 10px;
	height: 350px;
}

/*2013/10/30 Add Msg*/
#topAddMsg {
	position: absolute;
	top: 210px;
	color: #FF0000;
	font-size: 16px;
	left: 25px;
	width: 730px;
	letter-spacing: 1px;
}


#linkmsg {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:28px;
	font-style: normal;
	color: #00C;
	
}

#linkmsg :link{
	color:#003;
	text-decoration:underline;
}
#linkmsg :hover{
	color:#069;
	text-decoration:underline;
}