@charset "utf-8";

@import url("../packages/default/css/import.css");

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

 background: #365B00;  

}
body {
	background-repeat:repeat;
	margin: 0;
	line-height: 140%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
	font-size: 100%;
	background-image: url("../packages/default/img/yamada/nowrap_background.jpg");
}
a:hover {
	position: relative;
	text-decoration: none;
	}
td {
	padding: 3px;
	font-size: 11pt;
	}

#header {
	height: 200px;
	background-image: url(../packages/default/img/yamada/header_background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#logo {
	width: 495px;
	height: 25px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 175px;
	padding-left: 335px;
	background-image: url(../packages/default/img/yamada/logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#logo ul {
	width: 495px;
	height: 26px;
	list-style: none;
	position: relative;
	top: -36px;
		}

h1 {
	font-size: 10pt;
	text-align: left;
	color: #FFFFFF;
	background-color: #339966;
}
h2{
	background-image: url("../packages/default/img/yamada/h2.gif");
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
h3 a {
	color: #063;
	text-decoration: none;
}
h3 {
	background-image: url("../packages/default/img/yamada/h3_background.jpg");
	height: 35px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-position: right top;
	padding-left: 15px;
	padding-top: 5px;
}
h4{
	background-image: url("../packages/default/img/yamada/line.jpg");
	height: 34px;
	margin-bottom: 10px;
	margin-top: 10px;
background-position:bottom;
 background-repeat:no-repeat;
	font-size:20px;
color: #063;
}

h5 {
	height: 35px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-decoration: none;
	background-repeat:no-repeat;
	background-position: right top;
	padding-left: 15px;
	padding-top: 5px;
}

#container1 {
	width: 830px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	list-style-type: none;
}

/*-- 
#header {
	height: 331px;
	width: 800px;
	padding-left: 30px;
	background-image: url("../packages/default/img/yamada/header_left_shadow.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}
--*/

#contents {
	width: 800px;
	background-image: url("../packages/default/img/yamada/contents_background.jpg");
	margin-left: 30px;
	overflow: hidden;
}
#contentsBackground {
	width: 830px;
	margin-top: 0px;
	margin-bottom: 30px;
	background-image: url("../packages/default/img/yamada/contents_left_shadow1.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
#contentsBackground2 {
	background-image: url("../packages/default/img/yamada/contents_left_shadow2.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 850px;
	overflow: hidden;
}
#contents #main {
	width: 570px;
	float: left;
	margin-top: 0px;
	margin-left: 10px;
}
#contents #sidebar {
	float: left;
	width: 170px;
	color: #063;
	font-size: 9pt;
	list-style-type: none;
	margin-left: 10px;
	margin-top: 20px;
}
 #sidebar a {
	 color:#063;
	 }
#main2 {
	margin: 0px auto;
	padding: 0px;
	width: 700px;
}
#cartarea, #login_form, #categoryarea {
	padding: 5px;
}
#categoryarea li, #guidearea li {
	list-style: none;
}
#footer {
	background-image: url(../packages/default/img/yamada/footer_background.jpg);
	height: 80px;
	padding-top: 20px;
	text-align: center;
	clear: both;
}
#footer h6 {
	font-size: 9pt;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

#menu {
	margin-bottom: 20px;
	}
#01, #02, #03, #04, #05, #06, #07, #08, #09 {
	clear: both;
	width: auto;
	padding-top: 30px;
	padding-bottom: 30px;

	}
	.listimg {
	margin-right: 10px;
	width: 200px;
	}
.left {
	margin-right: 10px;
	margin-left: 5px;
	margin-top: 5px;
	width: 200px;
	}
.center{
	width:200px;
	float: left;
}
.right {
	width: 340px;
	float: right;
	margin-right: 5px;
	}
.line {
	height: 2px;
	border-bottom: 2px solid #339966;
	margin: 10px;
	clear: both;
	}

#thanks {
	clear: both;
	width: 700px;
	height: 280px;
	text-align: left;
	margin: 20px 0px;
	padding: 50px;
	}
