@charset "UTF-8";
/* CSS Document */

/*----共通使用-----*/
body {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;  line-height: 1.5;}
body { behavior:url("/common/csshover2.htc"); }/*--IEで擬似クラス:hoverがaタグ以外にも有効にする方法--*/
* html body {font-size: small;}
*:first-child+html body {font-size: small;}
body{ 
	background: url(img/siki_bg.gif) top left repeat-x;
	padding-top:0 !important;
}

	/*----外枠ライン-----*/
#frame{
	border-bottom: #00A0E9 solid 2px;
	border-right: #00A0E9 solid 2px;
	border-left: #00A0E9 solid 1px;
	width: 740px;
	margin: 0 auto 10px auto;
	background-color: #FFFFFF;
}

	/*----heder共通-----*/
#header {
	position: relative;
	height: 140px;
	z-index: 10;
}
div.idx {background: url(img/header_idx_bg.jpg) no-repeat center top;}
div.other {background: url(img/header_bg.jpg) no-repeat center top;}
	
#header h1 { 
	position: absolute;
	top: 14px;
	right: 34px;
}

#header p {position: absolute;}
#header p#contact {
	top: 54px;
	right: 34px;
}
#header p#home {
	top: 49px;
	left: 51px;
}

	/*----ナビ-----*/
#navi {
	position: absolute;
	top: 82px;
	left: 0;
	width: 680px;
	padding: 12px 0 0 55px;
	font-size: 123.1%;
	border-top: 1px solid #FFF;
}

#navi li{
	float: left;
	font:bold;
	}

	#navi ul{ display: none;}/*---子なびの表示非表示----*/
	#navi ul li{ float: none;}/*--子なびの縦横並び制御---*/
	#navi ul li a{
		background-color:#FFFFFF;
		color:#003399;
		font-size: 85%;
		border-bottom: #FFF solid 1px;
		}
		#navi ul li a.lst {border-bottom:  #085BC0 solid 1px;}
	#navi ul li a:hover{
		background-color:#044EAA;
		color: #FFFFFF;
		}

#navi a{
	color: #FFFFFF;
	background-color: #107BFF;
	border: solid 1px;
	border-color: #ACD6FF #085BC0 #085BC0 #ACD6FF;
	display:block;
	width: 150px;
	text-align: center;
	text-decoration: none;
	line-height: 32px;
	}

#navi li a:hover,
#navi li a.stay{
	display: block;
	background-color:#044EAA;
	border-color: #003399 #085BC0 #73A7D8 #003399;
	}

#navi li:hover ul{ display: block;}


	/*----本文共通-----*/
h2 {padding-top: 15px;}

h3.txtTit {
	width: auto;
	margin-top: 20px;
	padding: 5px 5px 2px;
	color: #0068B6;
	font-size: 123.1%;
	font-weight: bold;
	border-top: 1px solid #0068B6;
	border-bottom: 1px solid #CCC;
}

h4 {
	padding: 10px 10px 0;
	font-size: 107.8%;
}

span.emphasis {
  color: #00A0E9;
  font-size: 123.1%;
  font-weight: bold;
}

#frame a.arrow {
	padding-left: 9px;
	white-space: nowrap;
	background: url(../img/common/arrow_red.gif) no-repeat left center;
}

#frame a.pdf {
	padding-left: 23px;
	padding-bottom: 5px;
	background: url(../img/common/icon_pdf_small.gif) no-repeat left top;
}

span.mark{ font-size: 80%;}
span.ruby{ font-size:85%; color: #666;}
span.rubyTxt{
	display: block;
	margin-top: 7px;
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size:92.4%;
	color: #666;
}
span.sub {display: block; margin-top: 7px; font-size:92.4%; text-align: center; line-height: 1.3;}
p.inline{display: inline;}
span.block{
	display: inline-block;
	padding-top: 5px;
}
.left {float: left; display: inline;}
.right {float: right; display: inline;}
img.line {
	border: 1px solid #00A0E9;
}
table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
div#primary{ position: relative;}/*---トップ専用----*/
div#primary img{ display: block;}
div.primary{
	position: relative;
	width:630px;
	margin: 10px auto;
	text-align: left;
}/*---その他のページ----*/

.section {
	margin-top: 15px;
	clear: both;
}
.section:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.section p {
	padding: 2px 10px 6px;
}

.column {
	margin: 10px auto;
}

.column p.right {
	width: auto;
}


	/*----Index----*/
p#cp120331 {
	position: relative;
	width: 740px;
	height: 205px;
	background: url(img/idx_cpbg.jpg) no-repeat;
}

p#cp120331 img {
	position: absolute;
	top: 0;
	left: 49px;
}

#pdt {
	position: relative;
	width: 740px;
	height: 380px;
	background: url(img/idx_pdtbg.jpg) no-repeat;
}

#pdt p { position: absolute;}
#pdt p#txt02 { top: 12px; left: 83px;}
#pdt p#txt03 { top: 85px; left: 80px;}
#pdt p#pdtImg {	top: 2px; right: 62px;}
#pdt p#pdtName { top: 261px; right: 78px;}
#pdt p#pdtName span { position: absolute; top: 12px; right: 6px;}

.idxBtn {
	width: 560px;
	margin: 10px auto;
	padding: 10px;
}
.idxBtn:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
#primary #order { border: 2px solid #E50044;}
#primary #teiki   { border: 2px solid #00A0E9;}
.idxBtn img { float: left;}
.idxBtn span { float: right;}
#order span {  margin-top: 20px;}
#teiki span   {  margin-top: 35px;}


	/*----Detail----*/
