@charset "shift_jis";

/*
-----------------------------------------------------------------
 category-mypage01.css
 created : 2010.05.24
 last modified : 2010.07.26
 comment :	マイウェディングノート ベース
 			MWSトップ
 			お気に入りクリップ一覧
			マイウェディングノートの使い方
-----------------------------------------------------------------
*/

/*** スタイルクラブログイン後 **********************/
@import "mypage_layout.css";

.category-mypage {}


#styleclub #contents{
	color:#595757;
}
#styleclub #contents .txt_mention{
	font-size:10px;
}
#styleclub #contents .fsize_10{
	font-size:10px;
}




/* 未読物（太字）------------------ */
.unreadMark {
	font-weight: bold;
}

/* ローカルナビ */
.category-mypage ul.localNav {
	width: 960px;
	margin: 0 0 8px 0;
	zoom: 1;
	list-style-type: none;
}
.category-mypage ul.localNav:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.category-mypage ul.localNav li {
	float: left;
	margin-right:4px
}



/*
 右サイド
===================================================================*/

/*お気に入りクリップー*/
#styleclub div#sub-right .clip {
	margin: 0 0 20px;
	border: 1px solid #FDE0A5;
	border-top: none;
	width:244px;
}

/*
 左サイド
===================================================================*/
.sideArea {
    float: left;
    width: 240px;
}
/*
 左サイド・水色の箱
===================================================================*/


.utilBox {
	margin-bottom:10px;
	text-align: left;

}

.utilBox h3{
	margin:0px;
	padding:0px;
}

.utilBox .inner {
	padding: 1px 12px 22px 12px;
	background: url(../img/mypage/bg_sect-sidearea.gif) no-repeat left bottom;
}
.utilBox .txt_note {	padding: 2px 0 5px 0;border-bottom: 1px solid #d1eaff;}
.utilBox .txt_note em {		font-style: normal; font-weight: bold;}
.utilBox .inner ul {
	margin: 0 0 5px 0;
}
.utilBox .inner ul li {
	padding: 5px 0 0 0;
	border-bottom: 1px solid #d1eaff;
	line-height: 1.2em;
	list-style-type: none;
}
.utilBox .inner ul li {
}
.utilBox .inner ul li span {
	font-size: 92%;
}
.utilBox .inner ul li p{
	padding: 0 0 5px 0;
}


/* 全て見るリンク------------------ */
.utilBox .viewAll {
	padding: 5px 0 3px 0;
	text-align: right;
}
.utilBox .viewAll a {
	padding: 0 0 0 16px;
}


.icon_new{
	vertical-align: baseline;
	margin-right: 5px;
}

.tcolor_01{
	color:#D90000
}




/* ウェルカムメッセージのエリア
---------------------------------------------------------------*/
.category-mypage .mypageTopFirst {
	margin-bottom: 10px !important;
	zoom: 1;
	text-align:left;
}
.category-mypage .mypageTopFirst:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.mypageTopFirst .sideRight {
	width: 250px;
	_width: 294px;
	display: block;
	overflow: hidden;






	/zoom: 1;
}

/* ようこそ */
.mypageTopFirst h2.welcomeMsg {
	margin: 0 0 8px 0;
	font-size: 107%;
}
.mypageTopFirst h2.welcomeMsg span {
	margin: 0 2px;
}
/* あと何日 */
.mypageTopFirst .counterBox {
	/*position: relative;
	z-index: 100;*/
	margin: 0 0 10px 0;
	padding: 15px 6px;
	_zoom: 1;
}
.mypageTopFirst .counterBox dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.mypageTopFirst .counterBox dl dt {
	float: left;
	width: 86px;
	height: 73px;
	margin: 0 1px 2px 0;
}
.mypageTopFirst .counterBox dl dd {
	float: left;
	width: 154px;
	height: 65px;
	padding: 10px 0 0 30px;
	background: url(/mypage/img/bg_count-days.gif) no-repeat left top;
	line-height: 1.4;
}
.mypageTopFirst .counterBox dl dd strong {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 1px 0 0;
	padding: 1px 4px;
	background: #ffffff;
	color: #D00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 43px;
	line-height: 50px;
}
.mypageTopFirst .counterBox dl dd span {
	margin: 0 0 0 4px;
	color: #ffffff;
	font-size: 122%;
	font-weight: bold;
	vertical-align: bottom;
}
/* プロフ編集 */
.mypageTopFirst .counterBox .btn {
	margin: 0 auto;
	text-align: center;
}
.mypageTopFirst .counterBox .btn a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* 実施中のアンケート
---------------------------------------------------------------*/
.questionnaire {
	text-align: left;
}
#styleclub #contents #mypage_001 .section.preparing-schedule .innerSect .sectHead .thisMonth{
	background:none;
}

.questionnaire table.now-conducting {
	width: 99%;
	margin: 0 auto 15px auto;
}
.questionnaire table.now-conducting th {
	width: 20%;
	padding: 3px 5px;
	text-align: left;
	vertical-align: middle;
}
.questionnaire table.now-conducting td {
	padding: 3px 5px;
	font-size: 107%;
	vertical-align: middle;
}

