@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-decoration: none;
	
	line-height: 1.4;
	color: #333333;
	background: #F4F4F4 url(../images/back/haikei_dot_gry.gif) left top repeat;
	margin-left: 10;
}
h1, h2, h3, h4, h5, h6 {
	align: center;
	margin: 0;
	padding: 0;
	font-size: 110%;
}



/*--目立つエンジaka--*/
a.aka {
	color: #003399;
			 text-decoration: none;
}
a.aka:visited {
	color: #cc3399;
}
a.aka:hover {
	color: #0066CC;
}
/*--#999999--*/
a.999999 {
	color: #003399;
			 text-decoration: none;
}
a.999999:visited {
	color: #999999;
}
a.999999:hover {
	color: #0066CC;
}
/* [ a class="siro"] */

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

a.siro:visited{
	color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}

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

a.siro:hover{
	color:#990099f;
	text-decoration:none;
}
img {
	border: none;
	vertical-align: bottom;
}
#wrapper {
	width: 750px;
	background: #FFFFFF;
	margin:0px;
	padding:0 10px 0 10px;

}
#head {
	width: 730px;
	height: 220px;
	margin:0px;
	padding:0px;
	/*border: solid 1px #333333;*/
}

/* ロゴとナビゲーション
---------------------------------------------*/
#head1 h1 {
	text-align: center;
	font-weight: normal;
	color: #333333;
	font-size: 90%;
	/*background-color: transparent;*/
}
#banner {
	width: 730px;
	margin:0px;
	padding:0px;
}
#banner_up {
	position: absolute;
	top:30px;
	left:20px;
	width: 730px;
		color:#999999;
	margin:0px;
	padding:0px;
	/*border: solid 10px #ff0099;*/
}
#head3 {
	width: 729px;
	height: 10px;
	background:url(../images/parts/top_bar.gif) repeat-x left;
	margin: 1px 0 0 0;
	padding: 0;
	/*border: solid 1px #333333;*/
}
#g_navigation {
	width: 727px;
	height: 30px;
	margin: 0;
	padding: 0;
	background-color: #96c1f6;
	/*border-right: solid 1px #96c1f6;*/
	}
#g_navigation ul {
	height: 30px;
	list-style: none;
	margin:  0px;;
	padding: 0px;
	border-bottom: solid 1px #96c1f6;
}
#g_navigation li {
	float: left;
	width: 120px;
	height: 30px;
	margin-right: 1px;
	padding: 0px;
	/*border-left: solid 1px #96c1f6;*/

}
#g_navigation li a {
	display: block;
	width: 120px;
	height: 24px;
	text-align: center;
	font-weight: bold;
	color: #527ccb;
	text-decoration: none;
	margin: 0;
	padding-top: 6px;
	background: url(../images/button/button_a.gif) no-repeat;
}
#g_navigation li a:hover {
	color: #ec8602;
	background: url(../images/button/button_b.gif) no-repeat;
}
#g_navigation li p {
	display: block;
	width: 120px;
	height: 24px;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	padding-top: 6px;
	background: url(../images/button/button_p.gif) no-repeat;
}
/* コンテンツ
---------------------------------------------*/
#conten {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 730px	margin: 0;
	padding: 0px;
}
/* コンテンツ左
---------------------------------------------*/
#left {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0px;
}
#slid {
	width: 200px;
	margin: 8px 0 0 0;
	padding: 0px;
}
#slid .title_1 {
	margin-bottom: 1px;
	padding: 0px;
}
#slid .contet {
	width: 200px;
	height: 160px;
	margin:  0px;
	padding: 0px;
	background-color: #0782c4;
}
#slid .coment {
	font-size: 10px;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	background-color: #0782c4;
	color: #ffffff;
}
#hp_tokuchou {
	width: 200px;
	margin-top: 8px;
	padding-top: 0px;
	/*border: solid 1px #333333;*/
}
#hp_tokuchou .title_2{
	margin-top: 0px;
	padding-top: 0px;
}
/*メイン選択メニュー*/
#hp_tokuchou .MainMenu {
	width: 200px;
	/*height: 360px;*/
	margin: 0 0 0 0px;
	padding:0px;
	}
