/* CSS Document */

#wrap {
	text-align: left;
	width: 810px;
	margin: 0px auto;

}
body {
	background: url(../img/back.jpg) repeat;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
}
img { border-style:none;
 } 

a img { border-style:none;
 } 
 
/*ヘッダ-----------------*/
.head
	{
	height: 69px;
	width: 810px;
	background: url(../img/top/top1.jpg);
	}

.head h1{
	font-size: 12px;
	padding-top: 28px;
	padding-left: 190px;
	font-weight: normal;
}

/*メインコンテンツ-----------------*/
#main {
	height: auto;
	width: 810px;
	background: #CCCCCC;

}
#main img{
	margin: 0px;
	padding: 0px;
    vertical-align: bottom;
}
#main .flash {
	margin: 0px;
	padding: 0px;
	line-height: 0;
}
#main .space1 {
	margin: 0px;
	padding: 0px;
	height: 41px;
	width: 810px;
	background: url(../img/top/top_space1.jpg);
	line-height: 0;
}

#main_h2 {
	margin: 0px;
	padding: 0px;
	height: 41px;
	width: 810px;

}
#main2_h2_results h2 {
	margin: 0px;
	padding: 0px;
	height: 41px;
	width: 810px;
	background: url(../img/top/top_space2.jpg);

}

#main h3 {
	margin: 0px;
	padding: 0px;
	line-height: 0;

}
#main h4 {
	margin: 0px;
	padding: 0px;
	line-height: 0;

}
#midasi_txst1 {
	margin: 0px;
	padding: 0px;
	background: url(../img/top/top_midasi_txst1.jpg);
	height: 45px;
	width: 810px;
	text-indent: -9999pt;

}

.midasi1 {
	margin: 0px;
	padding: 0px;
	width: 810px;
	height: auto;

}
.midasi1 h3 {
	margin: 0px;
	padding: 0px;
}
.midasi_main {
	background: url(../img/top/top_midasi_1_space.jpg) repeat;
	margin: 0px;
	padding: 0px;
	height: 134px;
	width: 810px;
	float: left;



}
.midasi_main2 {
	background: url(../img/top/top_midasi_2_space.jpg) no-repeat;
	margin: 0px;
	width: 810px;
	padding: 0px 0px 0px 97px;
	height: 160px;
}
.midasi_main2 h3 {
}
.midasi_main2 p {
	padding: 0px 0px 0px 15px;
	margin: 10px 0px 0px;
	font-size: 12px;
	color: #333333;
	line-height: 22px;
	width: 550px;

}
.midasi_main3 {
	background: url(../img/top/top_midasi_3_space.jpg) no-repeat;
	margin: 0px;
	padding: 10px 0px 0px 150px;
	height: 120px;
	width: 810px;
}
.midasi_main3 p {
	margin: 0px;
	font-size: 12px;
	color: #333333;
	line-height: 22px;
	padding: 0px;
	width: 320px;


}
.midasi_main p.midasi1 {
	height: 120px;
	width: 420px;
	font-size: 12px;
	color: #333333;
	padding: 0px;
	margin: 10px 0px 0px 250px;
	line-height: 21px;

}
#midasi_txst1 h3 {
	font-size: 16px;
	font-weight: 600;
	color: #333333;
	margin: 0px 0px 0px 115px;
	padding: 37px 0px 0px;
}
#midasi_txst1 p {
	color: #333333;
	margin: 0px 85px 0px 90px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding: 20px 20px 10px;
}
#top_3xbanner_txst {
	height: 110px;
	width: 810px;
}
.top_1banner_txst {
	float: left;
	height: 110px;
	width: 286px;
	background: url(../img/top/top_banner_hp_txst.jpg) no-repeat;
}
.top_1banner_txst p {
	font-size: 13px;
	width: 180px;
	margin: 3px 0px 0px 87px;
	padding: 0px 5px 5px;
}
.top_2banner_txst {
	float: left;
	height: 110px;
	width: 238px;
	background: url(../img/top/top_banner_shop_txst.jpg) no-repeat;
}
.top_2banner_txst p {
	font-size: 13px;
	width: 180px;
	padding: 0px 5px 5px;
	margin: 3px 0px 0px 27px;

	}
.top_3banner_txst {
	background: url(../img/top/top_banner_option_txst.jpg);
	height: 110px;
	width: 286px;
	float: left;
}
.top_3banner_txst p {
	font-size: 13px;
	width: 180px;
	padding: 0px 5px 5px;
	margin: 3px 0px 0px 15px;

	}