.questionnaire a {
	color: #d5446a !important;
}


.questionnaire ul{
	margin: -10px 0px -10px 15px;
	padding:0px;
	
}
.questionnaire ul li {
	list-style:inherit #d5446a;
	margin: 0 0 4px 0;
	font-size: 115%;
	padding:0px;
	zoom: 1;
}
.questionnaire ul li:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.questionnaire ul li span {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 10px 0 0;
}
.questionnaire ul li span a {
	display: block;
}
.questionnaire ul li img {
	float: left;
	vertical-align: middle;
}
.questionnaire ul li p {
	float: right;
}
.questionnaire ul li a {
	color: #d5446a;
}


/* 結婚準備スケジュール
---------------------------------------------------------------*/
.preparing-schedule {
	padding: 0 0 20px 0;
}
.preparing-schedule .innerSect {
	padding: 0 12px 12px 12px;
}
/* タイトル部分 */
.preparing-schedule .sectHead {
	margin: 0 -12px;
	_position: relative;
}
.preparing-schedule .sectHead h3.thisMonth {
	width: 410px;
	margin: 0 auto 20px auto;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #e1d7bf;
	color: #8d6619;
	font-size: 122%;
	text-align: center;
}
.preparing-schedule .sectHead ul.moveMonth {
	position: relative;
	width: 410px;
	height: 0;
	margin: 0 auto;
	list-style-type: none;
}
.preparing-schedule .sectHead ul.moveMonth li {
	position: absolute;
	top: -3.4em;
}
.preparing-schedule .sectHead ul.moveMonth li.prevMonth {
	left: 0;
}
.preparing-schedule .sectHead ul.moveMonth li.nextMonth {
	right: 0px;
}

/* ダンドリチェック */
.schedule-planning {
	margin: 0 -5px;
	border: 2px solid #71c1c2;
	background: #ffffff;
}
.schedule-planning h4 {
	padding: 3px;
	background: #71c1c2;
	color: #ffffff;
	font-size: 115%;
}

.schedule-planning ul {
	margin: 10px;
	border-top: 1px dotted #cccccc;
	list-style-type: none;
}
.schedule-planning ul li {
	padding: 5px;
	border-bottom: 1px dotted #cccccc;
	zoom: 1;
}
.schedule-planning ul li p{
	padding:0;
}
.schedule-planning ul li:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.schedule-planning ul li.even {
	background: #fafafa;
}
.schedule-planning ul li .point {
	float: left;
	list-style-type: none;
}
.schedule-planning ul li .manual {
	float: right;
}
.schedule-planning ul li input[type=checkbox] {
	margin: 0 3px 0 0;
}
.schedule-planning .btn {
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
}
.schedule-planning a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* カウントタブ */
ol.schedule-countTab {
	_overflow: hidden;
	width: 407px;
	margin: 0 0 20px -5px;
	zoom: 1;
	list-style-type:none;
	list-style:none;
}
ol.schedule-countTab:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
ol.schedule-countTab li {
	float: left;
	margin: 0 1px 0 0;
	line-height: 1.3;
}
ol.schedule-countTab li.last {
	margin-right: 0;
}
ol.schedule-countTab li .complete-status {
	padding: 2px 0;
	font-size: 91%;
	text-align: center;
}


/* カレンダー */
table.schedule-calender {
	clear:both;
	width: 395px;
	border: 1px solid #e1d7bf;
	background: #ffffff;
}
table.schedule-calender th {
	width: 1.5em;
	padding: 3px;
	border: 1px solid #e1d7bf;
	font-weight: normal;
	text-align: center;
}
table.schedule-calender th.date {
	background: #b09868;
	color: #ffffff;
	text-align: right;
}
table.schedule-calender th.saturday {
	background: #e5f9ff;
}
table.schedule-calender th.sunday {
	background: #ffe3ec;
}
table.schedule-calender td {
	padding: 3px;
	border: 1px solid #e1d7bf;
	background: #ffffff;
	text-align:left
}
/* 鉛筆アイコンのセル */
table.schedule-calender th.edit {
	width: 1.5em;
	border-right: 1px solid #ffffff;
	text-align: center;
	vertical-align: top;
}
table.schedule-calender th.edit img {
	line-height: 1;
}
table.schedule-calender th.edit a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}



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

 お気に入りクリップ一覧
 ★基本設定はcontents.cssに記述
===================================================================*/
.category-mypage .mypage-clipAll {}

/* ■マイページコンテンツ　3カラム時メインカラム内 */
 ul.clipBox {
	width: 430px;
	margin: 0 auto;
}
 ul.clipBox li {
	width: 122px;
	margin: 0 0 8px 0;
}
 ul.clipBox li .clipPiece {
	display: block;
	width: 122px;
	padding-top: 10px;
}
 ul.clipBox li .clipPiece .clip-pic {
}
 ul.clipBox li .clipPiece .clip-pic a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
 ul.clipBox li .clipPiece .clip-name {
	padding: 0 3px;
}

