/*------------------------------ホームページ制作　新規制作------------------------------*/
.NewMainImg01 {
position:relative;
width:660px;
height:340px;
margin:1px 0px 0 0;
}

.NewMainImg01 div{
 position:absolute;
 top:0px;
 left:-0px;
 }


.NewMainImg02 {
position:relative;
width:660px;
height:86px;
}

.NewMainImg02 div{
 position:absolute;
 top:0;
 left:0;
 }
 
#new_box_top{
   background:url(../new/img/new_nayami_top.jpg) top left no-repeat;
   width:608px;
   height:30px;
   text-indent:-9999px;
   margin:20px 0 0 25px;
   }
   
#new_box_center{
   background:url(../new/img/new_nayami_center.jpg) top left repeat-y;
   width:608px;
   margin:0 0 0 25px;
   padding:0px 0 0 20px;
   }
   
#new_box_center div{margin:0px 0 20px 20px; padding-top:20px;}

#new_box_center li{
   background:url(../new/img/new_list_img.jpg) center left no-repeat;
   padding:6px 0 0 30px;
   margin:0 0 0px 20px;
   height:24px;
   font-size:15px;
   font-weight:bold;
   }
   
#new_box_bottom{
   background:url(../new/img/new_nayami_top.jpg) top left no-repeat;
   width:608px;
   margin:0px 0 0 25px;
   }
   
#new_contents_box{
   width:614px;
   margin:10px 0 0 20px;
   }
   
#new_contents_box p{padding:0 0 0 5px;}
   
#new_contents2{
   background:url(../new/img/new_contents3.jpg) top left no-repeat;
   width:614px;
   height:66px;
   text-indent:-9999px;
   margin:20px 0 0 0;
   }
   
#new_contents3{
   background:url(../new/img/new_contents4.jpg) top left no-repeat;
   width:614px;
   height:66px;
   text-indent:-9999px;
   margin:0 0 20px 0;
   }
   
#new_contents4{
   background:url(../new/img/new_contents5.jpg) top left no-repeat;
   width:614px;
   height:29px;
   text-indent:-9999px;
   margin:20px 0 20px 0;
   }



