/* CSS for template "gm" version A-1 */

#main-contents {
	width: 800px;
	margin-top: 20px;
	}

.main-div {
	width: 800px;
	}

.main-top-img {
/*	height: 420px;*/
height: 300px;
	padding-bottom: 30px;
	background-image: url("../images/top/top-img2.jpg");
	background-repeat: no-repeat;
/*	background-position: 50px 0px;*/
}

.main-right-intro {
	float: right;
	width: 330px;
/*	height: 410px;*/
height: 290px;
	padding: 10px 10px 0px 0px;
	overflow: hidden;
	}

.main-right-intro p {
	margin: 0px 0px 10px 0px;
	line-height: 17px;
	letter-spacing: 0.3em;
	}

.main-right-intro br {
	line-height: 17px;
	}

.left-contents {
	float: left;
	width: 400px;
	}

.left-img {
	width: 350px;
	padding: 30px 0px 30px 50px;
	text-align: center;
	}

.left-intro {
	width: 330px;
	padding: 0px 20px 15px 48px;
	}

.left-div {
	width: 300px;
	margin: 0px auto;
	}

.right-contents {
	float: right;
	width: 400px;
	}

.right-img {
	position: relative;
	width: 350px;
	height: 404px;
	padding: 0px 50px 30px 0px;
	text-align: center;
	}

.right-intro {
	width: 350px;
	padding: 5px 50px 15px 0px;
	}

.right-div {
	width: 300px;
	margin: 0px auto;
	}

.img-L {
	width: 350px;
	}

.img-M-at {
	position: absolute;
	width: 200px;
	height: 150px;
	top: 255px;
	left: 0px;
	}

.img-S-at-1 {
	position: absolute;
	width: 145px;
	height: 73px;
	top: 255px;
	right: 50px;
	}

.img-S-at-2 {
	position: absolute;
	width: 145px;
	height: 73px;
	top: 331px;
	right: 50px;
	}

.img-M-sh {
	position: absolute;
	width: 180px;
	height: 150px;
	top: 255px;
	right: 50px;
	}

.img-S-sh-1 {
	position: absolute;
	width: 80px;
	height: 150px;
	top: 255px;
	left: 0px;
	}

.img-S-sh-2 {
	position: absolute;
	width: 80px;
	height: 150px;
	top: 255px;
	left: 85px;
	}

.left-contents h3,
.right-contents h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px;
	background-image: url("../images/title-bg-b.jpg");
	background-repeat:repeat-x;
	font-size: 13px;
	font-weight: ligher;
	line-height: 25px;
	}

.right-intro p,
.left-intro p {
	margin: 0px 0px 10px 0px;
	line-height: 17px;
	letter-spacing: 0.3em;
	}

#sub-contents {
	width: 800px;
	margin: 0px auto 0px auto;
	}

#sub-contents h3 {
	margin: 0px 0px 15px 0px;
	text-align: center;
	}

#sub-contents p {
	line-height: 140%;
	letter-spacing: 0.05em;
	}

.sub-contents-intro {
	margin: 0px 50px 10px 60px;
	}

.sub-div {
	width: 680px;
	margin: 0px auto 30px auto;
	}

.sub-div p {
	margin: 0px 0px 10px 0px;
	}

/* トップページ　更新情報枠 */

#news {
	width: 750px;
	margin: 0px auto 30px auto;
	}

.news-title {
	margin: 0px;
	}

.news-title h3 {
	margin: 0px;
	}

.news {
	margin: 0px;
	padding: 0px 5px;
	background-image: url("../images/top/news-middle.jpg");
	background-repeat: repeat-y;
	}

.news p {
	margin: 0px;
	padding: 0px 20px 5px 30px;
	font-family: monospace;
	letter-spacing: 0.01em;
	}

.news ul {
	margin: 0px;
	padding: 0px 15px 0px 48px;
	list-style-image: url("../images/sentence-top2.gif");
	font-size: 14px;
	}


/* トップページ　こんにちはどら猫です */

#hello {
	width: 700px;
	margin: 0px auto 30px auto;
	}

.hello-left {
	float: left;
	width: 290px;
	padding-right: 20px;
	padding-top: 10px;
	}

.hello-right {
	float: right;
	width: 380px;
	text-align: center;
	}

