@charset "utf-8";

@import url("style4table.css");

body,td {
  font-size: 12px;
  font-family: sans-serif, Arial;
  line-height: 140%;
  color: #333333;
  margin: 0px;
}

h1 {
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
  color: #5B3810;
}
h2 {
  margin: 0px 8px;
  font-size: 12px;
  font-weight: normal; 
}
h3 {
  margin: 0px;
  font-size: 12px;
  font-weight: normal; 
}
ul {
	padding: 2px;
	margin: 0px;
	list-style:none;
	line-height: 140%;
}
ol {
	padding-left: 25px;
	margin: 2px;
	line-height: 180%;
}
table {
  margin: 0;
  border: none;
}

form {
  margin: 0px;
}

img {
  border: none;
}

textarea, input {
  font-size: 12px;
}

p {
  margin: 0px;
}




#out {
	width: 950px;
	margin: auto;
	background-color: #FFFFFF;
}
#out700 {
	width: 705px;
}
#head{
	border-top: solid 3px #CC0000;
	border-bottom: solid 1px #CC0000;
	background: url("../images/img_back_town.gif");
	background-repeat: no-repeat;
	text-align:left;
	height: 75px;
	margin: 0;
	padding: 0;
}
#main{
	float:left;
	padding: 4px 0 0 0;
	text-align: left;
}
#menu_left{
	float:left;
	width:25%;
	padding: 4px 4px 0 0;
	text-align: left;
}

#menu_right{
	float:left;
	padding: 0px 0px 2px 4px;
	text-align: left;
}
#navi_left{
	width:50%;
	float:left;
	padding-top: 0;
	margin: 0;
	text-align:left;
}
#navi_right{
	width:50%;
	float:left;
	padding-top: 4px;
	margin: 0 0 4px 0;
	text-align:right;
}
#navi_title{
	clear:left;
}
#footer{
	clear:left;
	border-top: solid 1px #CC0000;
	background: url("../images/img_foot_logo.gif");
	background-repeat: no-repeat;
	text-align:center;
	height: 80px;
	margin: 0px;
	padding: 0px;
}

#menu{
	text-align:right;
	border-bottom: solid 3px #6A6FAC;
	height: 30px;
}

#map4top{
	float:left;
	padding: 4px;
	text-align: left;
}




h2.detail {
  margin: 0 0 4px 0;
  padding: 4px;
  font-size: 14px;
  font-weight: bold;
  border-left: solid 8px #3A9C4F;
  border-bottom: solid 1px #3A9C4F;
}
h3.info {
  margin: 4px 0 4px 0;
  padding: 4px;
  font-size: 12px;
  font-weight: bold;
}
h4.info {
  margin: 0 0 4px 0;
  padding: 4px;
  font-size: 12px;
  font-weight: bold;
  border-left: solid 5px #E60000;
}
h3.qanda {
  margin: 0 0 4px 0;
  padding: 4px;
  color: #0E55C1;
  font-size: 12px;
  font-weight: bold;
  border-left: solid 5px #E60000;
}

.accent {
  color: #A90A08;
}
.accent_b {
  color: #0E55C1;
  font-weight: bold;
}

