﻿@charset "utf-8";
/*-----------------------------------------
Myページ用

・ログイン・新規登録インデックス
・動画・静止画投稿
・登録情報
・ブライダルリスト
・ムービーリスト

-----------------------------------------*/
#myWrap	{
	width: 886px;
	position: relative;
	}
	
h3#namePlate	{
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 14px;
	color: #4d4d4d;
	}
	
#tabMenu	{
	margin-left: 244px;
	}
	
#tabMenu li	{
	width: 122px;
	height: 25px;
	float: left;
	margin-right: 3px;
	list-style: none;
	}
	
#tabMenu li a	{
	width: 122px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	}
	
#tabMenu li#tabMenuBtn01 a	{
	background: url(../mypage/images/tab01.gif) no-repeat 0 0;
	}
	
#tabMenu li#tabMenuBtn01on a	{
	background: url(../mypage/images/tab01.gif) no-repeat 0 -25px;
	}
	
#tabMenu li#tabMenuBtn01 a:hover,#tabMenu li#tabMenuBtn01on a:hover	{
	background: url(../mypage/images/tab01.gif) no-repeat 0 -25px;
	}
	
#tabMenu li#tabMenuBtn02 a	{
	background: url(../mypage/images/tab02.gif) no-repeat 0 0;
	}
	
#tabMenu li#tabMenuBtn02on a	{
	background: url(../mypage/images/tab02.gif) no-repeat 0 -25px;
	}
	
#tabMenu li#tabMenuBtn02 a:hover,#tabMenu li#tabMenuBtn02on a:hover	{
	background: url(../mypage/images/tab02.gif) no-repeat 0 -25px;
	}
	
#tabMenu li#tabMenuBtn03 a	{
	background: url(../mypage/images/tab03.gif) no-repeat 0 0;
	}
	
#tabMenu li#tabMenuBtn03 a:hover,#tabMenu li#tabMenuBtn03on a:hover	{
	background: url(../mypage/images/tab03.gif) no-repeat 0 -25px;
	}
	
#tabMenu li#tabMenuBtn03on a	{
	background: url(../mypage/images/tab03.gif) no-repeat 0 -25px;
	}
	
#tabMenu li#tabMenuBtn04 a	{
	background: url(../mypage/images/tab04.gif) no-repeat 0 0;
	}
	
#tabMenu li#tabMenuBtn04on a	{
	background: url(../mypage/images/tab04.gif) no-repeat 0 -25px;
	}
	
#tabMenu li#tabMenuBtn04 a:hover,#tabMenu li#tabMenuBtn04on a:hover	{
	background: url(../mypage/images/tab04.gif) no-repeat 0 -25px;
	}
	
#tabMenu li#tabMenuBtn05 a	{
	background: url(../mypage/images/tab05.gif) no-repeat 0 0;
	}
	
#tabMenu li#tabMenuBtn05on a	{
	background: url(../mypage/images/tab05.gif) no-repeat 0 -25px;
	}
	
#tabMenu li#tabMenuBtn05 a:hover,#tabMenu li#tabMenuBtn05on a:hover	{
	background: url(../mypage/images/tab05.gif) no-repeat 0 -25px;
	}
	
#tabMenu li#tabMenuBtn06 a	{
	background: url(../mypage/images/tab06.gif) no-repeat 0 0;
	}
	
#tabMenu li#tabMenuBtn06on a	{
	background: url(../mypage/images/tab06.gif) no-repeat 0 -25px;
	}
	
#tabMenu li#tabMenuBtn06 a:hover,#tabMenu li#tabMenuBtn06on a:hover	{
	background: url(../mypage/images/tab06.gif) no-repeat 0 -25px;
	}
	
#myFormWrap	{
	width: 869px;
	margin-left: 17px;
	background: url(../mypage/images/figure02.gif) repeat-y 0 0;
	}
	
#myFormTop	{
	background: url(../mypage/images/figure01.gif) no-repeat 0 0;
	}
	
#myFormBtm	{
	background: url(../mypage/images/figure03.gif) no-repeat bottom left;
	padding: 14px;
	}
	
p#next	{
	text-align: right;
	padding-top: 25px;
	color: #4d4d4d;
	}
	
p#next a	{
	color: #4d4d4d;
	text-decoration: none;
	}
	
p#next a:hover	{
	color: #4d4d4d;
	text-decoration: underline;
	}


/*ログイン・新規登録インデックス
------------------------------------*/
#myIndex #myIndexWrap	{
	margin-left: 20px;
	}
	