/* ■2カラム時メインカラム内（非会員用） */
.layout2col .mainColumn ul.clipBox {
	width: 680px;
	margin: 0 auto;
}
.layout2col .mainColumn ul.clipBox li {
	width: 150px;
	margin: 0 5px 10px 10px;
	/*/margin: 0 0 8px 2px;*/
}
.layout2col .mainColumn ul.clipBox li .clipPiece {
	display: block;
	width: 150px;
	padding-top: 10px;
}
.layout2col .mainColumn ul.clipBox li .clipPiece .clip-pic {
}
.layout2col .mainColumn ul.clipBox li .clipPiece .clip-pic a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.layout2col .mainColumn ul.clipBox li .clipPiece .clip-name {
	padding: 0 3px;
}


/* 『チェックしたものを削除』ボタン画像 */
.mainColumn .checkDelete {
}
.mainColumn .checkDelete a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* 並べ方切り替え */
.selectListType {
	clear: both;
	margin-bottom: 1em;
	text-align: right;
}
.selectListType .current {
	color: #EE5277;
	font-size: 107%;
	font-weight: bold;
}
























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

 マイウェディングノートの使い方【20100718】
===================================================================*/
.mypage-howto {}
.mypage-howto .description {
	margin: 0 0 15px 0;
	color: #51b3b4;
	font-size: 122%;
	line-height: 1.5;
}



















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

 メインエリア
===================================================================*/

.mainArea {
	width: 420px;
	float: left;
	margin: 0 10px 0 10px;
}


.title_01 {
	font-size:15px;
	color:#583C30;
	line-height:10px;
	background:url(../img/ttl_bg2.jpg) no-repeat 0 bottom;
	padding-left:0px;
	margin-top:8px;
	padding-bottom:0.7em;
}
/*
-----------------------------------------------------------------
 contents-side.css
 created : source/2010.05.23  file/2010.06.15
 last modified : 2010.07.29
 comment :	サイドバー内部品
-----------------------------------------------------------------
*/


/*
	 右サイドバー内各コンテンツ
	 
===================================================================*/

/* 基本の箱（ベースが1px多いため） */
#wrapper #container .sideColumn .section {
	width: 250px !important;
}
/* 入れ子にしたいとき */
#wrapper #container .sideColumn .section .section {
	width: auto !important;
	padding: 10px;
}

/* Q＆A ============ */
#wrapper #container .sideColumn .qaBox {
	width: 250px !important;
	padding-bottom: 8px;
	background: #ffe3eb url(/lib/img/sideparts/bg_qa-sidecol.gif) no-repeat left bottom;
}
#wrapper #container .sideColumn .qaBox .inner {
}
#wrapper #container .sideColumn .qaBox .inner dl {
	width: 229px;
	margin: 0 auto 10px auto;
	padding: 0 0 8px 0;
	background: #ffffff url(/lib/img/sideparts/bg_qa_newpost.gif) no-repeat left bottom;
}
/* マイページ内に限り青系 */
.category-mypage .sideColumn .qaBox .inner dl {
	width: 227px !important;
	border: 1px solid #86b9e5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#wrapper #container .sideColumn .qaBox .inner dl dt {
	margin: 0;
}
#wrapper #container .sideColumn .qaBox .inner dl dd {
	margin: 0 6px;
	padding: 6px 0;
	border-bottom: 1px dotted #cfcfcf;
	line-height: 1.4;
}
#wrapper #container .sideColumn .qaBox .inner dl dd.lastChild {
	border-bottom: 0;
}
#wrapper #container .sideColumn .qaBox .inner dl dd h5,
#wrapper #container .sideColumn .qaBox .inner dl dd h5 a {
	color: #2280d8;
	font-size: 107%;
}
#wrapper #container .sideColumn .qaBox .inner dl dd a {	text-decoration: none; color: #4d4d4d;}
#wrapper #container .sideColumn .qaBox .inner dl dd a:hover {	text-decoration: underline;}


/* お気に入りクリップ・資料請求・最新号のご案内 ============ */
#wrapper #container .sideColumn .favoriteBox,
#wrapper #container .sideColumn .requestBox,
#wrapper #container .sideColumn .latestBookBox {
	width: 248px !important;
	padding: 0;
	border: 1px dotted #cccccc;
}

/* お気に入りクリップ ------------ */
#wrapper #container .sideColumn .favoriteBox {
	background: #fcfbf8;
}
#wrapper #container .sideColumn .favoriteBox h3 {
	margin: 0 0 8px 0;
}
#wrapper #container .sideColumn .favoriteBox .inner .viewAll {
	padding: 0 10px 15px 10px;
}

/* 資料請求 ------------ */
#wrapper #container .sideColumn .requestBox {
}
#wrapper #container .sideColumn .requestBox .inner {
	
	margin: 0 auto 5px auto;
}
#wrapper #container .sideColumn .requestBox .inner ul {
	width: 230px;
	margin: 0 auto 5px auto;
}
#wrapper #container .sideColumn .requestBox .inner ul li {
	padding: 5px 0;
	border-bottom: 1px solid #d1eaff;
	line-height: 1.4;
}
#wrapper #container .sideColumn .requestBox .inner .viewAll {
	padding: 10px 10px 15px 0;
}

