@charset "utf-8";

/* --------------------------------------------------------------------
  共通Style
--------------------------------------------------------------------- */
#user-page-main {
	width: 740px;
	height: auto;
	overflow: hidden;	
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
}
#user-page-main h2 {/*ページコンテンツタイトル画像部分*/
	margin: 0;
	padding: 0 0 20px 0;
}
#user-page-main h3 {
	margin: 0;
	padding: 0 0 10px 0;
}

/* --------------------------------------------------------------------
  person --> /~rakwell/person/index.cfm
--------------------------------------------------------------------- */
#user-page-main #person-box {
	width: 740px;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#user-page-main #person-box .inn {
	width: 520px;
	height: auto;
	overflow: hidden;
	margin: 10px auto 0 auto;
	padding: 0;
}
#user-page-main #person-box .inn .inn-l {
	width: 192px;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
}
#user-page-main #person-box .inn .inn-l img {/*写真*/
	width: 180px;
	height: 240px;
	margin: 0;
	padding: 5px;
	border: 1px solid #999999;
}
#user-page-main #person-box .inn .inn-r {
	width: 318px;
	height: auto;
	overflow: hidden;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}
#user-page-main #person-box .inn .inn-r dl {
	margin: 0 0 11px 0;
	padding: 0;
}
#user-page-main #person-box .inn .inn-r dl dt {
	margin: 0;
	padding: 0 0 10px 11px;
	color: #CC0000;
	font-size: 110%;
}
#user-page-main #person-box .inn .inn-r dl dd {
	margin: 0;
	padding: 0 0 0 11px;
	color: #333333;
	font-size: 105%;
	line-height: 140%;
}
#user-page-main #person-box .inn .inn-r .btm-box {
	margin: 0;
	padding: 10px;
	border-top: 1px solid #999999;
	color: #333333;
	font-size: 92%;
	line-height: 140%;
}
#user-page-main #person-box .cont-box {
	margin: 0;
	padding: 0;
}
#user-page-main #person-box .cont-box h4 {
	margin: 10px 0 0 0;
	padding: 0 0 0 11px;
	color: #CC0000;
	font-size: 105%;
}
#user-page-main #person-box .cont-box p {
	color: #333333;
	font-size: 100%;
	line-height: 150%;
	margin: 0;
	padding: 15px;
}

/* --------------------------------------------------------------------
  fortune --> /~rakwell/fortune/index.cfm
--------------------------------------------------------------------- */
#user-page-main #fortune-box {
	width: 520px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
#user-page-main #fortune-box #main-ph {/*メイン画像部分*/
	width: 520px;
	height: 255px;
	overflow: hidden;
	margin: 10px 0;
	padding: 0;
}
#user-page-main #fortune-box dl {
 margin: 25px 0 0 0;
	padding: 0;
	width: 520px;
}
#user-page-main #fortune-box dl dt {/*各星座画像部分*/
 margin: 0;
	padding: 0;
	width: 520px;
	height: 77px;
}
#user-page-main #fortune-box dl dd {/*占いテキスト部分*/
 margin: 0;
	padding: 15px 20px;
	color: #333333;
	font-size: 100%;
	line-height: 140%;
}

/* --------------------------------------------------------------------
  present --> /~rakwell/present/index.cfm
--------------------------------------------------------------------- */

#user-page-main #present-box {
	height: auto;
	width: 740px;
	margin:0 auto;
}

#user-page-main #present-main-tit01{
	background-image:  url(file:///pmate/Desktop/rakwell/present/img/present-tit02.gif);/*タイトル画像*/
	height: 46px;
	width: 740px;
	margin-top: 30px;
}

#user-page-main #present-line01{
	background-image:  url(file:///pmate/Desktop/rakwell/present/img/present-line01.gif);/*ライン画像*/
	height: 2px;
	width: 740px;
	margin:20px 0 20px 0;
	font-size:0;
}



