@charset "Shift_JIS";


body {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 text-align: center;
 margin: 0px;
 padding: 0px;
 background: #fff;
 color:#333333;
 background: url(../images/bg_head.gif) repeat-x top;
}

#wrapper{
 margin: 29px 0 0 0;
 padding:0px;
 width: 100%;
 background: url(../images/pict_main.jpg) no-repeat top;
}

#pagebody {
 margin: 0px auto;
 padding: 0px;
 height: auto;
 color:#333333;
 width: 900px;
}

img{
      	border:none;
}


#contents{
 margin: 0px auto;
 padding: 0px;
 width: 900px;
}

#header{
 width:900px;
 height: 400px;
 margin: 0 auto;
 padding:0;
 
}


h1{
 margin:0 ;
 padding:0;
 font-size:12px;
 font-weight:normal;
 text-align:left;
 position: absolute;
 top: 5px;
 clear: both;
}


#logo{
 width:210px;
 margin:10px 0 20px 10px;
 >margin:10px 0 20px 5px;
 padding:0;
 float:left;
 z-index: 200;
}


#menu_header{
 vertical-align:top;
 margin:5px 0 0 0;
 padding:0;
 float:right;
}

.head_img img{
 margin-top:-132px;
 padding:0;
 vertical-align:text-bottom;
}

.head_img h2{
 margin:0;
 padding:0;
 text-indent: -9999px;
 font-size: 0;
 display: none;
}

.head_img p{
 margin:0;
 padding:0;
}

/*グローバルナビ
-----------------------------------------*/

div#gnavi{
 width: 900px;
 margin: 0 auto;
 padding: 0;
 clear: both;
 display: block;
 position: absolute;
 top: 360px;
 >position: relative;
 >margin-top: 197px;
 >top: 0;
 }

*html div#gnavi{
 position: relative;
 margin-top: 203px;
 top: 0;
}

div#gnavi ul{
 margin: 16px 0 0;
 padding: 0;
 }
div#gnavi ul li{
 float: left;
 display: inline;
 text-indent: -9999px;
}
div#gnavi ul li a {
 margin: 0;
 padding: 0;
 height: 56px;
 display:block;
 outline:0;
}
  div#gnavi ul li#menu_home{
   background: url(../images/menu/menu_home.gif) center no-repeat;
   width: 150px;
   height: 56px;
   }
  div#gnavi ul li#menu_home a:hover,li#menu_home.current a{
   background:url(../images/menu/menu_home_on.gif);
   }
  div#gnavi ul li#menu_hp{
   background: url(../images/menu/menu_hp.gif) center no-repeat;
   width: 150px;
   height: 56px;
   }
  div#gnavi ul li#menu_hp a:hover,li#menu_hp.current a{
   background:url(../images/menu/menu_hp_on.gif);
   }
  div#gnavi ul li#menu_up{
   background: url(../images/menu/menu_seo.gif) center no-repeat;
   width: 150px;
   height: 56px;
   }
  div#gnavi ul li#menu_up a:hover,li#menu_up.current a{
   background:url(../images/menu/menu_seo_on.gif);
   }
  div#gnavi ul li#menu_price{
   background: url(../images/menu/menu_price.gif) center no-repeat;
   width: 150px;
   height: 56px;
   }
  div#gnavi ul li#menu_price a:hover,li#menu_price.current a{
   background:url(../images/menu/menu_price_on.gif);
   }
  div#gnavi ul li#menu_work{
   background: url(../images/menu/menu_work.gif) center no-repeat;
   width: 150px;
   height: 56px;
   }
  div#gnavi ul li#menu_work a:hover,li#menu_work.current a{
   background:url(../images/menu/menu_work_on.gif);
   }
  div#gnavi ul li#menu_company{
   background: url(../images/menu/menu_company.gif) center no-repeat;
   width: 150px;
   height: 56px;
   }
  div#gnavi ul li#menu_company a:hover,li#menu_company.current a{
   background:url(../images/menu/menu_company_on.gif);
   }