/* 最新号のご案内 ------------ */
#wrapper #container .sideColumn .latestBookBox {
}
#wrapper #container .sideColumn .latestBookBox .inner {
	overflow: hidden;
	width: 230px;
	margin: 5px auto;
	zoom: 1;
}
#wrapper #container .sideColumn .latestBookBox .inner:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#wrapper #container .sideColumn .latestBookBox .inner .book-cover {
	float: left;
	margin: 0 9px 0 0;
	width: 110px !important;
}
#wrapper #container .sideColumn .latestBookBox .inner .book-cover a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#wrapper #container .sideColumn .latestBookBox .inner .book-info {
	float: left;
	width: 111px;
}
#wrapper #container .sideColumn .latestBookBox .inner .book-info .btn {
	margin: 0;
	padding: 8px 0;
	text-align: left;
}

/* モバイル版WS ============ */
#wrapper #container .sideColumn .mobileBox {
	width: 250px !important;
	background: url(/lib/img/sideparts/bg_mobile-ws.gif) no-repeat left bottom;
}
#wrapper #container .sideColumn .mobileBox .inner {
	width: 230px;
	margin: 0 auto;
	padding: 5px 10px 10px 10px;
	/*background: url(/lib/img/sideparts/bg_mobile-ws-inner.gif) no-repeat 181px -34px;*/
	zoom: 1;
}
#wrapper #container .sideColumn .mobileBox .inner:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#wrapper #container .sideColumn .mobileBox .inner .mb-qrCode {
	float: left;
	width: 55px;
	margin: 4px 8px 8px 0;
}
#wrapper #container .sideColumn .mobileBox .inner .mb-descript {
	float: left;
	width: 165px;
	margin: 0 0 8px 0;
}
#wrapper #container .sideColumn .mobileBox .inner .mb-sendURL {
	clear: both;
}
#wrapper #container .sideColumn .mobileBox .inner .mb-sendURL input {
	width: 160px;
	vertical-align: bottom;
}
#wrapper #container .sideColumn .mobileBox .inner .mb-sendURL img {
	vertical-align: middle;
}
#wrapper #container .sideColumn .mobileBox .inner .mb-sendURL a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* ブライダルフェア情報 ============ */
#wrapper #container .sideColumn .bridalFairBox {
	width: 248px !important;
	padding: 0;
	border: 1px dotted #cccccc;
	background: #fff2f6;
}
#wrapper #container .sideColumn .bridalFairBox h3 {
	margin: 0 0 10px 0;
}
#wrapper #container .sideColumn .bridalFairBox .inner {
	width: 228px;
	padding: 0 10px 10px 10px;
}
/*sect-header*/
#wrapper #container .sideColumn .bridalFairBox .inner .sect-header {
	margin: 0 auto 8px auto;
}
#wrapper #container .sideColumn .bridalFairBox .inner .sect-header img {
	margin: 0 2px;
	vertical-align: middle;
}
/*カレンダー*/
#wrapper #container .sideColumn div.tbl_calender_side {
	width: 208px;
	margin: 0 auto 10px auto;
	padding: 8px 9px 5px 9px;
	border: 1px solid #cccccc;
	background: #ffffff;
	color: #a28d88;
}
#wrapper #container .sideColumn div.tbl_calender_side h4 {
	margin: 0 0 5px 0;
	background: url(/lib/img/sideparts/bg_event-month.gif) no-repeat center -1px;
	color: #4d4d4d;
	font-size: 100%;
	/*font-weight: normal;*/
	text-align: center;
}
/* 先月・次月 */
.bridalFairBox div.tbl_calender_side ul.moveMonth {
	width: 208px;
	margin: 0;
	font-size: 76%;
}
.bridalFairBox div.tbl_calender_side .moveMonth li.prevMonth {
	position: absolute;
	width: 208px;
}
.bridalFairBox div.tbl_calender_side .moveMonth li.prevMonth a {
	position: relative;
	top: -20px;
	left: 0;
}
.bridalFairBox div.tbl_calender_side .moveMonth li.nextMonth {
	position: absolute;
	width: 208px;
	text-align: right;
}
.bridalFairBox div.tbl_calender_side .moveMonth li.nextMonth a {
	position: relative;
	top: -20px;
	/*left: 178px;*/
	right: 0;
}
/* カレンダーテーブル */
.bridalFairBox div.tbl_calender_side table {
	width: 206px;
	margin: 0 auto 5px auto;
	border: 1px solid #cdc0b8;
	background: #ffffff;
	table-layout: fixed;
}
.bridalFairBox div.tbl_calender_side table th {
	border: 1px solid #cdc0b8;
	font-weight: normal;
	font-size: 10px;
	text-align: center;
}
.bridalFairBox div.tbl_calender_side table td {
	padding: 1px 2px 2px 2px;
	border: 1px solid #cdc0b8;
}
.bridalFairBox div.tbl_calender_side table em {
	display: block;
	font-size: 10px;
	font-style: normal;
}
.bridalFairBox div.tbl_calender_side table span {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.bridalFairBox div.tbl_calender_side table img {
	vertical-align: bottom;
}

.bridalFairBox div.tbl_calender_side .about-icon {
	font-size: 76%;
}
.bridalFairBox div.tbl_calender_side .about-icon img {
	vertical-align: middle;
}
/*土日の色*/
.bridalFairBox div.tbl_calender_side table .sat {
	color: #6eb9ee;
}
.bridalFairBox div.tbl_calender_side table .sun {
	color: #ffa1b0;
}
/*一週間以内のブライダルフェア*/
#wrapper #container .sideColumn .fair_within-a-week {
}
#wrapper #container .sideColumn .fair_within-a-week h4 {
	color: #d5446a;
	margin: 0 0 6px 0;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #a28d88;
	text-align: center;
}
#wrapper #container .sideColumn .fair_within-a-week h5 {
	margin: 0 0 5px 0;
	font-weight: normal;
}
#wrapper #container .sideColumn .fair_within-a-week ul {
	margin: 0 0 6px 0;
}
/*仕切りアイコン*/
#wrapper #container .sideColumn .sect_partition {
	margin: 0 auto;
	padding: 0.5em 0 1em 0;
	text-align: center;
}
#wrapper #container .sideColumn .sect_partition img {
	vertical-align: bottom;
}