#user-page-main #present-list-txbox {/*プレゼント一覧テキスト部分*/
	font-size: 100%;
	line-height: 140%;
	color: #333;
	letter-spacing: 1px;
	height: auto;
	width: 520px;
	margin-left: 60px;
}

.present-colorRed {/*テキスト内赤文字*/
	font-size: 100%;
	line-height: 140%;
	color: #900;
	letter-spacing: 1.5px;
	font-weight: bold;
}

.present-colorBlue {/*テキスト内青文字*/
	font-size: 100%;
	line-height: 140%;
	color: #7D96CC;
	letter-spacing: 1.5px;
	font-weight: bold;
}

#user-page-main #present-subtit {
	height: 20px;
	width: 740px;
	margin:20px 0 20px 0;
}

#user-page-main #present-list-txbox2 {/*テキスト部分*/
	font-size: 100%;
	line-height: 140%;
	color: #333;
	letter-spacing: 1px;
	height: auto;
	width: 520px;
	margin-left: 30px;
}

/* --------------------------------------------------------------------
  magazine --> /~rakwell/magazine/index.cfm
--------------------------------------------------------------------- */
#user-page-main #magazine-box {
	height: auto;
	width: 640px;
	margin:20 auto;
}

#user-page-main #magazine-no {
	height: 500px;
	width: 600px;
	margin:10 auto;
	padding-bottom:0px;
	
}

#user-page-main #magazine-txbox {/*テキスト部分*/
		float: left;
		font-size: 100%;
	line-height: 120%;
	color: #333;
	letter-spacing: 1px;
	height: auto;
	width: 420px;
	border: 1px solid #999;
	margin:30 auto 0px auto;
	padding:0px 0 0px 20px;
}

#user-page-main #v-txbox-tx01 {
	float: left;
	color: #1f1614;
	font-size: 14px;
	padding-left:5px;
	padding-top:3px;
	letter-spacing: 1px;
}

#user-page-main #v-txbox-tx02 {
	float: left;
	color: #1f1614;
	font-size: 14px;
	padding-left:5px;
	padding-top:3px;
	letter-spacing: 1px;
}
/* --------------------------------------------------------------------
  freepaper --> /~rakwell/freepaper/index.cfm
--------------------------------------------------------------------- */

#user-page-main #freepaper-body {
	width: 740px;
	height:auto;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: scroll;
}


#user-page-main #freepaper-point {
	height: 11px;
	width: 5px;
	float: left;
	margin-left:10px;
}

#user-page-main .freepaper-tx01 {
	float: left;
	color: #1f1614;
	font-size: 14px;
	padding-left:5px;
	padding-top:3px;
	letter-spacing: 1px;
}

#user-page-main .freepaper-tx02 {
	color: #333;
	font-size: 12px;
	line-height: 120%;
	letter-spacing: 0px;
    margin-left:20px;
}



/* --------------------------------------------------------------------
  works --> /~rakwell/works/index.cfm
--------------------------------------------------------------------- */

#user-page-main #works-box {
	height: auto;
	width: 740px;
	margin:0 auto;
}

#user-page-main #works-tit01 {
	height: 20px;
	width: 740px;
	margin:20px 0 20px 0;
}


#user-page-main #works-txbox {/*サイト名CSS*/
	font-size: 100%;
	line-height: 140%;
	letter-spacing: 1px;
	height: auto;
	width: 460px;
	border: 1px dotted #999;
	margin:0 auto 10px 20px;
	padding:10px 0 10px 10px;
}

#user-page-main #works-siteimgbox {/*サイトイメージ画像*/
	height: 300px;
	width: 300px;
	margin:0 auto 10px 130px;
}

#user-page-main #works-line {
	height: 4px;
	width: 364px;
	margin:0 auto 20px 130px;
	background-image:  url(file:///pmate/Desktop/rakwell/works/img/works-line.gif);
	font-size:0;
}

/* --------------------------------------------------------------------
  links --> /~rakwell/links/index.cfm
--------------------------------------------------------------------- */

