*{
	margin:0;
	padding:0;
    
}

li {
    list-style-type: none;
}

header {
	background: url(../images/bg_header.png) repeat-x;
}

iframe {
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
}

body {
	width: 100%;
	font-size: 16px;
	font-family: Helvetica,Arial,sans-serif;
	margin:0;
	padding:0;
	background-color:#ffffff;
}

div{
	font-size: 16px;
	margin: 0;
	padding: 0;
}

/******************** container ********************/
div#container {
	margin: 0 auto;
	width: 320px !important;
	overflow: hidden;
	display: block;
}
/***************************************************/

a:link{
color: #ea54a1;
}
a:visited{
color: #8980ff;
}

table{
	width: 100%;
	font-size: 16px;
}

form{
	font-size: 20px;
}
input{
	font-size: 16px;
}
select{
	font-size: 16px;
}
select.post{
	width: 22px;
	height: 22px;
}
textarea{
	font-size: 16px;
}

a{
	font-size: 20px;
	margin:2px auto 2px;		/* マージン*/
}

.small{
	font-size: 14px;
}

div#container {
	margin: 0 auto;
	width: 320px;
	overflow: hidden;
	display: block;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

div#content {
    clear: both;
}

/* リストメニュー */
ul.list_menu{
	width:100%;
	list-style:none;
}

ul.list_menu li{
	background:#ffffff;
	border-bottom:1px solid #999999;
}

ul.list_menu li a{
	display:block;
	width:96%;
	text-decoration:none;
	padding:3% 2%;
	margin:0;
}

ul.list_menu li a span{
	float:right;
}


/* 注意事項 */
ul.note{
	width:100%;
	margin:5% 0;
	list-style:none;
}

ul.note li:first-child{
	border-top:1px solid #ffbfff;
}

ul.note li{
	text-align:left;
	background:#ffffff;
	border-bottom:1px solid #ffbfff;
}

ul.note li a{
	display:block;
	width:96%;
	text-decoration:none;
	padding:1% 1%;
	margin:1% auto;
}


ul.note li.top {
	border-top:0px solid #FFCCFF;

}

/* タイトル */
/* bg:オレンジ color:白 */
h1{
	width:96%;
	padding:3% 2%;
	background:#ff8002;
	color:#FFFFFF;
	text-align:left;
	font-size:98%;
}