#hp_tokuchou .MainMenu ul {
	list-style: none;
	margin:  0px;
	padding:  0px;
}
#hp_tokuchou .MainMenu li {
	margin-top: 2px;
	padding:  0px;

}
#hp_tokuchou .MainMenu li a {
	display: block;
	width: 100%;
	height: 30px;
	text-align: left;
	font-weight: bold;
	color: #3076de;
	text-decoration: none;
	margin: 0px;
	padding: 7px 0 0 10px;
	background: url(../images/button/left_button_a.gif) no-repeat;
}
#hp_tokuchou .MainMenu li a:hover {
	color: #ec8602;
	background: url(../images/button/left_button_b.gif) no-repeat;
}
/*------------------------------------*/
#omousikomi {
	margin-top: 7px;
	padding-top: 0px;

}
#omousikomi .title_3 {
	margin-top: 0px;
	padding-top: 0px;

}
#order {
	width: 198px;
	margin-top: 0px;
	padding-top: 0px;
	/*background-color: #ccffff;*/
	border: solid 1px #5c93e4;
}
#order .td1{
	font-size:10px;
	color:#999999;
	margin: 0px;
	padding: 0;
}
#order .td2{
	font-size:13px;
	color:#333333;
	margin: 0px;
	padding: 3px 10px 3px 20px;
	border-bottom: dotted 1px #b5d7c5
}
#order .td3{
	font-size:13px;
	color:#333333;
	margin: 0px;
	padding: 3px 0px 0px 5px;
}
#order .td4{
	font-size:13px;
	margin: 0px;
	padding: 0px 0px 1px 2px;
	border-bottom: dotted 1px #b5d7c5

}
/*--カレンダー------------------------*/
#calendar {
	margin-top:10px;
	padding: 0px;
}

/* コンテンツ右（本文のレイアウト）
---------------------------------------------*/
#right {
	float: left;
	width: 526px;
	margin: 0;
	padding: 0px;
	/*border: solid 1px #ffff99;*/
}
#minasama {
	margin: 10px 0 0 40px;
	padding: 0px;
}

#aisatu {
	height: 178px;
  width: 463px;
	background: url(../images/renga.jpg) no-repeat;/*<img src="../images/renga.jpg" height="178" width="463">*/
	margin: 0px 30px 0 33px;
	padding: 0px;
}
#aisatu h3{
	font-size: 120%;
	text-align: center;
	color: #ffffff;
	margin: 0px;
	padding: 50px 0px 0 0px;
}
/*#aisatu {
	margin: 0px;
	padding: 0px;
}*/
#tokucho {
	line-height: 2.0;
	margin:  0px 0 0 10px;
	padding: 10px 10px 10px 30px;
	background-color: #ecf3fc;
	border: solid 1px #96c1f6;
}

/***実例ホームページ*****************************/
#jiturei {
	width: 526px;
	margin: 0px;
	padding: 0px;
}
#jiturei h3{
	margin:  7px 0 0 10px;
	padding: 0px;
}
#jiturei .hp_setumei {
	margin:  0px 0 0 10px;
	padding: 0px 0px 0px 0px;
	/*background-color: #dfdfdf;*/
	border: solid 1px #ff0099;

}
/*-Flash説明----------*/
#flash_setumei {
	clear: both;
	width: 730px;
	margin: 0px;
	padding: 0px;
}
#flash_setumei .mark{
	margin:  0px;
	padding: 10px 0 0 10px;
}
#flash_setumei .mark .f_top{
	margin-top: -10px;  
	padding-left: 580px;
}
#f_setumei {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 720px;
	margin:  5px 0 0 10px;
	padding: 0px 0 0 0px;
	background-color: #62b5c3;
	border: solid 1px #c1e2e8;
}
#f_setumei .anime {
	width: 184px;
	float: left;
	margin: 40px 5px 0px 5px;
	padding: 0px 0 0 0px;
}
#f_setumei .bun {
	float: left;
	width: 510px;
	color: #ffffff;
	font-weight: bold;
	margin:  0px 0 0 0px;
	padding:  20px 10px 0px 0px;

}