#detail #detailTit {
	height: 220px;
	background: url(img/detail_pdt.jpg) no-repeat right top;
}

#detail #detailTit p#order {
	position: absolute;
	top: 175px;
	left: 335px;
}

#detail #detailTit  p#pdtPhoto {
	position: absolute;
	top: 0;
	right: 0;
}

span.name {
	min-height: 55px;
}

#detail dl {
	margin: 10px 5px 0;
	line-height: 1.3;
}

#detail dl.left {width: 280px;}
#detail dl.right {width: 320px;}

#detail dl dt {
	color: #0068B6;
	font-size: 107.8%;
	margin-bottom: 3px;
}

#detail dl dd {
	margin: 0 0 10px 10px;
}

#detail dl.right dd {
	padding-left: 1em;
	text-indent: -1em;
}


	/*----Teiki----*/
#teiki #teikilTit p#txt {
	margin: 20px 0 0 5px;
}

#teiki #teikilTit p#order {
	position: absolute;
	top: 107px;
	left: 500px;
}

#teiki #tokuten h3 {
	margin-bottom: 10px;
	text-align: center;
}

#teiki #tokuten ul {
	margin: 0 0 20px 8px;
}
#teiki #tokuten ul:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#teiki #tokuten ul li {
	float: left;
	display: inline;
	padding-right: 9px;
}

#teiki #tokuten dl {
	margin: 30px 0 0 10px;
	background: url(img/teiki_t-img.jpg) no-repeat 465px 275px;
}

#teiki #tokuten dl dt {
	margin: 5px 0 0;
}

#teiki #tokuten dl dd {
	margin: -3px 10px 10px 70px;
	line-height: 1.4;
}

#teiki #tokuten dl dd.img {
	margin: -12px 0 5px -5px;
}

#teiki #tokuten dl dd.w3 {
	width: 360px;
}

#teiki #notes {
	margin: 30px 0 0 15px;
	padding: 5px;
	border: 1px solid #8FD5F5;
}

#teiki h4 {
	color: #0068B6;
	font-size: 107.8%;
	margin-bottom: 3px;
}

#teiki #notes p {
	margin-left: 1em;
	font-size: 92.4%;
}

#teiki #notes span.rubyTxt {
	margin-top: 5px;
}


/*----Order----*/
#order p#order120331 {
	margin: 15px 0;
	padding-bottom: 15px;
	border-bottom: 2px dotted #67C6F1;
}

#order .section h3 {
	color: #0068B6;
	font-size: 138.5%;
	margin-bottom: 3px;
}

p.address {
	padding: 10px 0 10px 80px;
	font-size: 107.8%;
	border: 2px solid #EDEAE1;
}
p.address span.mL {
	margin-left: 7.6em;
}

#order .section span.rubyTxt {
	margin-top: 5px;
}

#order p#teikiBtn {
	margin: 40px 0 20px;
	padding-bottom: 30px;
	border-bottom: 2px dotted #67C6F1;
}

#order #otherOrder {
	margin-left: -20px;
}

#order #otherOrder .column {
	float: left;
	display: inline;
	width: 295px;
	margin-left: 20px;
}

#order #otherOrder .column p.address {
	margin-bottom: 10px;
	padding-left: 20px;
}

#order #otherOrder .column a.pdf {
	display: block;
	margin: 15px 0 10px;
	font-size: 107.8%;
	background-color: #EDF8FD;
}


/*--- Tokutei ---*/
#tokutei table {
	width: 100%;
	margin: 20px 0;
	border-right: 1px solid #D6C9B5;
	border-bottom: 1px solid #D6C9B5;
}

#tokutei table tr th {
	width: 160px;
	font-weight: normal;
	border-top: 1px solid #B2DAEE;
	border-left: 1px solid #B2DAEE;
	padding: 7px 10px;
	background: url(img/table_bg.gif) repeat-x #E2F3FD;
}

#tokutei table tr td {
	border-top: 1px solid #D6C9B5;
	border-left: 1px solid #D6C9B5;
	padding: 10px 10px;
	background-color: #FFF;
}

#tokutei table ul li {
	padding-left: 1em;
	padding-bottom: 2px;
	text-indent: -1em;
}




	/*----アドレス共通-----*/
#address {
  padding-top: 10px;
  padding-bottom: 18px;
  margin: 40px auto 0;
  font-size: 92.4%;
  border-top: #00A0E9 dotted 2px;
  clear: both;
  }
#address img{ display:inline !important;}
#address a{ margin-left: 15px;}

p#footer{
	margin-top:0;
	padding: 3px 0;
	font-size: 92.4%;
}


	/*----ボタン共通使用-----*/
  
a.button{
  display: block;
  overflow: hidden;
  height: 0 !important;
  background-position: left top !important;
  }

a.button:hover{background-position: right top !important;}


/*table*/
div.section table.price {
	width: auto;
	font-size: 92.4%;
	margin: 5px 0 10px 20px;
	border-right: 1px solid #BEE1F5;
	border-bottom: 1px solid #BEE1F5;
}

div.section table.price tr th {
	text-align: center;
	font-weight: normal;
	border-top: 1px solid #BEE1F5;
	border-left: 1px solid #BEE1F5;
	padding: 5px 10px;
	background-color: #DEF0FA;
}

div.section table.price tr td {
	text-align: center;
	border-top: 1px solid #DDDFE2;
	border-left: 1px solid #DDDFE2;
	padding: 5px 10px;
	background-color: #FFF;
}