@charset "utf-8";

/* TOPページ */
#top-contents {
	min-height:	300px;
}


/************************************************************************************/
/* master_edit                                                                      */
/************************************************************************************/

/* ラジオ/チェックボックス横表示2で改行 */
.pixim_edit_group_horizontal_line2 {
    display: inline-block;
    padding-left : 30px;
    width: 280px;
    vertical-align:top;
    position:relative;
}

/* ラジオ/チェックボックス横表示3で改行 */
.pixim_edit_group_horizontal_line3 {
    text-align: left;
    display: inline-block;
    padding-left : 30px;
    width: 160px;
    vertical-align:top;
    position:relative;
}

/* ラジオ/チェックボックス横表示5で改行 */
.pixim_edit_group_horizontal_line5 {
    text-align: left;
    display: inline-block;
    padding-left : 30px;
    width: 80px;
    vertical-align:top;
    position:relative;
}

/* ラジオ/チェックボックス横改行指定無し */
.pixim_edit_group_horizontal_non_line {
    text-align: left;
    display: inline-block;
    padding-left : 30px;
    vertical-align:top;
    position:relative;
}

/* input[button/link/etc] ***********************************************/


/* 必須テキストボックス背景色(空の場合) */
.pixim-required-textbox-empty {
	background-color: #ffcccc!important;
}

/* 必須テキストボックス背景色(値入力状態の場合) */
.pixim-required-textbox-full {
}

/* 必須ラジオボタン背景色(空の場合) */
.pixim-required-radio-empty {
	color: #bb0000!important;
}

/* 必須ラジオボタン背景色(値入力状態の場合) */
.pixim-required-radio-full {
}

/* 必須プルダウン背景色(空の場合) */
.pixim-required-pulldown-empty {
	background-color: #ffcccc!important;
}

/* 必須プルダウン背景色(値入力状態の場合) */
.pixim-required-pulldown-full {
}

/* datepicker 全体に対するスタイル指定 */
#ui-datepicker-div {
    font-size:small;
}
.ui-datepicker-title {
    font-size:0.8em;
}
/* datepicker の年月selectの幅調整 */
/*
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 40%;}
*/

.control-label-group {
    vertical-align:center;
    float: left;
    padding-top: 2px;
    padding-right: 5px;
    text-align: right;
    display: inline;
}

.form-horizontal .controls-vertical-group {
    margin-top: 10px;
}

.pixim-input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  white-space: nowrap;
}

.form-horizontal .icon-pixim-question {
  display: inline-block;
  width: 16px;
  height: 16px;
  *margin-right: .3em;
  line-height: 16px;
  vertical-align: text-top;
  background-repeat: no-repeat;
  background-image: url("../../img/question.png");
  background-position: 0      0;
  cursor: help;
}





/*-------- フォームグループ修正 --------*/
/* ラベル */
.pixim-input-prepend .control-label-group {
    padding-top:0;
    margin-bottom:0;
    height:30px;
    line-height:30px;
}
.pixim-input-prepend {
    margin-bottom:0;
}
.form-horizontal .controls{
    padding-bottom:5px;
}
.form-horizontal .controls input,
.form-horizontal .controls select,
.form-horizontal .controls textarea{
    margin-bottom:0px;
}
.form-actions legend{
    font-size:large;
    line-height:25px;
}

/* ブロック非表示 */
.display-none {
    display:none;
}

/*----- ユーザーページ修正 -----*/
.main{
    margin-bottom:20px;
}
.sns_box{
    margin-right:0;
}


/*----- ユーザーページトップ用 -----*/
/* ロゴ用 */
div.logo_box div.logo,
div.logo_box div.logo img {
    max-width: 600px;
    max-height:60px;
}

/* アイキャッチ用 */
.image_box_left,
.image_box_banner01,
.image_box_banner02 {
    width: 410px;
}

