
/* 全体的な設定 */

*html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

* { margin: 0; }
html, body { height: 100%; }
body {
	background: #95a4a5 url("../../images/bg.gif") center;
	font: 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック";
	text-align: center; /* IEでの表示センタリングのため */
	color: #333; line-height: 1.5;
}

a:link {
	color: #069;
	text-decoration: underline;
}
a:visited {
	color: #666;
	text-decoration: underline;
}
a:hover {
	color: #6c0;
	text-decoration: none;
}
a:active {
	color: #cf0;
	text-decoration: none;
}


#wrapper {
	width: 750px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -30px; /* margin-bottomは#footerの高さ(marginやpaddingを含む)分をマイナスする */
	text-align: left; /* IEでの表示センタリングのため中央揃えになったテキストを左揃えに */
}
#header {
	width: 100%; height: 10px;
	background: url("../images/universal_header_bg.gif") no-repeat center top;
}
#footer {
	height: 20px; width: 750px; /* #pushと高さ(+margin+padding)を揃える必要がある */
	margin: 10px auto 0;
	background: url("../images/universal_footer_bg.gif") no-repeat center bottom;
	text-align: left;
}

#menu {
	width: 150px;
	float: left;
}
#contents {
	width: 600px;
	margin: 0 auto;
	float: right;
}
#push {
	height: 30px;
	clear: both;
}


/* 「DMDチャオ!」コンテンツ内容 */

/* ロゴ部分 */

#ciaoHeader {
	width: 100%; height: 80px;
	padding-top: 10px;
}
#ciaoHeaderSmall {
	width: 100%; height: 60px;
	padding-top: 7px;
}

#titleLarge {
	width: 300px; height: 70px;
	position: absolute; top: 20px;
	margin: 0 auto; margin-left: 14px;
}
#titleSmall {
	width: 215px; height: 50px;
	position: absolute; top: 19px;
	margin: 0 auto; margin-left: 15px;
}

/*#ciaoLogin {
	width: 570px;
	padding: 2px 15px;
	color: #333; font-size: 77%;
	text-align: right;
}
#ciaoLogin a:link { color: #666; text-decoration: underline; }
#ciaoLogin a:visited { color: #666; text-decoration: underline; }
#ciaoLogin a:hover { color: #999; text-decoration: underline; }
#ciaoLogin a:active { color: #ccc; text-decoration: underline; }

#ciaoLoginUid { width: 65px; margin: 0 1px 0 1px; font-size: 100%; }
#ciaoLoginPass { width: 65px; margin: 0 1px 0 1px; font-size: 100%; }

.ciaoLoginButton {
	width: 51px; height: 20px;
	margin: 0; padding: 0;
	border: none;
	background: url("../images/ciao_header_login_off.gif") no-repeat;
	vertical-align: bottom;
	text-align: left; text-indent: -9999px;
	cursor: pointer;
}
.ciaoLoginButton:hover {
	background: url("../images/ciao_header_login_on.gif") no-repeat;
}
.ciaoLoginButton:focus {
	background: url("../images/ciao_header_login_on.gif") no-repeat;
}*/

#ciaoSearch {
	width: 570px;
	margin: 0; padding: 0 15px;
	color: #333; font-size: 77%;
	text-align: right;
}
#ciaoSearch input {
	width: 185px;
	margin-right: 1px;
	font-size: 100%;
}
.ciaoSearchButton {
	width: 51px; height: 20px;
	margin: 0; padding: 0;
	border: none;
	background: url("../images/ciao_header_search_off.gif") no-repeat;
	vertical-align: bottom;
	text-align: left; text-indent: -9999px;
	cursor: pointer;
}
.ciaoSearchButton:hover {
	background: url("../images/ciao_header_search_on.gif") no-repeat;
}
.ciaoSearchButton:focus {
	background: url("../images/ciao_header_search_on.gif") no-repeat;
}

.accent { color: #000; font-weight: bold; } /* ユーザー名などの文字を強調 */

/* 「チャオ!」内メニュー */

#ciaoMenu {
	width: 570px; height: 25px;
	margin-left: 15px;
	background: url("../images/ciao_menu_bg.gif") no-repeat left top;
	overflow: hidden;
	font-size: 93%;
}
#ciaoMenu a:link { color: #fff; font-weight: bold; text-decoration: none; }
#ciaoMenu a:visited { color: #fff; font-weight: bold; text-decoration: none; }
#ciaoMenu a:hover { color: #ff9; font-weight: bold; text-decoration: none; }
#ciaoMenu a:active { color: #ff0; font-weight: bold; text-decoration: none; }