/*フッター
-----------------------------------------*/

#footer {
	clear: both;
 display: block;
 height: 180px;
 width: 905px;
	margin:0 auto;
	padding:30px 0 0;
	font-size: 12px;
	color: #990000;
 background: url(../images/bg_footer.jpg) no-repeat;
}



#footermenu1{
  padding:5px 0 0 5px;
  font-size:11px;
  line-height: 2.5em;
}

#footermenu1 a{
       	color:#666666;
}


#footermenu1 a:visited{
      	color:#000099;
}

#footermenu1 a:hover{
      	color:#EF0505;
}

#footermenu2{
      	margin:0 0 20px;
      	padding:5px 0 0 5px;
      	font-size:11px;
}

#footermenu2 a{
      	color:#666666;
}


#footermenu2 a:visited{
      	color:#000099;
}

#footermenu2 a:hover{
      	color:#ef0505;
}


#footer_bar{
 display: none;
}

#address{
  height: 50px;
  font-size:12px;
  margin:10px 0 5px 10px;
  padding:0;
  color:#666666;
}

*html #address{
  padding-top:25px;
}

#copyright{
 font-size:11px;
 margin:10px 0 5px 10px;
 color:#666666;
}

*html #copyright{
 padding-top:8px;
}

#area{
 clear:both;
 margin:0 0 5px 7px;
 padding:5px 0 0 0;
 font-size:12px;
 color:#666666;
 line-height:140%;

}

/* トップページ
-------------------------------------*/


/*コンテンツ−外枠*/
#top_main{
 width:904px;
 margin:0;
 padding: 20px 3px;
 font-size:12px;
 line-height:1.5em;
 background: url(../images/bg_contents.gif) repeat-y;
 overflow: hidden;

}

#top_main img{
 vertical-align:text-bottom;
}

/*左コンテンツ−外枠*/
#top_main_left{
 float:left;
 width:590px;
 margin:0 0 8px 2px;
 padding: 0px 15px 10px 5px;
 background: url(../images/bg_line.gif) repeat-y right;
}

#top_intro{
 margin:0;
 padding:0;
 text-align: left;
}

#top_work{
 clear:both;
 width:590px;
 font-size:12px;
 line-height:120%;
 color:#333333;	
}


#top_work .top_work_new{
 width:	590px;
 font-size:12px;
 line-height:120%;
 color:#333333;	
 margin:5px 0 10px 5px;
 padding:5px 0 0 0;
}

#top_work .top_work_new p{
 margin:5px 0 0 0;
 padding:0;
}

#top_work .top_work_new_table{
 width:565px;
 margin:5px 0 10px 0;
 padding:0;
}

#top_work .top_work_new_table .top_works{
 margin:0;
 padding:5px 0 0 0;
 font-size:10px;
 text-align:center;
}



#top_work .goto_work{
 margin:10px 0 0 10px;
 padding:0;
}

#top_work a:hover{
 color:#ff0000;
}


#top_policy{
 width:565px;
 margin:0;
 padding:15px 0 0 0;
}

#top_policy p{
 margin:0 20px 0 10px;
 padding:0 5px 8px 0;
 font-weight:normal;
}


#top_policy img{
 float:left;
 clear:both;
 margin:0 20px 15px 10px;
}


.top_title{
 margin:0 0 0 10px;
 padding:10px 0 5px 0;
}


#top_contact{
 clear:both;
 width:565px;
 height:155px;
 margin:0 0 0 10px;
 padding:5px 0 10px 0;
 background:url(../images/pict_top_contact_back.jpg);
 background-repeat:no-repeat;	
}


#top_contact p{
 margin:70px 0 10px 250px;
 padding:0 0 0 0;
}


/*右コンテンツ−外枠
---------------------------------------------*/

#top_main_right{
 float:left;
 width:280px;
 padding:10px 2px;
}

#top_main_right a img{
 border:none;
}



