﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* ----------------------------------------------
プロジェクト マイページ
---------------------------------------------- */
.mypage
{
    background: url(../../../Images/my_page.png) no-repeat;
/*
    position: fixed;
    right: 0px;
    top: 201px;
*/
    width: 130px;
    height: 50px;
	cursor: pointer;
	z-index: 10;
}

#bookmark_block 
{
    background: #7DD6F9;
   position: absolute;
    top: 50px;
/*
    position: fixed;
    top: 201px;
    right: 100px;
*/
	display: none;
	min-height: 81px;
    z-index: 10;
}

#bookmark_block .ModuleReference
{
	background: transparent;
	width: auto;
	margin: 0px;
	padding: 0px;
}

#bookmark_block .Contents
{
    background: #fff;
    margin: 10px;
}

.toggle_my_on
{
	display: block !important;
}

.toggle_my_c_on
{
    background: url(../../../Images/my_page_cl.png) no-repeat;
}
.toggle_my_c_on #bookmark_block
{
display: block;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* ----------------------------------------------
プロジェクト マイページ
---------------------------------------------- */
.mypage
{
    background: url(../../../Images/my_page.png) no-repeat;
/*
    position: fixed;
    right: 0px;
    top: 201px;
*/
    width: 130px;
    height: 50px;
	cursor: pointer;
	z-index: 10;
}

#bookmark_block 
{
    background: #7DD6F9;
   position: absolute;
    top: 50px;
/*
    position: fixed;
    top: 201px;
    right: 100px;
*/
	display: none;
	min-height: 81px;
    z-index: 10;
}

#bookmark_block .ModuleReference
{
	background: transparent;
	width: auto;
	margin: 0px;
	padding: 0px;
}

#bookmark_block .Contents
{
    background: #fff;
    margin: 10px;
}

.toggle_my_on
{
	display: block !important;
}

.toggle_my_c_on
{
    background: url(../../../Images/my_page_cl.png) no-repeat;
}
.toggle_my_c_on #bookmark_block
{
display: block;
}
}
