@charset "utf-8";

/* --------------------------------------------------------------------
  共通Style
--------------------------------------------------------------------- */
#user-page-main {
	width: 740px;
	height: auto;
	overflow: hidden;	
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	line-height: 150%;
}
#user-page-main h2 {/*ページコンテンツタイトル画像部分*/
	margin: 0;
	padding: 0 0 20px 0;
}
#user-page-main h3 {
	margin: 0;
	padding: 0 0 10px 0;
}

/* --------------------------------------------------------------------
  リンク設定
---------------------------------------------------------------------------*/
a {
	color: #333;		/*文字色*/
}

a:hover {
	text-decoration: none;	/*マウスオン時に下線を消す設定。*/
}

/* --------------------------------------------------------------------
  h1タグ設定
---------------------------------------------------------------------------*/
h1 {
	font-size: 11px;	/*文字サイズ*/
	color: #f8d0c6;		/*文字色*/
	line-height: 2em;	/*行間（２文字分）*/
}

/* --------------------------------------------------------------------
  person --> /~rakwell/person/index.cfm
--------------------------------------------------------------------- */
#user-page-main #person-box {
	width: 750px;
	height: auto;
	overflow: hidden;
	padding: 0;
}
#user-page-main #person-box .titlle {
	width: 710px;
	color: #BF3F4F;
	font-size: 85%;
	text-align: right;
}
#user-page-main #person-box .btm-box {
	width: 700px; /* ボックスの横幅 */ 
	height:380px;
	background-color: #f5f5dc; /* 背景色 */ 
	border: 1px #f5f4cd; /* 枠線（太さ・色・スタイル） */ 
	padding: 10px; /* ボックス内の余白 */ 
	margin: 10px;
}
#user-page-main #person-box .btm-box h2 {
	font-family: serif;
	color: #283c38;
	font-size: 130%;
	margin: 20px;
}
#user-page-main #person-box .btm-box h2 span {
	font-size: 131%;
}
#user-page-main #person-box .btm-box h3 {
	color: #573FBF;
	font-size:140%;
	margin: 10px;
	border: 1px #000;
	line-height: 1.2em;
	border-bottom: #999999 1px solid;
}
#user-page-main #person-box .btm-box h4 {
	font-size:100%;
	line-height: 150%;
	margin: 20px;
	text-align: justify;
}
#user-page-main #person-box .btm-box p {
	font-size: 100%;
	letter-spacing: 0.1em;
	line-height: 150%;
	color: #404040;
	text-align: justify;
}
#user-page-main #person-box .btm-box #photo {
	width: 250x;
	height: auto;
	overflow: hidden;
	float: right;
	padding: 1px;
	border: 1px solid #999999;
	margin: 10px 10px 10px 30px;
}
#user-page-main #person-box .cont-box {
	width: 700px;
	height: auto;
	overflow: hidden;
	margin: 20px;
	padding: 0;
}
#user-page-main #person-box .cont-box h5 {
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
	line-height: 150%;
	color: #dd5522;
}
#user-page-main #person-box .cont-box p {
	font-size: 100%;
	letter-spacing: 0.1em;
	line-height: 150%;
	color: #404040;
	text-align: justify;
}
#user-page-main #person-box .cont-box p2 {
	font-size: 100%;
	letter-spacing: 0.1em;
	line-height: 150%;
	color: #404040;
	text-align: justify;
}

/* --------------------------------------------------------------------
  fortune --> /~rakwell/fortune/index.cfm
--------------------------------------------------------------------- */
div.div100-hpi {
  margin: 1em 0 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.div100-hpi h3 {
  margin: 1em 0;
  padding: 3px 10px;
  border-bottom: solid 3px #78CE7A;
  color: #363;
}

div.div100-hpi img.figure {
  float: left; /* 画像を左寄せにする場合は left */

  display: inline; /* for IE6,7 */
  margin: 0 0 1em 20px;
}

div.div100-hpi p {
  margin: 1em 0 1em 20px;
  line-height: 150%;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-size: 110%;
}

/* --------------------------------------------------------------------
  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: 3px;
	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: 3px;
}

#user-page-main #v-txbox-tx02 {
	float: left;
	color: #1f1614;
	font-size: 14px;
	padding-left:5px;
	padding-top:3px;
	letter-spacing: 3px;
}
/* --------------------------------------------------------------------
  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;
}

div.div011-hp h2 {
	background-image: url(file:///Desktop/rakwell/links/img/h2_bg.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 500px;
	padding-left: 20px;
	font-weight: bold;
	padding-top: 5px;
	font-size:18px;
	color: #960;
	margin-left:70px
}

div.div011-hp h3 {
  margin: 1em 15px;
  font-size:15px;
  padding: 0;
  color: #903;
}

div.div011-hp p {
  margin: 0.5em 15px 0.5em 30px;
}

ul.list130-l li {
  list-style:  url(file:///Desktop/rakwell/links/img/links-img01.gif);
  font-size:15px;
  color:#903;
}

.link_box{
	margin: 10px;
}
.link_box2{
	margin: 10px;
	border: 1px solid #C1B081;
	padding: 10px;
}
.link_box2 hr{
	border-top: 1px dashed #690;
	border-right: 0px dashed #690;
	border-bottom: 0px dashed #690;
	border-left: 0px dashed #690;
}
.line_01{
	background-image: url(../img/line_01.gif);
	margin: 10px auto;
	clear: both;
	height: 40px;
	width: 610px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center;
}


/* --------------------------------------------------------------------
  /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;
}

/* --------------------------------------------------------------------
  hitani --> /~rakwell/hitani/index.cfm
--------------------------------------------------------------------- */
#user-page-main #hitani-box {
	width: 740px;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#user-page-main #hitani-box .inn .inn-r {
	width: 318px;
	height: auto;
	overflow: hidden;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}
#user-page-main #hitani-box .inn .inn-r dl {
	margin: 0 0 11px 0;
	padding: 0;
}
#user-page-main #hitani-box .inn .inn-r dl dt {
	margin: 0;
	padding: 0 0 10px 11px;
	color: #CC0000;
	font-size: 110%;
}
#user-page-main #hitani-box .inn .inn-r dl dd {
	margin: 0;
	padding: 0 0 0 11px;
	color: #333333;
	font-size: 100%;
	line-height: 120%;
}
#user-page-main #hitani-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 #hitani-box .cont-box {
	margin: 0;
	padding: 0;
}
#user-page-main #hitani-box .cont-box h4 {
	margin: 10px 0 0 0;
	padding: 0 0 0 11px;
	color: #CC0000;
	font-size: 105%;
}
#user-page-main #hitani-box .cont-box p {
	color: #333333;
	font-size: 100%;
	line-height: 150%;
	margin: 0;
	padding: 15px;
}

/* --------------------------------------------------------------------
  event --> /~rakwell/event/index.cfm
--------------------------------------------------------------------- */
div.div020-hpl {
  margin: 1em 0;
  border: solid 1px #c5b66d;
}

div.div020-hpl h3 {
  background: #c5b66d;
  color: #FFF;
}

div.div020-hpl p {
  margin: 0.5em 15px 0.5em 30px;
}

div.div020-hpl ol {
  margin-left: 0;
  padding-left: 0;
}

div.div020-hpl ol li {
  margin-left: 60px;
  list-style: outside decimal;
}