@charset "shift_jis";




/*
-----------------------------------------------------------------
 manual02.css
 created : 2010.07.06
 last modified : 2010.07.15
 comment :	マニュアルコンテンツ
 	01婚約・指輪選び
-----------------------------------------------------------------
*/


/*==============================================================
	リスト	
==============================================================*/

/*	挨拶のページ
---------------------------------------------------------------*/
.manual01 .aisatsu_sect01 ul.list_aisatsu01 {
	width: 700px;
	/margin-bottom: 18px;
	zoom: 1;
}
.manual01 .aisatsu_sect01 ul.list_aisatsu01:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.manual01 .aisatsu_sect01 ul.list_aisatsu01 li {
	float: left;
	width: 340px;
	margin: 0 15px 18px 0;
}
.manual01 .aisatsu_sect01 ul.list_aisatsu01 li.even {
	margin-right: 0;
}

.manual01 .aisatsu_sect01 ul.list_aisatsu02 {
	width: 680px;
	zoom: 1;
}
.manual01 .aisatsu_sect01 ul.list_aisatsu02:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.manual01 .aisatsu_sect01 ul.list_aisatsu02 li {
	float: left;
	width: 330px;
	margin: 0 20px 18px 0;
}
.manual01 .aisatsu_sect01 ul.list_aisatsu02 li.even {
	margin-right: 0;
}



/*	婚約指輪のページ
---------------------------------------------------------------*/
.manual01 .engagement_sect01 ul.list_engagement01 {
	/*width: 590px;*/
	zoom: 1;
}
.manual01 .engagement_sect01 ul.list_engagement01:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.manual01 .engagement_sect01 ul.list_engagement01 li {
	float: left;
	/*width: 325px;*/
	margin: 0 5px 0 0;
}

.manual01 .engagement_sect01 ul.list_engagement01 li.even {
	margin-right: 0;
}

/*	ダイヤのカット&リングのデザインのリスト
---------------------------------------------------------------*/
.manual01 .list_engagementItem01 {
	margin-bottom: 10px;
}

.manual01 .dotLine {
	border-top: 1px dotted #F6D4DA;
}

.manual01 .list_engagementItem01 li.item {
	width: 140px;
	margin: 5px 30px 10px 0;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
}

.manual01 .list_engagementItem01 li.item .innerBox {
	width: 140px;
	padding: 0 0 6px 0;
	display: block;
}

.manual01 .list_engagementItem01 li.item .innerBox h4 {
	width: 140px;
	font-size: 107%;
	color: #d77d8e;
	text-align: center;
}

.manual01 .list_engagementItem01 li.item .innerBox p {
	width: 140px;
}

/* 画像 */
.manual01 .list_engagementItem01 li.item .innerBox p.area_images {
	/*padding: 0 9px 7px 9px;*/
}

/*	アームのデザインのリスト01
---------------------------------------------------------------*/
.manual01 .list_engagementItem02 {
	width: 700px;
	zoom: 1;
}
.manual01 .list_engagementItem02:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.manual01 .list_engagementItem02 .leftBox {
	float: left;
	width: 390px;
}

.manual01 .list_engagementItem02 .leftBox div.item {
	width:390px; /*必ずwidthは指定する。(100%などでもOK)*/
	display:table;
	margin-bottom: 10px;
	padding-top: 10px;
}

.manual01 .list_engagementItem02 .leftBox div.item .lastChild {
	margin: 0;
}


.manual01 .list_engagementItem02 .leftBox div.item p.item_mage{
	margin:0; /* table-cell で実現する場合と IE 6, 7 とで差が出ないようにmarginは0に設定*/
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left; /* IE 6, 7 */
}

.manual01 .list_engagementItem02 .leftBox div.item div.item_text{
	display:table-cell;
	vertical-align:top;
	padding-left: 10px;
	/zoom:1; /* IE 6, 7 */
}

.manual01 .list_engagementItem02 .leftBox div.item div.item_text h4 {
	font-size: 107%;
}

/*	アームのデザインのリスト02
---------------------------------------------------------------*/
.manual01 .list_engagementItem02 .rightBox {
	float: right;
	width: 290px;
	text-align: center;
}