/* 業種別詳細説明
---------------------------------------------*/

#particual {
	clear: both;
	width: 730px;
	margin: 0px;
	padding: 0px;
}
#particual h2{
	margin: 0px;
	padding: 0 0 0 10px;
}
#kaisetu {
	width: 730px;
	margin: 0px;
	padding: 0px;
}
#kaisetu .right {
	float:right;
	width:520px;
	height: 107px;
	background:#f1f9fa;
	border:1px solid #a9d7de;
	color:#333333;
	text-align:left;
	font-size:13px;
	line-height:120%;
	margin: 5px 0px 5px  5px ;
	padding: 5px 5px 5px 5px;
}
#kaisetu .left {
	float:right;
	width:190px;
	color:#333333;
	text-align:center;
	font-size:13px;
	margin: 5px 5px 5px 5px 5px;
	padding: 40px 0 0 0px;
}


/* フッダー
---------------------------------------------*/
#fooder {
	clear: both;
	width: 730px;
	margin: 0px;
	padding: 0px;

}
#fooder .u_nav {
	margin: 0 0 0 0;
	padding: 0px;
	text-align: center;
}

#fooder .pat {
	color: #999999;
	margin: 20px 0 0 0;
	padding: 0px;
	text-align: center;
}
/*--------地域---------*/
#fooder .area {
	text-align:center;
	font-size:11px;
	color: #cccccc;
	margin:0px;
}
#fooder .area a {
	text-decoration: none;
	color: #999999;
}
#fooder .area a:link {
	text-decoration: none;
	color: #cccccc;
}
#fooder .area a:visited {
	color: #999999;
}
#fooder .area a:hover {
color: #999999;
}
/***************Contentページ用**************/
#flash_2 {
	width: 730px;
	margin: 0px;
	padding: 0px;
}
#content_bar {
	margin: 10px  0 0 50px;
	padding: 0px;
}
#content_bar2 {
	margin: 10px  0 0 30px;
	padding: 0px;
}
#koumoku {
	margin: 10px  100px 0 0px;
	padding: 0px;
	border-bottom: 1px dotted;
}
#koumoku .title {
	margin: 0px  0 0 10px;
	padding: 0px;

}
#koumoku .about {
	margin-left: 20px;
	padding: 0px;
}
#koumoku .about td{
	line-height: 150%;
	margin: 0px;
	padding: 0px;
}
#for_top {
	margin-top: 10px;
	padding-left: 600px;
}
/*-価格表*/
#kakaku {
	width: 510px;
	margin-left: 210px;
	padding: 0px;
}
#kakaku table {
	margin: 0px;
	padding: 0px;
}
#kakaku td {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	line-height: 20px;
	margin: 0px;
	padding: 5px;
}
/**********お問い合わせフォーム********/
#askus {
width: 600;
	margin-left: 60px;
	padding: 0px;

}
/************プライバシー保護********/
#privacy {
width: 520px;
	margin: px 0 0 0px;
	padding: 20px 0 0 50px;
}
#privacy td {
	line-height:180%;
	margin: 0px;
	padding: 0px;
}
#privacy .kakomi td {
	margin: 0px;
	padding: 5px;
}
/*************流れ*****************/
#nagare {
	width: 650px;
	margin: 10px  0 50px 100px;
	padding: 0px;

}
/***********リンク**************/
#link {
	width: 720px;
	margin: px 0 0 0px;
	padding: 0px 0 0 40px;
}
/***********サイトマップ***/
#saitmap {
	width: 500px;
	margin: 0px 0 0 0px;
	padding: 0px 0 0 100px;
	/*border: solid 1px;*/
}
.p006-01 {
 color: #666;
 font-size: 12px;
 line-height: 24px;
 background: url(../images/sitemap/10icon.gif) no-repeat 55px 7px;
 text-indent: 10px;
 margin: 3px 0px 0px;
 padding: 2px 0px 0px 60px
 }