/*トップページ：右コンテンツ*/


#right_contact{
 margin:0 0 15px 0;
 padding:0;
 width:274px;
 height:184px;
 background:url(../images/right_contact_back.gif);
 background-repeat:no-repeat;
}

#right_contact .btn_right_contact{
 padding:115px 0 0 0;
}

#right_work{
 width:180px;
 margin:0 0 15px 0;
 padding:0;
}

#right_blog{
 width:180px;
 margin:0 0 15px 0;
 padding:0;
}

#right_goh{
 width:180px;
 margin:0 0 15px 0;
 padding:0;
}

#top_right_area{
 width:180px;
 margin:15px 0 0 0;
 padding:0;
}

#top_right_copy{
 width:180px;
 margin:15px 0 0 0;
 padding:0;
}

/*ホームページ制作メニュー*/
.right_01{
       	width:180px;
       	margin:0;
       	padding:0;
       	border:1px solid #cccccc;
}

.right_01 p{
      	margin:0;
      	padding:0;
}


.right_01 img{
      	margin:0 0 2px 0;
      	padding:0;
}

.right_01 a img{
      	margin:10px 0 10px 12px;
      	padding:0;
}

.navi_right {
	margin: 0 0 0 8px;
	padding: 0;	
       
}


.navi_right a {
	color: #333333;
}

.navi_right a:hover{
      	color:#EF0505;
}

.navi_right ul {
	font-size: 12px;
	line-height: 180%;
        margin: 5px 0 0 20px;
        padding: 0;
        list-style-image: url(../images/arrow.jpg);
}


/*メガサイト概要*/

.top_right_title img{
       	margin:5px 0 0 0;
       	padding:0;
}

.top_right_title p{
	margin:0;
	padding:0; 
}

.top_right_box{
	width:180px;
	margin:0 0 20px 0;
	padding:0; 
	border:1px solid #cccccc;
	border-top:none;
}

.top_right_box img{
	margin:15px 0 5px 5px;
	padding:0 0 0 10px; 
}


.top_right_box span img{
	margin:0 0 10px 5px;
	padding:0 0 0 10px; 
}

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

.top_right_area p{
	margin:0;
	padding:0;
	color:#333333; 
}

/* hp.html
--------------------------------------*/

/*コンテンツ−外枠*/
#main{
	width:798px;
	margin:30px 2px 15px 0;
	padding:0;
	font-size:12px;
	line-height:1.5em;
}

#main img{
	vertical-align:text-bottom;
}


/*左コンテンツ−外枠*/
#main_left{
	float:left;
	width:590px;
	margin:0 0 8px 2px;
}

#main p{
	margin:2px 0 0 10px;
	padding:0 0 5px 0;
	line-height:160%;
}

#main .p1{
	margin:2px 10px 0 0px;
	padding:10px 0 10px 0;
	line-height:160%;
}


.hp_text{
	margin:2px 30px 0 18px;
	padding:0 0 10px 0;
	line-height:160%;
}

.hp_text1{
	margin:0;
	padding:0;

}

.hp_text1 table{
	margin:0 0 10px 10px;
}

/*データ、見出し　設定*/
.hp_text1 td,th {
	font-size:12px;
	line-height:180%;
	margin:0;
	padding:0;
}
/*セル内設定　(↑を継承)*/
.hp_text1 td{
	padding:0;
}

.btn_contact{
	margin:30px 0 20px 0;
	text-align:center;

}


/*右コンテンツ−外枠*/
#main_right{
       	float:right;
       	width:180px;
       	padding:0;
}

#main_right a img{
       	border:none;
}

#main_right .right_01{
       	width:180px;
       	margin:0;
       	padding:0;
       	border:1px solid #cccccc;
}

#main_right .right_01 p{
      	margin:0;
      	padding:0;
}


#main_right .right_01 img{
      	margin:0 0 2px 0;
      	padding:0;
}

#main_right .right_01 a img{
      	margin:10px 0 10px 12px;
      	padding:0;
}

