@charset "utf-8";

.page_title {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 18px;
	clear: both;
}

body {
 font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, san-serif;
 margin: 0px;
}

#wrapper {
 width: 897px;
 padding-top: 0px;
 float: left;
}
#header {
 width: 897px;
 clear: both;
 height: 100px;
 float: left;
 padding: 0px;
 margin: 0px;
}
#contents {
 clear: both;
 width: 897px;
 padding-top: 7px;
}

h1 {
 height: 100px;
 margin: 0px;
 padding: 0px;
}

#head_wrap {
 height: 100px;
 width: 719px;
 float: right;
}

#head_under {
 float: right;
 height: 23px;
 width: 719px;
 background-image: url(../img/top/background_under.gif);
 background-repeat: no-repeat;
 background-position: right;
 text-align: right;
}

.head_menu {
}

#login_btn {
 padding-top: 13px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 width: 118px;
 float: right;
 height: 54px;
 text-align: center;
}
#login_btn a {
	color: #0000CD;
	text-decoration: none;
}

#login_btn a:hover {
	color: #20B2AA; /* リンクの色 */
  text-decoration: none; /* 文字装飾 */
}

.login_btn_in{
 padding-bottom: 5px;
 width: 118px;
}
#login_menu_top {
 float: right;
 clear: both;
 width: 350px;
 padding-right: 8px;
 height: 25px;
 padding-top: 15px;
}

#login_menu_under {
 float: right;
 width: 350px;
 padding-right: 8px;
 padding-top: 13px;
}

#login_menu_under a {
	color: #FF4500;
	text-decoration: none;
}

#login_menu_under a:hover {
	color: #20B2AA; /* リンクの色 */
  text-decoration: none; /* 文字装飾 */
}


.textbox_aline {
 padding-right: 2px;
 padding-left: 2px;
 float: right;
 text-align: left;
}
.textbox_aline2 {
 padding-right: 2px;
 padding-left: 2px;
 float: right;
 text-align: left;
 padding-top: 2px;
}
#login_menu {
 font-size: 14px;
 font-weight: bold;
 float: right;
 height: 77px;
 line-height: 12px;
 width: 550px;
}
#logo {
 float: left;
 height: 100px;
 width: 178px;
 clear: both;
}

#logincheck {
 font-size: 14px;
 background-image: url(../img/top/background_login.gif);
 background-repeat: no-repeat;
 height: 77px;
 width: 719px;
 background-position: left;
 float: right;
 text-align: right;
 font-weight: bold;
}

#logincheck2 {
 font-size: 14px;
 background-image: url(../img/top/background_login_after.gif);
 background-repeat: no-repeat;
 height: 77px;
 width: 719px;
 background-position: left;
 float: right;
 text-align: right;
 font-weight: bold;
}

#logincheck_e {
 font-size: 14px;
 background-image: url(../img/top/background_login_e.gif);
 background-repeat: no-repeat;
 height: 77px;
 width: 719px;
 background-position: left;
 float: right;
 text-align: right;
 font-weight: bold;
}

#left_contents {
 float: left;
 width: 176px;
 padding-right: 5px;
 clear: both;
}

#main_contents {
 clear: none;
 float: left;
 width: 710px;
}

.sidemenu {
 width: 176px;
 margin-bottom: 10px;
}

.back_blue {
 width: 176px;
 margin-bottom: 0px;
 font-size: 12px;
 font-weight: bold;
 line-height: 14px;
}

.back_glay {
 background-repeat: repeat-y;
 width: 176px;
 margin-bottom: 2px;
 font-size: 12px;
 font-weight: bold;
 line-height: 14px;
 background-color: #F4F7FA;
}


/*-----------------
a {
	text-decoration: none;
}
a:link {
	color: #000000;
}
_a:visited {
	color: #000000;
}
a:hover {
	color: #006CFF;
}
a.selected {
	text-decoration: none;
	color: #C00000;
}
a:link.selected {
	color: #C00000;
}
a:visited.selected {
	color: #C00000;
}
a:hover.selected {
	color: #C06CFF;
}
--------------*/


.style_red {
 color: #F00;
}
#footer {
 height: 24px;
 float: left;
 text-align: left;
 margin-top: 5px;
 width: 897px;
}

/*-------------------------------------------
	20091112 清水追加 ↓
-------------------------------------------*/

#sys a {
	color: #333;
	text-decoration: none;
	}

#sys a:hover {
	color: #DC143C;
	text-decoration: underline;
	}

#menu a {
	color: #333;
	text-decoration: none;
	}

#menu a:hover {
	color: #006CFF;
	text-decoration: none;
	}


