@charset "utf-8";
html * {
	margin:0 ;
	padding:0 ;
}

body {
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:14px;
	line-height:1.2;
	text-align:center;
}

a:link {
	color: #FFF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #F2F2F2;
}
a:active {
	text-decoration: underline;
	color: #FFF;
}

img {
	border:none;
}

.c-both {
	clear:both;
}

h1 {font-size:12px;
font-weight:normal;
}
	
#out-line {
	width:800px;
	margin:0 auto;
	text-align:left;
	background-color:#E0E9D1;
}


#pager {
width:800px;
background-color:#FFFFFF;
text-align:right;
}

/*****  header  *****/

#header {
	margin:0px; 
	/*background-color:#0F0;*/
	background-image:url(../images/header/header-img.jpg);
	background-repeat: no-repeat;
}

#header table {
	width:240px; height:254px;
}

#header .office-name {
	color:#FFF;
	padding:3px 10px 2px 0; 
text-align:right;
font-weight:bold;
}

#header .office-add {
		color:#FFF;
		padding:0 10px 2px 0; 
text-align:right;
font-size:12px;
}

#header ul{
	text-align:left;
	margin: 0;
	padding: 0;
}

#header li{
	float: left;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}


/*****  main  *****/
#main {
	margin:0px;
	padding:0px;
	float:left;
	width:580px;
}

#main .title{
widht:542px; margin:12px 0 0 10px;
}

/*TOP Page*/
#main .box1{
	width:532px;
	background-color:#FFF;
	margin:0px 0 10px 10px;
	padding:10px 20px 10px 12px;
}

#main h2 {
	font-size:16px;
	margin:0 0 0 0;
	padding:5px 5px 0px 10px;/**/
}


#main .box-text img {
	float:left;
	margin-right:30px;
}

#main .box-text ul{
	padding-top:5px;
	margin-bottom: 15px;
	
}

#main .box-text li{
	list-style-image: url(../images/main/top/icon-1.gif);
	margin-bottom:8px;
}

#main .box2{
	width:532px; background-color:#FFF;
	margin:0px 0px 10px 10px;
	padding:10px 20px 10px 12px;
}

#main h3 {
	font-size:16px;
	margin:0 0 0 0;
	padding:5px 5px 0px 10px;
}

/*Service Page*/
#main .sbox-title{
	width:534px;
	background-color:#FFF;
	background-image:url(../images/main/interior/h-title.jpg);
	background-repeat: no-repeat;
	margin:0 0 0 10px;
	padding: 35px 0 5px 30px;
	height:15px;
	background-position: bottom;
	font-weight:bold;
	color:#666;
}


#main .sbox{
	margin:0 0 0 10px;
	width:564px;
	background-color:#FFF;
}

#main .sbox ul{
	margin: 0;
	padding:10px 0 0 10px;

}

#main .sbox li{
	display:inline;
	margin:3px;
	padding:0px;
	list-style-type:none;
	float:left;
}
#main .box_a table tr td ul .in-text{
	margin-top:10px;
}
#main .sbox p{
	margin:10px 0 10px 0px;
}

#main .sbox img{
	border: 3px double #D3CEBA;
}

#main .sbox table{
	width:530px;}


/* Office Page*/
#main .box_a{
	width:532px;
	background-color:#FFF;
	margin:0 0 10px 10px;
	padding:10px 20px 10px 12px;
}

#main .box_a table{
	background-color:#F3F2EC;
	padding:10px;
	width:532px;
}

#main .box_a td{
	padding:5px 10px;
	border-bottom:#FFF solid 1px;
}

#main .box_a ul{
	font-size:12px;
	margin:15px 5px 10px 10px;
}
#main .box_a li{
	list-style-type: disc;
	list-style-position: inside;
}

#main .tel{
	width:532px;
	background-color:#FFC;
	margin:14px 0 10px 10px;
	padding:10px 20px 10px 12px;
	border: 1px solid #FFF;
}

#main .tel p{
	padding-left:5px;
}


/***** LINK Page *****/
.link_box {
width:524px;
	background-color:#FFF;
	margin:0 0 10px 10px;
	padding:10px 20px 10px 20px;
	}
	
.link_box dt{
	color:#333;
	font-size:14px;
	padding:0 0 5px 18px;
	background-image: url(../images/main/link/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.link_box a {
	color:#000;
	}

.link_box dd{
	padding-bottom:20px; padding-left:5px; font-size:12px;
}
	
	
/***** side *****/
#side {
	float:right;
	width:212px;
	padding:20px 0 20px 8px;
}

#side .link {
	margin-bottom:20px;
	padding:8px 0 10px 0;
	width:202px;
	background-color:#a6a38c;
	text-align:center;
}

#side .link img {
	margin-bottom:2px;
}

#side .link ul {
	text-align:left;
	padding: 2px 0 10px 20px;
	line-height: 1.4;
}

#side .link li {
	background: url(../images/side/link_arrow.jpg) no-repeat left;
	list-style: none;
	list-style-position: inside;
	padding-left: 17px;
	*padding-left:2px;

}

#side .area {
	background-image:url(../images/side/area-map.jpg);
	background-color:#AEA581;
	width:202px;
	min-height:220px;
	_height:220px;
	padding-top:10px;
	background-repeat: no-repeat;
	background-position: bottom;
	text-align:center;
}
#side .area img{
	margin-bottom:10px;
}
#side .area p{
	line-height:1.4;
}
	
/***** footer *****/
#footer {
}

#footer ul{
	text-align:left;
	margin: 0;
	padding: 0;
}

#footer li{
	float: left;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}

#footer table{
	padding-left:15px;
}


#footer p{
	font-size:12px;
	padding-left:15px;
}


/***** mailform *****/
div.contact {
	width: 100%;
	text-align: center;
}
div.contact p {
	margin: 0 21px 13px;
	text-align: left;
}
div.contact .hissu {
	color: #f00;
}
#main div.box_a table.mailformbody {
	text-align: left;
	margin-left: 21px;
	margin-right: 21px;
	width: 500px;
	border: 1px solid #eee;
}
#main div.box_a table.mailformbody th,
#main div.box_a table.mailformbody td {
	padding: 3px 5px;
	vertical-align: top;
	border: 1px solid #eee;
}
#main div.box_a table.mailformbody th {
	background: #E0E9D1;
	width: 150px;
}
input.style1 {
}
input.style2 {
}
input.style3 {
}
input.style4 {
}
input.style5 {
	width: 34px;
}
div.contact textarea {
	width: 290px;
	*width: 320px;
}