@charset "Shift_JIS";

/*-------- myWedding 標準スタイルシート --------*/

/*---- 標準スペースカット ----*/
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, form, input, textarea, pre, blockquote {
	margin: 0px;
	padding: 0px;
}


/*---- 標準<body>タグ ----*/
body {
	background-position: 50% 0px;
	letter-spacing: 0px;  /* for IE7 zoom bug */
	-webkit-text-size-adjust: none;  /* no font auto resize for iPhone */
}


/*---- 標準<br>タグ ----*/
br {
	letter-spacing: 0px;  /* for IE7 zoom bug */
}


/*---- 背景<div>タグ ----*/
.basebg {
	background-image: url(/jp/img/base_bg.gif);
	background-repeat: repeat-y;
	padding: 0px 5px;
}


/*---- フォント ----*/

/* 標準 */
body, table {
	font-size: 12px;
	line-height: 120%;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;  /* for WindowsXP(標準:MSPゴ)/Vista(標準:メイリオ)/7(標準:MSPゴ)="ＭＳ Ｐゴシック"、Mac="ヒラギノ角ゴ Pro W3" */
}

/* 各種 */
.f1a {font-size:  9px; line-height: 100%;}
.f1b {font-size:  9px; line-height: 110%;}
.f1c {font-size:  9px; line-height: 120%;}
.f1d {font-size:  9px; line-height: 130%;}
.f1e {font-size:  9px; line-height: 150%;}

.f2a {font-size: 10px; line-height: 100%;}
.f2b {font-size: 10px; line-height: 110%;}
.f2c {font-size: 10px; line-height: 120%;}
.f2d {font-size: 10px; line-height: 130%;}
.f2e {font-size: 10px; line-height: 150%;}

.f3a {font-size: 12px; line-height: 100%;}
.f3b {font-size: 12px; line-height: 110%;}
.f3c {font-size: 12px; line-height: 120%;}
.f3d {font-size: 12px; line-height: 130%;}
.f3e {font-size: 12px; line-height: 150%;}

.f4a {font-size: 16px; line-height: 100%;}
.f4b {font-size: 16px; line-height: 110%;}
.f4c {font-size: 16px; line-height: 120%;}
.f4d {font-size: 16px; line-height: 130%;}
.f4e {font-size: 16px; line-height: 150%;}

.f5a {font-size: 18px; line-height: 100%;}
.f5b {font-size: 18px; line-height: 110%;}
.f5c {font-size: 18px; line-height: 120%;}
.f5d {font-size: 18px; line-height: 130%;}
.f5e {font-size: 18px; line-height: 150%;}


/*---- 標準<td>タグ ----*/
td {
	padding: 0px;
}


/*---- 標準<a>タグ ----*/
a {
	color: #996633;
	text-decoration: underline;
}
a:hover, a:focus, a:active {
	color: #CC6633;
	text-decoration: none;
}


/*---- 標準<h1>タグ ----*/
h1 {
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 120%;
	font-weight: normal;
}

h1.img {
}

h1.imgnopadding {
	padding: 0px;
}


/*---- 標準<img>タグ ----*/
img {
	border: none;
}


/*---- 絵文字画像 ----*/
img.emoji {
	margin: 0px 1px;
	vertical-align: middle;
}


/*---- IMEコントロール(IE5.0以上のみ) ----*/
.imeoff {
	ime-mode: disabled;
}


/*---- 標準<form>タグ ----*/
form {
}


/*---- フォーム(text/textarea/button)タグ(IE5.0以上のみ) ----*/
input, textarea {
	font-size: 13px;
	padding: 2px 1px;
	margin: 1px;
}


/*---- スクロールバーデザイン(IE5.5以上のみ) ----*/
/*
html, body {
	scrollbar-base-color: #DDCCBB;
}
*/


/*---- ページコンテンツ ----*/
.pagecontents {
	margin: 0px 10px;
	width: 930px;
}


/*---- パンくず ----*/
.pagepath{
	margin-bottom: 8px;
	font-size: 10px;
	line-height: 120%;
}


/*---- ページメイン ----*/
.pagemain {
	width: 715px;
}


/*---- ページサイド ----*/
.pageside {
	width: 200px;
	float: right;
}


/*---- ページリスト ----*/
.pagelist {
	margin: 0px 0px 10px auto;
}

.pagelist .total {
	font-weight: bold;
	color: #993300;
}

.pagelist .pagecur {
	width: 20px;
	height: 20px;
	text-align: center;
	border: solid 1px #BCB8B3;
	background-color: #E0DFDF;
	font-weight: bold;
}

.pagelist .pagejump {
	width: 20px;
	height: 20px;
	text-align: center;
	border: solid 1px #BCB8B3;
	background-color: #FFFFFF;
	line-height: 150%;
}

.pagelist .pagejump a {
	width: 20px;
	height: 20px;
	display: block;
}

.pagelist .pagejump a:hover {
	background-color: #E0DFDF;
}

.pagelist .pagedot {
	width: 20px;
	height: 20px;
	text-align: center;
}

.pagelist .pagespacer {
	width: 2px;
}


