@charset "utf-8";
/*=========================================================

	Layout - 各レイアウトに関する設定

=========================================================*/

/*======================================

	General Layout

=======================================*/


body {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	text-align: center; /* Centering for IE6 */
	font-size: 12px;
	background: url(../images/bg.jpg) repeat-x;
	color: #53514b;
}

a {
	text-decoration: none;
}
a:link {
	color: #4356a3;
}
a:visited {
	color: #4356a3;
}
a:hover {
	color: #1c86de;
	text-decoration: underline;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}
p {
	padding: 5px;
	margin: 0;
}

/*======================================

	div#rapping

=======================================*/

div#rapping {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}


/*======================================

	div#head

=======================================*/

div#head {
	height: 185px;
	margin-bottom: 10px;
	background: url(../images/head_bg.jpg) no-repeat right top;
}
div#head div.logo {
	width: 170px;
	float: left;
}
div#head div.txt {
	width: 350px;
	margin-top: 10px;
	float: left
}
div#head div.txt h1,
div#head div.txt h2 {
	font-size: 10px;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-weight: normal;
	color: #a29e8f;
}
div#head div.menu {
	width: 630px;
	margin-top: 114px;
	margin-left: 170px;
	float: left;
	position: absolute;
	top: 4px;
}
*+html body div#head div.menu {
	margin-left: -350px;
}
* html body div#head div.menu {
	margin-left: -350px;
}
div#head div.menu ul {
	padding: 0;
	margin: 0;
}
div#head div.menu ul li {
	float: left;
	list-style: none outside;
	margin: 0;
	padding: 0;
}



/*======================================

	div#main

=======================================*/

div#main {
	margin: 0;
	padding: 0;
}
div#main div.left {
	width: 170px;
	float: left;
}
div#main div.right {
	width: 620px;
	float: right;
}

div#main div.right h3 {
	font-size: 18px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0 0 5px 10px;
	margin: 30px 0 10px;
	border-bottom: 1px dotted #179fad;
	color: #176fad;
}

div#main div.right table.PriceTable{
	background: #cae9ff;
	width: 460px;
	margin: 0 auto;
}
div#main div.right table.PriceTable tr.TableHead{
	text-align: center;
}
div#main div.right table.PriceTable td{
	background: #e7f5ff;
	color: #458aba;
	padding: 4px 10px;
}
div#main div.right table.PriceTable td.PriceTablePrice{
	width: 80px;
	text-align: right;
}

div#main div.right div.leftpic {
	float: left;
	width: 223px;
	margin-right: 10px;
}
div#main div.right div.lefttxt {
	float: left;
	width: 380px;
	margin-right: 10px;
}
div#main div.right div.rightpic {
	float: left;
	width: 223px;
}
div#main div.right div.righttxt {
	float: left;
	width: 380px;
}

div#main div.right dl.QA{
	margin: 0;
	padding: 0 10px;
	}
div#main div.right dl.QA dt{
	border-bottom: 1px solid #bbb;
	margin: 4px 0;
	padding: 0 0 4px 0;
	}
div#main div.right dl.QA dd{
	margin: 4px 0 12px;
	}
div#main div.right dl.QA dt span{
	font-size: 20px;
	font-weight: bold;
	color: #89006e;
	}
div#main div.right dl.QA dd span{
	font-size: 140%;
	font-weight: bold;
	color: #458aba;
	}
	
	
div#main div.right ul.sitemap{
	margin: 0;
	padding: 0 10px;
	}
div#main div.right ul.sitemap li{
	background: url(../images/site_cross.jpg) no-repeat;
	list-style: none inside;
	line-height: 10px;
	border-bottom: 1px solid #bbb;
	margin: 15px 0;
	padding: 0 0 4px 14px;
	}

div#main div.left div.side {
	background: url(../images/side_bg.jpg) repeat-y;
}
div#main div.left div.side div.content {
	padding: 5px;
	font-size: 80%;
	line-height: 1.2em;
}



/*======================================

	div#foot

=======================================*/

div#foot {
	margin-top: 20px;
	background: url(../images/foot.jpg) no-repeat;
}
* html body div#foot {
	margin-top: 0px;
}
*+html body div#foot {
	margin-top: 0px;
}
div#foot div.foot-menu {
	width: 500px;
	padding: 15px 10px;
	float: left;
	color: #ffffff;
}
div#foot div.foot-menu a,
div#foot div.foot-menu a:link,
div#foot div.foot-menu a:visited {
	color: #ffffff;
	font-weight: bold;
}
div#foot div.foot-menu a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}
div#foot div.foot-info {
	padding: 15px 10px;
	float: right;
	text-align: right;
	color: #ffffff;
}


div#copy {
	color: #a29e8f;
	text-align: right;
}
div#copy a,
div#copy a:link,
div#copy a:visited,
div#copy a:hover {
	color: #a29e8f;
}


/*=========================================================

	Other - 特定の役割を持った要素へのスタイル定義

=========================================================*/

.notice {
	font-size: 70%;
	font-weight: normal;
}

div.block {
	margin: 5px 0 10px;
}

div.line {
	margin: 5px 0;
	border-bottom: 1px dotted #6a675c;
}