#hello div p {
	margin: 0px 0px 10px 0px;
	line-height: 140%;
	letter-spacing: 0.2em;
	}

/* トップページ　ショップ所在地等 */

#top-shop-info {
	width: 720px;
	margin: 30px auto;
	}

.top-shop-info {
	float: left;
	width: 340px;
	margin: 0px;
	padding: 0px;
	}

.top-shop-info strong {
	font-weight: lighter;
	font-size: 16px;
	}

.top-tel {
	float: left;
	width: 180px;
	margin: 0px;
	padding: 0px 20px 0px 10px;
	}

.font-14{
	font-size: 14px;
	}

.top-links {
	float: right;
	width: 170px;
	margin: 0px;
	padding: 0px;
	}

.top-shop-info p {
	margin: 0px;
	font-size: 12px;
	line-height: 16px;
	}

.top-tel p,
.top-links p {
	margin: 0px;
	font-size: 12px;
	letter-spacing: 0.01em;
	line-height: 16px;
	font-family: monospace;
	}

/* アトリエページ　ブログ */

.atelier-blog-div {
	width: 700px;
	margin: 0px auto 30px auto;
	}

.atelier-entry-left {
	float: left;
	width: 560px;
	}

.atelier-entry-header {
	width: 540px;
	margin: 0px 0px 15px 0px;
	line-height: 23px;
	background-color: rgb(208,230,197);
	}

.atelier-entry-date {
	float: right;
	width: 100px;
	padding: 0px 10px 0px 0px;
	line-height: 23px;
	text-align: right;
	}

.atelier-entry-box h4 {
/*	float: left;
	width: 410px;*/
	margin: 0px;
	padding: 0px 10px;
	font-size: 13px;
	}

.atelier-entry-box {
	width: 540px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	}

.atelier-entry-body {
	width: 530px;
	padding: 0px 5px;
	overflow: hidden;
	}

.atelier-entry-body p {
	margin: 0px 0px 10px 0px;
	line-height: 120%;
	letter-spacing: 0.05em;
	}

.atelier-entry-footer {
	width: 536px;
	clear: both;
	height: 13px;
	margin: 10px 20px 0px 0px;
	padding: 6px 2px 0px 2px;
	border-top: 2px dotted #cccccc;
	font-size: 13px;
	text-align: right;
	}

.atelier-entry-right {
	float: right;
	width: 140px;
	}

.atelier-entry-right h4 {
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-size: 13px;
	}

.more-entries {
	float: right;
	width: 128px;
	border: 1px solid rgb(208,230,197);
	margin: 0px auto 0px auto;
	padding: 5px 5px 0px 5px;
	}

.more-entries p {
	margin: 0px 0px 5px 0px;
	}


/* アトリエページ　プロフィール */

.profile-img-L {
	width: 500px;
	margin: 0px auto 30px auto;
	padding: 10px;
	border-width: 1px 3px 3px 1px;
	border-style: solid;
	border-color: #dddddd;
	text-align: center;
	}

.profile-img-L p {
	margin: 20px 5px 10px 0px;
	text-align: right;
	}

.profile-img {
	float: left;
	width: 270px;
	padding: 0px 30px 0px 50px;
	text-align: center;
	}

.profile-text {
	float: right;
	width: 310px;
	padding: 0px 120px 0px 20px;
	line-height: 140%;
	letter-spacing: 0.05em;
	}

.profile-text p {
	margin: 0px 0px 10px 0px;
	}


/* 帽子店ページ　アイテム一覧 */

.item-img {
	width: 550px;
	margin: 0px 50px 30px 200px;
	}

.item-img img {
	margin-left: 10px;
	}

/* 帽子店ページ　地図　*/

.shop-info-with-map {
	background-image: url("../images/shop/shop-map.jpg");
	background-repeat: no-repeat;
	margin: 0px auto 20px auto;
	width: 250px;
	height: 200px;
	padding: 560px 400px 12px 50px;
	}

.shop-info-with-map p {
	margin: 0px 0px 10px 0px;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 0.05em;
	}
	
.shop-info-with-map p span {
	font-family: monospace;
	letter-spacing: 0.01em;
	}

/* 帽子店ページ　会社概要 */

.company {
	width: 680px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	}

.company th {
	width: 200px;
	border: 1px solid #cccccc;
	font-family: monospace;
	font-weight: lighter;
	line-height: 140%;
	letter-spacing: 0.1em;
	padding: 3px;
	}