.image_box_right {
    height:300px;
    width: 530px;
}
.image_box_right > div{
    height:inherit;
    width: inherit;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.image_box_right > div > img{
    max-height:300px;
    max-width:530px;
}

/* ヘッダーキャッチフレーズ用 */
.header > h1{
    font-size: 9px;
    text-indent: 0px;
}

.control-label-section{
    margin-top: 8px;
}

/* 必須項目記号用クラス */
.required_label_astalisk {
    color: red;
}

.other_attention {
	font-size: 16px;
	padding-left: 5px;
}

/*
.control-label .must {
display: inline-block;
width: 45px;
text-align: left;
text-indent: -9999px;
overflow: hidden;
background-image: url(../common/ico_must.gif);
background-repeat: no-repeat;
background-position: 5px 5px 0px 5px;
margin-left: 5px;
} */



/* アイコン表示設定 */
.center{
    text-align:center;
}
.btn-icon{
    padding:1px 6px;
}

/* メニュー表示用 */
#menu a,
#menu a:hover{
    background-image: url(../common/pixim_menu.png);
}

/* 利用者サイトイベント一覧スタイル
    ※必要な列が増えた時は追加してください。
*/
/* 対象 */
#event_list .list_col_3 {
    width: 70px;
}
/* イベント名称 */
#event_list .list_col_4 {
    width: 200px;
}
/* 開催日 */
#event_list .list_col_5 {
    width: 100px;
}
/* 開催時間 */
#event_list .list_col_6 {
    width: 50px;
}
/* 募集数 */
#event_list .list_col_23 {
    width: 60px;
}
/* カテゴリ */
#event_list .list_col_25 {
    width: 100px;
}
/* 申込状況 */
#event_list .list_col_entry_status {
    width: 60px;
}
/* 詳細ボタン */
#event_list .list_col_detail {
    width: 50px;
}
/* 申込ボタン */
#event_list .list_col_entry {
    width: 50px;
}

/* 利用者サイトイベント申込履歴一覧スタイル */
/* 申込番号 */
#history_list .entry_no_col {
    width: 80px;
}
/* 申込日時 */
#history_list .entry_dte_col {
    width: 170px;
}
/* 開催日 */
#history_list .hold_day_col {
    width: 110px;
}
/* イベント名 */
#history_list .item_name_col {
    min-width: 100px;
}
/* 申込状態 */
#history_list .entry_status_col {
    min-width: 80px;
}
/* 参照ボタン */
#history_list .entry_refer_col {
    width: 70px;
}

/* グループ一覧用 */
/* コンテンツ */
.group-list-contents{
    text-align: center;
}
/* グループ登録ボタン */
.group-list-regist-buttom{
    text-align:right; 
    margin-bottom: 6px;
}
/* セクション */
.group-list-section{
    width: 100%
}
/* チームロゴ */
.group-list-logo{
    margin: 10px 2px 8px 12px; 
    display: block;
    background-color: #FFFFFF;
    text-align: center;
    border: 1px solid #DDDDDD;
/*    background-color: #FFCCCC; */
}

.group-list-logo img{
    display: inline;
    vertical-align: middle;
}

/* チームロゴ無 */
.group-list-logo-none{
    margin: 10px 0px 8px 0px; 
    display: block; 
/*    background-color: #FFCCCC; */
}