/* 更新情報 ============ */
#wrapper #container .sideColumn .updateInfoBox {
	width: 248px !important;
	padding: 0;
	border: 1px dotted #cccccc;
}
#wrapper #container .sideColumn .updateInfoBox h3 {
	margin: 0 0 8px 0;
}
#wrapper #container .sideColumn .updateInfoBox .inner {
	width: 238px;
	padding: 0 5px 10px 5px;
}
/* 新着情報 */
#wrapper #container .sideColumn .updateInfoBox ul.list_updateInfo {
	width: 238px;
	margin: 0 0 8px 0;
}
#wrapper #container .sideColumn .updateInfoBox ul.list_updateInfo li {
	position: relative;
	width: 182px;
	padding: 3px 2px 3px 54px;
	border-bottom: 1px dotted #a28d88;
}
#wrapper #container .sideColumn .updateInfoBox ul.list_updateInfo li .item_update {/* 更新日付 */
	position: absolute;
	top: 3px;
	left: 2px;
	width: 50px;
}
#wrapper #container .sideColumn .updateInfoBox ul.list_updateInfo li .item_title {/* 記事タイトル */
	line-height: 1.4;
	/zoom: 1;
}
#wrapper #container .sideColumn .updateInfoBox ul.list_updateInfo li .item_title img {/* newとかの画像位置揃え */
	margin: 0 2px;
	vertical-align: middle;
	/vertical-align: top;
}
/* サイトリンク */
#wrapper #container .sideColumn .updateInfoBox ul.list_utilityMenu {
	width: 238px;
	margin: 0 0 8px 0;
}
#wrapper #container .sideColumn .updateInfoBox ul.list_utilityMenu li {
	padding: 0 0 0 16px;
	background: url(/lib/img/content/icon_arrow_pk.png) no-repeat left center;
}
/* その他情報 */
#wrapper #container .sideColumn .updateInfoBox .area_otherInfo {
	width: 226px;
	padding: 5px;
	border: 1px solid #b9b9b9;
	background: #f3f3f3;
}

/* ボタン */
.sideColumn .section .inner .btn {
	margin: 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
}
.sideColumn .section .inner .btn a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*
	お気に入りクリップ
■カラム落ち防止のために右サイドバーの中にあるときをデフォルトとして設定
----------------------------------------------------------------*/

/* 囲み */
ul.clipBox {
	overflow: hidden;
	width: 230px;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: left;
}
ul.clipBox li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 110px;
	margin: 0 0 6px 3px;
	/margin: 0 0 6px 3px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align: top;
}

/* 1ピース */
ul.clipBox li .clipPiece {
	display: block;/* for Fx2 */
	width: 100px;
	padding: 8px 8px 0 6px;
	color: #605442;
}
.clip.clipBox.clearfix li .clipPiece a p{
	padding: 0 0 0 10px;
	line-height:1.2em !important;
}
ul.clipBox li .clipPiece .clip-pic {
	width: 92px;
	margin: 0 auto 6px auto;
	text-align: center;
}
ul.clipBox li .clipPiece .clip-name {
	padding: 0 2px;
	font-size: 84%;
	font-weight: normal;
	line-height: 1.25;
	text-align: center;
	padding: 0px 10px 0px 10px;
}
ul.clipBox li .clipPiece .clip-name a {
	color: #605442 !important;
	text-decoration: none;
}
ul.clipBox li .clipPiece .clip-name a:hover {
	color: #B0AAA1 !important;
}