#ciaoMenu ul, #contentsmenu li {
	margin: 0; padding: 0;
	list-style: none;
}
#ciaoMenu ul {
	margin-left: 20px;
}
#ciaoMenu li {
	height: 20px;
	float: left;
	margin: 5px 15px 0 0;
	vertical-align: middle;
}
li.youAreHere { background: url("../images/ciao_menu_youarehere.gif") no-repeat center bottom; }

.tags a { color: #000; text-decoration: underline; margin: 0 2px; }

/*「ホーム」用設定 */

/* 新着プレイヤー部分 */

#homePlayer {
	width: 570px; height: 380px;
	margin: 10px 0 10px 15px;
	background: url("../images/home_player_bg.jpg") no-repeat center bottom;
}
#homePlayerTitle {
	width: 100%;
	margin: 0; padding: 0;
	text-align: center;	
}
#homePlayerContainer {
	width:338px; height:296px;
	position:relative; left:116px;
	overflow: hidden;
	background: url("../images/home_player_body.gif") no-repeat left top;
}
.homePlayerImage {
	width: 320px; height: 240px;
	border: 1px solid #fff;
	position: relative; left: 7px; top: 6px;
}
.homePlayerPlay { /* 再生ボタン */
	display: block;
	width: 45px; height: 45px;
	position: absolute; left: 10px; top: 250px;
	text-indent: -9999px;
	cursor: pointer;
}

#homeSearch {
	width: 100%;
	margin: 10px 0; padding: 0;
	text-align: center;
}
#homeSearch input {
	width: 235px; margin-right: 2px; font-size: 100%;
}
.homeSearchButton {
	width: 78px; height: 20px;
	margin: 0; padding: 0;
	border: none;
	background: url("../images/home_player_search_off.gif") no-repeat;
	vertical-align: bottom;
	text-indent: -9999px;
	cursor: pointer;
}
.homeSearchButton:hover {
	background: url("../images/home_player_search_on.gif") no-repeat;
}
.homeSearchButton:focus {
	background: url("../images/home_player_search_on.gif") no-repeat;
}

#homeNews {
	width: 540px;
	margin: -10px 15px 25px;
	padding: 10px 15px;
	background: #e5e5e5;
	font-size: 93%;
	line-height: 1.5em;
}
#homeNews strong {
	display: block;
	margin-bottom: 5px;
	font-size: 124%;
	font-weight: bold;
	color: #900;
}
#homeNews:after { /* 回り込みの解除 */
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* 静的ページ用設定 */

#textTitle {
	width: 570px;
	margin: 0 15px -20px 15px; padding-top: 10px;
}
#textMain {
	width: 570px;
	margin: 0 15px 50px;
	line-height: 1.7em;
}
#textMain h3 {
	height: 41px;
	margin: 30px 0 -5px 0; padding: 4px 0 0 38px;
	font-size: 124%; font-weight: bold;
	color: #930;
	background: url("../images/text_h3_bg.gif") no-repeat left top;
}
#textMain h4 {
	margin: 10px 0 0 45px;
	font-size: 100%; font-weight: bold;
	color: #000;
}
#textMain p { margin: 0 20px 0 45px; }
#textMain ul {
	margin: 0 20px 0 70px; padding: 0;
}
#textMain ol {
	margin: 0 20px 0 70px; padding: 0;
}
#textMain li {
	margin: 0; padding: 0;
}
#textMain img {
	margin: 20px 0 20px 45px;
}
p.textIntro {
	padding-top: 50px;
}
p.textNote { padding: 2px 0 0 10px; font-size: 85%; color: #666; }
#textMain ol.sub {
	margin: 10px 20px; padding: 0;
	list-style-type: lower-alpha;
}

/* 新着＆ランキングリスト部分 */

#homeList {
	width: 570px;
	margin: -15px 15px 0;
}