#main_right .navi_right {
	margin: 0 0 0 8px;
	padding: 0px;	
       
}


#main_right .navi_right a {
	color: #333333;
}

#main_right .navi_right a:hover{
      	color:#EF0505;
}

#main_right .navi_right ul {
	font-size: 12px;
	line-height: 180%;
       	margin: 5px 0 0 20px;
	padding: 0px;
       	list-style-image: url(../images/arrow.jpg);
}


/*メガサイト概要*/

#main_right .right_title img{
       margin:5px 10px 0 0;
}

#main_right .right_title p{
	margin:0;
	padding:0; 
}



/* flow.html
---------------------------------------------*/

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

.flow table{
	margin:10px 0 10px 20px;
       	padding:0;
}

/*データ、見出し　設定*/
.flow td,th {
	font-size:12px;
	line-height:180%;
	margin:0;
	padding:0;
}
/*セル内設定　(↑を継承)*/
.flow td{
	padding:0;
}


.flow_text{
	margin:2px 30px 0 18px;
	padding:0 0 20px 0;
	line-height:160%;
}

#main .p2{
	margin:2px 0 0 10px;
	padding:0 0 10px 0;
	line-height:160%;
}


/* support.html
---------------------------------------------*/

#support{
       	width:580px;
       	margin:5px 0 20px 10px;
       	padding:0;
}

#support .p1 {
       	font-size:12px;
	color: #333333;
       	margin:0 10px 0 15px;
       	padding:0;
}

#support .p2 {
       	font-size:12px;
	color: #333333;
       	margin:20px 0 10px 10px;
       	padding:10px 0 10px 0;
}


#support table{
       	width:540px;
       	margin:5px 0 20px 15px;
       	padding:0;
}

#support table td,tr {
	font-size: 12px;
	line-height: 140%;
        margin:0;
	padding:10px 0 10px 15px;
}


/* up.html
---------------------------------------------*/

.up_table table{
	margin:5px 0 0 20px;
	padding:0;
}

.up_table td,tr{
	margin:0;
	padding:5px 5px 5px 10px;
}

#result_date{
	margin:5px 20px 0 335px;
	padding:0;
}



/* dev.html
----------------------------------------------------*/

#dev_works{
       width:580px;
       margin:5px 0 30px 0;
}
	
#dev_works h2 {
	color: #006699;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0 5px;
	letter-spacing: 0.05em;
       	font-size:12px;
}

#dev_works table{
	margin:0 0 0 5px;
        padding:0;
}

#dev_works td{
	font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

#dev_works .p1{
	font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 140%;
	margin: 5px 15px 15px 15px;
	padding: 0px;
}


/* work.html
---------------------------------------------*/

#works{
      	width:580px;
      	margin:0 10px 10px 10px;
      	padding:0;
}

#works .works_table {
	clear:both;
	width: 540px;
	margin: 15px 0 0 15px;
       	padding:0;
       	border-bottom:1px dotted #cccccc;
}

#works .works_table_left {
	width: 140px;
	margin:0;
       	padding:0 0 15px 0;
}

#works .works_table_right {
	width: 430px;
	margin:0;
       	padding:0 0 15px 0;
       	font-size:12px;
}


#works h2 {
	font-size: 12px;
	color: #ff7700;
	margin: 0px;
	padding:0;
}    


#works h2 a {
       	font-size:12px;
	color: #ff7700;
}

#works .p1 {
       	font-size:12px;
	color: #333333;
       	margin:0 10px 0 15px;
}

#works .works_text {
	font-size: 12px;
	line-height:140%;
	margin: 10px 0px 0px;
	padding: 0px;
}

#works .works_tantou {
	font-size: 12px;
	color: #003366;
	margin: 10px 0 0 0;
	padding: 0;
	line-height:120%;
}

#works .p3 a{
	color: #006699;
}



#works .page_count {
	display:inline;
	margin:0 0 15px 0;
	padding:0;
}