/* グループ名、プロフィール区画 */
.group-list-division{
    position: absolute; 
    top: 10px;
    right: 230px;
}
/* グループ名、プロフィール区画(ロゴ無) */
.group-list-division-none{
    position: absolute; 
    top: 10px;
    right: 230px;
}
/* グループ名ラベル */
.group-list-name-label{
    cursor: default;
    font-size:14pt
}
/* グループプロフィールラベル */
.group-list-profile-label{
    cursor: default;
    font-size:12pt
}
/* コンテンツ右側一覧 */
.group-list-contents-right{
    position: absolute; 
    top: 20px; 
    right: 40px; 
    font-size: 12pt;
    line-height: 22px;
}
/* 加入申請件数がある場合の一覧位置 */
.group-list-include-participating{
    position:absolute; 
    /* top: 100px; */
    /* left: 545px; */
    bottom: 10px;
    right: 10px;
}
/* 加入申請件数がない場合の一覧位置 */
.group-list-exclude-participating{
    position:absolute; 
    /* top: 100px; */
    /* left: 580px; */
    bottom: 10px;
    right: 10px;
}
/* 加入申請件数ボタン */
.recuest-count{
    width: 18px;
    height: 18px;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #FF4444;
}
/* 加入申請件数 */
.recuest-count-num{
    text-align: center;
    vertical-align: middle;
    font-size:12px;
    font-weight: bold;
    color: #FFFFFF;
}
/* グループメンバー管理ページボタン位置 */
.btn_center{
    text-align: center;
    vertical-align: middle;
}
/* リンクのポインタの状態を指に */
.finger-point{
    cursor: pointer;
}

.invite_mail_address{
    display:block;
    float: left;
    width: 350px;
    padding: 5px;
    margin: 5px;
}

.invite_mail_help_txt{
    display: inline;
    position: relative;
}
.sns_image{
    width:50px;
    height:50px;
}

/* アップロード用のファイル選択ボタン */
.pixim-file-upload-btn {
    position: relative;
    overflow: hidden;
	padding: 3px 20px;
}

/* アップロード用のファイル選択ボタンのinput要素 */
.pixim-file-upload-btn input[type=file] {
    position: absolute;
    filter:alpha(opacity=0.01);
    -moz-opacity: 0.01;
    opacity: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    font-size: 1000px;
    height: 1000px;
    cursor:pointer;
}

/* 一覧系で全選択チェックボックスをつけた時のスタイル */
table th .checkbox
{
    position: relative;
}
table .select_td
{
    padding: 5px 5px 5px 8px;
}
/* 幅指定スタイル */
.width30
{
    width: 30px;
}
.width48
{
    width: 48px;
}
.width50 {
    width:50px;
}
.width80 {
    width: 80px;
}
.width150
{
    width: 150px;
}
/* 開始位置スタイル */
.marginleft15{
    margin-left: 15px;
}

/* 確認ダイアログ用スタイル */
#clb_msgbox_message_div
{
    height: auto;
    margin-top: 10px;
    font-size: 15px;
    min-height: 50px;
}
#clb_msgbox_buttonset
{
    height: 30px;
    
}
#clb_msgbox_buttonset input
{
    margin-right: 2px;
	margin-left:  2px;
}
#clb_msgbox_buttonset a
{
    margin: 5px 5px;
}
.card_comp_list img {
	float:left;
	padding-right: 10px;
	margin-top: 10px;
}

/* ユーザーページナビセンタリング */
#top_menu ul,#menu ul {
    display:inline-block;
}

.pixim_form_btn_area {
	text-align:center;
}

.pixim_event_btn_area {
	text-align: center;
	margin-top: 30px;
	width: 100%;
}

/* イベント申込参加者選択ボタンエリア */
.pixim_edit_member_area {
	margin-top: 10px;
	margin-bottom: 5px;
	height:		20px;
}
.pixim_edit_member_label {
	float: left;
}
.pixim_edit_member_btn {
	float: right;
}
.pixim_edit_member_btn a{
	clear: both;
}