#user-page-main #links-body {
	width: 740px;
	height: auto;
	background-image:  url(file:///pmate/Desktop/rakwell/links/img/links-bgimg.jpg);/*背景画像*/
	background-repeat: no-repeat;
	background-position: right bottom;
}

#user-page-main #links-point {
	height: 11px;
	width: 70px;
	background-image:  url(file:///pmate/Desktop/rakwell/links/img/links-img01.gif);
	float: left;
}


#user-page-main #links-box {
	height: auto;
	width: 500px;
	margin-bottom:15px;
	font-size: 14px;
	color: #333;
	letter-spacing: 1px;
}

/* --------------------------------------------------------------------
  /minamikawachi --> /~rakwell/minamikawachi/index.cfm
--------------------------------------------------------------------- */
#user-page-main #minamikawachi-box {
	width: 740px;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
div.div100-hpi {
  margin: 1em 0 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.div100-hpi h4 {
  margin: 1em 0 20px;
  padding: 3px 10px;
  border-bottom: solid 3px 811d2c;
  	font-size: 18px;
  color: 811d2c;
}

div.div100-hpi p {
  margin: 1em 0 1em 10px;
}

div.div100-hpi img.figure {
  float: right; /* 画像を左寄せにする場合は left */
  display: inline; /* for IE6,7 */
  margin: 0 0 1em 20px;
}

/* --------------------------------------------------------------------
  /minamikawachi --> /~rakwell/champ/index.cfm
--------------------------------------------------------------------- */
#user-page-main #champ-box {
	width: 740px;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
div.div100-hpi {
  margin: 1em 0 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.div100-hpi h4 {
  margin: 1em 0 20px;
  padding: 3px 10px;
  border-bottom: solid 3px #017589;
  	font-size: 18px;
  color: #017589;
}

div.div100-hpi p {
  margin: 1em 0 1em 10px;
}

div.div100-hpi img.figure {
  float: right; /* 画像を左寄せにする場合は left */
  display: inline; /* for IE6,7 */
  margin: 0 0 1em 20px;
}

/* --------------------------------------------------------------------
  powerspot --> /~rakwell/powerspot/index.cfm
--------------------------------------------------------------------- */
#user-page-main #powerspot-box {
	width: 740px;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#user-page-main #powerspot .inn .inn-l {
	width: 192px;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
	float: left;
}
#user-page-main #powerspot .inn .inn-l img {/*写真*/
	width: 180px;
	height: 240px;
	margin: 0;
	padding: 5px;
	border: 1px solid #999999;
}
#user-page-main #powerspot .inn .inn-r {
	width: 318px;
	height: auto;
	overflow: hidden;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}
#user-page-main #powerspot .inn .inn-r dl {
	margin: 0 0 11px 0;
	padding: 0;
}
#user-page-main #powerspot .inn .inn-r dl dt {
	margin: 0;
	padding: 0 0 10px 11px;
	color: #CC0000;
	font-size: 110%;
}
#user-page-main #powerspot .inn .inn-r dl dd {
	margin: 0;
	padding: 0 0 0 11px;
	color: #333333;
	font-size: 105%;
	line-height: 140%;
}
#user-page-main #powerspot .inn .inn-r .btm-box {
	margin: 0;
	padding: 10px;
	border-top: 1px solid #999999;
	color: #333333;
	font-size: 92%;
	line-height: 140%;
}
#user-page-main #powerspot .cont-box {
	margin: 0;
	padding: 0;
}
#user-page-main #powerspot .cont-box h4 {
	margin: 10px 0 0 0;
	padding: 0 0 0 11px;
	color: #CC0000;
	font-size: 105%;
}
#user-page-main #powerspot .cont-box p {
	color: #333333;
	font-size: 100%;
	line-height: 150%;
	margin: 0;
	padding: 15px;
}
div.div100-hpi img.figure {
  float: right; /* 画像を左寄せにする場合は left */
  display: inline; /* for IE6,7 */
  margin: 0 0 1em 20px;
}