/*-------------------------------------------
	20090729 清水追加 ↓
-------------------------------------------*/

td {
  font-size: 12px;
}

.error { /* エラー */
  color: #ff0000;
}
.c_error { /* エラー */
  color: #ff0000;
}
.list_tt1 { /* リストタイトル */
  font-size: 11px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccccff;
  background: #F6F858;
}
.list_td1 { /* リスト内容 */
  font-size: 11px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccccff;
  background: #ffffff;
}

.p12w {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
}
.p12 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
.p14 {
	font-size: 14px;
	line-height: 20px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.point12 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.p18_min {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 18px;
	color: #333333;
}
.p16_min {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.p14_min {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 14px;
	color: #333333;
	line-height: 25px;
}
.p10 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #333333;
}

.middle { /* 中サイズ文字 */
  font-size: 14px;
}
.small { /* 小サイズ文字 */
  font-size: 10px;
}
.white { /* 文字色白 */
  color: #ffffff;
}
.black { /* 文字色黒 */
  color: #000000;
}
.red { /* 文字色赤 */
  color: #ee0000;
}
.red_bold { /* 文字色赤ボールド */
  color: #ee0000;
  font-weight: bold;
}
.red_bold_14 { /* 文字色赤ボールド14 */
  color: #ee0000;
  font-size: 14px;
  font-weight: bold;
}
.light_red { /* 文字色赤 */
  color: #ff8080;
}
.green { /* 文字色緑 */
  color: #00FF00;
}
.light_blue { /* 文字色青 */
  color: #0060F0;
}
.dark_blue { /* 文字色濃紺 */
  color: #0000ff;
}



/* ---------------------------------- */
/* ポイント購入画面                   */
/* ---------------------------------- */

.c_point_table {
  font-size: 12px;
}
.c_point_table2 {
  font-size: 12px;
  background-color: #FCEBE9;
}
.c_point_table_explain {
  font-size: 11px;
  background-color: #F6F7FF;/* 表table背景色 */
}
.c_point_table_list { /* 表table */
  font-size: 12px;
  background-color: #952222;
}
.c_point_tt_list { /* 表tdタイトル */
  font-size: 12px;
  background-color: #CCCCFF;
}
.c_point_td_list { /* 表td内容 */
  font-size: 12px;
  background-color: #f9e3ea;
}
.c_point_td_white {
  font-size: 12px;
  background-color: #ffffff;
}
.c_point_error { /* エラー表示 */
  color: #ff0000;
  font-weight: bold;
}

/*全体の枠*/
#waku {
	padding: 0px;
	width: 300px;
	border: 1px solid #0000cc;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
}

/* 全体の枠 */
#kensaku {
  padding: 5px;
  width: 300px;
  border: 1px solid #322DFD;
  text-align: center;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  height: auto;
}

/* 全体の枠 */
#cm {
  padding: 0px;
  width: 380px;
  border: 0px solid #808080;
  text-align: center;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  height: auto;
}


/* ---------------------------------- */
/* アルバム画面                       */
/* ---------------------------------- */

.kakunin-text {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.kakunin-text1 {
	font-size: 12px;
	color: #000000;
}
.kakunin-text2 {
	font-size: 12px;
	color: #000000;

}

/* ---------------------------------- */
/* 日記画面                           */
/* ---------------------------------- */

.c_diary_body {
  color: #000000; /* 基本文字色 */
  background-color: #C0CCFE; /* 基本背景色 */
}

/* ---------------------------------- */
/* ログイン画面                       */
/* ---------------------------------- */

.c_login { /* ログイン画面標準文字 */
  font-size: 12px;
}
.c_login_table { /* ログイン画面テーブル */
  border-color: #FF99FF;
}

/* ---------------------------------- */
/* 検索画面                           */
/* ---------------------------------- */

.c_prof_kensaku { /* プロフィール */
  font-size: 12px;
}
.c_select_table { /* 検索枠 */
  background-color: #ccccff;
}
.c_select_td { /* 検索背景 */
  background-color: #ffffff;
}
.girl_name { /* 文字色濃紺 */
  font-size: 11px;
  color: #000080;
  text-align: center;
}

/* ---------------------------------- */
/* お気に入りリスト                   */
/* ---------------------------------- */

.c_prof_favlist { /* プロフィール */
  font-size: 12px;
}


/* ---------------------------------- */
/* 各画面共通                         */
/* ---------------------------------- */

.c_mand { /* 必須項目 */
  color: #800000;
}
.c_error { /* エラー */
  color: #ff0000;
}
.c_small { /* エラー */
  font-size: 10px;
}
.list_tt1 { /* リストタイトル */
  font-size: 11px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccccff;
  background: #F6F858;
}
.list_td1 { /* リスト内容 */
  font-size: 11px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccccff;
  background: #F5F6A8;
}



/*-------------------------------------------
	会員画面 ↓
-------------------------------------------*/

#mainContent {
	width: 750px;
}

