@import "common.css";

/* CSS Document */

/* ------------------------------
　　　　トップページ
------------------------------  */

/* MAIN*/

div#img-area {
	width: 915px;
	margin: 0;
	height: 350px;
	/* background: url(../../images/main_img_bg.png) no-repeat left top; */
	padding: 15px 0 0 0;
}

div#img-area p#img-l {
	float: left;
	display: inline;
	margin: 0;
	padding: 40px 0 0 145px;
}

div#img-area div#img-r {
	float: left;
	display: inline;
	margin: 0;
	padding: 101px 0 0 258px;
	width: 548px;
	height: 70px;
}

div#img-area div#img-r h2 {
	float: left;
	display: inline;
	margin: 0;
}

div#img-area div#img-r p {
	float: left;
	display: inline;
	margin: 6px 5px 0 2px;
}

div#main-top {
	width: 915px;
	margin: 0 0 0 0;
}

div#left-top {
	width: 548px;
	float: left;
	display: inline;
	margin: 0 0 0 40px;
	padding: 0;
}

div#right-top {
	width: 218px;
	float: left;
	display: inline;
	padding: 0 0 0 10px;
	margin: 0;
}

div#os {
	width: 528px;
	background: url(../../images/os_bg.jpg) repeat-y left top;
}

div#os h3 {
	margin: 0;
	padding: 0 0 10px 0;
}

div#os div#os-txt {
	width: 320px;
	float: left;
	display: inline
}

div#os div#os-txt p.txt {
	margin: 0 15px 0 35px;
	line-height: 1.2em;
}

div#os div#os-txt p#btn {
	margin: 5px auto 0 10px;
	text-align: center;
}

div#os p.photo {
	margin: 10px 0 0 0;
}

div#shop {
	width: 528px;
	background: url(../../images/os_foot.jpg) no-repeat left bottom;
	padding: 0 0 15px 0;
	margin: 10px 0 15px 0;
}

div#shop .s-main {
	background: url(../../images/os_bg.jpg) repeat-y left top;
	margin: 0;
	padding: 10px 20px;
}

div#shop h3 {
	margin: 0;
	padding: 0 0 0 0;
}
div#shop .s-main #s-intro {
	width: 500px;
}
div#shop .s-main #s-intro #s-img {
	width: 230px;
	float: left;
	display: inline
}
div#shop .s-main #s-intro #s-txt {
	width: 220px;
	float: left;
	display: inline;
	font-size: 15px;
	margin: 10px 20px;
	line-height: 1.4em;
}

div#shop .s-main .s-info {
	width: 495px;
	background: url(../../images/info_foot.png) no-repeat left bottom;
	padding: 0 0 32px 0;
	margin: 25px 0 15px 0;
}

#si-main {
	width: 495px;
}

#g-map {
	width: 200px;
	margin: 0 0 0 20px;
	float: left;
	display: inline;
}
.si-right {
	float: left;
	display: inline;
	width: 250px;
	margin: 15px 0 0 15px;
}
	
div#shop .s-main .s-info .si-main {
	background: url(../../images/info_bg.png) repeat-y left top;
	margin: 0;
	padding: 0 0 20px 0;
}
.si-right dl dt {
	font-size: 14px;
	font-weight: bold;
	border-left: 5px solid #C03;
	padding: 1px 0 0 3px;
	margin: 0 0 3px 0;
}
.si-right dl dd {
	font-size: 15px;
	padding: 1px 0 0 0;
	margin: 0 0 7px 8px;
}
div#info {
	width: 270px;
	background: url(../../images/info_bg.jpg) repeat-y left top;
	margin: 0;
}
div#info h4{
	border-left: 5px solid #d63319;
	font-size: 18px;
	font-weight: bold;
	color: #363;
	padding: 1px 0 0 5px;
	margin: 10px 0 5px 20px;
}

div#info dl {
	width: 250px;
	margin: 0 0 15px 0;
	font-size: 12px;
}

div#info dl dt  {
	margin: 12px 0 0.3em 18px;
	padding: 1px 0 1px 5px;
	width: 6em;
	border-left: #d63319 5px solid;
	line-height: 1.2em;
}

* html body div#info dl dt  {
	padding: 1px 0 1px 5px;
}

div#info dl dd {
	padding: 0 4px 0.8em 7.5em;
	margin: -2px 0 0 18px;
	border-bottom: 1px dotted #2c6931;
	line-height: 1.2em;
}

div#info dl dt + dd {
	margin-top: -1.5em;
}

div#info p#msg {
	padding: 5px 10px 10px 10px;
	margin: 0 20px;
	line-height: 1.4em;
	font-size: 13px;
	border-bottom: 1px dotted #0C6;
}
div#info p#more {
	padding: 10px 20px 0 20px;
	line-height: 1.4em;
	font-size: 12px;
}

div#info p#btn-b {
	padding: 10px 0;
	text-align: center;
}

div#info p#btn-kako {
	padding: 5px 25px 10px 0;
	text-align: right;
}

#news {
	background: #FFF;
	padding: 15px;
	border: 3px solid #F33;
	margin: 0 5px 10px 0;
}

#news h3{
	font-size: 18px;
	font-weight: bold;
	color: #363;
	padding: 0 0 10px 0;
}
#news p {
	font-size: 14px;
}
#news dl{
	padding: 10px 0 0 0;
}
#news dt{
	border-left: 3px #F03 solid;
	padding: 0 0 0 3px;
	margin: 0 0 3px 0;
}
#news dd {
	padding: 0 0 7px 5px;
	line-height: 1.4em;
}

.t-foot {
	margin: 0 0 0 13px;
}