/* bg:ピンク color:白 */
h2{
	width:98%;
	padding:2%;
	background: #ff8002; /* Old browsers */
	background: -moz-linear-gradient(top,  #FFCCFF 0%, #ea54a1 50%, #FFCCFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCCFF), color-stop(50%,#ea54a1), color-stop(100%,#FFCCFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFCCFF 0%,#ea54a1 50%,#FFCCFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFCCFF 0%,#ea54a1 50%,#FFCCFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFCCFF 0%,#ea54a1 50%,#FFCCFF 100%); /* IE10+ */
	background: linear-gradient(top,  #FFCCFF 0%,#ea54a1 50%,#FFCCFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea54a1', endColorstr='#ea54a1',GradientType=0 ); /* IE6-9 */
	color:#ffffff;
	font-weight:bold;
	font-size:98%;
	text-align:center;
}

/* bg:ボルドー? color:白 */
h3{
	background:#FFe0FF;
	color:#ea54a1;
	width:100%;
	margin:0;
	padding:1% 0;
	font-weight:bold;
	font-size:96%;
}

/* bg:ボルドー? color:白 */
h4{
	background:#FFe0FF;
	color:#ea54a1;
	width:100%;
	margin:0;
	padding:1% 0;
	font-weight:bold;
	font-size:96%;
	text-align:center;
}

/* bg:グレー color:グレー */
h5{
	background:#cccccc;
	color:#666666;
	width:100%;
	padding:1% 0;
	font-size:96%;
}

h6
{
	border: outset;
	background:#FFCCFF;
	text-align:center;
	width:105px;
}

input#submit_button
{
	border: outset;
	background:#FFCCFF;
	text-align:center;
	width:150px;
	color:#666666;
	font:bold 16px Verdana, sans-serif;
}
/* オススメタイトル(削除するかも) */
div.recom_title{
	width:96%;
	padding:2% 2% 0%;
}

div.recom_title p:first-child{
	float:left;
	width:26%;
}

div.recom_title p{
	float:right;
	width:69%;
	margin-left:1%;
}

div.recom_title p2{
	float:right;
	width:69%;
	text-align: right;
}

div.recom_title a{
	color:#ea54a1;
}

/* オススメタイトル(修正) */
div.recom_title2{
	width:96%;
	padding:2% 2% 0%;
}

div.recom_title2 a{
	color:#666666;
	text-decoration:none;
	font-size:14px;
}

div.recom_title2 a p:first-child{
	float:left;
	width:26%;
}

div.recom_title2 a p{
	float:left;
	width:63%;
	margin:1% 1%;
}

div.recom_title2 a p.icon{
	float:right;
	width:2%;
	margin:10% 2% 0 0;
}

div.recom_title2 a p span{
	color:#ea54a1;
	font-size:18px;
}

/* タイトル一覧 */
div.title_list{
	width:96%;
	padding:2% 2% 0%
}

div.title_list p:first-child{
	float:left;
	width:26%;
}

div.title_list p{
	float:right;
	width:69%;
	margin-left:1%;
}

div.title_list p2{
	float:right;
	width:69%;
	text-align: right;
}

div.title_list a{
	color:#ea54a1;
}

.bold{
	font-weight:bold;
}

/*新規会員登録[登録ボタン]*/
div.submit input[type="submit"]{
	width:28%;
	margin:0 35%;
	background: #ff8002; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCCFF), color-stop(50%,#ea54a1), color-stop(100%,#FFCCFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFCCFF 0%,#ea54a1 50%,#FFCCFF 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top,  #FFCCFF 0%,#ea54a1 50%,#FFCCFF 100%); /* W3C */
	padding:3%;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #ea54a1;
	border-radius:5px;
}

div#submit04 input[type="submit"]{
	width:70%;
	margin:2% 15%;
	background: #666666; /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(50%,#999999), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #666666 0%,#999999 50%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top,  #666666 0%,#999999 50%,#666666 100%); /* W3C */
	padding:2%;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #666666;
	border-radius:5px;
}

div.paging{
	width:100%;
	margin:5% 0;
	text-align:center;
}

/*form内未入力時注意文*/
.error-message{
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
}


/*登録内容確認*/
div.reg_contents{
	width:90%;
	padding:5%;
	background:#ffedfe;
	font-weight:bold;
}


/*ログイン画面*/
div.block_left{
	float:left;
	width:40%;
	margin:2% 0;
	text-align:center;
}

/* aタグのボタン化 memberTOPで使用 */
a.coin_button{ 
	display: block;			/* 余白のブロック化 */
	width: 265px;			/* 幅 */
	text-align: center;		/* 文字表示位置 */
	padding: 5px;			/* 内側の余白 */
	margin : 10px auto;		/* マージン */
	font-weight: bold; 		/* 文字の太さ*/
	color: #FFFFFF;		        /* 文字色 */
	text-decoration: none;	/* 下線消去 */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Droid Sans Japanese", "ＭＳ ゴシック";
	background: -webkit-gradient( linear, left top, left bottom, from( #FFCCFF ), to( #FF99FF ) );	/* 背景色グラデーション( Safari,Google Chrome用 ) */
	background: -webkit-linear-gradient( -90deg, #FFCCFF, #FFCCFF 50%, #FF99FF );	/* 背景色グラデーション( Firefox用 ) */
	background: linear-gradient( -90deg, #FFCCFF, #FFCCFF 50%, #FF99FF );	/* 背景色グラデーション( Safari,Google Chrome用 ) */
	border-radius: 10px;			/* CSS3草案 */
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 1 );				/* CSS3草案 */
}

/*フォントサイズ */
div.medium{
	font-size:medium;
}

div.large{
	font-size:large;
}

div.x-large{
	font-size:x-large;
}

div.xx-large{
	font-size:xx-large;
}

/*画像に影をつける */
img.shadow{
	box-shadow: 3px 5px 4px #000000;  /* CSS3 */
	margin:0px auto 3px;		/* マージン*/
}

/* 角丸 bk:gray */
.text_area{
	width:94%;
	margin:2% 1%;
	padding:2%;
	background-color:#dddddd;
	border-radius:10px;
}

div.foot_menu{
	width:100%;
	margin:5% auto;
	text-align:right;
}

div.footer{
	width:100%;
	text-align:center;
	background:	url("http://pf.joshige.jp/img_s/layout/parts/dar_top1.gif") center no-repeat;
}


div.gr_test{
	background:#ff8002;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
	color:#ffffff;
	border-bottom:2px solid #ffaf60;
}


/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

a.info{
	color: #FFFFFF;
	text-decoration: none;	/* 下線消去 */
	font-size: 13px;		/* 文字サイズ */
	padding:10px 0;
	text-shadow:0px 1px 1px #FF77FF,0px 0px 1px #FF77FF,1px 0px 1px #FF77FF,0px -1px 1px #FF77FF,-1px -1px 1px #FF77FF,-1px 0px 1px #FF77FF;
}

a.purchase{
	color: #ea54a1;
	border: groove #ff00ff; 	/* 枠線の種類 */
	background:#ffbfff;
	text-decoration: none;	/* 下線消去 */
	font-size: 14px;		/* 文字サイズ */
	padding:5px 10px;
}

/* aタグのブロック化 */
a.app{ 
	display: block;			/* 余白のブロック化 */
}

/* コーナーバー背景 */
div.corner_bar {
	width:100%;
	background-image:url(../img_s/layout/parts/bar_00.gif);
	vertical-align:bottom;
	font-size:20px;
	background-size: cover;
}

#header_menu {
    height: 35px;
}
#footer_menu {
    height: 40px;
}

#header_menu,
#footer_menu {
    background-size: 320px 35px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0;
    text-align: center;
    width: 320px;
}
#header_menu {
    margin-top: 5px;
    background-size: 320px 35px;
}
ul#header_menu_link .title_menu,
ul#header_menu_link .icon_menu {
    display: block;
    float:left;
}
ul#header_menu_link .title_menu {
    width: 55%;
}
ul#header_menu_link .icon_menu {
    width: 15%;
}
ul#header_menu_link .title_menu a,
ul#header_menu_link .icon_menu a{
    display: block;
    height: 35px;
    width: 100%;
}