.manual01 .list_engagementItem02 .rightBox p {
	margin:0px auto;
	text-align:left;
	width: 240px;
	padding: 5px 0 5px 0;
}

.manual01 .list_engagementItem02 .rightBox .aside_pinkBox {
}

/*==============================================================
	テーブル	
==============================================================*/

.manual01 table.table_engagement01 {
	width: 698px;
	margin: 0 0 15px 2px;
	border: 1px solid #f4ced6;
	font-size: 90%;
}

.manual01 table.table_engagement01 thead th {
	padding: 5px 8px;
	border: 1px solid #f4ced6;
	background: #ffffff;
	font-weight: normal;
	text-align: left;
}

.manual01 table.table_engagement01 tbody th {
	width: 15%;
	padding: 5px 8px;
	border: 1px solid #f4ced6;
	background: #ffffff;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.manual01 table.table_engagement01 tbody td {
	width: 85%;
	padding: 5px 8px;
	border: 1px solid #f4ced6;
	vertical-align: middle;
	/word-break: break-all;
}


/*==============================================================
	部品	
==============================================================*/

/*	角丸ピンクボックス
---------------------------------------------------------------*/
.manual01 .aside_round_pinkBox {
	color: #d77d8e;
	width: 700px;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	background: #fff3f6 url(/manual/process01/img/bg_ttl_magnolia_btm.gif) no-repeat left bottom;
	/*font-size: 129%;*//* 17px相当 */
	line-height: 1.3;
}
.manual01 .aside_round_pinkBox span {
	display: block;
	width: 676px;
	padding: 5px 12px 0 12px;
	background: #fff3f6 url(/manual/process01/img/bg_ttl_magnolia_top.gif) no-repeat left top;
}

.manual01 .aside_round_pinkBox span h5 {
	margin: 0 0 6px 0;
	font-size: 115%;
	line-height: 1.4;
	color: #d77d8e;
}


/*	三角アイコン
---------------------------------------------------------------*/
.aisatsuList_arrow {
	background:url(/manual/process01/img/icon_arrow.gif) no-repeat scroll 0 0.35em transparent;
	line-height:1.5;
	list-style:none outside none;
	margin:0 0 4px;
	padding:0 0 0 14px;
}

/*	薄ピンクのタイトル
---------------------------------------------------------------*/
.manual01 .ttl_magnolia {
	color: #d77d8e;
	width: 700px;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	background: #fff3f6 url(/manual/process01/img/bg_ttl_magnolia_btm.gif) no-repeat left bottom;
	font-size: 129%;/* 17px相当 */
	line-height: 1.3;
}

.manual01 .ttl_magnolia span {
	display: block;
	width: 676px;
	padding: 5px 12px 0 12px;
	background: #fff3f6 url(/manual/process01/img/bg_ttl_magnolia_top.gif) no-repeat left top;
}

/*	結婚指輪のページ
---------------------------------------------------------------*/
.manual01 .marriage_sect01 .list_manualQA dd div.qaBox_picture {
	zoom: 1;
}

.manual01 .marriage_sect01 .list_manualQA dd div.qaBox_picture:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.manual01 .marriage_sect01 .list_manualQA dd div.qaBox_picture p.text {
	float: left;
	width: 565px;
	/padding-left: 1.2em;
}

.manual01 .marriage_sect01 .list_manualQA dd div.qaBox_picture p.picture {
	float: right;
}



/*	婚約指輪のページ
---------------------------------------------------------------*/
.static-contents .engage-section1 h4.large {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	color: #E84572;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	background: url(../img/manual/kettei/aisatsu/ttl_h4_2.jpg) no-repeat;
}

.static-contents .engage-section1 .block_engage {
	margin: 0 0 10px 12px;
}

.static-contents .engage-section1 .block_engage p {
	padding: 10px;
}


.static-contents .engage-section1 .block_engage #engage-right {
	padding: 0px 40px 0px 30px;
	float:right;
}

.static-contents .engage-section1 .block_engage h5 {
	padding: 6px 0px 2px 10px;
	font-size: 12px;
	font-weight: bold;
}

.static-contents .engage-section1 .block_engage table.table_engagement01 {
 border-collapse: collapse;
 width: 640px;
}