#mainContent h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0;
}

#mainContentin {
	padding: 15px 14px 20px 14px;
}

.mbtt {
	width: 722px;
	height: 38px;
	background: url(../img/cu/member_title1.jpg) no-repeat left top;
	position: relative;
}

.mbtt p {
	margin: 0px;
	padding: 0px;
	color: #084D90;
	font-size: 12px;
	line-height: 28px;
}

.mbtt span {
	display: none;
}

.mbtt .ttp01 {
	width: 118px;
	height: 28px;
	position: absolute;
	top: 5px;
	left: 74px;
	text-align: center;
}

.mbtt .ttp02 {
	width: 55px;
	height: 28px;
	position: absolute;
	top: 5px;
	left: 440px;
	text-align: right;
}

.mbtt a {
	width: 134px;
	height: 26px;
	position: absolute;
	top: 6px;
	right: 7px;
	background: url(../img/cu/member_c_btn1.jpg) no-repeat left top;
	display: block;
}

.mbtt a:hover {
	background: url(../img/cu/member_c_btn1_on.jpg) no-repeat left top;
}

.mbmain {
	padding-top: 18px;
}

.mbleft {
	padding-bottom: 10px;
	width: 205px;
	float: left;
	border: 1px #DEDEDE solid;
}

.mbright {
	width: 499px;
	float: right;
}

.mbleft ul {
	margin: 0px;
	padding: 5px 5px 14px 5px;
	list-style: none;
}

.mbleft li {
	margin: 0px 0px 2px 0px;
	padding: 0px;
	list-style: none;
	font-size: 0px;
	line-height: 0;
	text-indent: -9999px;
}

.mbleft li a {
	width: 195px;
	height: 39px;
	display: block;
	font-size: 0px;
	line-height: 0;
	text-indent: -9999px;
}

.mbleft li a.mbnavi01 {
	background: url(../img/cu/member_c_btn2.jpg) no-repeat left top;
}

.mbleft li a.mbnavi01:hover {
	background: url(../img/cu/member_c_btn2_on.jpg) no-repeat left top;
}

.mbleft li a.mbnavi02 {
	background: url(../img/cu/member_c_btn3.jpg) no-repeat left top;
}

.mbleft li a.mbnavi02:hover {
	background: url(../img/cu/member_c_btn3_on.jpg) no-repeat left top;
}

.mbleft li a.mbnavi03 {
	background: url(../img/cu/member_c_btn4.jpg) no-repeat left top;
}

.mbleft li a.mbnavi03:hover {
	background: url(../img/cu/member_c_btn4_on.jpg) no-repeat left top;
}

.mbleft li a.mbnavi04 {
	background: url(../img/cu/member_c_btn5.jpg) no-repeat left top;
}

.mbleft li a.mbnavi04:hover {
	background: url(../img/cu/member_c_btn5_on.jpg) no-repeat left top;
}

.mbleft li a.mbnavi05 {
	background: url(../img/cu/member_c_btn_skcompa.jpg) no-repeat left top;
}

.mbleft li a.mbnavi05:hover {
	background: url(../img/cu/member_c_btn_skcompa_on.jpg) no-repeat left top;
}

.mbleft li a.mbnavi06 {
	background: url(../img/cu/member_c_btn_rscompa.jpg) no-repeat left top;
}

.mbleft li a.mbnavi06:hover {
	background: url(../img/cu/member_c_btn_rscompa_on.jpg) no-repeat left top;
}

.mbleft dl {
	margin: 0px;
	padding: 5px 5px 0px 5px;
}

.mbleft dl dt {
	width: 195px;
	height: 24px;
	display: block;
	font-size: 0px;
	line-height: 0;
	text-indent: -9999px;
}

.mbleft dl.mbdl01 dt {
	background: url(../img/cu/member_mail_title.jpg) no-repeat left top;
}

.mbleft dl.mbdl02 dt {
	background: url(../img/cu/member_pass_title.jpg) no-repeat left top;
}

.mbleft dl dd {
	margin: 0px;
	padding: 17px 19px 25px 10px;
}

.mbleft dl dd form {
	margin: 0px;
	padding: 0px;
}

.mbleft dl dd form .mbformtxt {
	margin: 0px;
	padding: 0px;
	width: 120px;
	height: 18px;
	float: left;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
}

