@charset "Shift_JIS";

/* import
--------------------------------------------------------------------------------- */

@import url("age_switch.css");    /* 上げスイッチ */
@import url("my_room.css");       /* Myルーム */
@import url("globalnavi.css");    /* グローバルナビ */

/* ------------------------------------------------------------------------------ */

body { margin: 0 0 20px 0; padding: 0;}

body,th,td {
   font-family: "ＭＳ Ｐゴシック",Osaka,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
   font-size: 12px;
   line-height: 150%;
   color: #666666;
   }
input,select,textarea {
   margin: 0;
   padding: 1px;
   font-family: "ＭＳ Ｐゴシック",Osaka,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
   color: #333333;
   font-size: 12px;
   }

ul,li,ol,dl,dt,dd,caption,form { margin: 0; padding: 0;}
li,dd,caption { line-height: 150%;}
img { border: 0;}
em { font-weight: bold; font-style: normal;}
ul li { list-style: none;}

.text10 {
	font-size: 10px;
	line-height: 140%;
	color: #666666;
}
.text10brown {
	font-size: 10px;
	color: #57523E;
}
.text11 {
	font-size: 11px;
	color: #666666;
}
.text11glay,
a.text11glay:link {
	font-size: 11px;
	color: #DEDEDE;
}
.text11pink,
a.text11pink:link {
   font-size: 11px;
   color: #D71873;
   }
.text11red,
a.text11red:link {
   font-size: 11px;
   color: #CC0000;
   }
.text11orange,
a.text11orange:link {
   font-size: 11px;
   color: #F07144;
   }
.text11green,
a.text11green:link {
	font-size: 11px;
	color: #66CC33;
}
.text11blue,
a.text11blue:link {
	font-size: 11px;
	color: #70ADCC;
}
.text11white {
	font-size: 11px;
	line-height: 140%;
	color: #FFFFFF;
}
.text11purple {
	font-size: 11px;
	line-height: 140%;
	color: #a80278;
}
.text12 {
	font-size: 12px;
	line-height: 140%;
	color: #666666;
}
.text12red {
	font-size: 12px;
	line-height: 140%;
	color: #CC0000;
}
.text12pink {
	font-size: 12px;
	line-height: 140%;
	color: #D71873;
}
.text12green {
	font-size: 12px;
	line-height: 140%;
	color: #66CC33;
}

.text12green_a {
	font-size: 12px;
	line-height: 140%;
	color: #008000;
}

.text12greend {
	font-size: 12px;
	line-height: 140%;
	color: #339999;
}
.text12green_wiki {
	font-size: 12px;
	line-height: 140%;
	color: #2E789B;
}
.text12white {
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
}
.text12blue {
	font-size: 12px;
	line-height: 140%;
	color: #70ADCC;
}
.text12brown {
	font-size: 12px;
	line-height: 140%;
	color: #57523E;
}
.text12orange {
	font-size: 12px;
	line-height: 140%;
	color: #F07144;
}
.text12black {
	font-size: 12px;
	line-height: 140%;
	color: #333333;
}
.text14 {
	font-size: 14px;
	line-height: 140%;
	color: #666666;
}
.text14red {
	font-size: 14px;
	line-height: 140%;
	color: #CC0000;
}
.text14green_wiki {
	font-size: 14px;
	line-height: 140%;
	color: #2E789B;
}
.text14pink {
	font-size: 14px;
	line-height: 140%;
	color: #D71873;
}
.text14pink_v {
	font-size: 14px;
	line-height: 140%;
	color: #ee0c8c;
}
.text14black {
	font-size: 14px;
	line-height: 140%;
	color: #333333;
}

.textEmeraldGreen {
   color: #13B1A6;
   }

.mitsuboshi14 {
	font-size: 14px;
	line-height: 140%;
	color: #9f4c8b;
}
.mitsuboshi30 {
	font-size: 30px;
	line-height: 140%;
	color: #9f4c8b;
}
.mark {
	font-size: 12px;
	line-height: 140%;
	color: #FF0000;
	font-weight:bold;
}
.wagokorodate {
	font-size: 14px;
	line-height: 180%;
	color: #fd222c;
	font-weight: bold;
}



