@charset "shift_jis";

/* ****************************************************
Title: guide.css
Created: 2010-08-04
Last Modified: 2010-08-04
***************************************************** */


/* Table Of Contents
----------------------------------------

# content
# clearfix

----------------------------------------*/

div#gNav dl dd ul li#gNavFirstone a img {
	visibility: hidden;
}

div#footer ul#fNav li#fNavGuide {
	background: url(../../../common/images/ico_arrow02_o.gif) no-repeat 0 2px!important;
}

div#footer ul#fNav li#fNavGuide a,
div#footer ul#fNav li#fNavGuide a:hover {
	color: #fff!important;
	font-weight: bold!important;
	text-decoration: none;
}

/* # content
---------------------------------------------------------------------------- */

div#content div.sectionBlock {
	margin-top:5px;
}

div#content div.sectionBlock div.mHeadSection {
	padding: 0 0 15px 0;
}

div#content div.sectionBlock div.leadTextBlock p.last {
	padding-bottom: 10px;
}

div#content div.section div.sectionInner {
	padding: 0 15px 0 15px;
}

/* # gold
---------------------------------------------------------------------------- */

div#content div.sectionBlock div.leadTextBlock div.goldSection {
	padding: 1px 1px 9px 0;
}

div#content div.sectionBlock div.leadTextBlock div.goldSection div.goldLeft {
	float: left;
	width: 326px;	
}

div#content div.sectionBlock div.leadTextBlock div.goldSection div.goldLeft p {
	padding: 0 0 18px 0;
}

div#content div.sectionBlock div.leadTextBlock div.goldSection div.goldRight {
	float: right;
	padding: 2px 0 0 0;
	width: 335px;
}

div#content div.sectionBlock div.leadTextBlock div.goldSection div.goldRight div {
	border: 1px solid #d1d1d1;
	margin-bottom: 10px;
	width: auto;	
}

div#content div.sectionBlock div.leadTextBlock div.goldSection div.goldRight p.title {
	background: #1a5eae;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 1px 0 2px 0;
}

div#content div.sectionBlock div.leadTextBlock div.goldSection div.goldRight div ul {
	padding: 6px 0 6px 10px;
}

div#content div.section div.sectionInner ul.factor {
	background: url(../images/bg_factor.gif) no-repeat left top;
	margin: 27px 0 10px 44px;
	padding: 0 0 15px 0;
	width: 590px;
}

div#content div.section div.sectionInner p.factor {
	margin: 27px 0 10px 44px;
	padding: 0 0 15px 0;
}

div#content div.section div.sectionInner ul.factor li {
	float: left;
	width: 272px;
}

div#content div.section div.sectionInner ul.factor li p {
	font-size: 120%;
	text-align: center;
}

div#content div.section div.sectionInner ul.factor li p.factorTitle {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	text-align:center;
	margin-bottom: 6px;
	padding: 32px 0 3px 0;
}

div#content div.section div.sectionInner ul.factor li.factorRight {
	float: right;
}

div#content div.section div.sectionInner table.styleTable {
	border: 1px solid #bcc0c5;
	border-bottom: none;
	border-right: none;
	margin: 0 0 5px 0;
	width: 100%;
}

div#content div.section div.sectionInner table.styleTable th {
	background: #e9e9e9;
	border-bottom: 1px solid #bcc0c5;
	border-right: 1px solid #bcc0c5;
	font-weight: bold;
	text-align: center;
}

div#content div.section div.sectionInner table.styleTable tr.tableHead th {
	background: #1a5eae;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #bcc0c5;
	border-right: 1px solid #bcc0c5;
	padding: 7px 10px 7px 10px;
	width: auto;
}

div#content div.section div.sectionInner table.styleTable tr td {
	border-bottom: 1px solid #bcc0c5;
	border-right: 1px solid #bcc0c5;
	padding: 7px 25px 7px 25px;
	width: 37%;
	text-align: center;
}

div#content div.section div.sectionInner table.styleTable tr td.tableCenter {
	text-align: center;
}

div#content div.section div.sectionInner table.styleTable tr td strong {
	padding: 0 5px 0 0;
}

div#content div.section div.sectionInner table.styleTable tr td strong.last {
	padding: 0 5px 0 80px;
}

div#content div.section div.sectionInner p.money {
	clear: both;
	text-align: center;
	margin: 0 -1px 0 -1px;
	padding: 5px 0 10px 0;
}

div#content div.section div.sectionInner p.money img {
	position: relative;
	z-index: 1;
}


/* # clearfix
---------------------------------------------------------------------------- */

div#content div.sectionBlock div.leadTextBlock div.goldSection,
div#content div.section div.sectionInner ul.factor {
	zoom: 1;
}

div#content div.sectionBlock div.leadTextBlock div.goldSection:after,
div#content div.section div.sectionInner ul.factor:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


/* # hoxsin
---------------------------------------------------------------------------- */

div#content div.section div.sectionInner table.styleTable2 {
	border: 1px solid #bcc0c5;
	border-bottom: none;
	border-right: none;
	margin: 0 0 5px 0;
	width: 100%;
}

div#content div.section div.sectionInner table.styleTable2 th {
	background: #e9e9e9;
	border-bottom: 1px solid #bcc0c5;
	border-right: 1px solid #bcc0c5;
	font-weight: bold;
	padding: 7px 0 7px 20px;
	text-align: center;
}

div#content div.section div.sectionInner table.styleTable2 tr.tableHead th {
	background: #1a5eae;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #bcc0c5;
	border-right: 1px solid #bcc0c5;
	padding: 7px 10px 7px 10px;
	width:auto;
}

div#content div.section div.sectionInner table.styleTable2 tr td {
	border-bottom: 1px solid #bcc0c5;
	border-right: 1px solid #bcc0c5;
	padding: 7px 25px 7px 25px;
	width: 70%;
	text-align: center;
}

div#content div.section div.sectionInner table.styleTable2 tr td.tableCenter {
	text-align: center;
}

div#content div.section div.sectionInner table.styleTable2 tr td strong {
	padding: 0 5px 0 0;
}

div#content div.section div.sectionInner table.styleTable2 tr td strong.last {
	padding: 0 5px 0 80px;
}

/* ゴールド・プラチナスポットの帳入値段乖離
---------------------------------------------------------------------------- */

.goldspotsettlementattention{
   border: 4px darkgoldenrod solid;  /* 枠線を引く */
   border-radius: 20px;    /* 角丸の指定 */
   padding:0.7em;           /* 内側の余白 */
   text-align:center;
   font-size: 120%;
   background-color: cornsilk;
}

.platspotsettlementattention{
   border: 4px slategray solid;  /* 枠線を引く */
   border-radius: 20px;    /* 角丸の指定 */
   padding:0.7em;           /* 内側の余白 */
   text-align:center;
   font-size: 120%;
   background-color:lightcyan;
}