.mbleft dl dd form .mbformbt {
	margin: 0px;
	padding: 0px;
	float: right;
}

.mbright ul {
	margin: 0px;
	padding: 0px 0px 9px 0px;
	list-style: none;
}

.mbright li {
	margin: 0px 0px 12px 0px;
	padding: 0px;
	list-style: none;
	font-size: 0px;
	line-height: 0;
}

.mbtt2 {
	width: 499px;
	height: 29px;
}

.mbtt2 p {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
}

.mbtt2 span {
	display: none;
}

.mbtt_mile {
	background: url(../img/cu/member_mile_title.jpg) no-repeat left top;
	position: relative;
}

.mbtt_mail {
	background: url(../img/cu/member_mail2_title.jpg) no-repeat left top;
	position: relative;
}

.mbtt_mile .tt2p01 {
	width: 50px;
	height: 18px;
	position: absolute;
	top: 6px;
	left: 100px;
	text-align: center;
}

.mbtt_mile .tt2p02 {
	width: 50px;
	height: 18px;
	position: absolute;
	top: 6px;
	left: 345px;
	text-align: center;
}

.mbtt_mail .tt2p03 {
	width: 70px;
	height: 18px;
	position: absolute;
	top: 6px;
	right: 326px;
	text-align: right;
}

.mbright dl {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.mbright dl dt {
	width: 499px;
	height: 33px;
	display: block;
	font-size: 0px;
	line-height: 0;
	text-indent: -9999px;
}

.mbright dl.mbdl03 dt {
	background: url(../img/cu/member_info_title.jpg) no-repeat left top;
}

.mbright dl.mbdl04 dt {
	background: url(../img/cu/member_access_title.jpg) no-repeat left top;
}

.mbright dl dd {
	margin: 0px;
	padding: 7px 3px 5px 3px;
	border: 1px #DCDCDC solid;
}

#mainContentbtm {
	margin: 3px 0px 0px 14px;
}

#mainContentbtm .mbnow {
	margin: 0px;
	padding: 0px;
	width: 225px;
	font-size: 10px;
	color: #000000;
	float: right;
}

#mainContentbtm .mbmsg {
	margin: 0px;
	padding: 0px;
	width: 300px;
	font-size: 10px;
	color: #FF0000;
	text-align: center;
	float: left;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/*-------------------------------------------
	プロフィール･チャット画面 ↓
-------------------------------------------*/

#chatContent {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background: #FFF;
}
#chatContent #chatRightbox {
	float: right;
	width: 560px;
	display: inline;
	margin: 0;
	background: #FFF;
}
#chatContent #chatRightbox #chatRightbox2 {
	margin: 0;
	width: 560px;
	padding-bottom: 12px;
}
#diarybox {
	float: left;
	width: 460px;
}
#diarybox p {
	margin: 0;
	padding: 0 0 1em;
}
#btnbox {
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
}
#chatContent #chatLeftbox {
	float: left;
	width: 130px;
	display: inline;
	margin: 0;
	padding: 0;
}
#profilebox {
	width: 120px;
	height: 350px;
	margin: 0;
	padding: 0;
}
#profilebox {
	width: 120px;
	height: 350px;
	margin: 0;
	padding: 0;
}
#profilebox p {
	margin: 0;
	padding: 0;
}
#profilebox ul {
	margin: 0;
	width: 120px;
	padding: 0;
}
#profilebox ul li {
	float: left;
	list-style-type: none;
	font-size: 10px;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}
#profilebox ul li.icon {
	width: 30px;
	margin: 0;
	padding: 5px 3px 0 0;
}
#profilebox ul li.txt {
	margin: 0;
	width: 85px;
	text-align: left;
	padding: 5px 0 0;
}
* html dd {
	height: 1%;
}
#btnbox ul {
	margin: 0;
	padding: 0;
}
#btnbox ul li {
	list-style-type: none;
	margin-bottom: 5px;
}
#albumbox {
	width: 560px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin: 0;
	padding: 0;
	background: #efefef;
}
#albumbox p {
	text-align: center;
	margin: 0;
	width: 560px;
	padding: 1px 0 0;
}
#albumbox ul {
	list-style-type: none;
	width: 550px;
	padding: 0;
	margin: 0 auto;
}
#albumbox ul li {
	float: left;
	text-align: left;
	margin: 10px 0;
	padding: 0 0 0 8px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
#e_flash {
 background-image: url(../img/top/e_flash001.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 padding-top: 130px;
 padding-left: 16px;
 padding-bottom: 5px;
 height: 80px;
 width: 700px;
}

.e_flash_btn {
 margin-top: 3px;
}