#main2_h2 {
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 810px;
	line-height: 0;
}
#main_h2 h2 {
	margin: 0px;
	padding: 0px;
}
#main2_h2 h2 {
	margin: 0px;
	padding: 0px 0px 0px 0px;

}
#top_midasi_3_txst {
	background: url(../img/top/top_space2.jpg) repeat-y;
	margin: 0px;
	padding: 0px;
	width: 810px;

}
#top_midasi_3_txst p {
	margin: 0px 0px 0px 90px;
	font-size: 13px;
	color: #000000;
	width: 610px;
	height: auto;
	background: #f0f0f0;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#top_midasi_4_txst {
	background: url(../img/top/top_space2.jpg) repeat-y;
	margin: 0px;
	padding: 0px;
	width: 810px;

}
#top_midasi_4_txst p {
	margin: 0px 0px 0px 90px;
	font-size: 13px;
	color: #000000;
	width: 610px;
	height: auto;
	background: #f0f0f0;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#top_midasi_5_txst {
	background: url(../img/top/top_space2.jpg) repeat-y;
	margin: 0px;
	padding: 0px;
	width: 810px;

}
#top_midasi_5_txst p {
	margin: 0px 0px 0px 90px;
	font-size: 13px;
	color: #000000;
	width: 610px;
	height: auto;
	background: #f0f0f0;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#top_midasi_6_txst {
	background: url(../img/top/top_space2.jpg) repeat-y;
	margin: 0px;
	padding: 0px;
	width: 810px;

}
#top_midasi_6_txst p {
	margin: 0px 0px 0px 90px;
	font-size: 13px;
	color: #000000;
	width: 610px;
	height: auto;
	background: #f0f0f0;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#top_back {
	width: 810px;
	background: url(../img/top/top_space2.jpg) repeat-y;
	margin: 0px;
	padding: 0px;
	height: 100px;

}
#top_back img {
	padding: 0px;
	margin: 40px 0px 0px 570px;

}
/*フッタ-----------------*/
#foot {
	background: #000000;
	height: auto;
	width: auto;
	padding: 0px 0px 30px;
	margin: 0px;
	color: #CCCCCC;

}
.foot_1  {
	margin: 0px auto;
	width: 810px;
	height: auto;
	}
.foot_1 img  {
	padding: 0px;
	margin: 0px;
	}
#foot .foot_rogospace {
	width: 250px;
	margin: 10px 0px 0px;
	padding: 0px;
	float: left;

}
#foot p.soho_01 {
	width: 190px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
	color: #CCCCCC;
	text-align: left;
	height: auto;
}
#foot .foot_txst {
	height: auto;
	width: auto;
	margin: 0px;
	padding: 0px;
}
#foot p.navi {
	font-size: 10px;
	font-weight: lighter;
	line-height: 16px;
	letter-spacing: 2px;
	color: #999999;
	width: 550px;
	text-align: left;
	margin: 0px auto 0px 250px;
	height: auto;
	padding: 10px 0px;
	}
#foot .foot_title1 {
	width: 200px;
	height: 20px;
	background: #FFFFFF;
	margin: 10px 0px;
	padding: 0px;
}
#foot .foot_txst h4 {
	margin: 20px 0px 10px 250px;
	background: url(../img/foot_back1.jpg);
	height: 30px;
	width: 300px;
	padding: 0px;
	text-indent: -9999pt;

}
#foot .foot_txst h4.foot_title2 {
	margin: 20px 0px 10px 250px;
	background: url(../img/foot_back2.jpg);
	height: 30px;
	width: 300px;
	padding: 0px;
	text-indent: -9999pt;

}
#foot p.title1 {
	font-size: 10px;
	font-weight: lighter;
	line-height: 16px;
	letter-spacing: 3px;
	width: 550px;
	text-align: left;
	margin: 0px auto 0px 250px;
	height: auto;
	padding: 0px;
	}
#foot p.title1_2 {
	font-size: 10px;
	font-weight: lighter;
	line-height: 16px;
	letter-spacing: 3px;
	text-align: left;
	margin: 10px auto 0px 250px;
	height: auto;
	padding: 0px;
	width: 550px;

	}
#foot p.title1_3 {
	font-size: 10px;
	font-weight: lighter;
	line-height: 16px;
	letter-spacing: 3px;
	text-align: left;
	margin: 10px auto 0px 250px;
	height: 150px;
	padding: 0px;
	width: 550px;

	}
#foot p.title1_3 img {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float: right;

	}
#foot .w3cbanner {
	margin: 30px 25px 0px 0px;
	padding: 0px;
}
#foot h4.w3c_txst {
	margin: 10px 25px 0px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 22px;
}
#foot .lank_banr {
	margin: 20px 0px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 22px;
}
#foot .lank_banr img {
	margin: 0px 0px 0px -25px;
	padding: 0px;
}
#foot a:link {
	color: #00CCFF;
	text-decoration: none;
}
#foot a:visited {
	text-decoration: none;
	color: #00CCFF;
	border-width: 0px;
}
#foot a:hover {
	text-decoration: underline;
	color: #FFFF00;
	border-width: 0px;
}
#foot a:active {
	text-decoration: none;
	color: #00CCFF;
	border-width: 0px;
}
#copyright {
	font-size: 12px;
	color: #666666;
	margin: 0px auto;
	background: #FFFFFF;
	height: 30px;
	width: auto;
	padding-top: 20px;
	padding-bottom: 10px;
}
/*ナビボタン-----------------*/
#g_menu{
	width:810px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999pt;
	height: 35px;
	}
