@charset "shift_jis";
/* CSS Document */

/* --- shopping guide contents --- */
#sg_contents{
	margin:10px 0 0 0;
	width:700px;
}


/* --- shopping guide見出し --- */

/* 見出し */
#sguide {
	margin: 0; /* 見出しのパディング（上右下左） */
	width:600px;
	height:50px;
	background-image:url(../images/mds_sguide.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;	
}



.guideTitle {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 9px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
/* 見出し */
div.guideTitle h2 {
	display:inline;
	margin: 0; /* 見出しのパディング（上右下左） */
	border-left: 5px #cf0103 solid; /* 見出しの左境界線 */
	font-size: 110%; /* 見出しの文字サイズ */
	color: #2b2b2b; /* 見出しの文字色 */
	line-height: 100%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 5px;
	}




/* --- shopping guideリスト --- */

div.listArea {
	width: auto; /* ボックスのマージン（上下、左右） */
	background-color: #ffffff; /* ボックスの背景色 */
	font-size: 95%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
/* --- メニューエリア --- */
div.listArea ul.menu {
width: auto; /* メニューの幅 */
margin: 10px auto 10px; /* メニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
float:left;
line-height:1.8em;
font-weight:bold;
}
/* --- メニュー項目 --- */
div.listArea ol.menu li {
width: auto; /* 項目の幅 */
padding-bottom: 5px; /* 項目の下パディング */
}
/* --- リンク --- */
div.listArea ul.menu li a {
text-decoration: underline; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.listArea ul.menu li a:hover {
text-decoration: none; /* テキストの下線（あり） */
}



/* --- フロウ エリア --- */
div.flowArea{
	width:600px;
	height:auto;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height:150%;
	}

ol.flow {
width: 600px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
font-size: 95%;
}

/* --- リスト項目 --- */
ol.flow li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(../images/flow_back.gif) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
ol.flow li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
ol.flow dl {
margin: 0;
}

/* --- タイトルエリア --- */
ol.flow dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background: #ffffff url(../images/maru4_600_top.gif) no-repeat top; /* タイトルエリアの背景 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
}
/* --- タイトル --- */
ol.flow dt strong {
margin-left: 3px;
color: #2b2b2b;
}

/* --- 本文エリア --- */
ol.flow dd {
margin: 0;
padding: 15px 15px; /* 本文エリアのパディング（上下、左右） */
background: #ffffff url(../images/maru1_600_bottom.gif) no-repeat bottom; /* 本文エリアの背景 */
color: #2b2b2b;
line-height: 150%;
}

div.flowArea p{
	line-height:150%;
	}
	
div#contactArea{
	width:400px;
	height:auto;
	padding: 15px;
	border: 1px dotted #999;	
	}
	
div#contactArea  a:link{
	color:#cf0103;
	text-decoration:none;
	}	

div#contactArea a:hover{
	color:#333;
	text-decoration:none;
	}		
	
/* --- テーブル --- */	

.noteArea{
	line-height:140%;
	font-size:11px;
	width:550px;
	padding:10px;
	}

.notered{
	line-height:140%;
	font-size:100%;
	color:#F00;
	display:inline;
		}


table.guide {
	width:100%;
	margin-bottom: 10px; /* 表の下マージン */
	border: 1px #c0c0c0 solid; /* 大枠の境界線 */
	border-collapse: collapse;
	font-size: 90%;
	margin-left: 10px;
}

table.guide th{
	width:200px;
	background-color:#DEE6E9;
	padding: 6px 8px; /* セルのパディング（上下、左右） */
	border: 1px #c0c0c0 solid; /* セルの境界線 */
}

table.guide td{
	background-color:#fff;
	padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
line-height:130%;
}

table.guide td  a {
	color:#005982;
	text-decoration:none;
	}	

table.guide td a:hover{
	color: #6C6C6C;
	text-decoration:none;
	}

p.h3{
	line-height:150%;
	background-color:#D9D9CA;
	font-size:95%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
		}
		
	
span#returnArea {
	display:inline;
}