.control-group.pixim-requred input, .control-group.pixim-requred select, .control-group.pixim-requred textarea {
	border-color: #c09853;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/* グループメンバー一覧ツールボタンエリア */
.pixim_tool_area {
	text-align:		right;
	margin-bottom:	5px;
}

/********************************************************************/
/* 利用者ボタン設定
/********************************************************************/

/* cancelボタン */
.btn-cancel
,.btn-cancel[disabled]
,.btn-cancel[disabled]:hover
,.btn-group > .btn-cancel
,.btn-group > .btn-cancel[disabled]
,.btn-group > .btn-cancel[disabled]:hover
{
    background-color:	#3498db;
	border:				solid 1px #3498db;
    color:				#ffffff;
}

.btn-cancel:hover
,.btn-group > .btn-cancel:hover
,.btn-cancel:focus
,.btn-group > .btn-cancel:focus
{
    color:				#3498db;
    border:				solid 1px #3498db;
    background-color:	#ffffff;
}


.pixim_btn_mid {
	min-width:			150px;
}

.pixim_btn_mid_small {
	padding-top:		5px;
	padding-bottom:		5px;
	min-width:			100px;
}

/* オレンジボタン */
.pixim_event_btn_detail {
	font-size:			12px;
	text-align:			center;
	color:				#ffffff;
	border-radius:		0px;
	line-height:		2.5em;
	letter-spacing:		0.2em;
	border:				none;
	padding:			5px 20px;
	background-color:	#F9A53E;
}

.pixim_event_btn_detail:link,
.pixim_event_btn_detail:visited {
	color:				#ffffff;
	text-decoration:	none;
}

.pixim_event_btn_detail:hover,
.pixim_event_btn_detail:focus,
.pixim_event_btn_detail:active,
.pixim_event_btn_detail.active,
.pixim_event_btn_detail.disabled,
.pixim_event_btn_detail[disabled] {
	color:				#ffffff;
	background-color:	#F89207;
	*background-color:	#F89207;
	text-decoration:	none;
}

/* 青ボタン */
.pixim_event_btn_blue {
	font-size:			12px;
	text-align:			center;
	color:				#ffffff;
	border-radius:		0px;
	line-height:		2.5em;
	letter-spacing:		0.2em;
	border:				none;
	padding:			5px 20px;
	background-color:	#3498db;
}

.pixim_event_btn_blue:link,
.pixim_event_btn_blue:visited {
	color: 				#ffffff;
	text-decoration:	none;
}

.pixim_event_btn_blue:hover,
.pixim_event_btn_blue:focus,
.pixim_event_btn_blue:active,
.pixim_event_btn_blue.active,
.pixim_event_btn_blue.disabled,
.pixim_event_btn_blue[disabled] {
	color:				#ffffff;
	background-color:	#2980b9;
	*background-color:	#2980b9;
	text-decoration:	none;
}


/* 赤ボタン */
.pixim_event_btn_red {
	font-size:			12px;
	text-align:			center;
	color:				#ffffff;
	border-radius:		0px;
	line-height:		2.5em;
	letter-spacing:		0.2em;
	border:				none;
	padding:			5px 20px;
	background-color:	#e74c3c;
}

.pixim_event_btn_red:link,
.pixim_event_btn_red:visited {
	color:				#ffffff;
	text-decoration:	none;
}

.pixim_event_btn_red:hover,
.pixim_event_btn_red:focus,
.pixim_event_btn_red:active,
.pixim_event_btn_red.active,
.pixim_event_btn_red.disabled,
.pixim_event_btn_red[disabled] {
	color:				#ffffff;
	background-color:	#c0392b;
	*background-color:	#c0392b;
	text-decoration:	none;
}

.pixim_tool_btn {
	padding-top:		5px;
	padding-bottom:		5px;
	padding-right:		0px;
	padding-left:		0px;
	display:			inline-block;
	*display:			inline;
	/* IE7 inline-block hack */
	*zoom:				1;
	margin-bottom:		0;
	font-size:			14px;
	line-height:		20px;
	vertical-align:		middle;
	text-align:			center;
	cursor:				pointer;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter:				progid:DXImageTransform.Microsoft.gradient(enabled = false);
	*margin-left:		0.3em;
}

/* ボタン 灰色 */
.btn_normal {
	color:				#ffffff;
	background:			#bdc3c7;
	border:				1px solid #bdc3c7;
}
.btn_normal:hover,
.btn_normal:focus,
.btn_normal:active,
.btn_normal.active,
.btn_normal.disabled,
.btn_normal[disabled]
{
	color:				#bdc3c7;
	background-color:	#ffffff;
	*background-color:	#ffffff;
	border:				1px solid #bdc3c7;
	text-decoration:	none;
}

/* ボタン 赤 */
.btn_red {
	color:				#ffffff;
	background:			#f33939;
	border:				1px solid #f33939;
}
.btn_red:hover,
.btn_red:focus,
.btn_red:active,
.btn_red.active,
.btn_red.disabled,
.btn_red[disabled]
{
	color:				#f33939;
	background-color:	#ffffff;
	*background-color:	#ffffff;
	border:				1px solid #f33939;
	text-decoration:	none;
}

/* ボタン 青 */

.btn_blue{
	color:				#ffffff;
	background-color:	#72b2bf;
	border:				1px solid #72b2bf;
}
.btn_blue:hover,
.btn_blue:focus,
.btn_blue:active,
.btn_blue.active,
.btn_blue.disabled,
.btn_blue[disabled] {
	color: 				#72b2bf;
	background-color:	#ffffff;
	*background-color:	#ffffff;
	border:				1px solid #72b2bf;
	text-decoration:	none;
}

/* ボタン 緑 */
.btn_green{
	color:				#ffffff;
	background-color:	#4EA370;
	border:				1px solid #4EA370;
}
.btn_green:hover,
.btn_green:focus,
.btn_green:active,
.btn_green.active,
.btn_green.disabled,
.btn_green[disabled] {
	color:				#4EA370;
	background-color:	#ffffff;
	*background-color:	#ffffff;
	border:				1px solid #4EA370;
	text-decoration:	none;
}

/* ボタン オレンジ */
.btn_orange{
	color:				#ffffff;
	background-color:	#F9A53E;
	border:				1px solid #F9A53E;
}
.btn_orange:hover,
.btn_orange:focus,
.btn_orange:active,
.btn_orange.active,
.btn_orange.disabled,
.btn_orange[disabled] {
	color:				#F89207;
	background-color:	#ffffff;
	*background-color:	#ffffff;
	border:				1px solid #F9A53E;
	text-decoration:	none;
}

/* 検索条件折りたたみボタン */
.pixim-btn-folding 
,a.pixim-btn-folding {
    float:				right;
	width:				40px;
	padding-top:		8px;
	padding-bottom:		8px;
}

/* 郵便番号検索ボタン */
a.btn-setting {
	width:				35px;
	padding-top:		4px;
	padding-bottom:		4px;
	margin-left:		3px;
}

/* メールアドレス変更ボタン */
button.btn-setting {
	padding: 4px;
	margin-left:		3px;
}

/* facebook用ボタン */
a.btn_facebook {
	font-size:			16px;
	line-height:		20px;
	color:				#ffffff;
	background-color:	#43609C;
	border:				1px solid #43609C;
	width:				120px;
}

a.btn_facebook:hover {
	color:				#43609C;
	background-color:	#ffffff;
	border:				1px solid #43609C;
}

/* Twitter用ボタン */
a.btn_twitter {
	font-size:			16px;
	line-height:		20px;
	color:				#ffffff;
	background-color:	#2CA7E0;
	border:				1px solid #2CA7E0;
	width:				120px;
}

a.btn_twitter:hover {
	color:				#2CA7E0;
	background-color:	#ffffff;
	border:				1px solid #2CA7E0;
}

/* Google用ボタン */
a.btn_google {
	font-size:			16px;
	line-height:		20px;
	color:				#ffffff;
	background-color:	#DD4B39;
	border:				1px solid #DD4B39;
	width:				120px;
}

a.btn_google:hover {
	color:				#DD4B39;
	background-color:	#ffffff;
	border:				1px solid #DD4B39;
}

/* Google用ボタン */
a.btn_yahoo {
	font-size:			16px;
	line-height:		20px;
	color:				#ffffff;
	background-color:	#4101AF;
	border:				1px solid #4101AF;
	width:				120px;
}

a.btn_yahoo:hover {
	color:				#4101AF;
	background-color:	#ffffff;
	border:				1px solid #4101AF;
}

/* 過入金警告メッセージ */
.over_deposit_warning {
    color:#ff0000;
}


/* 日時(YYYY-MM-DD HH:MM:SS)の一覧表示用 */
th.pixim_datetime {
    width: 160px;
}
/********************************************************************/
/* お知らせ詳細画面
/********************************************************************/

.detail_area {
  background-color 		: #FFFFFF;
}
.detail_area h3{
  background-color 		: #FFFFFF;
  padding: 4px 6px 10px 7px;
  border-bottom:1px solid #777777;
}
.detail_area th{
  background-color 		: #32B1F8;
  color: #FFFFFF;
  text-align     : left;
  padding: 10px 5px 10px 7px;
}
.label {
  color: #393636;
  font-size 	 : 17px;
  font-weight    :bold;
  padding-top 	 : 5px;
  padding-bottom : 5px;
  padding-left 	 : 0px;
  padding-right  : 0px;
  text-align     : left;
  padding: 10px 5px 10px 10px;
  width:20%;
  background-color:#f1f1f1;
}

.detail {
  background-color 		: #FFFFFF;
  padding-left: 7px;
}

.detail_area table{
  border: 1px solid #cccccc;
  border-spacing: 1px;
  border-collapse: collapse;
}
.detail_area tbody{
  border: 1px solid #cccccc;
}
.detail_area td{
  border: 1px solid #cccccc;
}

#description{
  padding: 5px 0 0 7px;
}
.pixim_error {
    font-size: 17px;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    padding: 8px 8px 8px 8px;
}
.pixim_msg {
    font-size: 17px;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    padding: 8px 8px 8px 8px;
}
.msg {
    font-size: 17px;
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
    padding: 8px 8px 8px 8px;
}
.category{
    margin: 0 5px 2px 0; 
}
.genre{
    margin: 0 5px 2px 0; 
}