.caution {
	color: #FF0000;
	margin-top: 2px;
	margin-bottom: 2px;
}.caution3 {
	color:#550000;
	margin-top: 2px;
	margin-bottom: 2px;
}
.footer {
	color: #FFFFFF;
	background: #339966;
	padding: 10px 2px;
}
.link {
	font-size: 9pt;
	text-align: center;
}
img {
	border-style: none;
}
#menu .header_big {
	font-size: 16pt;
	font-weight: bold;
	color: #FF0033;
}
#main_contents {
	text-align: left;
	margin: 10px auto;
	width: 700px;
}
.buzuki_box {
	margin-bottom: 20px;
	border: 1px solid #999999;
	padding: 5px;
}
.buzuki_box h4 {
	background: #FFFFCC;
	color: #339966;
	padding: 5px;
	font-size: 12pt;
}
.buzuki_box p {
	padding: 5px;
}
input, textarea {
	font-size: medium;
}
.a {
	background: #99FFFF;
}
.b {
	background: #66FF99;
}
.c {
	background: #FFFF66;
}
.d {
	background: #FFCC33;
}
.e {
	background: #FFCCCC;
}
.f {
	background: #CCCCCC;
}
.sourou_line {
	background: url("../packages/default/img/yamada/souryou_back.gif");
	height: 35px;
}




.caution2 {
	font-size: small;
}
.moku2 {
	height: 188px;
	width: 300px;
	background: url("../packages/default/img/yamada/yasuragi_moku2.gif");
	font-size: 10pt;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 20px;
	color: #333333;
	line-height:150%;
	margin-left: 80px;
}

table#menu{margin:0 0 0 0;
                 border:none;
}
#menu td {border:none;
 }
#menu tr {border:none;
 }

.menu{margin:0 0 0 0;
                 border:none;
border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:none;

}
.none td {border-bottom:none;

	border-left:none;
	border-right:none;
	border-top:none;

 }
.none tr {border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:none;

 }

.none{margin:0 0 0 0;
                 border:none;
border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:none;

}
.menu td {

	border-left:none;
	border-right:none;
	border-top:none;

 }
.menu tr {
	border-left:none;
	border-right:none;
	border-top:none;

 }

#navi {
	width: 780px;
	height: 52px;
	background-image: url("../packages/default/img/yamada/navi.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	margin:10px;
	}
#navi ul {
	width: 780px;
	height: 52px;
	list-style: none;
		}
#navi li {
			float: left;
			list-style: none;
			}
#navi li a {
				display: block;
				height: 52px;
				text-indent: -999em;
				background-image: url("../packages/default/img/yamada/navi.jpg");
				}
#navi li a :hover{
					overflow: hidden;
					}

.navi1 a {
	background-position: -10px 0;
	width: 280px;
	height: 52px;
	}
.navi2 a {
	background-position: -300px 0;
	width: 230px;
	height: 52px;
	}
.navi3 a {
	background-position: -510px 0;
	width: 270px;
	height: 52px;
	}

.navi1 a:hover { background-position: -10px -52px;}
.navi2 a:hover { background-position: -300px  -52px;}
.navi3 a:hover { background-position: -510px  -52px;}

.listrightblock {
	width: 450px;
	background-color: #F3EFD6;
	padding: 10px;
}
.mainBox {
	padding-left: 100px;
	background-image: url("../packages/default/img/yamada/mainBoxLeft.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
}
.btn {
	text-align: center;
}
.box96 {
	width: 160px;
}


#footer .gototop {
	float: right;
	width: 100px;
	color: #FFF;
	font-size: 9pt;
}
#logo .rogo {
	position: relative;
	top: -141px;
	left: -292px;
	width: 259px;
	height: 36px;
}

.kome{
	background-color: #F3EFD6;
	　　　　padding-top:20px;
	font-size:100%;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-repeat: repeat;
	background-position: top left;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 30px;

}

/*--ナビゲーション--*/
#navcontainer {
        background: #f0e7d7;
        margin: 0 auto;
        padding: 1em 0 0 0;

        text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#navcontainer:after {
        content: ".";
        display: block;
        line-height: 1px;
        font-size: 1px;
        clear: both;
}

ul#navlist {
        list-style: none;
        padding: 5;
        margin: 0 auto;
        width: 600px;
        font-size: 0.8em;
}

ul#navlist li {
        display: block;
        float: left;
        width: 15%;
        margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;
        width: 100%;
        padding: 0.5em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
        background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #f0e7d7;
        color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #800000;
        background: transparent;
        border-color: #aaab9c #fff #fff #ccc;
}

#yamadabank {
	text-align:center;
	margin: 0px auto;
	padding: 0px;
	width: 500px;
	height: 220px;
}

#yamdabankform{
	text-align:center;
	margin: 0px auto;
	padding: 0px;
	width: 500px;
	height: 1200px;
}