/*　CSSの編集について　　　　　　　　　　　　　　　　　　　　　　　 */
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*　文字の大きさを変更するには「font-size」の値を編集してください。 */
/*　例）font-size: small; 　⇒　font-size: normal;                  */
/*　例）font-size: x-small; ⇒  font-size: 12px;                    */
/*　例）font-size: 90%;     ⇒  font-size: 110%;                    */
/*  　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/*  文字や背景の色を変更するには「color」や「background-color」等 　*/
/*  の値を編集してください。　　　　　　　　　　　　　　　　　　　　*/
/*　例）color: #333333; 　         ⇒　color: #0000ff;              */
/*　例）background-color: #515559; ⇒  background-color: #ffffcc;   */

/* http://s.test.asa-info.jp/css/common2l/default/common2l.css */

/* ★ページ全体の共通指定 */

/* ページ全体の背景・文字・余白など */
body {
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
	font-size: small;
	line-height: 18px;
	font-family: "ＭＳ ゴシック", "Osaka-等幅", monospace; /* ★等幅化 */
	color: #333333;
	background-color: #f8f8fa;
}
h1, h2, h3 {
	margin : 0;
	padding : 0;
	font-weight: normal;
}
ul, p, div, span {
	margin : 0;
	padding : 0;
/*	font-size: small;*/
}
li {
	list-style-type: none;
}
img {
	border: none; 
}
table {
	margin : 0;
	border: none;
	empty-cells: show;
}
a {
    color:#333333;
	text-decoration: none; 
}
a:hover {
	text-decoration: underline;
	color:#3e45a8;
	background-color: #dce6ff;
}


/* ★各要素の指定 */

#container {
	width: 760px; 
	margin-right: auto;
	margin-left: auto;
	border:solid 1px #808085;

}
#head {
	width: 760px; 
	height: 116px; 
	margin: 0; 
	background: url(h1bg.gif) no-repeat; 
}
#left {
	width: 200px;
	text-align: left; 
	float: left; 
}
#center {
	width: 558px; 
	float: left;
}
#main {
	text-align: left; 
	margin: 10px 16px 0px 16px; 
}
#footer {
	clear: both; 
	color:#4d4d4d;
	width:760px;
	background-color: #c2c2cc;
}
.footer-link a {
	font-size: 12px;
	color:#4d4d4d;
}
.footer-link a:hover {
	font-size: 12px;
	text-decoration: underline;
	background-color: #e3e3eb;
}
.footer-caption {
	padding-top: 10px;
	color: #ceced4;
	background: url(footer.gif) no-repeat; 
	background-color: #393e9f;
}
/* ★サイズ固定のため追記 */
.footer-caption p {
	font-size: 12px;
}
/* ブログのタイトル */
#head h1 {
	padding-top:30px; 
	padding-left: 150px; 
	text-align: left; 
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++px指定 */
	font-size: 26px; 
	color: #FFFFFF; 
}
#head h1 a {
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++px指定 */
	font-size: 26px; 
	color: #FFFFFF; 
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++hover追加 */
#head h1 a:hover {
	text-decoration: underline;
	background-color: #848ef7;
	color:#ffffff;
}