#homeListNew {
	width: 280px;
	float: left;
	background: url("../images/home_list_bg.gif") no-repeat;
}
#homeListRank {
	width: 280px;
	float: right;
	background: url("../images/home_list_bg.gif") no-repeat;
}
#homeListNewTitle {
	width: 280px; height: 40px;
	margin: 0; padding: 0;
	background: url("../images/home_list_title01.gif") no-repeat left bottom;
}
#homeListNewTitle a {
	display: block;
	width: 103px; height: 40px;
	margin: 0; padding: 0;
	text-indent: -9999px;
}

#homeListRankTitle {
	width: 280px; height: 40px;
	margin: 0; padding: 0;
	background: url("../images/home_list_title02.gif") no-repeat left bottom;
}
#homeListRankTitle a {
	display: block;
	width: 103px; height: 40px;
	margin: 0; padding: 0;
	text-indent: -9999px;
}

.homeListInner {
	width: 272px; height: 84px;
	position: relative;
	margin: 0 4px 1px 4px;
	background: url("../images/home_list_inner_bg.gif") no-repeat left top;
}
.homeListInnerText {
	position: absolute; top: 8px; left: 102px;
	color: #333; font-size: 93%; line-height: 1.3em;
}
.homeListInnerText a:link { color: #000; text-decoration: underline; }
.homeListInnerText a:visited { color: #000; text-decoration: underline; }
.homeListInnerText a:hover { color: #666; text-decoration: underline; }
.homeListInnerText a:active { color: #ccc; text-decoration: underline; }

.homeListInnerThumbnail { position: absolute; top: 8px; left: 6px; }

.homeListInnerTitle { font-size: 108%; font-weight: bold; margin: 1px 0 4px 0; }
.homeListInnerTitle a:link { color: #ff7e00; text-decoration: none; }
.homeListInnerTitle a:visited { color: #ff7e00; text-decoration: none; }
.homeListInnerTitle a:hover { color: #ffa752; text-decoration: underline; }
.homeListInnerTitle a:active { color: #ffc790; text-decoration: underline; }

.homeListInnerBadge {
	width: 36px; height: 36px;
	margin: 1px 0 0 -1px;
	position: absolute;
	z-index: 1;
}
.homeListInnerBadge img {
	width: 36px; height: 36px;
}

.homeListMore {
	width: 270px;
	margin: 0; padding: 5px;
	text-align: right;
	background: url("../images/home_list_more_bg.gif") no-repeat center bottom;
	font-size: 93%; font-weight: bold;
}
.homeListMore a:link { color: #fff; text-decoration: underline; }
.homeListMore a:visited { color: #fff; text-decoration: underline; }
.homeListMore a:hover { color: #fff; text-decoration: underline; }
.homeListMore a:active { color: #fff; text-decoration: underline; }

/*「ホーム」用設定ここまで */


/* 「新着映像」「ランキング一覧」「検索結果」などのリストページ用設定 */

/* ヘッダー＆フッター */

#sortHeader {
	width: 570px;
	margin: 10px 15px 0 15px;
}
#sortFooter {
	width: 570px;
	margin: 0 15px;
}
#sortTitle, #sortPages {
	float: left;
}
.sortNavi {
	float: right;
}

/* リスト部分 */

.sortList {
	width: 570px;
	margin: 0 15px;
}
.sortListInner {
	width: 570px; height: 85px;
	position: relative;
	margin: 0 15px 5px;
	overflow: hidden;
	background: url("../images/sort_list_inner_bg.gif") no-repeat left top;
}
.sortAdminListInner { /* 「映像管理」ページ用 */
	width: 570px; height: 85px;
	position: relative;
	margin: 0 15px 5px;
	overflow: hidden;
}
.sortListInnerLeft {
	width: 405px;
	float: left;
}
.sortListInnerRight {
	width: 165px;
	float: right;
	overflow: hidden;
}
.sortListInnerText1 {
	position: absolute; top: 8px; left: 102px;
	width: 305px; height: 67px;
	overflow: hidden;
	color: #333; font-size: 93%; line-height: 1.3em;
}
.sortListInnerText1 a:link { color: #000; text-decoration: underline; }
.sortListInnerText1 a:visited { color: #000; text-decoration: underline; }
.sortListInnerText1 a:hover { color: #666; text-decoration: underline; }
.sortListInnerText1 a:active { color: #ccc; text-decoration: underline; }

.sortListInnerText2 {
	margin: 8px;
	overflow: hidden;
	color: #333; font-size: 93%; line-height: 1.2em;
}
.sortListInnerText2 a:link { color: #000; text-decoration: underline; }
.sortListInnerText2 a:visited { color: #000; text-decoration: underline; }
.sortListInnerText2 a:hover { color: #666; text-decoration: underline; }
.sortListInnerText2 a:active { color: #ccc; text-decoration: underline; }

.sortListInnerThumbnail { position: absolute; top: 8px; left: 6px; }

.sortListInnerTitle { font-size: 108%; font-weight: bold; margin: 1px 0 4px 0; overflow: hidden; }
.sortListInnerTitle a:link { color: #ff7e00; text-decoration: none; }
.sortListInnerTitle a:visited { color: #ff7e00; text-decoration: none; }
.sortListInnerTitle a:hover { color: #ffa752; text-decoration: underline; }
.sortListInnerTitle a:active { color: #ffc790; text-decoration: underline; }

.sortListInnerBadge {
	width: 36px; height: 36px;
	position: absolute; top: -7px; left: -7px;
	z-index: 1001;
}
.sortListInnerBadge img {
	width: 36px; height: 36px;
}

/* 「映像管理」ページの特殊なリスト用 */

.sortAdminListInner {
	width: 570px; height: 120px;
	position: relative;
	margin: 0 15px 5px;
	overflow: hidden;
	background: url("../images/sort_admin_list_inner_bg.gif")
}
.sortAdminListInnerAlpha {
	width: 100%; height: 35px;
	color: #000; font-size: 100%;
}
.sortAdminListInnerBeta {
	width: 100%; height: 85px;
	position: relative;
	overflow: hidden;
}

.sortAdminListInnerAlphaLeft { width: 245px; padding: 2px 4px; overflow: hidden; float: left; }
.sortAdminListInnerAlphaRight { padding: 6px 0 0; float: right; }
.sortAdminListInnerAlphaRight input { margin-right: 2px; }

.sortAdminListInnerAlphaPublic { margin: 3px 6px 0 0; float: left; }
.sortAdminListInnerAlphaPublic img { width: 92px; height: 27px; }
.sortAdminListInnerAlphaID { padding-top: 9px; }

.sortAdminApply {
	float: left;
	width: 78px; height: 20px;
	margin: 0; padding: 0;
	border: none;
	background: url("../images/sort_admin_apply_off.gif") no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.sortAdminApply:hover {
	background: url("../images/sort_admin_apply_on.gif") no-repeat;
}
.sortAdminApply:focus {
	background: url("../images/sort_admin_apply_on.gif") no-repeat;
}

.sortAdminApplied {
	float: left;
	width: 78px; height: 20px;
	margin: 0; padding: 0;
	border: none;
	background: url("../images/sort_admin_applied.gif") no-repeat;
	text-indent: -9999px;
}

.sortAdminDownload_l {
	float: left;
	width: 78px; height: 20px;
	margin: 0; padding: 0;
	border: none;
	background: url("../images/dl_btn_l_off.gif") no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.sortAdminDownload_l:hover {
	background: url("../images/dl_btn_l_on.gif") no-repeat;
}
.sortAdminDownload_l:focus {
	background: url("../images/dl_btn_l_on.gif") no-repeat;
}

.sortAdminDownload_s {
	float: left;
	width: 78px; height: 20px;
	margin: 0; padding: 0;
	border: none;
	background: url("../images/dl_btn_s_off.gif") no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.sortAdminDownload_s:hover {
	background: url("../images/dl_btn_s_on.gif") no-repeat;
}
.sortAdminDownload_s:focus {
	background: url("../images/dl_btn_s_on.gif") no-repeat;
}

.sortAdminEdit {
	float: left;
	width: 78px; height: 20px;
	margin: 0; padding: 0;
	border: none;
	background: url("../images/sort_admin_edit_off.gif") no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.sortAdminEdit:hover {
	background: url("../images/sort_admin_edit_on.gif") no-repeat;
}
.sortAdminEdit:focus {
	background: url("../images/sort_admin_edit_on.gif") no-repeat;
}

.sortAdminDelete {
	float: left;
	width: 78px; height: 20px;
	margin-right: 5px; padding: 0;
	border: none;
	background: url("../images/sort_admin_delete_off.gif") no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.sortAdminDelete:hover {
	background: url("../images/sort_admin_delete_on.gif") no-repeat;
}
.sortAdminDelete:focus {
	background: url("../images/sort_admin_delete_on.gif") no-repeat;
}

.sortAdminAplcancel {
	float: left;
	width: 78px; height: 20px;
	margin-right: 5px; padding: 0;
	border: none;
	background: url("../images/sort_admin_aplcancel_off.gif") no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.sortAdminAplcancel:hover {
	background: url("../images/sort_admin_aplcancel_on.gif") no-repeat;
}
.sortAdminAplcancel:focus {
	background: url("../images/sort_admin_aplcancel_on.gif") no-repeat;
}

/* コンテスト関係・自分の応募作品一覧との切替ボタン */

.sortAdminMyapply {
	float: right;
	display: block;
	width: 120px; height: 20px;
	margin-top: 3px; padding: 0;
	text-indent: -9999px;
	background: url("../images/sort_admin_myapply_off.gif");
}
.sortAdminMyapply:hover {
	background: url("../images/sort_admin_myapply_on.gif");
}

.sortMyapplyAdmin {
	float: right;
	display: block;
	width: 120px; height: 20px;
	margin-top: 3px; padding: 0;
	text-indent: -9999px;
	background: url("../images/sort_myapply_admin_off.gif");
}
.sortMyapplyAdmin:hover {
	background: url("../images/sort_myapply_admin_on.gif");
}

/* 年間ランキングと週間ランキングの切替ボタン */

.sortRankSwWeek {
	float: right;
	display: block;
	width: 78px; height: 20px;
	margin-top: 3px; padding: 0;
	text-indent: -9999px;
	background: url("../images/sort_button_rank_week_off.gif");
}
.sortRankSwWeek:hover {
	background: url("../images/sort_button_rank_week_on.gif");
}

.sortRankSwYear {
	float: right;
	display: block;
	width: 78px; height: 20px;
	margin-top: 3px; padding: 0;
	text-indent: -9999px;
	background: url("../images/sort_button_rank_year_off.gif");
}
.sortRankSwYear:hover {
	background: url("../images/sort_button_rank_year_on.gif");
}

/* ページナビゲーション */

.sortNavi {
	color: #ccc; font-size: 93%;
}
.sortNavi em {
	margin: 0 2px; padding: 3px 4px;
	float: left;
	border: 1px solid #ccc;
	display: block;
	background: #f0f0f0;
	font-weight: bold; font-style: normal;
	text-decoration: none;
}
.sortNavi strong {
	margin: 0 2px; padding: 3px 4px;
	float: left;
	border: 1px solid #ccc;
	display: block;
	background: #ffb500;
	font-weight: bold; font-style: normal;
	color: #fff;
	text-decoration: none;
}
.sortNavi a:link {
	margin: 0 2px; padding: 3px 4px;
	float: left;
	border: 1px solid #999;
	display: block;
	background: #f0f0f0;
	font-weight: bold; font-style: normal;
	color: #666;
	text-decoration: none;
}
.sortNavi a:visited {
	margin: 0 2px; padding: 3px 4px;
	float: left;
	border: 1px solid #999;
	display: block;
	background: #f0f0f0;
	font-weight: bold; font-style: normal;
	color: #666;
	text-decoration: none;
}
.sortNavi a:hover {
	margin: 0 2px; padding: 3px 4px;
	float: left;
	border: 1px solid #999;
	display: block;
	background: #666;
	font-weight: bold; font-style: normal;
	color: #fff;
	text-decoration: none;
}
.sortNavi a:active {
	margin: 0 2px; padding: 3px 4px;
	float: left;
	border: 1px solid #ccc;
	display: block;
	background: #ffb500;
	font-weight: bold; font-style: normal;
	color: #fff;
	text-decoration: none;
}

/* 「検索結果」ページの検索語句を表示する部分 */

#sortResultWord {
	width: 570px;
	margin: 0 15px -10px;
}
#sortResultWordHeader {
	width: 556px;
	margin: 10px 0 0; padding: 5px 7px;
	background: #ececec url("../images/sort_result_word_header_bg.gif") no-repeat left top;
	color: #999; font-size: 85%; font-weight: bold;
}
#sortResultWordBody {
	width: 550px;
	padding: 0 10px 3px 10px; margin: 0;
	background: #ececec;
	color: #333; font-size: 108%; font-weight: bold;
	overflow: auto;
}
#sortResultWordFooter {
	width: 100%; height: 15px;
	background: #ececec url("../images/sort_result_word_footer_bg.gif") no-repeat left bottom;
}

/* 「プロフィール」用設定 */

#profTitle {
	width: 570px;
	margin: 0 15px; padding-top: 10px;
}
#profMain {
	width: 570px;
	margin: 0 15px;
}
#profMainHeader {
	width: 100%; height: 5px;
	background: url("../images/prof_main_header_bg.gif") no-repeat left bottom;
}
#profMainFooter {
	width: 100%; height: 5px;
	background: url("../images/prof_main_footer_bg.gif") no-repeat left top;
}

#profMainBody {
	width: 550px;
	padding: 0 10px;
	background: url("../images/prof_main_body_bg.gif");
}
#profMainBodyAlpha {
	width: 270px;
	float: left;
}
#profMainBodyBeta {
	width: 270px;
	margin-bottom: 10px;
	float: right;
}
#profMainBodyGamma {
	width: 100%;
	padding-bottom: 5px;
	clear: both;
}
#profMainBodyDelta {
	width: 100%;
	margin-bottom: 5px;
	float: left;
}

.profMainBodyInner {
	width: 100%; height: 26px;
	margin-top: 5px;
	overflow: hidden;
	background: no-repeat left top;
}
.profMainBodyInnerTitle {
	padding-top: 5px;
	float: left;
	color: #fff; font-size: 93%; font-weight: bold;
}
.profMainBodyInnerElement {
	height: 100%;
	padding-top: 4px;
	font-size: 93%; font-weight: bold;
}

#profMainBodyGammaInner {
	width: 100%; height: 121px;
	overflow: hidden;
	background: url("../images/prof_inner_bg4.gif") no-repeat left top;
}
#profMainBodyGammaInnerTitle {
	padding-top: 4px;
	float: left;
	color: #fff; font-size: 93%; font-weight: bold;
}

/* ----------------- ▼2.0会員用 ---------------- */
#profMainSubmit {
	width: 50%;
	margin: 10px auto;
	text-align: center;
	float:left;
}

#profTaikaiSubmit {
	width: 50%;
	margin: 10px auto;
	text-align: center;
	float:right;
}
/* ----------------- ▲2.0会員用 ---------------- */

/* ---------- ▼ノーマル ---------- */
#profMainSubmit10 {
	width: 100%;
	margin: 10px auto;
	text-align: center;
}
/* ---------- ▲ノーマル ---------- */

.profMainSubmitButton {
	display: block;
	width: 78px; height: 20px;
	margin: 2px auto; padding: 0;
	border: none;
	background: url("../images/prof_main_submit_off.gif") no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.profMainSubmitButton:hover {
	background: url("../images/prof_main_submit_on.gif") no-repeat;
}
.profMainSubmitButton:focus {
	background: url("../images/prof_main_submit_on.gif") no-repeat;
}

/* --------------------------------- 退会 ------------------------------- */
.profMainTaikaiButton {
	display: block;
	width: 78px; height: 20px;
	margin: 2px auto; 
	padding: 0;
	border: none;
	background: url("../images/taikai_off.gif") no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.profMainTaikaiButton:hover {
	background: url("../images/taikai_on.gif") no-repeat;
}
.profMainTaikaiButton:focus {
	background: url("../images/taikai_on.gif") no-repeat;
}

/* 「プロフィール」閲覧時用設定 */

#profviewWrapper {
	width: 100%; height: 100%;
	background: #fff;
}
#profviewContents {
	margin: auto;
	text-align: left;
}

.profviewMainBodyInnerElement {
	height: 100%;
	padding-top: 4px;
	font-size: 93%; font-weight: bold; line-height: 1.8em;
	overflow: auto;
}
#profviewMainBack {
	width: 100%;
	margin: 10px 0;
	text-align: center;
}
#profviewMainBack a {
	display: block;
	width: 78px; height: 20px;
	margin: 0 auto; padding: 1px 0;
	background: url("../images/profview_button_back_off.gif") no-repeat;
	text-indent: -9999px;
}
#profviewMainBack a:hover {
	display: block;
	width: 78px; height: 20px;
	margin: 0 auto; padding: 1px 0;
	background: url("../images/profview_button_back_on.gif") no-repeat;
	text-indent: -9999px;
}

#profViewListTitle {
	margin: 20px 0 5px 15px;
	font-size: 108%; font-weight: bold; color: #ff9c00;
}

/* 「映像詳細修正」用設定 */

#movieTitle {
	width: 570px;
	margin: 0 15px; padding-top: 10px;
}
#movieAlpha {
	width: 570px;
	margin: 0 15px 10px;
}
#movieAlphaPlayer {
	float: left;
}
.movieAlphaPlayerContainer {
	width:320px; height:285px; /* 本番で不要ならこの行を取り除く */
	position:relative;
	background:#000; /* 本番でこの行を取り除く */
}
#movieAlphaInfo {
	width: 230px;
	padding: 5px;
	float: right;
	background: #fbfbfb;
	border: 1px solid #e5e5e5;
	color: #323232; font-size: 108%; font-weight: bold;
	line-height: 1.7em;
}
#movieAlphaInfo input {
	width: 100%;
	margin-bottom: 5px;
}
#movieAlphaInfo p {
	margin: 0 0 10px 0; padding: 0;
}