#works .ul_page_count {
	margin:0 0 0 10px;
	padding:10px 0 10px 0;
}

#works .page_count li {
	float: left;
	margin:0;
	padding:5px;
	list-style:none;
	font-size:11px;
}

#works .page_count li a {
	display: block;
	margin:0;
	padding:1px 10px 1px 10px;
	border:1px solid #dddddd;
	text-decoration: none;
}

#works .page_count a:hover {
	background-color: #0099ff;
	color: #ffffff;
}








/* price.html
---------------------------------------------*/

#price{
       	width:580px;
       	margin:5px 0 20px 10px;
       	padding:0;
}

#price .p1 {
       	font-size:12px;
       	color: #333333;
       	margin:0 10px 0 15px;
       	padding:0;
}

#price .p2 {
       	font-size:12px;
       	color: #333333;
       	margin:20px 0 10px 10px;
       	padding:10px 0 10px 0;
}


#price table{
       	width:540px;
       	margin:5px 0 20px 15px;
       	padding:0;
}

#price table td,tr {
	font-size: 12px;
	line-height: 140%;
        margin:0;
	padding:10px 0 10px 15px;
}



/* company.html
---------------------------------------------*/

#company{
       	width:580px;
       	margin:5px 0 20px 10px;
}
	
#company h2 {
	color: #ff6600;
	margin:0 0 0 10px;
	padding: 0;
	letter-spacing: 0.05em;
       	font-size:12px;
       	font-weight:bold;
}

/*テーブル設定 (company.html)*/
#company #company_table{
	width:500px;
	margin:30px 0 10px 10px;
       	padding:0;
}
/*データ、見出し　設定*/
#company .company_td_left {
	width:80px;
	font-size:12px;
	line-height: 140%;
	margin:	0;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:5px 0 5px 15px;
	background-color:#FFFFFF;
}
/*テーブル2列目*/
#company .company_td_right{
	width:400px;
	margin:0;
	padding:5px 0 5px 15px;
	font-size:12px;
    	color:#333333;
    	line-height:1.7em;
	border-bottom:	1px solid #cccccc;
	border-left:1px solid #cccccc;
}

#company .p1{
	color: #ff6600;
	margin:30px 0 0 10px;
	padding:0;
	letter-spacing: 0.05em;
       	font-size:12px;
}

#company .p2{
	font-size: 12px;
	line-height: 200%;
	margin:10px 15px 15px 20px;
	padding:0px;
       	color: #333333;
}


#company #prof_table{
	width:500px;
	margin:0 0 0 15px;
	padding:0;
}

#company .prof_table_left{
	width:100px;
	margin:0;
	padding:6px 5px 6px 5px;
	font-size:12px;
}

#company .prof_table_right{
	width:400px;
	margin:0;
	padding:6px 5px 6px 5px;
	font-size:12px;
}

#company .prof_text{
	margin:25px 0 0 20px;
	padding:0 0 5px 0;
	font-size:12px;
}


/* partner.html
---------------------------------------------*/

#partner{
       	margin:20px 0 20px 20px;
       	padding:0;
}

#partner .block1 {
	width: 540px;
	margin: 0 0 10px 15px;
       	padding:0 0 10px 0;
      	border-bottom:1px dotted #cccccc;
}

#partner .block1 h2 {
	font-size: 12px;
	color: #ff7700;
	margin: 0px;
       	padding-top:10px;
}    

#partner .block1 img {
	float: left;
	margin: 0 15px 10px 0px;
	padding: 5px 10px 10px 0px;
       	clear:both;
}

#partner .block1 a {
       	font-size:12px;
	color: #0000ff;
}

#partner .block1 p {
       	font-size:12px;
	color: #333333;
       	padding-right:10px;
}


#partner .block2 {
	width: 540px;
	margin: 0 0 10px 0;
       	padding:0 0 10px 0;
}

