@charset "utf-8";

/*================================
ファイル名：service.css
説明：結婚情報サービスのスタイル

IE6.5以下にのみ適用するスタイルを ie.css
に記述しています。

作成者：ND&I 徳田 ( tokuda@n-di.co.jp )
=================================*/

@import url("../share/default.css");
@import url("../share/common.css");

/* Clearfix
=================================*/

ul.serviceList:after,
ul.partyEvent:after,
ul.singlemotherMarriage:after,
ul.benefitList:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

ul.serviceList,
ul.partyEvent,
ul.singlemotherMarriage,
ul.benefitList {
	display: inline-block;
}

/* Hide from Mac IE \*/
ul.serviceList,
ul.partyEvent,
ul.singlemotherMarriage,
ul.benefitList {
	*height: 1%;
	display: block;
}
/* Hide from Mac IE */

div#mainAndroid h1.medium {/*アンドロイドタイトル背景*/
	margin: 0 2px;
	padding: 9px 11px 9px;
	width: 480px;
	background: url(../../img/share/bg_alt_title_w480.gif) no-repeat;
	font-weight: normal;
}
div#mainAndroid h1.long {/*背景画像幅w701*/
	margin: 0 2px;
	padding: 9px 11px 9px;
	width: 701px;
	background: url(../../img/share/bg_alt_title_w701.gif) no-repeat;
	font-weight: normal;
}

div#main h1 {
	margin: 0 2px;
	padding: 9px 11px 9px;
	background: url(../../img/share/bg_alt_title.gif) no-repeat;
	font-weight: normal;
}


div#main h2 {
	margin-top: 12px;
	padding: 0 15px;
	line-height: 26px;
	color: #FFFFFF;
	background: url(../../img/share/bg_branch_title.gif) no-repeat;
	font-weight: bold;
}

div#main h2.mgt {
	margin-top: 22px;
}

/* =========================================
*  INDEX
* ========================================= */

ul.serviceList {
	width: 531px;
}

ul.serviceList li {
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 263px;
}

div#main ul.serviceList li h2 {
	margin-top: 0;
	padding: 0;
	line-height: 0;
	background: none;
}

ul.serviceList li.line {
	clear: none;
	float: right;
	width: 263px;
	padding-left: 5px;
	background: url(../../img/service/bg_line.gif) repeat-y;
}

ul.serviceList li p {
	margin-left: 8px;
}

ul.serviceList li p.txt {
	min-height: 73px;
}

ul.serviceList li p.more {
	margin-top: 3px;
	padding-left: 10px;
	background: url(../../img/share/icon_arrow01.gif) no-repeat 0 .4em;
}

/* =========================================
*  MATCHING
* ========================================= */

div.matchingArea ol {
	padding: 21px 0 1px 21px;
	background: url(../../img/service/bg_matching.gif) no-repeat;
}

div.matchingArea p.matchingStart {
	margin: 30px 0 0 70px;
}
div.matchingArea p.androidCatch {/*アンドロイドのテキスト枠*/
	width: 550px;
}

div.matching01 {
	padding: 0 0 193px;
	width: 470px;
	position: relative;
	background: url(../../img/service/matching_flow01.jpg) no-repeat;
}

div.matching01 p.btn {
	margin: 0;
	position: absolute;
	top: 33px;
	left: 36px;
}

div.matching01 p.btn a:hover img {
	opacity: .0;
	filter: alpha(opacity=0);
}

div.matchingStart {
	margin: 30px 0 0 70px;
	position: relative;
	background: url(../../img/service/matching_bg_start.gif) no-repeat;
}

div.matchingArea p.btn a:hover img {
	opacity: .0;
	filter: alpha(opacity=0);
}
div.matchingArea p.more {
	margin-top: 11px;
	padding-left: 11px;
	background: url(../../img/share/icon_arrow01.gif) no-repeat 0 .4em;
}

/* =========================================
*  NAVI
* ========================================= */

div.naviArea div#navFlash {
	margin-top: 10px;
}

div.naviArea p.catch {
	margin:14px 0 0 13px;
}

/* naviList */

ul.naviList {
	margin-top: 22px;
	width: 531px;
}

ul.naviList li {
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 263px;
}

div#main ul.naviList li h2 {
	margin-top: 0;
	padding: 0;
	line-height: 0;
	background: none;
}