.movieBeta {
	width: 570px;
	margin: 0 15px;
}
.movieBetaHeader {
	width: 100%; height: 5px;
	background: url("../images/prof_main_header_bg.gif") no-repeat left bottom;
}
.movieBetaFooter {
	width: 100%; height: 5px;
	margin-bottom: 1px;
	background: url("../images/prof_main_footer_bg.gif") no-repeat left top;
}

.movieBetaBody {
	width: 550px;
	padding: 5px 10px;
	background: url("../images/prof_main_body_bg.gif");
}
.movieBetaBodyInner {
	width: 100%; height: 121px;
	overflow: hidden;
	background: url("../images/prof_inner_bg4.gif") no-repeat left top;
}
.movieBetaBodyTitle {
	padding-top: 5px;
	float: left;
	color: #fff; font-size: 93%; font-weight: bold;
}
.movieBetaBodyElement {
	padding: 4px;
	float: right;
	font-size: 93%; font-weight: bold;
}
.movieBetaBodyElement textarea {
	width: 450px; height:105px;
}
.movieBetaBodyElement input {
	width: 221px;
	margin: 0 0 0 2px;
	font-size: 93%;
}

#movieSubmit {
	width: 100%;
	margin: 10px 0;
	text-align: center;
}
.movieSubmitButton {
	display: block;
	width: 78px; height: 20px;
	margin: 2px auto; padding: 0;
	border: none;
	background: url("../images/prof_main_submit_off.gif") no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.movieSubmitButton:hover {
	background: url("../images/prof_main_submit_on.gif") no-repeat;
}
.movieSubmitButton:focus {
	background: url("../images/prof_main_submit_on.gif") no-repeat;
}


#movieDetailTitle {
	width: 570px; height: 35px;
	margin: 0 15px; padding-top: 10px;
	overflow: hidden;
}
#movieDetailTitleLeft {
	width: 109px; height: 35px;
	margin-right: 5px;
	float: left;
}
#movieDetailTitleRight {
	padding-top: 5px;
	color: #ff9a00; font-size: 108%; font-weight: bold;
}