#partner .block2 h2 {
	font-size: 12px;
	color: #ff7700;
	margin: 0px;
       	padding-top:10px;
}    

#partner .block2 img {
	float: left;
	margin: 0 15px 10px 15px;
	padding: 5px 10px 10px 0px;
       	clear:both;
}

#partner .block2 a {
       	font-size:12px;
	color: #0000ff;
}

#partner .block2 p {
       	font-size:12px;
	color: #333333;
       	padding-right:10px;
}

/* link.html
---------------------------------------------*/

#link{
       	margin:10px 0 0 20px;
       	padding:0;
}

#link .block2 {
	width: 540px;
	margin:0;
       	padding:0 0 5px 0;
       	border-bottom:1px dotted #cccccc;
}

#link .block2 h2 {
	font-size: 12px;
	color:#ff6600;
	margin: 0px;
       	padding:10px 0 0 0;
}
#link .block2 h2 a{
	color:#0000ff;
}

#link .block2 a {
       	font-size:12px;
	color: #0000ff;
       	margin:0;
       	padding:0;
}

#link .p1 {
       	font-size:12px;
	color: #333333;
       	margin:0;
       	padding:0;
}

#link .link_seq{
	font-size: 12px;
	line-height: 20px;
	margin: 0px 0px 10px 200px;
	padding: 0px;
}



/* privacy.html
----------------------------------------------------*/

#privacy{
       	width:580px;
       	margin:5px 0 20px 5px;
}
	
#privacy h2 {
	color: #ff6600;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	letter-spacing: 0.05em;
       	font-size:12px;
       	font-weight:bold;
}

#privacy table{
	margin:0;
	padding:0;
}

#privacy td{
	font-size:12px;
}

#privacy .p1{
	font-size:12px;
	line-height: 140%;
	margin: 5px 5px 15px 5px;
	padding: 0px;
}

#privacy .p2{
      	text-align:right;
	font-size:12px;
	margin: 5px 50px 15px 5px;
	padding: 0px;
	line-height: 140%;
}


/* contact.html 
---------------------------------------------*/

#contact{
	width:540px;
	margin:0;
	padding:0;
}

#contact .contact_text{
	font-size: 12px;
	line-height: 20px;
	margin:0 0 10px 20px;
	padding:15px;
       	border:1px solid #006699;
}

#contact .p1{
	font-size: 12px;
	line-height: 20px;
	margin: 10px 15px 15px 20px;
	padding: 0px;
}


#contact table{
	margin:20px 0px 10px 20px;
}

#contact table td{
	border-bottom:1px solid #ffffff;
	padding:5px 0 5px 10px;
	background-color:#f9f9f9;
	font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#contact table td.koumoku{
	width:148px;
	background-color:#f2f2f2;
	font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#contact table td.bordernone{
	border:none;
}

.komemark{
	color:#ff6600;
}

.size1{
	width:150px;
}

.size2{
	width:250px;
}

.size3{
	width:50px;
}


/* sitemap.html 
-----------------------------------------*/

#sitemap{
       width:590px;
       margin:0 0 20px 5px;
}


/*リンク1*/
#sitemap #box_id01{
	width:				560px;
       	margin:0;
	padding:		0 0 20px 0;
	color:				#333333;
	font-size:			12px;
}
/*リンク1 インナー*/
#sitemap .box_id01_inner1{
	height:             20px;
	line-height:20px;
       	margin:0 0 5px 20px;
	padding:5px 0 0 10px;
	vertical-align:middle;
	background-color:#fff0e1;
       	font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#sitemap .box_id01_inner2{
	height:20px;
	padding:5px 0 0 40px;	
	vertical-align:	middle;
	background-color:#FFFFFF;
       	font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#sitemap .box_id01_inner1 a{
	text-decoration:none;
}

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

#sitemap .box_id01_inner2 a{
	text-decoration:none;
	color:#333333;
}
#sitemap .box_id01_inner2 a:hover{
	text-decoration:underline;
	color:#ff0000;
}