/******** WEB　サイト*********************/

body{
background-color:#ffffff;
	margin-top:0px;
	}

.contener{
	width:799px;
	margin-left:auto;
	margin-right: auto;

	padding: 0px;
	border-color: #999999;
	border-style: solid;
	border-width:0px 1px 0px 1px;	
	background-color: #FFFFFF;
	height:auto!important;
	overflow:hidden;
}




p{
	font-size:14px;
	color:#669966;
	margin-top:0px;
	margin-bottom:0px;
	font-family: "lr oSVbN", Osaka, "qMmpS Pro W3";
	line-height:24px;
}

h1{
 float:left;
	width:799px;
	margin-top:0px;
	margin-bottom:10px;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;
	background-color:#33CC00;
	line-height:18px;
}
h2{
margin:0px;

}
h3{
margin:0px;

}

/******************* ヘッダー**********************************/
.head{
height:20px;


}
.head_nav{
float:right;
}
.head_nav a{
float:left;
display:block;
width:80px;
font-size:12px;
color:#999999;
text-decoration:none;
margin:0px 0px 0px 12px ;
border-right:#999999 solid 1px;


}
.head_nav a:hover{
color:#00CC33;

}

/******************* Rec{bNX@ݒ@con@**********************************/
.con_box{
clear:both;
background-image:url(img/web_sidebar_bg.gif);
background-repeat:repeat-y;

}
.free p{
width:622px;
text-align:right;


}


/*******  サイドボックス　*************************************************************/

.side_box_l{
float:left;
display:block;
width:177px;
height:900px;





}

.side_box_l h2{
height:103px;
background-color:#FFFFFF;
}
.side_box_l p{
color:#999999;
font-size:12px;
line-height:16px;

padding:2px;


}
.side_box_l img{
vertical-align:bottom;

}

span{
display:none;}



/******* サイドナビ*************************/
.side_nav{
width:177px;
margin:0px;
padding:0px;



}

.side_nav a{
display:block;
width:177px;
height:40px;
background-repeat:no-repeat;
background-position:0px 0px;

}

.side_nav a:hover{

}
.side_sub_navi_link a{
color:#FFFFFF;
font-size:1px;


}

/******サイドナビ　通常************/
.sub_link01{
background-image:url(img/side_nav_01.gif);

}

.sub_link02{
background-image:url(img/side_nav_02.gif);

}

.sub_link03{
background-image:url(img/side_nav_03.gif);

}
.sub_link04{
background-image:url(img/side_nav_04.gif);

}
/******サイドナビ　アクティブ時*************/
.sub_link01hv{
background-image:url(img/side_nav_01_ac.gif);

}

.sub_link02hv{
background-image:url(img/side_nav_02_ac.gif);

}

.sub_link03hv{
background-image:url(img/side_nav_03_ac.gif);

}
.sub_link04hv{
background-image:url(img/side_nav_04_ac.gif);

}


/******Tサイドナビ　ホバー時*************/




.sub_link01:hover{
background-repeat:no-repeat;
background-position:0px -40px;

}
.sub_link02:hover{
background-repeat:no-repeat;
background-position:0px -40px;
}
.sub_link03:hover{
background-repeat:no-repeat;
background-position:0px -40px;
}
.sub_link04:hover{
background-repeat:no-repeat;
background-position:0px -40px;;
}


/***** サイドナビ　サブ***********************************/
.side_nav_sub a{
display:block;
width:177px;
height:20px;
background-repeat:no-repeat;

}

.sub_link001{
background-image:url(img/side_nav_sub_01.gif);

}
.sub_link002{
background-image:url(img/side_nav_sub_02.gif);
}
.sub_link003{
background-image:url(img/side_nav_sub_03.gif);
}
.sub_link001:hover{
background-image:url(img/side_nav_sub_01.gif);

}

.sub_link002:hover{
background-image:url(img/side_nav_sub_02_hv.gif);
}

.sub_link003:hover{
background-image:url(img/side_nav_sub_03_hv.gif);
}

