@charset "utf-8";
/*==============================================================================
	マイページ
==============================================================================*/
/*------------------------------------------------------------------------------
	マイページ（左ナビ）
------------------------------------------------------------------------------*/
#mypage{
	background:#FFF;
	border:2px solid #0062B8;
	position:fixed;
	bottom:50px;
	left:0px;
	z-index:100;
}
#mypage h2{
	margin:0px;
	float:left;
	width:40px;
	cursor:pointer;
}
#mypage h2 img{
	vertical-align:bottom;
}
div#mypageinner{
	float:left;
	width:180px;
	display:none;
	text-align:left;
}
/* 使い方
------------------------------------------------------------------------------*/
#mypage p.use{
	margin:5px 5px 5px 0px;
	float:right;
	display:inline;
	clear:none;
	font-size:90%;
}
#mypage p.use a{
	padding:4px;
	color:#222222;
	background:url(images/mypage/list_bg.gif) repeat-x left bottom;
	border:1px solid #999999;
	line-height:2;
	text-decoration:none;
}
#mypage p{
	margin:10px;
	clear:both;
	color:#666;
	font-size:90%;
}
#mypage ul{
	margin:5px 5px 15px 10px;
	clear:both;
	list-style-type:none;
}
#mypage ul li{
	margin-bottom:5px;
	padding-left:15px;
	background:url(images/content/mark_list.png) no-repeat left 5px;
}
#mypage ul li span{
	font-size:90%;
}
#mypage p.list{
	text-align:right;
}
#mypage p.list a{
	padding-left:15px;
	background:url(images/content/mark_list.png) no-repeat left 3px;
}
/*------------------------------------------------------------------------------
	マイページ一覧ページ
------------------------------------------------------------------------------*/
/* 並び替えボタン
------------------------------------------------------------------------------*/
#content p.mypagesort{
	margin:20px 0px 30px 15px;
	text-indent:0px;
}
#content p.mypagesort img{
	cursor:pointer;
}
#content div.check ul{
	margin:0px 0px 0px 15px;
	float:left;
	list-style-type:none;
}
* html #content div.check ul{
	margin-left:8px;
}
*:first-child+html  #content div.check ul{
	margin-left:8px;
}
#content div.check ul li{
	margin:0px 0px 8px 0px;
	padding:0px;
}
/* マイページ
------------------------------------------------------------------------------*/
#content div.checkpage{
	margin:0px 10px 20px 0px;
	width:85%;
	float:right;
	display:inline;
	background-color:#FFF;
	border:5px solid #DDD;
}
* html #content div.checkpage{
	padding-bottom:10px;
}
*:first-child+html #content div.checkpage{
	padding-bottom:10px;
}
#content div.checkpage h3{
	float:left;
	width:65%;
	border:none;
}
/* 編集できるとき
------------------------------------------------------------------------------*/
#content div.checkpage h3.edit{
	margin-bottom:0px;
	padding:10px 5px 10px 35px;
	background:url(images/mypage/mark_checkpage.gif) no-repeat 10px 10px;
}
/* 移動できるとき
------------------------------------------------------------------------------*/
#content div.checkpage h3.sort{
	margin-bottom:0px;
	padding:10px 5px 10px 35px;
	background:url(images/mypage/mark_checkpage2.gif) no-repeat 10px 10px;
}
/* 編集・削除ボタン
------------------------------------------------------------------------------*/
#content div.checkpage p.textright{
	margin:10px 10px 0px 0px;
}
/* メモ
------------------------------------------------------------------------------*/
#content div.memo{
	margin:5px auto 10px auto;
	padding:5px;
	background:url(images/mypage/checkpage_bg.gif) repeat-y left top;
	border:1px solid #CCCCCC;
	text-align:center;
}
#content div.memo{
	width:90%;
	clear:both;
}
#content div.memo::after{
    content:"";
	
    display:block;
	
    clear:both;
}
#content div.memo h3{
	padding:0px;
	width:120px;
	float:left;
	font-size:90%;
	background:none;
	text-align:left;
}
#content div.memo textarea{
	width:90%;
}
#content div.memo p{
	margin:3px 0px 3px 125px;
	padding:0px;
	background-color:#FFF;
	text-align:left;
	text-indent:0px;
}
/*------------------------------------------------------------------------------
	マイページへ追加する
------------------------------------------------------------------------------*/
.openbox .ui-helper-clearfix::before, .openbox .ui-helper-clearfix::after{
	content: "";
	display: table;
}
.openbox .ui-helper-clearfix::after{
	clear: both;
}
.openbox .ui-helper-zfix{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

/* Icons
----------------------------------*/

/* states and images */
.openbox .ui-icon{
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.openbox{
	position: relative;
}
.openbox .ui-resizable-handle{
	position: absolute;
	display: block;
	font-size: 0.1px;
}
.openbox .ui-resizable-disabled .ui-resizable-handle, .openbox .ui-resizable-autohide .ui-resizable-handle{
	display: none;
}
.openbox .ui-resizable-n{
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.openbox .ui-resizable-s{
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.openbox .ui-resizable-e{
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.openbox .ui-resizable-w{
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.openbox .ui-resizable-se{
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.openbox .ui-resizable-sw{
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.openbox .ui-resizable-nw{
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.openbox .ui-resizable-ne{
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;}.ui-selectable-helper{
	position: absolute;
	z-index: 100;
	border:1px dotted black;
}
.openbox .ui-button{
	margin-right: .1em;
	padding: 0;
	display: inline-block;
	position: relative;
	cursor: pointer;
	overflow: visible;
	font-size:90%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-align: center;
} /* the overflow property removes extra width in IE */
.openbox .ui-button, .openbox .ui-button:link, .openbox .ui-button:visited, .openbox .ui-button:hover, .openbox .ui-button:active{
	text-decoration: none;
}
.openbox .ui-button-icon-only{
	width: 2.2em;
} /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only{
	width: 2.4em;
} /* button elements seem to need a little more width */
.openbox .ui-button-icons-only{
	width: 3.4em;
}
button.ui-button-icons-only{
	width: 3.7em;
}

/*button text element */
.openbox .ui-button .ui-button-text{
	display: block;
	line-height: 1.4;
	 }
.openbox .ui-button-text-only .ui-button-text{
	padding: .4em 1em;
}
.openbox .ui-button-icon-only .ui-button-text, .openbox .ui-button-icons-only .ui-button-text{
	padding: .4em;
	text-indent: -9999999px;
}
.openbox .ui-button-text-icon-primary .ui-button-text, .openbox .ui-button-text-icons .ui-button-text{
	padding: .4em 1em .4em 2.1em;
}
.openbox .ui-button-text-icon-secondary .ui-button-text, .openbox .ui-button-text-icons .ui-button-text{
	padding: .4em 2.1em .4em 1em;
}
.openbox .ui-button-text-icons .ui-button-text{
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button{
	padding: .4em 1em;
}

/*button icon element(s) */
.openbox .ui-button-icon-only .ui-icon, .openbox .ui-button-text-icon-primary .ui-icon, .openbox .ui-button-text-icon-secondary .ui-icon, .openbox .ui-button-text-icons .ui-icon, .openbox .ui-button-icons-only .ui-icon{
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.openbox .ui-button-icon-only .ui-icon{
	left: 50%;
	margin-left: -8px;
}
.openbox .ui-button-text-icon-primary .ui-button-icon-primary, .openbox .ui-button-text-icons .ui-button-icon-primary, .openbox .ui-button-icons-only .ui-button-icon-primary{
	left: .5em;
}
.openbox .ui-button-text-icon-secondary .ui-button-icon-secondary, .openbox .ui-button-text-icons .ui-button-icon-secondary, .openbox .ui-button-icons-only .ui-button-icon-secondary{
	right: .5em;
}
.openbox .ui-button-text-icons .ui-button-icon-secondary, .openbox .ui-button-icons-only .ui-button-icon-secondary{
	right: .5em;
}

/*button sets*/
.openbox .ui-buttonset{
	margin-right: 7px;
}
.openbox .ui-buttonset .ui-button{
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
button.ui-button::-moz-focus-inner{
	border: 0;
	padding: 0;
} /* reset extra padding in Firefox */
.openbox{
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	width: 300px;
	overflow: hidden;
}
.openbox .ui-dialog-titlebar{
	padding: .4em 1em;
	position: relative;
	 }
.openbox .ui-dialog-title{
	float: left;
	margin: .1em 16px .1em 0;
}
.openbox .ui-dialog-titlebar-close{
	position: absolute;
	right: .3em;
	top: 50%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px;
}
.openbox .ui-dialog-titlebar-close span{
	display: block;
	margin: 1px;
}
.openbox .ui-dialog-titlebar-close:hover, .openbox .ui-dialog .ui-dialog-titlebar-close:focus{
	padding: 0;
}
.openbox .ui-dialog-content{
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.openbox .ui-dialog-buttonpane{
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin:0px 0px 0px 0px;
	padding: .3em 1em .5em .4em;
}
.openbox .ui-dialog-buttonpane .ui-dialog-buttonset{
	float: right;
}
.openbox .ui-dialog-buttonpane button{
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.openbox .ui-resizable-se{
	width: 14px;
	height: 14px;
	right: 3px;
	bottom: 3px;
}
.openbox .ui-dialog-titlebar{
	cursor: move;
}

/* Component containers
----------------------------------*/
.openbox input, .openbox select, .openbox textarea, .openbox button{
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.openbox {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/mypage/ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.openbox .ui-widget-header{
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/mypage/ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}

/* Interaction states
----------------------------------*/
.openbox .ui-state-default, .openbox .ui-state-default, .openbox .ui-widget-header .ui-state-default{
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/mypage/ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.openbox .ui-state-default a, .openbox .ui-state-default a:link, .openbox .ui-state-default a:visited{
	color: #555555;
	text-decoration: none;
}
.openbox .ui-state-hover, .openbox .ui-state-hover, .openbox .ui-widget-header .ui-state-hover, .openbox .ui-state-focus, .openbox .ui-state-focus, .openbox .ui-widget-header .ui-state-focus{
	border: 1px solid #999999;
	background: #dadada url(images/mypage/ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.openbox .ui-state-hover a, .openbox .ui-state-hover a:hover, .openbox .ui-state-hover a:link, .openbox .ui-state-hover a:visited{
	color: #212121;
	text-decoration: none;
}
.openbox .ui-state-active, .openbox .ui-state-active, .openbox .ui-widget-header .ui-state-active{
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/mypage/ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.openbox .ui-state-active a, .openbox .ui-state-active a:link, .openbox .ui-state-active a:visited{
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.openbox .ui-state-highlight, .openbox .ui-state-highlight, .openbox .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1;
	background: #fbf9ee url(images/mypage/ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.openbox .ui-state-highlight a, .openbox .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{
	color: #363636;
}
.openbox .ui-state-error, .openbox .ui-state-error, .openbox .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a;
	background: #fef1ec url(images/mypage/ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.openbox .ui-state-error a, .openbox .ui-state-error a, .openbox .ui-widget-header .ui-state-error a{
	color: #cd0a0a;
}
.openbox .ui-state-error-text, .openbox .ui-state-error-text, .openbox .ui-widget-header .ui-state-error-text{
	color: #cd0a0a;
}
.openbox .ui-priority-primary, .openbox .ui-priority-primary, .openbox .ui-widget-header .ui-priority-primary{
	font-weight: bold;
}
.openbox .ui-priority-secondary, .openbox .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary{
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.openbox .ui-state-disabled, .openbox .ui-state-disabled, .openbox .ui-widget-header .ui-state-disabled{
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.openbox .ui-state-disabled .ui-icon{
	filter:Alpha(Opacity=35);
} /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.openbox .ui-icon{
	width: 16px;
	height: 16px;
	background-image: url(images/mypage/ui/ui-icons_222222_256x240.png);
}
.openbox .ui-icon {
	background-image: url(images/mypage/ui/ui-icons_222222_256x240.png);
}
.openbox .ui-widget-header .ui-icon {
	background-image: url(images/mypage/ui/ui-icons_222222_256x240.png);
}
.openbox .ui-state-default .ui-icon{
	background-image: url(images/mypage/ui/ui-icons_888888_256x240.png);
}
.openbox .ui-state-hover .ui-icon, .openbox .ui-state-focus .ui-icon {
	background-image: url(images/mypage/ui/ui-icons_454545_256x240.png);
}
.openbox .ui-state-active .ui-icon {
	background-image: url(images/mypage/ui/ui-icons_454545_256x240.png);
}
.openbox .ui-state-highlight .ui-icon {
	background-image: url(images/mypage/ui/ui-icons_2e83ff_256x240.png);
}
.openbox .ui-state-error .ui-icon, .openbox .ui-state-error-text .ui-icon {
	background-image: url(images/mypage/ui/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.openbox .ui-icon-close{
	background-position: -80px -128px;
}
.openbox .ui-icon-closethick{
	background-position: -96px -128px;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay{
	background: #aaaaaa url(images/mypage/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;filter:Alpha(Opacity=30);
}

/* FI ADD
----------------------------------*/
.openbox div#dialog-form{
	font-size:90%;
	text-align:left;
}
.openbox div#dialog-form textarea{
	margin:5px;
	padding: 5px;
	width: 95%;
	height:80px;
	border:1px solid #cccccc;
}