ul.naviList li.line {
	clear: none;
	float: right;
	padding-left: 5px;
	width: 263px;
	background: url(../../img/service/bg_line.gif) repeat-y;
}

ul.naviList ol.deaEmailFlow li{
	padding-left: 5px;
	width: 100%;
}

ul.naviList ol.deaEmailFlow span {
	font-weight: bold;	
}


ul.naviList li p {
	margin: 0 0 20px 14px;
}

ul.naviList li p span {
	font-weight: bold;
}

ul.naviList li ol {
	margin-left: 5px;
}

ul.naviList li ol li {
	clear: none;
	margin: 0;
	padding-bottom: 15px;
	width: auto;
}

ul.naviList li.approach {
	float: none;
	margin-bottom: 15px;
	width: 530px;
}

ul.naviList li.approach p {
	margin: 15px 0 0 14px;
	min-height: 172px;
	background: url(../../img/service/navi_img_approach.gif) no-repeat right top;
}

/* searchList */

div.naviArea ul.searchList li {
	margin-bottom: 15px;
	min-height: 139px;
}

div.naviArea ul.searchList li.hope {
	min-height: 151px;
	background: url(../../img/service/navi_img_hope.jpg) no-repeat 0 20px;
}

div.naviArea ul.searchList li.diary {
	min-height: 151px;
	background: url(../../img/service/navi_img_diary.jpg) no-repeat 0 20px;
}

div.naviArea ul.searchList li.affinity {
	background: url(../../img/service/navi_img_affinity.jpg) no-repeat 0 20px;
}

div.naviArea ul.searchList li.message {
	background: url(../../img/service/navi_img_message.jpg) no-repeat 0 20px;
}

div.naviArea ul.searchList li.number {
	background: url(../../img/service/navi_img_number.jpg) no-repeat 0 20px;
}

div.naviArea ul.searchList li.match {
	background: url(../../img/service/navi_img_match.jpg) no-repeat 0 20px;
}

div.naviArea ul.searchList h3 {
	padding: 20px 0 0 169px;
	background: url(../../img/service/navi_line_search.gif) no-repeat;
}

div.naviArea ul.searchList li.first-child h3 {
	background: none;
}

div.naviArea ul.searchList p {
	margin: 7px 0 0 169px;
}


/* =========================================
*  PARTY
* ========================================= */

div.partyCatch {
	padding: 6px 0 20px 14px;
	background: url(../../img/service/party_bg_heart.gif) no-repeat;
}

div.partyCatch p.txtright {
	margin: 26px 8px 0 0;
	text-align: right;
}

/* partyEvent */

ul.partyEvent {
	margin: 13px 0 0 10px;
}

ul.partyEvent li {
	float: left;
	padding-right: 20px;
}

ul.partyEvent li.last-child {
	padding-right: 0;
}

/* partyReport */

div.partyReport {
	margin: 45px 0 0 32px;
	padding: 64px 0 100px;
	width: 402px;
	position: relative;
}

div.partyReport p {
	text-align: right;
}

div.partyReport p.img {
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
}

div.partyBtn {
	margin: 0 0 0 210px;
	width: 203px;
	position: relative;
	background: url(../../img/service/party_bg_report.gif) no-repeat;
}

div.partyBtn p.btn a:hover img {
	opacity: .0;
	filter: alpha(opacity=0);
}


/* =========================================
*  OVER50
* ========================================= */

p.over50Mail {
	margin-top: 11px;
	padding-left: 209px;
	min-height: 170px;
	background: url(../../img/service/over50_img_mail.jpg) no-repeat;
}

/* inquiry */

div.over50Inquiry {
	clear: both;
	margin-bottom: 40px;
	padding-top: 20px;
	width: 535px;
	position: relative;
	background: url(../../img/service/over50_bg_inquiry_bt.gif) no-repeat left bottom;
}

div.over50Inquiry p.over50_title {
	padding: 10px 0 0 22px;
	line-height: 16px;
	color: #7A0E17;
	background: #FFE7CB url(../../img/service/over50_bg_inquiry_tp.gif) no-repeat;
	font-weight: bold;
}

div.over50Inquiry p.btn {
	float: left;
	padding: 0;
}

div.over50Inquiry p.btn img {
	margin: 10px 0 0 10px;
}