.friend_table .avatar_image {
    margin: 10px;
}

.friend_table .avatar_column {
    text-align: center;
    width: 30%;
}

.friend_table .avatar_info{
    text-align: left;
}

#dialog {
    padding-bottom: 70px;
    border-right: 3px solid #FFE0FF;
    border-left: 3px solid #FFE0FF;
    border-bottom: 3px solid #FFE0FF;
}

#loading {
    text-align: center;
    width: 100%;
    height: 80px;
    top: 150px;
    background-image: url('/img_s/layout/parts/loader.gif');
    background-repeat: no-repeat;
    background-position: center top;
    display: none;
}

.mytitle_table tr {
    text-align: center;
}
.mytitle_table tr td a {
    font-size: 12px;
}

#footer_bar {
    position: relative;
}

blockquote{
    margin:0;
    padding:0;
    width:320px;
}

.moveIconRight:after {
	display: block;
    position: absolute;/* 絶対位置で配置 */
    top: 50%;/* 上からの配置位置 */
    right:1px;
    width: 8px;/* 幅 */
    height: 8px;/* 高さ */
    margin-top: -4px; 
    border-top: solid 2px #ff99bc;/* 上線 */
    border-right: solid 2px #ff99bc;/* 右線 */
    -webkit-transform: rotate(45deg);/* 回転 */
    transform: rotate(45deg);/* 回転 */
    content: "";
}


.effectBtn:hover {
	-webkit-transform: scale(0.95,0.95);
	transform: scale(0.95,0.95);
}

/* リストの大枠(イベント情報、お知らせ一覧) */

.list-event,.half-table {
	background-color:#fff;
	background-image:none;
	border-top: 2px solid #FFCCFF;
	border-left: 1px solid #FFCCFF;
	border-right: 1px solid #FFCCFF;
	padding:6px 8px 6px 6px;
}