#myIndex .myIndexBox	{
	background: url(../mypage/images/figure06.gif) repeat-y 0 0;
	}
	
#myIndex .indexBoxTop	{
	background: url(../mypage/images/figure04.gif) no-repeat 0 0;
	}
	
#myIndex .indexBoxBtm	{
	background: url(../mypage/images/figure05.gif) no-repeat left bottom;
	padding: 22px 22px 0 22px;
	position: relative;
	}
	
#myIndex .indexBoxBtm p#link	{
	text-align: center;
	padding-top: 20px;
	margin-bottom: 22px;
	}
	
#myIndex .indexBoxBtm p#link a	{
	text-decoration: underline;
	}
	
#myIndex .indexBoxBtm p#link a:hover	{
	text-decoration: none;
	}
	
#myIndex #topBox	{
	margin-bottom: 38px;
	}
	
#myIndex #fstTable	{
	color: #4d4d4d;
	margin-top: 20px;
	}
	
#myIndex #fstTable caption	{
	text-align: left;
	padding: 0px 0 5px 0;
	}
	
#myIndex #fstTable th	{
	background: #fdb46c;
	text-align: left;
	padding: 8px 10px;
	border-bottom: 1px solid #fff;
	color: #993f06;
	}
	
#myIndex #fstTable th span	{
	color: #4d4d4d;
	padding-left: 10px;
	}
	
#myIndex #fstTable td	{
	text-align: left;
	padding: 8px 10px;
	border-bottom: 1px solid #fff;
	color: #4d4d4d;
	}
	
#myIndex #fstTable .check td	{
	padding: 0;
	height: 20px;
	border: none;
	}
	
#myIndex #secTable	{
	width: 100%;
	}
	
#myIndex #secTable caption	{
	text-align: left;
	padding: 20px 0 5px 0;
	}
	
#myIndex #btnSubmit 	{
	margin-left: 270px;
	padding: 17px 0;
	}
	
#myIndex #btnSubmit2	{
	margin-left: 250px;
	padding: 17px 0;
	}
	
#myIndex #kome 	{
	position: absolute;
	top: 217px;
	right: 60px;
	color: #4d4d4d;
	}
	

/*動画・静止画投稿
------------------------------------*/
#myContribution #myFormLeft	{
	width: 393px;
	float: left;
	margin-right: 20px;
	}
	
#myContribution #myFormRight	{
	width: 410px;
	float: left;
	}
	
#myContribution #myFormLeft table	{
	width: 100%;
	}
	
#myContribution #myFormLeft th	{
	background: #6579eb;
	border-bottom: 2px solid #fff;
	padding: 8px;
	width: 107px;
	text-align: left;
	color: #323232;
	}
	
#myContribution #myFormLeft td	{
	border-bottom: 2px solid #fff;
	padding: 8px;
	}
	
#myContribution p#btnSub	{
	text-align: center;
	padding-top: 60px;
	}
	
#myContribution .formBox	{
	border-bottom: 1px solid #c0c0c0;
	width: 410px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}
	
#myContribution .formBox .formBoxLeft	{
	width: 153px;
	float: left;
	margin-right: 18px;
	}
	
#myContribution .formBox .formBoxRight	{
	width: 239px;
	float: left;
	}
	
#myContribution .formBox .formBoxRight ul	{
	margin-bottom: 5px;
	}
	
#myContribution .formBox .formBoxRight li	{
	list-style: none;
	line-height: 20px;
	}
	
#myContribution .formBox .formBoxRight p	{
	text-align: right;
	}



/*登録情報
------------------------------------------------------*/
#myInfomation #myFormBtm h3	{
	font-weight: normal;
	margin-top: 15px;
	margin-left: 3px;
	padding-bottom: 5px;
	}
	
#myInfomation #myFormLeft	{
	width: 638px;
	float: left;
	margin-right: 20px;
	margin-top: 35px;
	}
	
#myInfomation #myFormLeft #btnSub	{
	text-align: center;
	padding: 27px 0 20px 0;
	}
	
#myInfomation #myFormRight	{
	float: left;
	margin-top: 35px;
	width: 160px;
	}	
	
#myInfomation #myFormRight p	{
	line-height: 18px;
	}
	
#myInfomation #myFormRight p#cyuui	{
	line-height: 18px;
	color: #FF59FF;
	}
	
#myInfomation #myFormRight p a	{
	text-decoration: underline;
	}
	
#myInfomation #fstTable	{
	width: 100%;
	color: #4d4d4d;
	margin-left: 4px;
	}
	