div.over50Inquiry p.btn a:hover img {
	opacity: .0;
	filter: alpha(opacity=0);
}


div.over50Inquiry dl {
	margin-left: 203px;
	width: 323px;
	height: 99px;
	position: relative;
}

div.over50Inquiry dt {
	padding: 0;
	position: absolute;
	top: 68px;
	left: 11px;
}

div.over50Inquiry dd {
	padding: 0;
	position: absolute;
	top: 16px;
	left: 11px;
}


/* =========================================
*  SINGLEMOTHER
* ========================================= */

div.singlemotherCatch {
	margin-top: 10px;
	width: 531px;
	min-height: 165px;
	background: url(../../img/service/singlemother_img_catch.jpg) no-repeat;
}

div.singlemotherCatch p {
	margin: 0 0 16px 160px;
}

ul.singlemotherMarriage {
	margin: 13px 0 0 10px;
}

ul.singlemotherMarriage li {
	float: left;
	padding-right: 17px;
}

ul.singlemotherMarriage li.last-child {
	padding-right: 0;
}


/* =========================================
*  ADVISEMENT
* ========================================= */


p.advisementCatch {
	margin: 5px 0 0 13px;
	padding-left: 138px;
	min-height: 110px;
	background: url(../../img/service/advisement_img_consultation.jpg) no-repeat;
}

/* =========================================
*  Android
* ========================================= */

p.androidCatch {
	margin: 5px 0 0 10px;
	padding-left: 156px;
	min-height: 110px;
	background: url(../../img/service/android_img.jpg) no-repeat;
}


/* =========================================
*  MAIL
* ========================================= */

p.mailCatch {
	margin-top: 5px;
	padding-left: 230px;
	min-height: 75px;
	margin-bottom: 20px;
	background: url(../../img/service/mail_img_letter.jpg) no-repeat;
}

div#main h2.simply {
	margin: 0;
	padding: 20px 0 0 13px;
	line-height: 0;
	background: none;
}

/* simplyList */

ul.simplyList {
	margin: 23px 0 0 30px;
	padding-bottom: 20px;
}

ul.simplyList img {
	margin-bottom: 6px;
}

ul.simplyList p {
	margin: 0 0 16px 23px;
}

ul.simplyList ol {
	margin-left: 23px;
}

/* mailFlow */

ol.mailFlow {
	margin-top: 10px;
	padding-bottom: 10px;
}

ol.mailFlow li {
	float: left;
	zoom:1;
}

ol.mailFlow li img {
	margin-left: 5px;
}

ol.mailFlow li div {
	margin: 9px 0 0 11px;
	padding: 2px 6px;
	width: 135px;
	color: #333333;
	background: #FBFAF3;
}

ol.mailFlow li.exArea	{
	margin: 20px 0 0 11px;
}

ol.mailFlow li.flow4 {
	clear: both;
	float: none;
	margin-left: 103px;
	padding-top: 100px;
	background: url(../../img/service/mail_bg_arrow.gif) no-repeat 130px 25px;
}

ol.mailFlow li.flow4 p {
	margin-bottom: 12px;
	padding-top: 7px;
}

ol.mailFlow li.flow4 p img {
	margin: -7px 26px 0 0;
}

ol.mailFlow li.flow4 p.ok {
	font-size: 114%;
}

ol.attention {
	margin: 0 20px;
	padding-bottom: 40px;
}

/* =========================================
*  benefit
* ========================================= */


p.benefitList {
	margin-top: 45px;/*15px*/
}

p.benefitList a {
	display: block;
	background: url(../../img/service/benefit_btn_on.jpg) no-repeat;
}

p.benefitList a:hover img {
	opacity: .0;
	filter: alpha(opacity=0);
}

/*映画情報の詳細追加*/

p img.alignleft { 
	float: left;
	margin:  10px; /* margin-right */
	padding: 2px;
	display: block;
	border: 1px solid #C2C2C2;
}

p.movieTitle {
	padding: 10px;
	font-weight: bold;
	color: #CC0033;/*映画のメインカラー*/
}
span.movieSub {
	padding: 10px;
	color: #CC0033;/*映画のメインカラー*/
}
p.subTitle {
	padding: 10px;
	font-weight: bold;
	color: #CC0033;/*オレンジ*/
}