.frameLast{
	width:100%;
	border-top: 2px solid #FFCCFF;
}

/* 配置枠 */
.flexible{
	position:static;
	width:300px;
	position:relative;
	display:table;
	table-layout:fixed;
	border-collapse:collapse;
}

/* 枠表示をを整える */
.flexible>div{
	display:table-cell;
	table-layout:fixed;
	border-collapse:collapse;
	vertical-align:top;
	position:relative;
}

/* アイコン */
[class*='icon']{
	margin-right:auto;
	margin-left:auto;
	background-position:center center;
	background-repeat:no-repeat;
}

.round[class*='icon']{
	background-repeat:no-repeat !important;
	border:solid 1px #f1f2f3;
	border-radius: 12px;
}

.icon80{
	vertical-align:bottom;
	background-size:80px auto;
}

.iconRound{
	border-radius: 12px;
}

/* 文字枠を整える */
.item-content{
	padding-left:10px;
	padding-right:12px;
	width:100%;
	text-align:left;
}

/* 文字枠を整える(info) */
.infoContent{
	padding-right:6px;
	width:100%;
	text-align:left;
}

/* タイトル */
.title{
	font-size:15px;
	font-family: Helvetica,Arial,sans-serif !important;
	color: #666666;
	line-height:1.8em;
	margin-bottom:0.5em;
	font-weight:bold;
}

/* 文言 */
.medium{
	color: lightSlateGray;
	font-family: Helvetica,Arial,sans-serif !important;
	font-size:13px !important;
}

/* 文言(pink) */
.infoText{
	color: #ff66b2;
	font-family: Helvetica,Arial,sans-serif !important;
	font-size:14px !important;
	text-decoration:none;
}

/* 期間 */
.term{
	font-size:12px !important;
	font-family: Helvetica,Arial,sans-serif !important;
	color: #ff4cab;
}

/* やじるし */
.arrow-area{
	width:15px !important;
	height:100%;
	margin-right:30px;
}

.last {
	border-bottom:1px solid #FFCCFF;
	border-right: 1px solid #FFCCFF;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:7px;
	border-spacing: 0;
}

.half {
	width: 50%;
	padding: 4px 0;
	vertical-align: middle;
	border-right: 1px solid #FFCCFF;
	border-bottom: 1px solid #FFCCFF;
}

.first {
	border-radius: 0 6px 0 0;	
}

ul.btLink{
	display:table;
	table-layout:fixed;
	width:100%;
	text-align: center;
}

ul.btLink li{
	display:table-cell;
}

/* ランキング */
.rankingContent{
	background-color:#fff;
	background-image:none;
}
.charaRank{
	float:left;
	width:100px;
	text-align:center;
}

.rankIcon{
	position:absolute;
	left:-5px;
	-webkit-transform:rotate(-20deg);
	transform:rotate(-20deg);
	-webkit-transform-origin:(50%,50%);
	transform-origin:(50%,50%);
}

/* カルーセル */

.wideslider {
	width: 320px;
	height:240px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
	width: 280px;
}

.wideslider_base {
	top: 10px;
	left: 20px;
	right: 20px;
	position: absolute;
	width:	280px;
	height:240px;
}
.wideslider_wrap {
	top: 0px;
	position: absolute;
	overflow: hidden;
	color:#FA59A1;
}

.slider_prev,
.slider_next {
	overflow: hidden;
	position: absolute;
	cursor: pointer;
}
.slider_prev {
	background: #fffafa url(/img_s/layout/parts/prev.jpg) no-repeat right;
}
.slider_next {
	background: #fffafa url(/img_s/layout/parts/next.jpg) no-repeat left;
}

.pagination {
	top: 220px;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
}

.pagination a {
	margin: 0 7px;
	width: 18px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
}

.pagination a.active {
	filter:alpha(opacity=100)!important;
	opacity: 1!important;
}

.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/*お知らせタイトル*/
.information_title{
	background:#FF99FF;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
	color:#ffffff;
	border-bottom:2px solid #FFCCFF;
	font-size:15px;
}