.p006 {
	color: #036;
	font-size: 12px;
	line-height:24px;
	text-decoration:
	none; background:
	url(../images/sitemap/folder.gif) no-repeat 25px 4px;
	text-indent: 30px;
	margin: 3px 0px 0px 20px;
	padding: 2px 0px 0px 20px
	}
/*************会社概要***************/
/*---飲食メニュー-*/
#inshoku .masu {
	width: 635px;
	margin: 0px;
	padding: 0px;
	background-color: #fffaf4;
	border: dotted 1px #99ccff;
}
#inshoku .masu_in {
	width: 350px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	border: dotted 1px #99ccff;
}
#buisiness {
	width: 730px;
	margin: 0px 0 0 0;
	padding: 0px;
}
#buisiness .1 {
	width: 100px;
	margin: 0px 0 0 0;
	padding: 0px 0 0px 20px;

}
#buisiness .2 {
	width: 370px;
	height: 250px;
	margin: 0px;
	padding: 0px;
}
#buisiness .2_2 {
	width: 350px;
	height: 250px;
	margin: 0px 10px 0 10px;
	padding: 0px;
	background-color: #ffe8d0;
	border: dotted 1px #99ccff;
}
#buisiness .3 {
	width: 350px;
	height: 250px;
	margin: 0px;
	padding: 10px;
	border: dotted 1px #99ccff;
}
#buisiness_2 .masu {
	width: 635px;
	margin: 0px;
	padding: 0px;
	background-color: #fffaf4;
	border: dotted 1px #99ccff;
}
#buisiness_3 {
	width: 720px;
	height: 200px;
	margin: 20px 0 0 0;
	padding:10px 10px 10px  10px;
}
#buisiness_3 .b1 {
	width: 70px;
	height: 110px;
	margin: 0 10px 0 0px;
	padding: 0px;
}
#buisiness_3 .b2 {
	width: 530px;
	height: 110px;
	margin: 0px;
	padding: 10px;
	background-color: #fffaf4;
	border: dotted 1px #99ccff;
}
/***********リフォーム&ホームページ制作の特徴********************/
/*メイン選択メニュー*/
#g_menu {
	width: 200px;
	/*border: solid 1px;*/
}
#g_menu {
	width: 200px;
	/*height: 350px;*/
	margin: 0 0 0 0px;
	padding:0px;
	}
#g_menu ul {
	list-style: none;
	margin:  0px;
	padding:  0px;
}
#g_menu li {
	margin-top: 2px;
	padding:  0px;
	border-bottom: solid 0px #999999;
}
#g_menu li a {
	display: block;
	width: 100%;
	height: 30px;
	text-align: left;
	font-weight: bold;
	color: #3076de;
	text-decoration: none;
	margin: 0px;
	padding: 7px 0 0 9px;
	background: url(../images/button/left_button_a.gif) no-repeat;
}
#g_menu li a:hover {
	color: #ec8602;
	background: url(../images/button/left_button_b.gif) no-repeat;
}
#g_menu li p {
	display: block;
	width: 100%;
	height: 30px;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	margin: 0px;
	padding: 7px 0 0 9px;
	background: url(../images/button/left_button_p.gif) no-repeat;
}
#hp_right {
	width: 510px;
	float: right;
	margin-top: 14px;
	/*border: solid 1px;*/
}
#hp_right h2 {
	color: #666666;
	font-size: 120%;
	margin: 10px 0 10px 0px;

	padding: 0px;	
}
#hp_right h3 {
	color: #999999;
}
#hp_right .r_table {
	width: 505px;
	margin: 10px 0px;
	padding-top: 20px;
	border-top: dotted 1px #ff6699;
}
#hp_right .s_table {
	width: 505px;
	margin: 20px 0px;
	padding-top: 20px;
	border-top: dotted 1px #ff6699;
}