#myInfomation #fstTable th	{
	background: #6579eb;
	text-align: left;
	padding: 8px 10px;
	border-bottom: 1px solid #fff;
	color: #323232;
	}
	
#myInfomation #fstTable th span	{
	color: #4d4d4d;
	padding-left: 10px;
	}
	
#myInfomation #fstTable td	{
	text-align: left;
	padding: 8px 10px;
	border-bottom: 1px solid #fff;
	color: #4d4d4d;
	}
	
#myInfomation #fstTable .check td	{
	padding: 0;
	height: 20px;
	border: none;
	}
	
	
/*ブライダルリスト
-----------------------------------------------------*/
#myBridalList #myFormBtm	{
	background: url(../mypage/images/figure03.gif) no-repeat bottom left;
	padding: 14px 14px 40px 14px;
	}
	
#myBridalList #listBtn	{
	background: #ffffb3;
	position: relative;
	padding: 10px 15px;
	margin: 0 0 20px 0;
	}
#myBridalList #copy	{
	padding-left: 40px;
	}
	
#myBridalList #submitBtn	{
	position: absolute;
	top: 5px;
	left: 479px;
	}
	
#myBridalList #submitBtn input	{
	margin-right: 10px;
	}
	
#myBridalList .bridalListBox	{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #b3b3b3;
	}
	
#myBridalList .listBoxLeft	{
	width: 183px;
	float: left;
	text-align: center;
	margin-right: 20px;
	}
	
#myBridalList .listBoxRight	{
	width: 630px;
	float: left;
	}
	
#myBridalList .listBoxRight h2	{
	margin: 0 0 2px 0;
	border-bottom: 1px solid #b3b3b3;
	font-size: 18px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体";
	color: #be5b38;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin-bottom: 5px;
	}
	
#myBridalList .listBoxRight .copy02	{
	line-height: 14px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体";
	padding: 5px 0;
	color: #4d4d4d;
	border-bottom: 1px solid #b3b3b3;
	margin-bottom: 7px;
	}
	
#myBridalList .listBoxRight .service	{
	padding-bottom: 3px;
	margin-bottom: 3px;
	}
	
#myBridalList .listBoxRight .label	{
	padding-bottom: 7px;
	}
	
#myBridalList .listBoxRight .label img	{
	margin-right: 2px;
	}
	
	
/*ムービーリスト
-----------------------------------------------------*/
#myMovielList .movieListWrap	{
	border-bottom: 1px dashed #b3b3b3;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
	
#myMovielList .movieListLeft	{
	width: 135px;
	float: left;
	margin-right: 24px;
	}
	
#myMovielList .movieListCenter	{
	width: 322px;
	float: left;
	margin-right: 20px;
	}
	
#myMovielList .movieListCenter h2	{
	font-size: 14px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体";
	color: #bf5a04;
	font-weight: normal;
	line-height: 18px;
	}
	
#myMovielList .movieListCenter .copy03	{
	font-family:"ＭＳ Ｐ明朝", "細明朝体";
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 35px;
	}
	
#myMovielList .movieListCenter .star	{
	color: #ff7f00;
	}
	
#myMovielList .movieListRight	{
	width: 323px;
	float: left;
	border-left: 1px solid #c0c0c0;
	}
	
#myMovielList .movieListRight dl	{
	margin-left: 20px;
	line-height: 18px;
	}
	
#myMovielList .movieListRight dt	{
	padding-bottom: 10px;
	}
	
#myMovielList .movieListRight dd	{
	color: #4b4b4b;
	}
	
#myMovielList .movieListRight ul	{
	margin-left: 20px;
	margin-top: 15px;
	}
	
#myMovielList .movieListRight li	{
	list-style: none;
	width: 97px;
	height: 22px;
	float: left;
	}
	
#myMovielList .movieListRight li a	{
	list-style: none;
	width: 97px;
	height: 22px;
	display: block;
	text-indent: -9999px;
	}
	
#myMovielList .movieListRight li.btn01	{
	margin-right: 107px;
	}
	
#myMovielList .movieListRight li.btn01 a	{
	background: url(../mypage/movie-list/images/btn01.gif) no-repeat 0 0;
	}
	
#myMovielList .movieListRight li.btn01 a:hover	{
	background: url(../mypage/movie-list/images/btn01.gif) no-repeat 0 -22px;
	}
	
#myMovielList .movieListRight li.btn02 a	{
	background: url(../mypage/movie-list/images/btn02.gif) no-repeat 0 0;
	}
	
#myMovielList .movieListRight li.btn02 a:hover	{
	background: url(../mypage/movie-list/images/btn02.gif) no-repeat 0 -22px;
	}