.company td {
	width: 450px; 
	border: 1px solid #cccccc;
	padding: 3px 10px;
	font-family: monospace;
	line-height: 140%;
	letter-spacing: 0.1em;
	}

.company span {
	font-size: 12px;
	letter-spacing: 0.05em;
	}

/* 催事 */

.event-div {
	width: 700px;
	margin: 0px auto 30px auto;
	}

.event-left-div {
	float: left;
	width: 360px;
	padding-right: 40px;
	}

.event-right-div{
	float: right;
	width: 300px;
	}

.event-left {
	float: left;
	width: 70px;
	margin: 0px 20px 0px 0px;
	font-size: 19px;
	font-weight: bolder;
	}

.event-right {
	float: right;
	width: 270px;
	padding: 2px 0px 0px 0px;
	font-size: 13px;
	line-height: 140%;
	letter-spacing: 0.05em;
	}

.event-right p {
	margin: 0px 0px 15px 0px;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.2em;
	}

.event-entry-header {
	width: 300px;
	margin: 0px 0px 15px 0px;
	line-height: 23px;
	background-color: rgb(208,230,197);
	}

.event-entry-date {
	float: right;
	width: 90px;
	padding: 0px 10px 0px 0px;
	line-height: 23px;
	text-align: right;
	}

.event-entry-box h4 {
	float: left;
	width: 180px;
	margin: 0px;
	padding: 0px 10px;
	font-size: 13px;
	}

.event-entry-box {
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

.event-entry-body {
	width: 290px;
	padding: 0px 5px;
	overflow: hidden;
	}

.event-entry-body p {
	margin: 0px 0px 10px 0px;
	line-height: 120%;
	letter-spacing: 0.05em;
	}

.event-entry-footer {
	width: 296px;
	clear: both;
	height: 13px;
	margin: 10px 0px 0px 0px;
	padding: 6px 2px 0px 2px;
	border-top: 2px dotted #cccccc;
	font-size: 13px;
	text-align: right;
	}


/* ショッピング */

.shopping-text-left {
	float: left;
	width: 500px;
	margin: 0px;
	padding-left: 60px;
	padding-right: 10px;
	line-height: 140%;
	letter-spacing: 0.15em;
	}

.shopping-text-right {
	float: right;
	width: 180px;
	margin-right: 50px;
	text-align: center;
	}

.shopping-div {
	width: 620px;
	margin: 0px 30px 30px 150px;
	}

.shopping-list-left {
	float: left;
	width: 190px;
	margin-right: 25px;
	}

.shopping-list-center {
	float: left;
	width: 190px;
	margin-right: 25px;
	}

.shopping-list-right {
	float: left;
	width: 190px;
	}

.shopping-list-left div,
.shopping-list-center div,
.shopping-list-right div, 
.shopping-list-left2 div,
.shopping-list-right2 div {
	float: right;
	width: 90px;
	height: 70px;
	}

.shopping-list-left,
.shopping-list-center,
.shopping-list-right, 
.shopping-list-left2,
.shopping-list-right2 {
	padding-bottom: 3px;
	border-bottom: 1px solid #cccc66;
	}

.shopping-list-left p span,
.shopping-list-center p span,
.shopping-list-right p span,
.shopping-list-left2 p span,
.shopping-list-right2 p span {
	font-weight: 14px;
	font-weight: bolder;
	}

.shopping-list-left p,
.shopping-list-center p,
.shopping-list-right p {
	float: left;
	width: 90px;
	height: 46px;
	margin: 0px;
	padding: 12px 5px;
	font-size: 13px;
	line-height: 23px;
	}

.shopping-list-left2 {
	float: left;
	width: 245px;
	margin-right: 30px;
	}

.shopping-list-right2 {
	float: right;
	width: 245px;
	}

.shopping-list-left2 p,
.shopping-list-right2 p {
	float: left;
	width: 145px;
	height: 46px;
	margin: 0px;
	padding: 22px 5px;
	font-size: 13px;
	line-height: 23px;
	}

.shopping-info-div {
	width: 476px;
	border: 2px dotted #cccccc;
	margin: 50px auto 30px auto;
	padding: 10px 10px 0px 10px;
	}

.shopping-info-div p {
	margin: 0px 0px 10px 0px;
	}