all.category-mypage #sub-right .inner .clip.clipBox.clearfix li .clipPiece a p{
	padding: 0px 10px 0px 10px;
	line-height:1px !important;
}

#sub-right .inner .viewAll{
	width:220px;
	text-align:right;
	clear:both;
	display:block;
	padding-right:10px;
	margin:0px;
}
#sub-right .inner .viewAll a {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../img/mypage/icon_arrow_pk.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #4D4D4D;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 10;
    padding-top: 0;
}

/*
	SSLシール【20100729】
----------------------------------------------------------------*/
.sideColumn .sslBox {
	width: 228px;
	margin: 0 0 10px 0;
	padding: 12px 10px;
	border: 1px dotted #cccccc;
}
.sideColumn .sslBox .sslSeal {
	margin: 0 auto 8px auto;
	padding: 6px;
	/*border: 1px solid #eeeeee;*/
	text-align: center;
}


/* サイドバー　ヘーゼル色のやつ 【20100715】
----------------------------------------------------------------*/
.sideColumn .sidebar_hazel {
	width: 227px;
	margin: 0 0 10px 0;
	padding: 0 12px 15px 12px;
	background: url(/lib/img/content/bg_sidebar_hazel-btm.gif) no-repeat left bottom;
}
.sideColumn .sidebar_hazel .sidebar_hazelHead {
	_position: relative;
	width: 227px;/* 251 */
	height: 39px;/* 51 */
	margin: 0 -12px 15px -12px;
	padding: 12px 12px 0 12px;
	background: url(/lib/img/content/bg_sidebar_hazel-top.gif) no-repeat left top;
	color: #ffffff;
}
.sideColumn .sidebar_hazel .sidebar_hazelHead .ttl_bar {
	font-size: 122%;
	line-height: 39px;
	text-align: center;
}
/* --- 中のしましまリスト --- */
.sideColumn .sidebar_hazel .list_hazel {
	margin: 0 0 10px 0;
}
.sideColumn .sidebar_hazel .list_hazel li {
	padding: 4px 2px;
	border-top: 1px solid #c0ae87;
	background-color: #f6f4ea;
}
.sideColumn .sidebar_hazel .list_hazel li.odd {
	background-color: #efeae1;
}


/* サイドバー　青いやつ ↑の色違い　【20100716】
----------------------------------------------------------------*/
.sideColumn .sidebar_blue {
	width: 227px;
	margin: 0 0 10px 0;
	padding: 0 12px 15px 12px;
	background: url(/lib/img/content/bg_sidebar_blue-btm.gif) no-repeat left bottom;
}
.sideColumn .sidebar_blue .sidebar_blueHead {
	_position: relative;
	width: 227px;/* 251 */
	height: 39px;/* 51 */
	margin: 0 -12px 15px -12px;
	padding: 12px 12px 0 12px;
	background: url(/lib/img/content/bg_sidebar_blue-top.gif) no-repeat left top;
	color: #ffffff;
}
.sideColumn .sidebar_blue .sidebar_blueHead .ttl_bar {
	font-size: 122%;
	line-height: 39px;
	text-align: center;
}
.sideColumn .sidebar_blue a {
	color: #4d4d4d;
}

/* --- Headないときインナー --- */
.sideColumn .sidebar_blue .sidebar_blue-inner {
	width: 227px;
	margin: 0 -12px;
	padding: 15px 12px 0 12px;
	background: url(/lib/img/content/bg_sidebar_blue-inner.gif) no-repeat left top;
}

/* サイドバー　ピンク ↑のヘッド無しの色違い　【20100717】
----------------------------------------------------------------*/
.sideColumn .sidebar_pink {
	width: 227px;
	margin: 0 0 10px 0;
	padding: 0 12px 15px 12px;
	background: url(/lib/img/content/bg_sidebar_pink-btm.gif) no-repeat left bottom;
}
.sideColumn .sidebar_pink .sidebar_pink-inner {
	width: 227px;
	margin: 0 -12px;
	padding: 15px 12px 0 12px;
	background: url(/lib/img/content/bg_sidebar_pink-inner.gif) no-repeat left top;
}


/*　資料請求
　　メッセージ・メールBOX
	[20110506石丸]
----------------------------------------------------------------*/
#mypage_001{
	width: 425px;
	margin:0px 10px 0px 10px;
	float: left;
}


#table_style_01 table {
	margin: 0 0 20px;
	border-collapse: collapse;
	border: 1px solid #C7C7C7;
	width: 100%;
}

#table_style_01 table tr th {
	padding: 5px 5px;
	border: 1px solid #C7C7C7;
	vertical-align: top;
	background-color: #FFEBCD;
}

#table_style_01 table span {
	color: #e84472;
}

#table_style_01 table tr td {
	padding: 5px 5px;
	border: 1px solid #C7C7C7;
}

#table_style_01 table span.fair_shisetsu {
	color: #e84372;
	font-size:10px;
}
#table_style_01 table span.fair_event {
	color: #595757;
	font-size:10px;
}


.mypage_box_01{
	text-align: left;
	margin: 0px 10px 20px 10px;
}