/******************* タイトル　**********************************/
.title  {
	margin:0px;
	padding-bottom:0px;
	width:720px;
	height:53px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.title h1{
    font-size:12px;
    color:#669966;  
    padding-top:10px;
    float:left;
    text-align:right;
    padding-right:5px;
}
.title h2{
    font-size:12px;
    color:#336600;
    padding-top:15px;
    float:left;
    text-align:right;
    padding-right:5px;
}
.title p{
    color:#336600;
    text-align:left;
    font-family:Arial Black;
    font-size:30px;
    margin-top:0px;
    margin-left:5px;
    padding-left:5px;
    padding-top:5px;
    width:500px;
    float:left;
}



 /********************* メイン　ナビゲーション***************************/

.menu{
	background-image:url(img/web_nav_bg.gif);
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 70px;
	width:552px;
	height:48px;



	
}

.menu span{
display:none;

}
/****メインナビ*****/
.menu a{
    text-decoration:none;
    display:block;
     float:left;
background-position:0px 0px;	 
	 background-position:top;
	 background-repeat:no-repeat;
	 height:40px;
	 width:110px;
}


/****メインナビ　通常時*****/
.link01{
background-image:url(img/web_nav_01.gif);

}
.link02{

background-image:url(img/web_nav_02.gif);

}

.link03{

background-image:url(img/web_nav_03.gif);

}
.link04{
background-image:url(img/web_nav_04.gif);

}
.link05{
background-image:url(img/web_nav_05.gif);

}
.link06{

background-image:url(img/web_nav_06.gif);

}
/****メインナビ　アクティブ時*****************/
.link01hv{
background-color:#FFFFFF;
background-image:url(img/web_nav_01_ac.gif);

}

.link02hv{
background-color:#FFFFFF;
background-image:url(img/web_nav_02_ac.gif);

}
.link03hv{
background-color:#FFFFFF;
background-image:url(img/web_nav_03_ac.gif);

}

.link05hv{
background-color:#FFFFFF;
background-image:url(img/web_nav_05_ac.gif);

}
.link06hv{
background-color:#FFFFFF;
background-image:url(img/web_nav_06_ac.gif);

}



/****メインナビ　ホバー時*****************/
.link01:hover{
background-repeat:no-repeat;
background-position:0px -40px;

}
.link02:hover{
background-position:0px -40px;
background-repeat:no-repeat;
}
.link03:hover{
background-position:0px -40px;
background-repeat:no-repeat;
}

.link04:hover{
background-position:0px -40px;
background-repeat:no-repeat;
}
.link05:hover{
background-position:0px -40px;
background-repeat:no-repeat;
}

.link06:hover{
background-position:0px -40px;
background-repeat:no-repeat;
}



/*******  右側　メイン　コンテンツボックス************************************************/
.box_r{
float:left;
width:621px;
margin:0px;
padding:0px;



}
.bun_box{
padding:0px 5px 0px 5px;
width:611px;



}
.box{
clear:both;
width:620px;


}
/***ボックス　左側**/
.box_l01{
float:left;
height:320px;
padding:5px;


}


.box_l01 h3{
margin:0px;

}
.box_l01 p{
margin:5px 0px 5px 0px ;
}

.box_l{
float:left;
padding:5px;
width:180px;

}
.box_l p{
margin:5px 0px 5px 0px ;
}

/***ボックス　右側**/
.box_r01 h3{
font-size:14px;
color:#33CCFF;
line-height:18px;

}
.box_r{
float:left;
width:430px;

}




.bun_box{
clear:both;
padding:0px;

}
.bun_box p{
padding:0px 0px 0px 10px;

}
.bun_box ul{
margin:0px;
}

.bun_box li{
margin:0px 0px 0px 25px;
line-height:20px;
color:#0099CC;
font-size:14px;


}
/*******　　ホームページ制作　*****************************************************************/
.web_box{
clear:both;
width:620px;
padding:0px;

}
.web_box p{
padding:0px 0px 0px 0px;

}
.web_box ul{
margin:0px;
}

.web_box li{
margin:0px 0px 0px 25px;
line-height:20px;
color:#0099CC;
font-size:14px;


}


/***********制作フロー****************************************************/
.flo_box{
clear:both;
width:622px;
height:140px;

}
.flo_box p{
line-height:18px;


}
.flo_box_l{
float:left;
width:180px;

}
.flo_box_r{
	float:left;
	padding:5px 5px 0px 5px ;
	width:430px;
	height:140px;


}

.flo_box a{
font-size:14px;
line-height:16px;
color:#00CCCC;


}

/*********** 制作実績*****************************************************/
.work_box{
width:622px;

border-bottom:#999999 dashed 1px;
overflow:hidden;


}
.work_box:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	
	
	
}

.work_box_l{
float:left;
width:200px;
padding:10px;


}
.work_box_l img{
	border-width:0px;
	width:180px;
	
	
}

.work_box_r{
float:left;
width:390px;
height:auto;
padding:10px 10px 0px 0px ;


}
.work_box_r p{
line-height:18px;

}
.work_box_r strong{
color:#00CCFF;
font-weight:normal;
}
/*********** FAQ　よくある質問****************************************************/
.faq_box{
padding:10px 0px 0px 10px;

}
.faq_box li{
color:#3366FF;
margin-left:30px;
}