a.pink:link         {color:#D71873; text-decoration:none;}
a.pink:visited      {color:#D71873; text-decoration:none;}
a.pink:active       {color:#D71873; text-decoration:underline;}
a.pink:hover        {color:#D71873; text-decoration:underline;}

a.green:link         {color:#008000; text-decoration:none;}
a.green:visited      {color:#008000; text-decoration:none;}
a.green:active       {color:#008000; text-decoration:underline;}
a.green:hover        {color:#008000; text-decoration:underline;}

a.pink_u:link         {color:#D71873;}
a.pink_u:visited      {color:#D71873;}
a.pink_u:active       {color:#D71873;}
a.pink_u:hover        {color:#D71873;}

a.text_u:link         {color:#666666;}
a.text_u:visited      {color:#666666;}
a.text_u:active       {color:#666666;}
a.text_u:hover        {color:#666666;}

a.glay:link         {color:#666666; text-decoration:none;}
a.glay:visited      {color:#666666; text-decoration:none;}
a.glay:active       {color:#666666; text-decoration:underline;}
a.glay:hover        {color:#666666; text-decoration:underline;}

a.glay_u:link         {color:#DEDEDE;}
a.glay_u:visited      {color:#DEDEDE;}
a.glay_u:active       {color:#DEDEDE;}
a.glay_u:hover        {color:#DEDEDE;}

a.blue:link         {color:#70ADC9; text-decoration:none;}
a.blue:visited      {color:#70ADC9; text-decoration:none;}
a.blue:active       {color:#70ADC9; text-decoration:underline;}
a.blue:hover        {color:#70ADC9; text-decoration:underline;}

a.wiki:link         {color:#2E789B; text-decoration:none;}
a.wiki:visited      {color:#2E789B; text-decoration:none;}
a.wiki:active       {color:#2E789B; text-decoration:underline;}
a.wiki:hover        {color:#2E789B; text-decoration:underline;}

a.votelist:link         {color:#9f4c8b; font-size:12px; line-height:190%; text-decoration:none;}
a.votelist:visited      {color:#999999; font-size:12px; line-height:190%; text-decoration:none;}
a.votelist:active       {color:#9f4c8b; font-size:12px; line-height:190%; text-decoration:underline;}
a.votelist:hover        {color:#9f4c8b; font-size:12px; line-height:190%; text-decoration:underline;}

.btn { width: 200px;}
.btn120  { width: 120px;}
.btn150  { width: 150px;}
.btn98   { width: 98px;}

.image_left{
	float:left;
	width:170px;
	margin-right:10px;
	margin-bottom:12px;
}
.image_right{
	float:right;
	width:170px;
	margin-left:10px;
	margin-bottom:12px;
}

/* ------------------------------------------------------------------------------ */
div.pagetop {
   margin: 15px 0 10px 0;
   text-align: right;
   }
/* ------------------------------------------------------------------------------ */
.arn-right { text-align: right;}
.arn-center { text-align: center;}
.arn-left { text-align: left;}

.mgnTB {
   margin-top: 20px;
   margin-bottom: 20px;
   }

.dotLine {
   background: url('../../images/common/dot.gif') repeat-x left bottom;
   }
ul.flatLink {}
ul.flatLink li {
   margin: 0 4px;
   display: inline;
   font-weight: normal;
   }

.clearfix {
   clear: both;
   }
/* ------------------------------------------------------------------------------ */
/* --- リストエリア --- */
#topicPathArea{
	width:800px;
	text-align: left;
}
.topicPath {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
}

/* --- リスト項目 --- */
.topicPath li {
display: inline;
}

/* --- リンク --- */
.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../../images/common/topic_path2.gif) no-repeat right; /* 区切りの記号 */
}

/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* グラムバナー＆ビエナ編集部オリジナルコンテンツ用                               */
/* ------------------------------------------------------------------------------ */

#PrBannerArea {
	width:640px;
	margin-top:20px;
	background-color:#F7F5F6;
	height:auto;
}
#PrBannerArea #PrBannerArea-Biena{
	width:300px;
	min-height: 245px;
	height:auto;
	border: solid 1px #E55092;
	float:left;
	margin:10px 5px 10px 10px;
	background-color:#ffffff;
}

#PrBannerArea #PrBannerArea-Biena h4{
	background-image:url(/images/common/biena_edit_contents_title.jpg);
	background-repeat:no-repeat;
	display:block;
	height:44px;
	text-indent:-9999px;
	width:298px;
	margin:0px;
	padding:0px;
}

#PrBannerArea #PrBannerArea-Biena img{
	margin:10px 20px 0px 20px;
}

#PrBannerArea #PrBannerArea-Biena dl{
	color:#C4004A;
	margin:10px 20px 0px 20px;
}

#PrBannerArea #PrBannerArea-Biena dl dt{
	font-weight:bold;
	margin:0px;
	padding:0px;
}
#PrBannerArea #PrBannerArea-Biena dl dd{
	margin:0px;
	padding:0px;
}

#PrBannerArea #PrBannerArea-Biena dl dd p{
	margin:0px;
	padding:0px;
}

#PrBannerArea #PrBannerArea-Gram{
	width:300px;
	float:right;
	margin:10px 10px 10px 5px;
	background-color:#F7F5F6;
}

.divide {
	clear:both;
	height:1px;
}

.divide hr {
	display:none;
}

/* ------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------ */
/* メンバーインフォメーション用                                                   */
/* ------------------------------------------------------------------------------ */
#member_information {
	border:1px solid #D61973;
	width:478px;
	height:auto;
}
#member_information h6 {
	border-bottom:1px solid #D61973;
	padding:0px;
	margin:0px
}
#member_information h6 a {
	background:url(/images/common/top_info_my.gif) no-repeat;
	width:478px;
	height:20px;
	display:block;
	text-indent:-9999px;
}

#member_information_body {
	color:#D71873;
	font-size:12px;
	padding:10px 10px 10px 10px;
	margin:0px;
	line-height:170%;
}
/* ------------------------------------------------------------------------------ */