/*---- フッター ----*/
.footer {
	clear: both;
	text-align: center;
}


/*---- テーブルリスト ----*/
.tablelist {
	border-collapse: collapse;
	border-style: solid none solid none;
	border-color: #BFBBB5;
	border-top-width: 2px;
	border-bottom-width: 1px;
}

.tablelist td {
	padding: 8px;
}

.tablelist td.gray {
	background-color: #F8F4DE;
	border-style: solid none none none;
	border-color: #BFBBB5;
	border-top-width: 1px;
	vertical-align: top;
	white-space: nowrap;
	width: 25%;
}

.tablelist td.white {
	border-style: solid none none none;
	border-color: #BFBBB5;
	border-top-width: 1px;
	vertical-align: top;
}

.tablelist td.noline {
	
}

.tablelist td.title {
	background-color: #F8F4DE;
	border-bottom-style: solid;
	border-color: #BFBBB5;
	border-bottom-width: 1px;
}

.tablelist td.borderdot {
	height: 1px;
	background-image:url(/jp/img/borderdot.gif);
	background-repeat: repeat-x;
}


/*---- テーブルリスト フェアイベント ----*/
.tablelist-fair-event {
	border-collapse: collapse;
	border-style: solid none;
	border-width: 1px;
	border-color: #CCCCCC;
}

.tablelist-fair-event td {
	padding: 3px 2px;
	border-style: none;
}

.tablelist-fair-event .fair-event-title {
	color: #FF9933;
	font-weight: bold;
}

.tablelist-fair-event .fair-event-dotline {
	background-image: url(/jp/img/site_bg_fair_event_dotline.gif);
	background-repeat: repeat-x;
	padding: 0px;
	height: 1px;
}


/*---- ログインBOX ----*/
.loginbox {
	margin-left: 8px;
}

.loginbox td {
	width: 120px;
	background-color: #F0F0F0;
	border-style: solid;
	border-color:#CCCCCC;
	border-width: 1px;
	padding: 3px;
}


/*---- 会員リスト ----*/
.memberlist-40 {
	border-collapse: collapse;
	width: 100%;
}

.memberlist-40 th {
	width: 40px;
}
.memberlist-40 th img {
	margin: auto;
}

.memberlist-40 td {
	vertical-align: middle;
	padding-left: 5px;
}


/*---- プロフィール ----*/
.profphoto-top-left {
	width: 5px;
	height: 5px;
	background: url(/jp/img/prof_photo_top_left.gif) no-repeat;
}

.profphoto-top-center {
	width: 1px;
	height: 5px;
	background: url(/jp/img/prof_photo_top_center.gif) repeat-x;
}

.profphoto-top-right {
	width: 8px;
	height: 5px;
	background: url(/jp/img/prof_photo_top_right.gif) no-repeat;
}

.profphoto-middle-left {
	background: url(/jp/img/prof_photo_middle_left.gif) repeat-y;
}

.profphoto-middle-right {
	background: url(/jp/img/prof_photo_middle_right.gif) repeat-y;
}

.profphoto-bottom-left {
	width: 5px;
	height: 9px;
	background: url(/jp/img/prof_photo_bottom_left.gif) no-repeat;
}

.profphoto-bottom-center {
	height: 1px;
	height: 9px;
	background: url(/jp/img/prof_photo_bottom_center.gif) repeat-x;
}

.profphoto-bottom-right {
	width: 8px;
	height: 9px;
	background: url(/jp/img/prof_photo_bottom_right.gif) no-repeat;
}


/*---- シンプルフォームボックス(薄茶色塗) ----*/
.simpleformbox {
	margin: 0px auto;
	padding: 25px;
	width: 500px;
	background-color:#F8F4DE;
}


/*---- 処理完了メッセージボックス(薄茶色塗) ----*/
.processok {
	margin: 40px auto;
	padding: 30px 20px;
	width: 450px;
	background-color: #F8F4DE;
	border: solid 2px #BFBBB5;
}


/*---- 処理続行メッセージボックス(薄茶色枠線) ----*/
.processexec {
	padding: 20px;
	width: 450px;
	border: solid medium #BFBBB5;
}


/*---- 花嫁準備マニュアル ----*/

.manual-title-index {
	width: 750px;
	height: 128px;
	vertical-align: top;
	line-height: 150%;
	padding: 15px 0px 0px 50px;
	background: url(/jp/img/manual/manual_title_index_bg_under.jpg) no-repeat;
}

.manual-title-sub {
	width: 665px;
	height: 90px;
	vertical-align: top;
	line-height: 150%;
	padding: 15px 0px 0px 50px;
}

.manual-subtitle {
	width: 680px;
	height: 30px;
	font-weight: bold;
	color: #360405;
	background: url(/jp/img/manual/manual_subtitle_bg.gif) no-repeat;
	padding: 10px 0px 0px 35px;
	margin-bottom: 8px;
}

.manual-txt {
	margin-left: 15px;
	line-height: 150%;
}

.manual-item {
	font-weight: bold;
	color: #FF9900;
}

.manual-box {
	padding: 15px;
	border: 2px dotted #DEDEDE;
	line-height: 150%;
}