/* ブルーBGとブルー文字 */
.title_02{
	background-color:#A6DDD6;
	padding:2px 7px 2px 7px;
	color:#056D95;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 15px;
}

/* ピンク文字　ボーダーボトム */
.title_03{
	padding:2px 0px 2px 0px;
	color:#e84472;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
	border-bottom: 1px solid #C7C7C7;
	width: auto;
}

/* ピンク文字　ピンクボーダーボトム */
.title_04{
	padding:2px 0px 2px 0px;
	color:#e84472;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
	border-bottom: 2px solid #e84472;
	width: auto;
}

.w_size_01{
	width:70px;
}

.text_left {text-align:left;}

.textbox_01{
	margin:0px 0px 5px 0px;
	padding: 0px;
}
.textbox_02{
	margin:0px 0px 0px 0px;
	padding: 0px;
}
.f_style_01{
	font-size:12px;
	font-weight: bold;
}

/* みどり */
.color_01{
	color:#0A722C;
}
/* 濃いオレンジ */
.color_02{
	color:#FD3B1F;
}

.list_style_01{
	list-style:none;
	text-align:left;
}

/* メッセージ一覧 */
.message_new{
	line-height:normal;
	margin-bottom:10px;
	border-bottom: 1px dotted #CCC;
	padding: 0px 5px 10px 5px;
}
.message_new dt{
	padding:2px 0px 2px 0px;
	color:#e84472;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	width: auto;
}
.message_new dd{
	font-size: 14px;
	padding:0px;
}

.message_new img{
	vertical-align:baseline;
}



.message_normal{
	line-height:normal;
	margin-bottom:10px;
	border-bottom: 1px dotted #CCC;
	padding: 0px 5px 10px 5px;
}
.message_normal dt{
	padding:2px 0px 2px 0px;
	color:#e84472;
	font-weight: bold;
	text-align: left;
	width: auto;
}
.message_normal dd{
	padding:0px;
}


/* プロフィール */

#prof table {
	width: 420px;
	margin: 0 0 20px;
	border-collapse: collapse;
	border: 1px solid #C7C7C7;
}

#styleclub .mainArea #prof table th {
	width: 150px;
}

#styleclub .mainArea #prof table td {
	width: 510px;
}

#prof table tr th {
	width: 100px;
	padding: 5px 10px;
	border: 1px solid #C7C7C7;
	text-align: left;
	vertical-align: top;
	background-color: #F0F0F0;
}

#prof table.mod_tbl02 tr th {
	width: 100px;
	padding: 5px 10px;
	border: 1px solid #C7C7C7;
	text-align: left;
	vertical-align: top;
	background-color: #FFDDFF;
}

#prof table tr th span {
	color: #FF0000;
}

#prof table tr td {
	text-align: left;
	padding: 5px 10px;
	border: 1px solid #C7C7C7;
}

#prof table tr td span {
	color: #FF0000;
}

#prof .submit {
	margin: 20px 0 30px;
	text-align: center;
}

#prof .long {
	width: 300px;
}

.buttons {
	margin: 0 0 20px;
	text-align: center;
}

/* 次ページリンク（別のスタイルからの引用） */
.my_pagination {
	float: right;
	display: inline;
	margin: 20px 0 10px;
	padding: 0;
}

.my_search-footer {
	margin: 10px 0;
}

.my_search-contents .my_count-result {
	font-size: 18px;
}

.my_search-contents .my_count-result span {
	color: #DA486A;
	font-size: 30px;
}

.my_pagination li {
	float: left;
	display: inline;
	margin: 0 0 0 14px;
	padding: 0;
	list-style: none;
	font-size: 13px;
}

.my_search-contents ul.my_pagination li.my_current {
	font-weight: bold;
}

.my_pagination li a {
	text-decoration: underline;
}







/* ウェルカムメッセージのエリア[20110506川上]
---------------------------------------------------------------*/
.category-mypage .mypageTopFirst {
	margin-bottom: 10px !important;
	zoom: 1;
}
.category-mypage .mypageTopFirst:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.mypageTopFirst .picNote {
	float: left;
	width: 145px;
	margin: 10px 8px 10px 0;
}
.mypageTopFirst .sideRight {
	width: 265px;
	_width: 263px;
	display: block;
	overflow: hidden;
	/zoom: 1;
}

