﻿* {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	margin: 0 0;
	color:#000;
	line-height:130%;
	background-color:#fff;
}

#waku{
	width: 980px;
	margin: 0 auto ;
	background-color:#f00;
	background: url("../image/shadow.jpg") repeat-y;
}

#container{
	width: 960px;
	margin: 0 auto ;
	xmargin-top: 30px;
	overflow: hidden;
	padding-bottom:15px;
	background-color:#fff;
	xborder-left: double 3px #eeeeee;
	xborder-right: double 3px #eeeeee;
}

#mainimg{
	width: 960px;
	height:400px;
	margin: 0 auto ;
	background-color:#000;
	text-indent:-9999em;
	background: url("../image/mainimg.jpg") no-repeat;
}

#mainimg h1 a{
	width: 250px;
	height:130px;
	display:block;
	padding-top:10px;
	margin-left:700px;
	background-color:#f00;
	text-indent:-9999em;
	background: url("../image/toptelbotan.gif") no-repeat;
}

/* 中身
----------------------------------------------------------------------------------------------*/
#nakami{
	width: 940px;
	margin: 0 auto ;
	margin-top: 30px;
	margin-bottom: 40px;
}

/* ひだり
----------------------------------------------------------------------------------------------*/
#hidari{
	width: 230px;
	float:left;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e3e3e3), color-stop(0.00, #fafafa));
	background: -webkit-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
	background: -moz-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #e3e3e3 100%);
	background: linear-gradient(top, #fafafa 0%, #e3e3e3 100%);

	border: solid 1px #d3d3d3;
	margin-left:3px;
}

#menu ul{
	width: 230px;
	xmargin-left:10px;
	xmargin-top:5px;
	margin-bottom:15px;
	list-style-type:none;
	xbackground-color:#f00;
}

#menu .top a{
	width: 230px;
	height:45px;
	display:block;
	xbackground-color:#f00;
	text-indent:-9999em;
	background: url("../image/botan-top.gif") no-repeat;
}

#menu .top a:hover{
	width: 230px;
	height:45px;
	display:block;
	xbackground-color:#fc0;
	text-indent:-9999em;
	background: url("../image/botan-top02.gif") no-repeat;
}

#menu .nagare a{
	width: 230px;
	height:45px;
	display:block;
	xbackground-color:#fcd;
	text-indent:-9999em;
	background: url("../image/botan-nagare.gif") no-repeat;
}

#menu .nagare a:hover{
	width: 230px;
	height:45px;
	display:block;
	xbackground-color:#fed;
	text-indent:-9999em;
	background: url("../image/botan-nagare02.gif") no-repeat;
}

#menu .qa a{
	width: 230px;
	height:45px;
	display:block;
	text-indent:-9999em;
	background: url("../image/botan-qa.gif") no-repeat;
}

#menu .qa a:hover{
	width: 230px;
	height:45px;
	display:block;
	text-indent:-9999em;
	background: url("../image/botan-qa02.gif") no-repeat;
}

#menu .meyasu a{
	width: 230px;
	height:45px;
	display:block;
	text-indent:-9999em;
	background: url("../image/botan-meyasu.gif") no-repeat;
}

#menu .meyasu a:hover{
	width: 230px;
	height:45px;
	display:block;
	text-indent:-9999em;
	background: url("../image/botan-meyasu02.gif") no-repeat;
}

#menu .company a{
	width: 230px;
	height:45px;
	display:block;
	text-indent:-9999em;
	background: url("../image/botan-company.gif") no-repeat;
}

#menu .company a:hover{
	width: 230px;
	height:45px;
	display:block;
	text-indent:-9999em;
	background: url("../image/botan-company02.gif") no-repeat;
}

#area{
	width: 230px;
	xmargin-left:10px;
	padding-bottom:10px;
	xbackground-color:#f00;
}

#area h3{
	width: 230px;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff240d', endColorstr = '#ff6905');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff240d', endColorstr = '#ff6905')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ff240d, #ff6905);
background-image: -ms-linear-gradient(top, #ff240d, #ff6905);
background-image: -o-linear-gradient(top, #ff240d, #ff6905);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ff240d), to(#ff6905));
background-image: -webkit-linear-gradient(top, #ff240d, #ff6905);
background-image: linear-gradient(top, #ff240d, #ff6905);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/

	font-size:100%;
	color:#fff;
	text-align:center;
	padding:5px 0;
}

#area ul{
	width: 230px;
	xmargin-left:15px;
	margin-top:10px;
	margin-bottom:15px;
	list-style-type:none;
	xbackground-color:#f00;
	font-size:85%;
	text-align:center;
}

#area .tenshu{
	width: 100px;
	height:120px;
	margin-left:65px;
	margin-top:15px;
	xbackground-color:#d3d3d3;
	text-indent:-9999em;
	background: url("../image/staff.jpg") no-repeat;
}

#area .tenshu-txt{
	width: 210px;
	margin-left:10px;
	margin-top:5px;
	text-align:center;
	font-size:85%;
	xbackground-color:#f00;
	padding-bottom:15px;
	
	xborder-bottom: solid 1px #d3d3d3;
}

#area h2{
	width: 230px;
	height:30px;
	background-color:#f00;
	xtext-indent:-9999em;
	xbackground: url("../image/pinkarea.png") no-repeat;
}

/* みぎ
----------------------------------------------------------------------------------------------*/
#migi{
	width: 690px;
	float:right;
	xbackground-color:#cce;
}


.toiawase a{
	width: 690px;
	height:180px;
	display:block;
	background-color:#f00;
	margin-top:20px;
	margin-bottom:30px;
	text-indent:-9999em;
	list-style-type:none;
	background: url("../image/telbotan.gif") no-repeat;
}

.topmodari{
	font-size:75%;
	margin-left:580px;
	padding-bottom:20px;
}


/* フッター
----------------------------------------------------------------------------------------------*/
#footer{
	width: 980px;
	margin: 0 auto ;
	padding: 5px 0 20px 0;
	border-top: double 1px #959595;
	overflow: hidden;
	color:#959595;
	font-size:12px;
	line-height:1.3em;
}

#footer p{
	display:block;
	xpadding:20px 0;
	text-align:center;
}