.static-contents .engage-section1 .block_engage table.table_engagement01 th {
	width: 150px;
}

.static-contents .engage-section1 .block_engage table.table_engagement01 td {
	width: 490px;
}

.static-contents .engage-section1 .block_engage ul.list_engagement01 {
	list-style: none;
	width: 480px;
}


/*	三角アイコン
---------------------------------------------------------------*/
.static-contents .engage-section1 .block_engage ul.list_engagement01 {
	width: 480px;
	padding: 4px 0 4px 0;
}

.static-contents .engage-section1 .block_engage ul li {
	line-height:1.0em;
	padding:0 4px 0 0;
	margin:0 0 0 0;
	display: inline-block;
	vertical-align: top;
}

.static-contents .engage-section1 .block_engage ul li.aisatsuList_arrow {
	padding:0 4px 0 16px;
	background:url(../img/manual/icon_arrow.gif) no-repeat;
	list-style:none outside none;
}

.static-contents .engage-section1 h5 {
	background-color: #FDF1F1;
	width: 635px;
	height: 20px;
	font-weight: bold;
}

.static-contents .engage-section1 h6 {
	padding: 12px 0 0 0;
	font-size: 12px;
	height: 16px;
	font-weight: bold;
	
}



.static-contents .engage-section1 ul.list_engage_style {
	margin: 0 0 20px 0;
	zoom: 1;
}
.static-contents .engage-section1 ul.list_engage_style:after {
	content: ".";
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.static-contents .engage-section1 ul.list_engage_style li {
	margin: 18px 0px 13px 5px;
	width:149px;
	float:none;
	_margin-left: 4px;
	  background: url(../../manual/img/bnr_daiya2.jpg) left bottom no-repeat;
	display:inline-block;
      vertical-align:top;
      display: -moz-inline-box; /*for Firefox 2*/
      display: inline-block;      /*for modern*/
      /display: inline;             /*for ie5〜7*/
      /zoom: 1;                     /*for ie5〜7*/
}
.static-contents .engage-section1 ul.list_engage_style li dl {
}
.static-contents .engage-section1 ul.list_engage_style li dl dt {
	text-align: center;
	background:url(../../manual/img/bnr_daiya.jpg) no-repeat top left;
	color:#fff;
	padding: 5px;
}
.static-contents .engage-section1 ul.list_engage_style li dl dd {
	text-align:center;
}
.static-contents .engage-section1 ul.list_engage_style li dl dd img {
	margin: 0px auto 5px auto;
}
.static-contents .engage-section1 ul.list_engage_style li dl dd p {
	padding: 5px 5px 15px 10px;
	font-size:0.8em;
	text-align:left;
}


.static-contents .engage-section1 .block_engage .leftBox {
	float: left;
	width: 360px;
}

.static-contents .engage-section1 .block_engage .leftBox .item p.item_mage {
	float: left;
	width: 160px;
}

.static-contents .engage-section1 .block_engage .leftBox .item div.item_text {
	float: left;
	width: 180px;
}

.static-contents .engage-section1 .block_engage .leftBox .item div.item_text h4 {
	font-weight: bold;
}

.static-contents .engage-section1 .block_engage .leftBox .item {
	height: 85px;
	padding: 16px 0px 8px 0px;
}

.static-contents .engage-section1 .block_engage .leftBox .dotLine {
	border-top: 1px dotted #AAAAAA;
}


.static-contents .engage-section1 .block_engage .leftBox .item .item_text p {
	padding: 0px 0px 0px 0px;
	font-size: 10px;
}


.static-contents .engage-section1 .block_engage .rightBox {
	padding: 10px 0px 0px 10px;
	float: left;
	width: 250px;
}

/* 灰色枠用 */
.static-contents .engage-section1 .block_engage #border-gley {
	border: 5px solid #CCCCCC;
}


.static-contents .area_section .engage-section1 .block_engage .rightBox #border-gley {
	text-align: center;
	color: #333333;
}

.static-contents .area_section .engage-section1 .block_engage .rightBox #border-gley h6 {
	color: #333333;
}

.static-contents .engage-section1 .block_engage .rightBox #border-gley .mod_p {
	font-size: 10px;
}