/* ようこそ */
.mypageTopFirst h2.welcomeMsg {
	margin: 0 0 8px 0;
	font-size: 107%;
}
.mypageTopFirst h2.welcomeMsg span {
	margin: 0 2px;
}
/* あと何日 */
.mypageTopFirst .counterBox {
	/*position: relative;
	z-index: 100;*/
	margin: 0 0 10px 0;
	padding: 10px 6px;
	/*border: 5px solid #ede8db;*/
	_zoom: 1;
}
.mypageTopFirst .counterBox dl {
	margin: 0 auto 10px auto;
	padding: 5px 0 0 0;
	zoom: 1;
}
.mypageTopFirst .counterBox dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.mypageTopFirst .counterBox dl dt {
	float: left;
	width: 86px;
	height: 73px;
	margin: 0 1px 2px 0;
}
.mypageTopFirst .counterBox dl dd {
	float: left;
	width: 134px;
	height: 65px;
	padding: 10px 0 0 30px;
	background: url(../../mypage/img/bg_count-days.gif) no-repeat left top;
	line-height: 1.4;
}
.mypageTopFirst .counterBox dl dd strong {
	display: -moz-inline-box;
	display: inline-block;
	margin: 0 1px 0 0;
	padding: 1px 4px;
	background: #ffffff;
	color: #e15184;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 45px;
	line-height: 50px;
}
.mypageTopFirst .counterBox dl dd span {
	margin: 0 0 0 4px;
	color: #ffffff;
	font-size: 122%;
	font-weight: bold;
	vertical-align: bottom;
}
#styleclub #contents #mypage_001 .section.mypageTopFirst .sideRight .theDay {
	position: relative;
	z-index: 1;
	/*position: absolute;
	top: 6px;
	right: 8px;*/
	/*padding: 10px 0 0 0;*/
	font-size: 107%;
	text-align: center;
    width: 265px;
    background-color: #FBE1E4;
	padding: 5px 0px 5px 0px;

}

#styleclub #contents #mypage_001 .section.mypageTopFirst .sideRight .theDay span {
    color: #4D4D4D;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
	padding:0;
    text-align: center;
}


#styleclub #contents #mypage_001 .section.mypageTopFirst .sideRight .counterBox .btn{
	background: url(../img/mypage/bg_box-btn_bg.gif) no-repeat left top;
	clear:both;
	width:264px;
	height:72px;	
}
#styleclub #contents #mypage_001 .section.mypageTopFirst .sideRight .counterBox .btn p{
	padding: 10px 0 5px 0;
	font-size:12px;
}

#styleclub #contents #mypage_001 .section.mypageTopFirst .sideRight .counterBox .btn_prof{
	padding: 10px 0 5px 0;
	position:absolute;
	font-size:12px;
	margin: -234px 0px 0px 145px;
	z-index:100;
}

/*退会*/

#styleclub #contents .lfont_red{
	font-size:14px;
	color:#e84472;
	font-weight:bold;	
}

#styleclub #contents ul.taikai{
	list-style-type:square;
	margin: 0px 0px 10px 20px;
}


#styleclub #contents #mypage_001 .mypage_box_01 .form_taikai textarea{
	width:400px;
	
}




/*マイウェディングノートの使い方*/



.category-event {}


#howto #contents{
	color:#595757;
}
#howto #contents .txt_mention{
	font-size:10px;
}
#howto #contents .fsize_10{
	font-size:10px;
}


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

 メインエリア
===================================================================*/

#howto .mainArea {
	width: 930px;
	float: left;
	margin: 0px;
	text-align: left;
}

#howto .mainArea .font10 {
	font-size: 10px;
	font-weight: normal;
	color: #595757;
}

#howto .mainArea .lower-contents {
	text-align: center;
}

#howto .mainArea .lower-contents .section2 {
	margin: 0px;
	float: left;
	text-align: left;
	width: 930px;
	padding: 0 0 0 0px;
}

#howto .mainArea .lower-contents .section2 h3 {
	margin: 10px 0 10px 0px0;
	padding: 0 0 10px;
	color: #583C30;
	font-size: 15px;
	line-height: 15px;
	background: url(../img/ttl_bg3.jpg) no-repeat 0 bottom;
	width: 697px;
}






/* --- guide1 --- */
#howto .wrap-blocks {
	position: relative;
	left: 0px;
	width: 920px;
	margin: 10px 0 15px 0px;
	clear:both;
}

#howto .mainArea .wrap-blocks .block {
	float: left;
	display: inline;
	width: 440px;
	margin: 0 0 15px 15px;
}

#howto .mainArea .wrap-blocks .block h4 {
	padding: 10px 20px 5px 25px;
	color: #E84572;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	background: url(../img/event/icon_twinkle.gif) no-repeat 0px 10px;
	font-size:1.3em;
}

#howto .mainArea .wrap-blocks .block h4 span {
	color:#4D4D4D;
	font-size:0.8em;
	display:block;
	font-weight:bold;
}
#howto .mainArea .wrap-blocks .block p {
	padding: 5px 5px 5px 0px;
}



#howto .mainArea .buttons {
	margin: 0 0 20px;
	clear:both;
	padding: 62px 0 62px 0;
	text-align: center;
	background: url(../img/event/bg_view_fair.gif) no-repeat center center;
}
#howto .mainArea .read {
	padding: 10px 10px 5px 10px;
	color: #f875a2;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6em;
	font-size:1.2em;
}
/*20120110追記 プロフィール変更画面崩れ対応*/
#styleclub #contents #mypage_001 .section .btn_prof{
	padding: 10px 0 5px 0;
	position: relative;
	font-size:12px;
	margin: -30px 0px 0px 0px;
	z-index:100;
	float:right;
}