.url {
	text-align: left; 
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++px指定 */
	font-size: 14px; 
	color: #FFFFFF; 
	padding-left: 150px; 
}
.url a {
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++px指定 */
	font-size: 14px; 
	color: #FFFFFF; 
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++hover追加 */
.url a:hover {
	text-decoration: underline;
	background-color: #848ef7;
	color:#ffffff;
}



.address {
	color: #FFFFFF; 
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++px指定 */
	font-size: 12px; 
	text-align: right; 
	padding-right: 10px;
	margin-top: -20px; 
}
.tel {
	color: #333333; 
	text-align: right; 
	padding-right: 10px;
}

/* ★ メインコンテンツ（記事部分エリア）の指定 */

.navi {
	text-align: right; 
	margin-bottom: 10px; 
}
.msg {
	margin-bottom: 12px;
}

.text01 {
	font-weight: bold; 
	text-align: left; 
	padding:2px;
	border-left:solid 2px #383d9d;
}
.text02 {
	font-weight: bold; 
	text-align: right; 
	padding:2px;
}
.text03 {
	font-weight: bold; 
	font-size: 90%; 
	color:#333333;
	font-weight:bold;
	text-align:left;
	padding: 4px;
	background-color: #e2e2e7;
	border-top: solid 1px #cbcbdc;
	border-bottom: solid 1px #cbcbdc;
}
.text04 {
	text-align: left; 
	padding: 2px 0px 2px 20px;
}
.text05 li {
	color: #000066; 
	font-size: 12px; 
	text-align: left; 
	padding: 2px 0px 2px 15px;
	background: url(point02.gif) no-repeat; 
	background-position: top left; 
}
.text06 {
	text-align: right; 
	padding-right: 8px;
	font-size: 12px;/* ★サイズ固定 */
}
.text07 li {
	list-style-image: url(dot.gif);
	margin-left: 20px;
}
/* 記事のタイトル */
h2.msg-title {
	font-weight: bold;
	font-size: large;
	padding: 4px 0px;
	margin: 0px 10px;
	background-repeat: no-repeat;
	background-position: left center;
}
.msg-category-title {
	font-weight: bold;
	font-size: medium;
	color: #333333;
	padding: 4px 8px;
	background-color: #e2e2e7;
	border-left:solid 6px #383d9d;
}
.msg-category-title a {
	color: #333333; 
}
.msg-category-title a:hover {
	text-decoration: underline;
	background-color: #dce6ff;
}
.msg-title_asahi {
	font-weight: bold; 
	font-size: medium; 
	color: #D70505; 
	background: url(asahi.gif) no-repeat;
	background-position: left center; 
	padding: 8px 0px 4px 120px;
	margin: 0px 10px;
}
.msg-title_shop {
	font-weight: bold; 
	color: #383d9d; 
	padding: 6px 0px 8px 8px;
}
/* 記事の日付 */
.msg-date {
	font-size: 90%; 
	margin-top: -12px;
	text-align: right; 
	color: #333333; 
	padding-right: 20px;
}
.msg-body {
	margin-bottom: 2px;
	padding:10px;
	margin: 0px 10px;
    border-bottom:solid 1px #666666;
}
.msg-body p {
	line-height: 120%; 
}
.msg-body_asahi {
	margin-top: 2px; 
	margin-bottom: 2px; 
	padding:8px;
	margin: 0px 10px;
	border: solid 1px #AAAAAA;
}
.msg-banner {
	text-align: center; 
}
.msg-body2 {
	margin: 2px 20px; 
	padding:8px;
	border-bottom:solid 1px #C3C3C3;
}
.msg-body3 {
	margin: 2px 20px; 
	padding:8px;
	border-bottom:dashed 1px #C3C3C3;
}
.msg-body4 {
	margin: 2px 80px; 
	padding:20px;
	background-color: #F5F5F5;
}
.msg-body5 {
	margin: 2px 20px; 
	padding:8px;
}
.msg-body5 li {
	font-size: 12px; 
	text-align: left; 
	padding-bottom: 10px;
	list-style-type: square; 
	margin-left: 20px;
}
table#price {
	border-collapse: collapse;
	border: solid 1px #BBBBBB;
}
th {
	background-color: #C0C2E9;
}
.msg-body6 {
	margin: 2px 0px 10px 10px; 
}

/* 記事のフッター（コメント・トラックバック部分） */
.msg-footer {
	text-align: right;
	color: #385572; 
}

/* ページ最下部の「ページトップへ」 */
.pagetop {
	font-size: 12px; 
	padding-right: 13px; 
	padding-top: 2px; 
	text-align: right; 
/*	background: url(gototop.gif) no-repeat;*/
	background-position: right center; 
}

/* ★　ツールバーの指定 */
#left .sidebar {
	text-align: left; 
}

/* ツールバーのタイトル指定 */
h2.mod-caption {
	font-weight: bold; 
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++px指定 */
	font-size: 12px; 
	font-weight:bold;
	text-align:left;
	padding: 2px 0px 2px 4px;
	background-color: #e2e2e7;
	border-left:solid 6px #383d9d;
}
.mod-caption a {
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++px指定 */
	font-size: 12px; 
}

/* MacIE Hack \*/
h2.mod-caption {
	height: 100%; 
}
/* MacIE Hack end */
.mod {
	padding-bottom: 15px;
	padding-left: 5px;
}
.mod-body {
	font-size: 12px; 
	text-align: left; 
	margin: 2px;
}
.mod-left-top {
	font-size: 12px; 
	text-align: left; 
	margin: 10px; 
	padding-bottom: 8px;
}
.mod-left-bottom {
	font-size: 12px; 
	text-align: left; 
	margin:10px; 
	padding-bottom: 8px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++左下のバナーのホバーを無効化 */
.mod-left-bottom  a:hover{
	text-decoration: none;
	background-color: #ffffff;
}


/* ツールバーのボディー指定 */
.mod-body li {
	font-size: 12px;
	text-align: left;
	padding: 2px 0px 2px 15px;
	background-position: left center;
	background-image: url(point02.gif);
	background-repeat: no-repeat;
}
.mod-body li a {
	color: #4d4d4d; 
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++hover追加 */
.mod-body li a:hover {
	text-decoration: underline;
	background-color: #dce6ff;
	color:#3e45a8;
}


.mod-body p.mod-text {
	font-size: 12px; 
	text-align: left; 
}
.mod-button {

}
.mod-button .mod-body {
	margin-top: -4px;
	padding-left: 16px;
}
.mod-button a {
	width: 90px; 
	display: block; 
	margin-bottom: 3px; 
	_margin-bottom: 5px;
}
/* アサブロバナーの指定 */
.mod-banner {
	margin-top: -20px;
	padding-top: 21px; 
	text-align: center; 
/*	background: url(line.gif) repeat-x; */
	background-position: top; 
}