.faq_box a{
clear:both;
display:block;
line-height:20px;
color:#3366FF;
text-decoration:none;
font-size:14px;
width:500px;


}
.faq_box a:hover{
text-decoration:underline;
color:#00CC00;
}
.faq_box p{
margin:0px 0px 0px 30px;
width:570px;
}


.faq_box h4{
display:block;
width:500px;
height:20px;
background-color:#FFFFFF;
background-image:url(img/web_faq_h4.gif);
background-position:left;
background-repeat:no-repeat;
line-height:20px;
font-size:14px;
color:#003366;
font-weight:normal;
padding:0px 0px 0px 20px;
margin:20px 0px 10px 0px;



}

.tophe{
text-align:right;
width:600px;
color:#00CCCC;
}


.tophe a{
color:#00CCCC;
font-size:12px;

}
/*******会社案内*************************************************/
.cop_box{
clear:both;
margin:0px 0px 20px 0px;

}
.cop_box table{
margin:20px 0px 0px 20px;
border:#999999 solid;
border-width:1px 0px 0px 1px;

}
.cop_box td{
padding:5px 10px 5px 10px;
border:#999999 solid;
border-width:0px 1px 1px 0px;
vertical-align:top;

}

/*******プラン料金*************************************************/
.plan_box{
width:622px;
font-size:12px;
padding:0px;



}
.plan_box p{
width:602px;
padding:0px 0px 0px 20px;
color:#003333;

}
.plan_box img{
margin:0px 0px 0px 0px;
border:none;




}
.plan_box td{
border:#999999 solid;
border-width:1px 1px 0px 0px;


}
.plan_box table{
width:600px;
border:#999999 solid;
border-width:0px 0px 1px 1px;
padding:2px 5px 2px 5px;
margin:0px 10px 10px 10px;


}

.plan_box a{
color:#006699;

}


.plan_box h4{
display:block;
width:500px;
height:20px;
background-color:#FFFFFF;
background-image:url(img/web_faq_h4.gif);
background-position:left;
background-repeat:no-repeat;
line-height:20px;
font-size:14px;
color:#003366;
font-weight:normal;
padding:0px 0px 0px 20px;
margin:20px 0px 10px 0px;



}

.plan_box_syosai p{
width:580px;
padding:0px 20px 0px 20px;


}

/**********お問合せ*****************************************/

.contact_box th,td{
border:#999999 solid;
border-width:1px 1px 0px 0px;


}
.contact_box table{
width:600px;
border:#999999 solid;
border-width:0px 0px 1px 1px;
padding:2px 5px 2px 5px;
margin:0px 10px 10px 10px;
font-size:12px;
color:#0066CC;


}


/**********サイトマップ*****************************************/
.site_box{
width:622px;
}
.site_box a{
display:block;

}
.site_box a:link{
color:#3333CC;

}
.site_box a:visited{
color:#3333CC;

}
.site_box dt{
padding:0px 0px 0px 10px ;
line-height:20px;
color:#3333CC;
font-size:14px;
}
.site_box dd{
padding:0px 0px 0px 10px ;
line-height:20px;
color:#3399CC;
font-size:14px;

}



/**********アクセスマップ　地図*****************************************/
	v\:* {
		    behavior:url(#default#VML);
		}
		th.title{
		    background-color: #333399;
	        color: #fff;

		}
		th.title h1{
		   margin:0px;
		}
		div#map{

		}
		div.marker_data_html {
		    width: 280px;
		    margin-top:8px;
		}
		div.marker_data_html div.subject{
		    text-align:center;
		    padding:4px;
		    font-weight:bold;
		    font-family:sans-serif;
		    margin-bottom:8px;
		}
		div.marker_data_html div.description{
		    width: 256px;
		    height: 64px;
		    overflow: auto;
		    margin-top: 8px;
		    padding:    4px;
		}
		div.poweredby{
		    margin: auto;
		    height:50px;
		    text-align: right;
		    font-size:  9px;
		}
#marker_data_list{



}
#map{
width:610px;
height:480px;
border:#999999 solid 1px;
margin:0px 0px 20px 0px;
}
#marker_link_1{
font-size:12px;
color:#3399FF;
}
#marker_link_1 a{
font-size:12px;
color:#3399FF;
text-decoration:none;

}
#marker_link_1 a:hover{
color:#00CC33;
text-decoration:underline;

}
#marker_link_1 a:link{
color:#3399FF;
}

/**map.htm の設定***/
.map_box{
text-align:center;


}
/****　フッター　******************************************/
.foot{	
    clear:both;
	color:#ffffff;
	background-color: #33cc33;
	padding:4px 20px 2px 10px;
	height:16px;


}

.foot p{
margin:0px;
padding:0px; 
    color:#ffffff;
   font-size:12px;
	font:"lr oSVbN", Osaka, "qMmpS Pro W3";
	float:left;
	line-height:12px;
}