.manual-box-title {
	font-weight: bold;
	color: #FF9900;
	font-size: 14px;
	text-align : center;
	padding: 5px 0px 15px 0px;
}


/*---- グローバルナビゲーション ----*/
.gnavi {
	width: 950px;
	height: 28px;
	margin-bottom: 8px;
}

.gnavi ul {
	width: 950px;
	height: 28px;
	list-style: none;
	background-image: url(/jp/img/gnavi_bg.gif);
	background-repeat: no-repeat;
}

.gnavi ul li {
	width: 135px;
	height: 28px;
	float: left;
}

.gnavi ul li a {
	width: 135px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

.gnavi li#top     a { background-image:url(/jp/img/gnavi_bt_top.gif); }
.gnavi li#sitesrh a { background-image:url(/jp/img/gnavi_bt_sitesrh.gif); }
.gnavi li#gift    a { background-image:url(/jp/img/gnavi_bt_gift.gif); }
.gnavi li#topic   a { background-image:url(/jp/img/gnavi_bt_topic.gif); }
.gnavi li#manual  a { background-image:url(/jp/img/gnavi_bt_manual.gif); }
.gnavi li#mypage  a { background-image:url(/jp/img/gnavi_bt_mypage.gif); }

/* 一時メニュー↓ここから */
.gnavi li#support a { background-image:url(/jp/img/gnavi_bt_support.gif); }
/* 一時メニュー↑ここまで */

.gnavi li.on  a       { background-position: 0px -84px; }
.gnavi li.off a       { background-position: 0px -28px; }
.gnavi li.off a:hover { background-position: 0px -56px; }


/*---- ローカルナビゲーション(Myページ) ----*/
.lnaviMypage {
	width: 920px;
	height: 50px;
	margin-bottom: 8px;
	background-image:url(/jp/img/lnaviMypage_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px  35px;  /* 上部1px重ねる */
}

.lnaviMypage ul {
	width: 880px;
	height: 36px;
	margin: 0px auto;
	list-style: none;
}

.lnaviMypage ul li {
	width: 110px;
	height: 36px;
	float: left;
}

.lnaviMypage ul li a {
	width: 110px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

.lnaviMypage li#top     a { background-image:url(/jp/img/lnaviMypage_bt_top.gif); }
.lnaviMypage li#fav     a { background-image:url(/jp/img/lnaviMypage_bt_fav.gif); }
.lnaviMypage li#point   a { background-image:url(/jp/img/lnaviMypage_bt_point.gif); }
.lnaviMypage li#kuchi   a { background-image:url(/jp/img/lnaviMypage_bt_kuchi.gif); }
.lnaviMypage li#topic   a { background-image:url(/jp/img/lnaviMypage_bt_topic.gif); }
.lnaviMypage li#action  a { background-image:url(/jp/img/lnaviMypage_bt_action.gif); }
.lnaviMypage li#mbinv   a { background-image:url(/jp/img/lnaviMypage_bt_mbinv.gif); }
.lnaviMypage li#mbmod   a { background-image:url(/jp/img/lnaviMypage_bt_mbmod.gif); }

.lnaviMypage li.on  a       { background-position: 0px -108px; }
.lnaviMypage li.off a       { background-position: 0px  -36px; }
.lnaviMypage li.off a:hover { background-position: 0px  -72px; }


/*---- ローカルナビゲーション(site) ----*/
.lnaviSite {
	width: 930px;
	height: 50px;
	margin-bottom: 8px;
	background-image:url(/jp/img/lnaviSite_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px  35px;  /* 上部1px重ねる */
}

.lnaviSite ul {
	width: 901px;  /* for IE6&7 print bug(900pxだがプレビューで折り返す) */
	height: 36px;
	margin: 0px auto;
	list-style: none;
}

.lnaviSite ul li {
	width: 100px;
	height: 36px;
	float: left;
}

.lnaviSite ul li a {
	width: 100px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

.lnaviSite li#base    a { background-image:url(/jp/img/lnaviSite_bt_base.gif); }
.lnaviSite li#ceremony a { background-image:url(/jp/img/lnaviSite_bt_ceremony.gif); }
.lnaviSite li#hall    a { background-image:url(/jp/img/lnaviSite_bt_hall.gif); }
.lnaviSite li#cuisine    a { background-image:url(/jp/img/lnaviSite_bt_cuisine.gif); }
.lnaviSite li#dress   a { background-image:url(/jp/img/lnaviSite_bt_dress.gif); }
.lnaviSite li#plan    a { background-image:url(/jp/img/lnaviSite_bt_plan.gif); }
.lnaviSite li#fair    a { background-image:url(/jp/img/lnaviSite_bt_fair.gif); }
.lnaviSite li#kch     a { background-image:url(/jp/img/lnaviSite_bt_kch.gif); }
.lnaviSite li#map     a { background-image:url(/jp/img/lnaviSite_bt_map.gif); }

.lnaviSite li.on  a       { background-position: 0px -108px; }
.lnaviSite li.off a       { background-position: 0px  -36px; }
.lnaviSite li.off a:hover { background-position: 0px  -72px; }