#g_menu ul{
	list-style-type:none;
	margin:0px;
	padding: 0px;

	}
#g_menu ul li{
	border:#999999;
	margin:0px;
	padding: 0px;
	float: left;

	}
#g_menu ul li a{
	background-color:#ffffff;
	color:#000000;
	display:block;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	}
#g_menu ul li a:hover{
	background-color:#FFCC00;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	}
	
/*ナビボタンヘッダ詳細設定-----------------*/
a.flow{
	background: url(../img/top/top_navib_1.jpg);
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 137px;
}
a:hover.flow{
    background-position:0px -35px;
}
a.fap{
	background: url(../img/top/top_navib_2.jpg);
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 150px;
}
a:hover.fap{
    background-position:0px -35px;
}
a.agreement{
	background: url(../img/top/top_navib_3.jpg);
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 153px;
}

a:hover.agreement{
	background-position:0px -35px;
}
a.company{
	background: url(../img/top/top_navib_4.jpg);
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 115px;
}

a:hover.company{
    background-position:0px -35px;
}

a.produ{
	background: url(../img/top/top_navib_5.jpg);
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 118px;
}

a:hover.produ{
    background-position:0px -35px;
}
a.estimate{
	background: url(../img/top/top_navib_6.jpg);
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 135px;
}

a:hover.estimate{
    background-position:0px -35px;
}

/*3バナー-----------------*/
#top_3banner{
	width:810px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999pt;
	height: 340px;
	}
#top_3banner ul{
	list-style-type:none;
	margin:0px;
	padding: 0px;

	}
#top_3banner ul li{
	border:#999999;
	margin:0px;
	padding: 0px;
	float: left;

	}
#top_3banner ul li a{
	background-color:#ffffff;
	color:#000000;
	display:block;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	}
#top_3banner ul li a:hover{
	background-color:#FFCC00;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	}
	
/*見積もりバナー-----------------*/
#estimate1 {
	width:810px;
	height:104px;
	text-decoration:none;
}
.estimate_rollover {
	width: 810px;
	background: url(../img/top/top_f_estimate_dw.jpg) repeat-y;
	height: 104px;
	}
	
.estimate_rollover a {
	display: block;
	}	
.estimate_rollover a:hover {
	background-color: transparent; /*--IE用--*/
	}	
.estimate_rollover a:hover img {
	visibility: hidden; /*--元の画像を消す--*/
	}	
/*ナビボタンヘッダ詳細設定-----------------*/
a.home{
	background: url(../img/top/top_banner_hp.jpg);
	margin: 0px;
	padding: 0px;
	height: 340px;
	width: 286px;
}
a:hover.home{
    background-position:0px -340px;
}
a.shop{
	background: url(../img/top/top_banner_shop.jpg);
	margin: 0px;
	padding: 0px;
	height: 340px;
	width: 238px;
}
a:hover.shop{
    background-position:0px -340px;
}
a.option{
	background: url(../img/top/top_banner_option.jpg);
	margin: 0px;
	padding: 0px;
	height: 340px;
	width: 286px;
}

a:hover.option{
	background-position:0px -340px;
}

/*リンク-----------------*/
a:link {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0066CC;
	border-width: 0px;
}
a:hover {
	text-decoration: underline;
	color: #FF6600;
	border-width: 0px;
}
a:active {
	text-decoration: none;
	color: #0066CC;
	border-width: 0px;
}
/*制作事例-----------------*/
#results1_sanple {
	padding: 0px;
	height: 200px;
	width: 810px;
	background: url(../img/top/top_space2.jpg) repeat-y;
}
.results1_txst {
	padding: 0px;
	height: 200px;
	width: 330px;
	margin: 0px 0px 0px 85px;
	float: left;

}
.results1_txst p.sanple {
	font-size: 13px;
	color: #333333;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	line-height: 19px;
}
.results1_img {
	padding: 0px;
	margin: 0px 15px 0px 0px;
	width: 145px;
	float: left;
	height: 180px;
}
.results1_img img {
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 145px;
}
.results1_img p.title1{
	padding: 0px 0px 5px 20px;
	margin: 0px 0px 5px 5px;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	background: url(../img/list_img6.gif) no-repeat;
	border-bottom: 1px dotted #999999;
	width: 120px;
}
#results2_sanple {
	padding: 0px;
	height: 200px;
	width: 810px;
	background: url(../img/top/top_space2.jpg) repeat-y;
	margin: 0px;
}
#results2_sanple_oll {
	padding: 0px;
	margin: 0px 0px 0px 95px;
}
#results1 {
	width:132px;
	height:33px;
	text-decoration:none;
	float: right;
	margin: 10px 30px 0px 0px;
	padding: 0px;


}
.results_rollover {
	width: 132px;
	background: url(../img/top/results_btn_d.jpg);
	height: 33px;
	}
	
.results_rollover a {
	display: block;
	}	
.results_rollover a:hover {
	}	
.results_rollover a:hover img {
	visibility: hidden; /*--元の画像を消す--*/
	}