#movieCommentTitle {
	width: 570px;
	margin: 0 15px;
}
.movieComment {
	width: 570px;
	margin: 0 15px;
}
.movieCommentHeader {
	width: 100%; height: 40px;
	overflow: hidden;
	background: url("../images/movie_comment_header_bg.gif") no-repeat left bottom;
}
.movieCommentFooter {
	width: 100%; height: 15px;
	background: url("../images/movie_comment_footer_bg.gif") no-repeat left top;
}
.movieCommentBody {
	width: 540px;
	padding: 5px 15px 0;
	background: url("../images/movie_comment_body_bg.gif") repeat-y left top;
}

.movieCommentHeaderLeft {
	margin: 5px 0 0 5px;
	float: left;
	color: #fff; font-size: 93%;
}
.movieCommentHeaderLeft a:link { color: #fff; font-weight: bold; text-decoration: underline; }
.movieCommentHeaderLeft a:visited { color: #fff; font-weight: bold; text-decoration: underline; }
.movieCommentHeaderLeft a:hover { color: #fff; font-weight: bold; text-decoration: underline; }
.movieCommentHeaderLeft a:active { color: #fff; font-weight: bold; text-decoration: underline; }

.movieCommentHeaderRight {
	margin: 5px 5px 0 0;
	float: right;
	color: #fff; font-size: 93%;
}
.movieCommentHeaderRight a:link { color: #fff; font-weight: bold; text-decoration: underline; }
.movieCommentHeaderRight a:visited { color: #fff; font-weight: bold; text-decoration: underline; }
.movieCommentHeaderRight a:hover { color: #fff; font-weight: bold; text-decoration: underline; }
.movieCommentHeaderRight a:active { color: #fff; font-weight: bold; text-decoration: underline; }

.movieNoCommentHeader { /* コメントが一件もない場合 */
	width: 100%; height: 10px;
	overflow: hidden;
	background: url("../images/movie_nocomment_header_bg.gif") no-repeat left bottom;
}
.movieNoCommentBody { /* コメントが一件もない場合 */
	width: 540px;
	padding: 5px 15px 0;
	background: url("../images/movie_comment_body_bg.gif") repeat-y left top;
	color: #999;
}

#moviePostTitle {
	width: 570px;
	margin: 0 15px; padding-top: 10px;
}
#moviePost {
	width: 570px;
	margin: 0 15px;
}
#moviePostHeader {
	width: 100%; height: 5px;
	background: url("../images/movie_post_header_bg.gif") no-repeat left bottom;
}
#moviePostFooter {
	width: 100%; height: 5px;
	background: url("../images/movie_post_footer_bg.gif") no-repeat left top;
}
#moviePostBody {
	width: 100%;
	background: url("../images/movie_post_body_bg.gif") repeat left top;
	text-align: center;
}
#moviePostBody textarea {
	width: 550px; height: 120px;
}
#moviePostBody input {
	margin-top:5px;
}
.moviePostButton {
	width: 78px; height: 20px;
	margin: 2px; padding: 0;
	border: none;
	background: url("../images/movie_comment_submit_off.gif") no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.moviePostButton:hover {
	background: url("../images/movie_comment_submit_on.gif") no-repeat;
}
.moviePostButton:focus {
	background: url("../images/movie_comment_submit_on.gif") no-repeat;
}

/* 単発ページ（非ポップアップアラート） */

#etcBody {
	position: relative; overflow: visible;
	width: 430px; min-height: 80px;
	margin: 20px 15px 10px 40px; padding: 0 20px 0 90px;
	line-height: 1.6em;
}
#etcBody p {
	margin: 0 0 10px 0; padding: 0;
}
#etcBody strong {
	font-weight: bold;
	font-size: 108%;
}
#etcBody ul { margin: 2px 0; padding: 0; }
#etcBody li { margin-left: 20px; padding: 0; }

#etcEx {
	width: 75px; height: 75px;
	position: absolute; left: 0; top: 0;
	background: url("../images/etc_badge.gif") no-repeat left top;
}

#etcBack { width: 100%; }
#etcBack a {
	display: block;
	width: 78px; height: 20px;
	margin: 0 auto;
	background: url("../images/etc_top_off.gif") no-repeat left top;
	text-indent: -9999px;
}
#etcBack a:hover {
	background: url("../images/etc_top_on.gif") no-repeat left top;
}

#etcClose { width: 100%; }
#etcClose a {
	display: block;
	width: 78px; height: 20px;
	margin: 0 auto;
	background: url("../images/etc_close_off.gif") no-repeat left top;
	text-indent: -9999px;
}
#etcClose a:hover {
	background: url("../images/etc_close_on.gif") no-repeat left top;
}

/* 掲載記事 */

#msLinkTitle {
	width: 560px; height: 100px;
	background: url('../images/link_title.gif') no-repeat 20px 15px;
	text-indent: -9999px;
}
#msText ul.link { margin: 0; padding: 0; line-height: 1.5em; }
#msText li.link { margin: 0 30px 10px; padding: 0; }