.telephone {
  color: #A90A08;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}

.salescomment{
  width:700px;
  color: #A90A08;
  padding: 2px;
  margin: 2px;
  text-align: left;
}
.request{
  padding: 4px;
  margin: 4px;
  text-align: center;
}
.bold {
  font-weight: bold;
}

.header_h1{
	padding: 2px 2px 0 0;
	margin-bottom: 1px;
	text-align: left;
}
.photo4top{
	float:left;
	padding-left: 22px;
	padding-right: 22px;
	margin: 0;
	text-align: center;
}
.photo4detail{
	float:left;
	padding-left: 35px;
	padding-right: 35px;
	margin: 0;	
	text-align: left;
}

ul.menu{
	margin: 0;
	padding:0;
	list-style:none;
	width:950px;
	height:30px;
}

ul.menu li.gray{
	color:#000000;
	float:left;
	width:75px;
	height:18px;
	margin:7px 2px 0 0;
	padding:5px 0 0 0;
	background:url("../images/menu4ul_gray.gif") no-repeat;
	text-align:center;
	font-weight: bold;
	letter-spacing: 0.1em;
}

ul.menu li.blue_1st{
	color:#FFFFFF;
	float:left;
	width:100px;
	height:25px;
	margin:0 4px 0 195px;
	padding:5px 0 0 0;
	background:url("../images/menu4ul_blue.gif") no-repeat;
	text-align:center;
	font-weight: bold;
	letter-spacing: 0.1em;
}

ul.menu li.blue{
	color:#FFFFFF;
	float:left;
	width:100px;
	height:25px;
	margin:0 4px 0 0;
	padding:5px 0 0 0;
	background:url("../images/menu4ul_blue.gif") no-repeat;
	text-align:center;
	font-weight: bold;
	letter-spacing: 0.1em;
}

ul.menu a{
	color:#FFFFFF;
	text-decoration: none;
}
ul.menu4left {
	padding: 2px;
	margin: 0px;
	list-style:none;
	line-height: 180%;
}

ul.link4search {
	float:left;
	padding: 4px;
	margin: 0;
	list-style:none;
	line-height: 140%;
}
.left4float{
	float: left;
}
.clear{
	clear:left;
}

.spacer{
	height: 8px;
}
.item4form {
	float:left;
	padding: 4px;
	margin: 4px;
	line-height: 140%;
	text-align:left;
}
.item4search {
	padding: 4px;
	margin: 4px;
	line-height: 140%;
	text-align: center;
}
.box4page{
	font-size: 16px;
	padding: 4px;
	margin: 4px;
	line-height: 140%;
	text-align: center;
}
.fontsize14 {
  font-size: 14px;
}
.fontsize16 {
  font-size: 16px;
}
.img4company {
	margin: 8px;
}







/* タイプ箱180ブルー */
.box_b180_blue{
  width: 235px;/*全体の幅*/
  font-size: 12px;/*文字サイズ*/
  margin: 0 0 8px 0;
}
.box_b180_blue dt{/*タイトル部分の設定*/
  color: #FFFFFF;/*文字色*/
  background-color: #6A6FAC;/*背景色*/
  font-family: Arial,sans-serif;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 2px 1em 2px 1.5em;
  background-image: url("../images/box_b_blue.gif");
  background-repeat: no-repeat;
}
.box_b180_blue dd{/*内容部分*/
  color: #313132;/*文字色*/
  margin: 0;
  padding: 0;
  border: solid 1px #6A6FBE;/*枠色*/
}
.box_b180_blue dd .textb180{
  padding: 4px 2px;
  border-top: solid 4px #CACFEC;
  border-bottom: solid 4px #CACFEC;
}


/* タイプ箱180グレイ */
.box_b180_gray{
  width: 235px;/*全体の幅*/
  font-size: 12px;/*文字サイズ*/
  margin: 0 0 8px 0;
}
.box_b180_gray dt{/*タイトル部分の設定*/
  color: #FFFFFF;/*文字色*/
  background-color: #6A6A6C;/*背景色*/
  font-family: Arial,sans-serif;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 2px 1em 2px 1.5em;
  background-image: url("../images/box_b_gray.gif");
  background-repeat: no-repeat;
}
.box_b180_gray dd{/*内容部分*/
  color: #313132;/*文字色*/
  margin: 0;
  padding: 0;
  border: solid 1px #6A6A6E;/*枠色*/
}
.box_b180_gray dd .textb180{
  padding: 4px 2px;
  border-top: solid 4px #DADADC;
  border-bottom: solid 4px #DADADC;
}


/* タイプ箱180レッド */
.box_b180_red{
  width: 235px;/*全体の幅*/
  font-size: 12px;/*文字サイズ*/
  margin: 0 0 8px 0;
}
.box_b180_red dt{/*タイトル部分の設定*/
  color: #FFFFFF;/*文字色*/
  background-color: #DC6A6F;/*背景色*/
  font-family: Arial,sans-serif;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 2px 1em 2px 1.5em;
  background-image: url("../images/box_b_pink.gif");
  background-repeat: no-repeat;
}
.box_b180_red dd{/*内容部分*/
  color: #313132;/*文字色*/
  margin: 0;
  padding: 0;
  border: solid 1px #DE6A6F;/*枠色*/
}
.box_b180_red dd .textb180{
  padding: 4px 2px;
  border-top: solid 4px #FCCACF;
  border-bottom: solid 4px #FCCACF;
}

/* タイプ箱180グリーン */
.box_b180_green{
  width: 235px;/*全体の幅*/
  font-size: 12px;/*文字サイズ*/
  margin: 0 0 8px 0;
}
.box_b180_green dt{/*タイトル部分の設定*/
  color: #FFFFFF;/*文字色*/
  background-color: #3A9C4F;/*背景色*/
  font-family: Arial,sans-serif;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding: 2px 1em 2px 1.5em;
  background-image: url("../images/box_b_green.gif");
  background-repeat: no-repeat;
}
.box_b180_green dd{/*内容部分*/
  color: #313132;/*文字色*/
  margin: 0;
  padding: 0;
  border: solid 1px #3AAC4F;/*枠色*/
}
.box_b180_green dd .textb180{
  padding: 4px 2px;
  border-top: solid 4px #AADCAF;
  border-bottom: solid 4px #AADCAF;
}



/* タイプ破線750グレイ */
.box_a750_01_gray{
  font-size: 10pt;/*文字サイズ*/
  width: 705px;/*幅*/
  text-align: left;/*タイトルを中央寄せ*/
  border: solid 1px #868689;/*外周枠の色*/
  background-color: #E9E9EC;/*枠の背景色*/
  padding-top: 4px;
  margin: 0 0 8px 0;
}
.box_a750_02_gray{
  text-align: left;
  border: dashed 1px #ACACAE;
	height: 308px; 
  padding: 4px;
  margin: 4px;
  background-color: #FBFBFC;/*文章部分の背景色*/
}
.box_a750_03_gray{
  text-align: center;
  border: dashed 1px #ACACAE;
  height: 140px; 
  padding: 4px;
  margin: 4px;
  background-color: #FBFBFC;/*文章部分の背景色*/
}
.box_a750_04_gray{
  text-align: center;
  border: dashed 1px #ACACAE;
  padding: 4px;
  margin: 4px;
  background-color: #FBFBFC;/*文章部分の背景色*/
}



/* タイプ見出し箱750ブルー */
.box_c750_blue{
  width: 705px;/*全体の幅*/
  font-size: 12px;/*文字サイズ*/
  background: #FFFFFF;/*背景色*/
  margin: 0 0 8px 0;
}
.box_c750_blue dt{/*タイトル部分の設定*/
  width: 8em;/*タイトルの幅（文字数）*/
  color: #FFFFFF;/*文字色*/
  background: #7A7FBE;/*背景色*/
  font-weight: bold;
  text-align: center;
  margin: 0;
  padding: 6px 0 2px 0;
}
.box_c750_blue dd{/*内容部分*/
  margin: 0;
  padding: 2px;
  border-top: solid 1px #7A7FBE;/*上側の枠の色*/
  border-bottom: solid 1px #7A7FBE;/*上側の枠の色*/
  background: #E7E7EF;/*背景色*/
}
.box_c750_blue dd p{
  padding: 2px;/*テキスト部分の余白*/
  margin: 0;
}