/* ステップボックス　７個パターン */
.step_small .step_on,
.step_small .step_on_end,
.step_small .step_off,
.step_small .step_off_end
{
    width:100px;
}
.step_small .stepnumber
{
    font-size:14px;
}
.step_small .steptext
{
    font-size:11px;
}

/* ステップボックス　6個パターン */
.step_middle .step_on,
.step_middle .step_on_end,
.step_middle .step_off,
.step_middle .step_off_end
{
    padding: 3px;
    width: 130px;
}

/* マウスオーバースタイルの解除 */
.group_members01 tr:hover td {
    background-color: initial;
}


/* テーブルの縦位置調整 */
.table th, .table td {
	vertical-align: middle;
}

/* 参加者のNo項目調整 */
.table .number_style {
	text-align: center;
	width: 40px;
}

/* ラベル表示 */
.form-horizontal .control-group > .pixim-ctrl-message {
	display:block;
	padding: 8px;
}

/* ログインID選択画面用スタイル */
.contents_center{
	margin: 0 auto;
	width: 75%;
}

/* 言語ラベル用スタイル */
.pixim-lang-label {
    
}
/* 言語ラベル用スタイル */
.pixim-lang-label-single {
    min-width: 100px;
}

.login_high_class {
	width:100%;
	border: 0px;
	background-color: transparent;
	color: #fff;
}

.login_high_class option{
	color: #000;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 37%;
}

/* 個人情報ダウンロード */
.user_download_description {
    margin-bottom: 10px;
}

/* 個人情報削除 */
.user_delete_description {
    margin-bottom: 10px;
}

/* 処理中インジケータ */
#wait_screen #waiting{
    margin-top: 20px;
    width:220px;
    font-weight: bold;
    color: white;
}
/* 処理中インジケータを画面の上部からずらすためのdiv */
#wait_screen .waiting_center{
    margin-top: 0px;
    width:220px;
    font-weight: bold;
    color: white;
}
/* 処理中インジケーターのイメージ */
#wait_screen #waitimg{
    margin-top:10px;
    height:19px;
    width:220px;
    background:url(../../img/ajax-loader-7.gif);
}