/*==============================================
　◆◇　基礎構築
===============================================*/

* {
	margin: 0 ;
	padding: 0 ;
}

body {
	background: url(http://www.yamadakan.com/img/back.png) repeat ;
	font-size: 15px ;
	font-family: verdana , osaka , ans-serif ;
	color: #666666 ;
	line-height: 1.4 ;
}


p {
	margin: 0 0 5px ;
}

li {
	list-style: none;
	line-height: 1.3;}

li.side {
	padding-left: 5px ;
	list-style: none url(../img/list.png) inside ;
	line-height: 2.0;
	vertical-align: middle ;}

textarea,select,input {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";
	font-size: 100%;}


hr {
	display: none ;
}

.white10 {
	clear: both ;
	border-bottom: solid 10px #FFFFFF ;
}

.white20 {
	clear: both ;
	border-bottom: solid 20px #FFFFFF ;
}



/*==============================================
　◆◇　写真・フォントの調整
===============================================*/



img {
	border: none ;}

h1{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h2{
	color:red;
	font-size: 140%;
	font-weight:700;
	font-style:normal;
	margin-bottom: 5px ;
	padding: 0 ;
}

h3 {
	font-size: 100%;
	font-weight:700;
	font-style:normal;
	padding: 5px 10px ;
	margin-bottom: 10px ;
	background: url(http://www.yamadakan.com/img/main/title.gif) ;
}


a {
	color:#666;
	font-weight:700;
	text-decoration: none;
}


a:hover {
	color: #FF6600;
	font-weight:700;
	text-decoration: none;
}






/*==============================================
　◆◇　基礎レイアウト部分
===============================================*/


#container {
	width: 900px ;
	text-align: left ;
	margin: 0 auto ;
	background:#fff ;
}


#header{
	text-align: right ;
	line-height: 1.3 ;
	width: 880px ;
	height: 36px ;
	padding: 7px 10px ;
	background: url(http://www.yamadakan.com/img/main/header.gif) ;
}



#banner {
	width:900px;
	height:150px ;
	margin: 0 auto ;
	background: #fff ;
}



#copyright {
	background: url(http://www.yamadakan.com/img/copyback.png) repeat ;
	clear:both;
	color:#696969;
	line-height:16px;
	text-align:center;
	padding:10px;
}

.copy{
	text-align:center;
}



/*-------------------------------------------------------------------
　メニュー
-------------------------------------------------------------------*/

#menu {
	height: 40px;
}

#menu li {
	list-style-type: none ;
	float: left ;
	display: block ;
}

#menu a {
	height: 40px;
	width: 150px;
	text-decoration: none;
	display: block;
}

#menu-h a {
	background-image: url(http://www.yamadakan.com/img/main/menu.gif);
	background-position: 0px 0px;
	text-indent: -3000px;
}
#menu-h a:hover {
	background-position: 0px -40px;
}


#menu-p a {
	background-image: url(http://www.yamadakan.com/img/main/menu.gif);
	background-position: -150px 0px;
	text-indent: -3000px;
}
#menu-p a:hover {
	background-position: -150px -40px;
}

#menu-r a {
	background-image: url(http://www.yamadakan.com/img/main/menu.gif);
	background-position: -300px 0px;
	text-indent: -3000px;
}
#menu-r a:hover {
	background-position: -300px -40px;
}

#menu-m a {
	background-image: url(http://www.yamadakan.com/img/main/menu.gif);
	background-position: -450px 0px;
	text-indent: -3000px;
}
#menu-m a:hover {
	background-position: -450px -40px;
}

#menu-s a {
	background-image: url(http://www.yamadakan.com/img/main/menu.gif);
	background-position: -600px 0px;
	text-indent: -3000px;
}
#menu-s a:hover {
	background-position: -600px -40px;
}

#menu-i a {
	background-image: url(http://www.yamadakan.com/img/main/menu.gif);
	background-position: -750px 0px;
	text-indent: -3000px;
}
#menu-i a:hover {
	background-position: -750px -40px;
}