/*---------------共通　コンタクトバナー---------------*/
#ContactTop {
	height: 257px;
	width: 606px;
	margin-top:30px;
	background-image:url(../new/img/contact_bunner.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	
}
.ContactUnder {
	background-image: url(../new/img/contact_bunner2.jpg);
	background-repeat: no-repeat;
	height: 73px;
	width: 606px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
.ContactButton{
    position:absolute;
	left:74px;
	top:15px;
	width:458px;
	height:42px;
}
/*---------------共通　コンタクトバナー---------------*/





/*------------------------------料金プラン------------------------------*/
#SaitekiPlanBox {
	width: 600px;
	border: 1px solid #999999;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}
.Planbg01 {
	background-image: url(../plan/img/PlanImage01.jpg);
	background-repeat: no-repeat;
	height: 153px;
	width: 600px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
#Planbg02 {
	background-image: url(../plan/img/PlanImage02.jpg);
	background-repeat: no-repeat;
	height: 163px;
	width: 600px;
	position:relative;
}
#Planbg02 div {
	height: 150px;
	width: 450px;
	position: absolute;
	left: 140px;
	line-height:140%;
}
#Planbg02 .pink {
	font-size: 14px;
	font-weight: 700;
	color: #FF6666;
	display: block;
	padding-top: 10px;
}
#Planbg02 .small {
	display: block;
	padding-top: 5px;
	font-size: 12px;
	color: #666666;
}
.sample {
	height: 30px;
	width: 322px;
	margin-right: auto;
	margin-left: auto;
}
.okikase {
	height: 78px;
	width: 549px;
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
	background-image: url(../plan/img/PlanImage04.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	padding-top:20px;
}
.teian {
	background-image: url(../plan/img/PlanImage03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 550px;
	height:auto;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
.teian div {
    padding-left:100px;
	left: 102px;
	top: 12px;
}
.teian span {
	font-size: 14px;
	font-weight: 700;
	color: #FF6666;
	display: block;
	padding-top: 10px;
	padding-left:100px;
}
.ContactButtonOnly{
    margin:20px auto 0px auto;
	width:458px;
	height:42px;
}

.plan_caption{
   background:url(../plan/img/plan_caption_bg.jpg) top left no-repeat;
   font-size:16px;
   padding:10px 0 0 10px;
   text-align:left;
   width:631px;
   height:39px;
   margin-left:auto;
   margin-right:auto;
}
.PlanText {
	padding-left: 60px;
	padding-top:20px;
}
.Plan01 {
	background-image: url(../plan/img/PlanImage05.jpg);
	background-repeat: no-repeat;
	height: 563px;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.Plan02 {
	background-image: url(../plan/img/PlanImage06.jpg);
	background-repeat: no-repeat;
	height: 788px;
	width: 610px;
	margin-right: auto;
	margin-left: auto;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
/*------------------------------ウェブソリューション------------------------------*/
#ServiceBox {
	width: 599px;
	border: 1px solid #999999;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}
.ServiceImg {
	background-image: url(../service/img/ServiceImage01.jpg);
	background-repeat: no-repeat;
	height: 188px;
	width: 599px;
	margin-left:auto;
	margin-right:auto;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.ServiceImg02 {
	background-image: url(../service/img/ServiceImage02.jpg);
	background-repeat: no-repeat;
	height: 117px;
	width: 599px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.ServiceImg02_text {
   position:absolute;
   left:70px;
   top:5px;
   width:500px;
   height:90px;
}
#CorpMarkWrap {
	width: 597px;
	height:auto;
	overflow:auto;
}
#CorpBox{
    width: 245px;
	padding-left:26px;
	float:left;

}
#MarkBox{
    width: 245px;
	padding-left:53px;
	float:left;

}

.CorpTitle {
	background-image: url(../service/img/service_corp.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 98px;
	width: 245px;
	overflow: hidden;
}
.MarkTitle {
	background-image: url(../service/img/service_mark.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 98px;
	width: 245px;
	overflow: hidden;
}
.Tatitle {
	font-size: 13px;
	text-decoration: underline;
	padding-top: 5px;
}
.Tacoment {
	font-size: 12px;
	color: #666666;
}
.IconBox {
	margin-top: 25px;
}
.service_caption{
   background-color: #3396BF;
   font-size:16px;
   color:#FFFFFF;
   padding:7px 0 0 10px;
   text-align:left;
   width:599px;
   height:27px;
   margin-left:auto;
   margin-right:auto;
}
.service_unyou {
	background-image: url(../service/img/service_unyou.jpg);
	background-repeat: no-repeat;
	height: 330px;
	width: 599px;
	margin-left:auto;
    margin-right:auto;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
/*------------------------------お問い合わせフォーム------------------------------*/

#FormBox {
	width: 630px;
	margin-right: auto;
	margin-left: auto;
}

.table01 {
	width: 600px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
	font-size:13px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	color:#333333;
	font-weight:300;
	border: 1px solid #E3E3E3;
}
.table01 td {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E3E3E3;
	border-right-color: #E3E3E3;
	border-bottom-color: #E3E3E3;
	border-left-color: #E3E3E3;
	border-collapse: collapse;
}
.form1 {
	white-space: nowrap;
	padding:15px;
	 background:url(../contact/img/form_color1.jpg) top left repeat-x #B9D6F9;
}
.form2 {
	white-space: nowrap;
	padding:20px;
	background:url(../contact/img/form_color1.jpg) top left repeat-x #B9D6F9;
}
.form1_L {
	padding: 20px;
}
.FormImg {
	background-image: url(../contact/img/formimage.jpg);
	background-repeat: no-repeat;
	height: 285px;
	width: 602px;
	margin-right: auto;
	margin-left: auto;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

.contact_caption{
   background-color: #3396BF;
   font-size:16px;
   color:#FFFFFF;
   padding:7px 0 0 10px;
   text-align:left;
   width:599px;
   height:27px;
   margin-left:auto;
   margin-right:auto;
}

.form_sub_title{
   font-size:13px;
   font-weight:bold;
   margin:10px 0 0 0;
   }

.FormText {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
}

.FormText a, .FormText a:visited, .FormText a:active{color:#666666; text-decoration:underline;}
.FormText a:hover{color:#0099CC; text-decoration:underline;}

/*----左項目のテキストと必須・任意画像の設置-------*/ 
.formin_L{
   float:left;
   }
   

.formin_R{
   float:right;
   width:30px;
   height:18px;
   margin:0px 5px 0px 0px;
   } 
/*----左項目のテキストと必須・任意画像の設置///////////////-------*/ 
/*----送信・リセットボタン-------*/ 
#reset{
   width:173px;
   height:29px;
   background:url(../contact/img/mailform_btn2_rollout.jpg) top left no-repeat;
   border:0px;
   }
   
#send{
   width:173px;
   height:29px;
   background:url(../contact/img/mailform_btn1_rollout.jpg) top left no-repeat;
   border:0px;
   }
   
#form_btn{
   width:400px;
   height:50px;
   clear:both;
   margin:30px auto 0px auto;
   }
   
#form_btn li{
   float:left;
   padding-right:26px;
   }
/*----送信・リセットボタン///////////-------*/   


/*----〒番号検索フォーマットとボタンの配置-------*/    
#post_L{
   float:left;
   width:60px;
   }
   
#post_R{
   float:right;
   width:79px;
   }
/*----〒番号検索フォーマットとボタンの配置/////////////-------*/ 

/*------------------------------サイトマップ------------------------------*/
.sitemapBox {
	width: 550px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
.sitemapBox li {
    background:url(../sitemap/img/listimg.jpg) center left no-repeat;
	padding:5px 0 0 30px;
	margin-bottom:10px;
}