#plan-l a {
	width: 420px;
	height: 250px;
	list-style-type: none ;
	display: block ;
	background-image: url(img/top/plan1.gif);
	background-position: 0px 0px;
	text-indent: -3000px;
}
#plan-l a:hover {
	background-position: 0px -250px;
}


#plan-r a {
	width: 420px;
	height: 250px;
	list-style-type: none ;
	display: block ;
	background-image: url(img/top/plan2.gif);
	background-position: 0px 0px;
	text-indent: -3000px;
}
#plan-r a:hover {
	background-position: 0px -250px;
}



/*==============================================
　◆◇　トップページ
===============================================*/


#main {
	width: 860px ;
	margin: 20px ;
	padding: 0 ;
}

#top-left {
	width: 420px ;
	float: left ;
}

#top-right {
	width: 420px ;
	float: right ;
}


#top-3l {
	width: 280px ;
	float: left ;
	margin-right: 10px ;
}

#top-3c {
	width: 280px ;
	float: left ;
	margin-right: 10px ;
}

#top-3r {
	width: 280px ;
	float: right ;
}



#main-left {
	width: 250px ;
	float: left ;
}

.main-left-b {
	padding: 9px ;
	margin-bottom: 10px ;
	border: 1px solid #CCCCCC ;
}


#main-right {
	width: 590px ;
	float: right ;
}

.main-right-b {
	padding: 9px ;
	margin-top: 10px ;
	border: 1px solid #CCCCCC ;
}


.topbox{
	margin-bottom: 10px ;
}

.toptitle{
	font-size:14px;
	font-weight:700;
	padding:3px 5px;
	margin:5px 0;
	border-bottom:1px solid #999;
	border-left:5px solid #999;
}

.top-l {
	width: 240px ;
	margin-right: 20px ;
	float: left ;
}

.top-c {
	width: 240px ;
	float: left ;
}

.top-r {
	width: 240px ;
	margin-left: 20px ;
	float: right ;
}



.planleft{
	width:258px;
	padding:0 5px 0 10px;
	float:left;
}


.plancenter{
	width:258px;
	padding:0 5px 0 5px;
	float:left;
}

.planright{
	width:258px;
	padding:0 10px 0 5px;
	float:left;
}



/*==============================================
　◆◇　コンテンツ
===============================================*/

#centerbox{
	width:860px;
	margin:10px 20px 10px;
}

.centerboxtitle{
	font-size: 13px;
	border:1px solid #F5DEB3;
	background:#FFEBCD;
	padding:3px 5px 3px 8px;
	margin-bottom:5px;
}

#conleft {
	width:370px;
	float:left;
	padding:10px 10px 10px 20px ;
}


#conright {
	width:370px;
	float:right;
	padding:10px 20px 10px 10px ;
}


/*==============================================
　◆◇　テーブル
===============================================*/

table{
	border-collapse:collapse;
	border:1px solid #999;
	margin:5px 0;
}

th{
	width: 80px ;
	background:#DDD;
	border:1px solid #999;
	padding:2px 4px;
	text-align:center;
}

td{
	width: 460px ;
	border:1px solid #999;
	padding:2px 4px;
	text-align:left;
}

.plan1 th {
	width: 140px ;
	background:#DDD;
	border:1px solid #999;
	padding:2px 4px;
	text-align:center;
}

.plan1 td {
	width: 250px ;
	border:1px solid #999;
	padding:2px 4px;
	text-align:left;
}


.form th {
	width:180px;
	background:#999;
	border:1px solid #666;
	color:#FFF;
	padding:5px 9px;
	text-align:center;
}

.form td{
	width:640px;
	border:1px solid #999;
	padding:5px 9px;
}




/*==============================================
　◆◇　イメージ
===============================================*/

img.menu {
	border: none ;
	margin: 0;
	float:left;
}


img.ban{
margin-bottom:10px;
}

img.bantop{
margin-top:5px;
}

img.left{
margin-top:5px;
margin-right:10px;
float:left;
}

img.azisai{
margin-right:10px;
float:left;
}


img.photo {
margin-right:20px;
float:left;
}

img.menuphoto {
margin-right:10px;
float:left;
}



.font-right{
text-align:right;
}


em{
font-style:normal;
color:red;
font-weight:700;
}

