body {
  margin:0 0 10px 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  color: #3a3a3a;
  font-family:"Avantgarde","Futura","Gill Sans","Helvetica","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","新ゴ L","MS Pゴシック","MS PGothic","Osaka";
  background:transparent url(http://www.soramatsuri.com/2008/mt_k/image/background.gif) repeat-y 50% 50%;
}

p {
  line-height: 150%;
  }

a {
  text-decoration: underline;
  color: #0697d6;
  }

a:hover {
  text-decoration: none;
  color: #86c8e5;
  }

img {
  margin: 0;
  padding: 0;
  border: none;
}

input { 
  font-family: Verdana, Arial, Sans-serif;
  margin: 0px; 
  padding: 4px; 
  font-size:12px;
  }

h2 { 
  font-size: 16px;
  padding: 0 0 11px 3px;
  background: transparent url(http://www.soramatsuri.com/2008/mt_k/image/bg_title.gif) no-repeat 0 0;
  }

.subtitle {
  font-weight:normal;
  color:#3a3a3a;
  text-align:right;
  font-size:10px;
 }

h4 {
  font-size: 12px;
  }

h5 {
  border-left: 5px solid #FF6600;
  margin: 8px 0 8px 0;
  padding: 8px 0 7px 9px;
  font-size: 12px;
  background: transparent url(http://tenjohiroki.com/image/bg_stripe.gif) repeat-x 0 0;
  }

form { 
  padding:0px; 
  margin:0px;
  }

input {
  font-family: Verdana, Arial, Sans-serif; 
  margin: 0px; 
  padding: 2px; 
  font-size:14px;
  }

textarea { 
  font-family: Verdana, Arial, Sans-serif; 
  margin: 0px; 
  padding: 2px; 
  font-size:14px;
  }

blockquote {
  margin: 0 20px;
  padding: 10px 10px 10px 10px;
  border: 1px dotted #ccc;
  background-color: #F5F5F5;
  line-height:130%;
  font-size:13px;}

/*************************
  MAIN LAYOUT STYLES 
*************************/

#container {
  width: 900px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  }

#header {
  margin: 0;
  padding: 0;
  text-align: center;
  }

#header h1 {
  margin-top: 0px;
}

#leftside {
  float: left;
  margin: 0 0 0 15px;
  padding: 0 10px 0 0;
  width: 600px;
  }

#rightside {
  float: right;
  font-size: 12px;
  margin: 0 15px 0 0;
  padding: 0;
  width: 213px;
  }

#contents {
 margin: 0;
  padding: 0;
}

#footer_link {
  width: 840px;
  margin: 20px auto 0 auto;
  padding: 10px 0 0 0;
  text-align: left;
  font-size: 12px;
  border-top: 1px dotted #A6A6A9;
  }

#footer_link_left {
  float: left;
  margin: 0;
  padding: 0;
  width: 400px;
  }

#footer_link_right {
  float: right;
  margin: 0;
  padding: 0;
  width: 400px;
  }

#footer_link ul {
  list-style-type: none;
  margin: 0 0 15px 0;
  padding: 3px;
  }

#footer_link li {
  line-height: 130%;
  margin: 0;
  padding: 5px 3px 3px 20px;
  background: transparent url(http://tenjohiroki.com/image/footer_icon.gif) no-repeat 0% 5px;
  }

#footer {
  width: 900px;
  margin: 0 auto 20px auto;
  padding: 10px 0;
  text-align: center;
  font-size: 10px;
  color: #A6A6A9;
  border-top: 1px dotted #A6A6A9;
  }

.radiobanner {
 display: block;
 width: 550px;
 margin: 8px auto 0 auto;
}

.radiobanner2 {
 display: block;
 width: 464px;
 margin: 10px auto 10px auto;
}

#topics {
 background: transparent url(http://tenjohiroki.com/image/topics_bg.gif) no-repeat;
 width: 596px;
 margin: 10px 0 5px 0;
 padding-left: 28px;
}

.message {
  margin: 0px; 
  padding: 5px; 
  font-size:11px;
  line-height: 140%;
  color: #6d6d6d;
}

.message2 {
  margin: 0px; 
  padding: 5px; 
  font-size:12px;
  line-height: 150%;
  color: #6d6d6d;
}


.imgover {
 margin-top: 4px;
 margin-right4px;
}

.hrbg {
 background:transparent url(http://tenjohiroki.com/image/hr.gif) repeat-x;
 height:6px;
 margin:0;
}

.radioinfo {
 font-size:0.9em;
 line-height:1.5em;
 padding:5px 0pt 0pt 10px;
 color: #422c2d;
}

#personality {
 float:left;
 margin:10px 0 10px 0;
 width:590px;
}

.areaP {
 float:left;
 width:420px;
}

.imgP {
 float: left;
 width: 165px;
 margin-top: 10px;
}

.dataP {
 padding:0 0 0 10px;
 font-size:0.9em;
 line-height:1.5em;
}

.dataP p {
 border-bottom:1px dotted #998F74;
}

.dataP span {
 font-size:0.9em;
}

.radioflash {
 border-bottom:1px dotted #998F74;
 margin-left: 15px;
 padding-bottom: 10px;
}

/*************************
  CLEAR HACKS
*************************/

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

.clear { 
  display: inline-table; 
  }

/* *Hides from IE-mac \*/
* 

html .clear { 
  height: 1%;
  }

.clear { 
  display: block;
  }


/* *End hide from IE-mac */
/*************************
  MENU BOX STYLES 
*************************/

.menu {
 font-size: 12px;
 margin: 0 0 15px 0;
 padding: 1px;
 border: 1px solid #422c2e;
}

.menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 3px;
  }

.menu li {
  line-height: 130%;
  margin: 0;
  background: transparent url(http://tenjohiroki.com/image/icon_hover.gif) no-repeat 0% 5px;
  padding: 4px 3px 3px 20px;
}

.menu .bullet {
  background: transparent url(http://tenjohiroki.com/image/bullet.gif) no-repeat 0% 5px;
  }

.menu .post {
  background: transparent url(http://tenjohiroki.com/image/icon.gif) no-repeat 0% 5px;
  }

.menu h4 {
  line-height: 130%;
  margin: 0; 
  padding: 3px;
  color:#422c2e;
  font-weight:normal;

/* background-color: #EFEFE7; */
  text-align: center;
  background: transparent url(http://tenjohiroki.com/image/bg_menu.gif) repeat-x 0 0;
  }

.menu p {
  margin: 0; 
  line-height:130%;
  padding: 5px;
  }

#feed_link {
  margin-top:20px;
  text-align:center;
  }

.posted {
  text-align:right;
  color:#000000;
  font-size:10px;
 padding-bottom: 5px;
 border-bottom: 1px dotted #A6A6A9;
  }

.pic {
  padding:2px;
  border:1px solid #ccc;
  }

.entry {
  margin-bottom:10px;
  }

.totop {
 float:right;
 margin-top:5px;
 margin-right:10px;
}

#owner_comment {
  border:1px dotted #ccc; 
  background-color:#eee;
  padding:7px;
  font-size:12px;
  }

#owner_comment p {
  margin: 0;
  }

.s12 {
  font-size: 12px;
  font-weight: normal;
  }

.content-nav {
  padding: 5px;
  text-align: center;
  margin: 0 0 15px 0;
  font-size: 12px;
  line-height: 130%;
  background-color: #E7FBE7;
  border-top: 1px solid #003366;
  border-bottom: 1px solid #003366;
  font-weight: normal;
  color: #006500;
  }

.code {
  overflow: scroll;
  font-size: 12px;
  font-family: 'Courier New';
  line-height: 150%;
  white-space: pre;
  width: 90%;
  padding-left: 1em;
  background-color: #F5F5F5;
  border: 1px solid #666;
  }

#tb_box, #cmt_box {
  font-size:12px;
  border:1px dotted #ccc;
  padding:0 10px;
  margin-bottom:10px;
  background-color: #F5F5F5;
  }

#tb_box .title, #cmt_box .title {
  font-weight:bold;
  border-bottom:1px dotted #ccc;
  padding-bottom:5px;
 }

#tb_box .post, #cmt_box .post {
  text-align:left;
  font-size:10px;
  color:#000000;
 }

#tb_box p, #cmt_box p { 
  line-height: 150%; 
  margin: 10px 0;
  padding: 0;
 }

#site_info {
  font-size:10px;
  text-align:center;
  margin:10px 0;
 }

#amazon {
  margin-right:10px;
 float:left;
 }

.design_subtitle{
 font-size: 14px;
 line-height: 180%;
 font-weight: bold;
}

.orange_font{
 font-size: 14px;
 line-height: 180%;
 font-weight: bold;
 color:#FF8C00;
}

.design_image01 {
 float:left;
 margin: 6px 10px 5px 0px;
}

.design_image02 {
 float:right;
 margin: 6px 0px 5px 7px;
}

/*************************
  カレンダー
*************************/

#calendar {
 line-height: 140%;
 color: #666666;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 padding: 2px;
 text-align: center;
 margin-bottom: 5px;
}
#calendar table {
 padding: 2px;
 border-collapse: collapse;
 border: 0px;
 width: 100%;
}

#calendar caption {
 color: #666666;
 font-family: Verdana, Arial, sans-serif;
 font-size: x-small;
 text-align: center;
 font-weight: bold;
 text-transform: uppercase;
 letter-spacing: .3em;
}

#calendar th {
 text-align: center;
 font-weight: normal;
}

#calendar td {
 text-align: center;
}



/*************************
  ナビゲーション
*************************/

#header #rs_navi{
 width: 900px;
 height: 38px;
 margin: 0px auto 3px auto;
 padding: 0;
 text-align: left;
 background: transparent url("http://www.soramatsuri.com/2008/mt_k/image/navi_line.gif") no-repeat 0px 0px;
 clear:both;

}
#header #rs_navi ul{
 list-style: none;
 padding:0px;
 margin:0px;
}

#header #rs_navi ul li{
 float: left;

}
#header #rs_navi ul li a{
 height: 38px;
 background: transparent no-repeat 0 0;
 border: 0;
 display: block;
 text-decoration: none;
 text-indent: -1110em;
}

#header #rs_navi span{
 display:none;
}

/* *Hides from IE-mac \*/
#header #rs_navi li a{
 overflow: hidden;
}

#header #rs_navi ul li.line2{
 background-image: url("http://www.soramatsuri.com/2008/mt_k/image/navi_line2.gif"); width: 2px; height:36px; margin-top: 2px;
}

#header #rs_navi ul li.top a{ 
 background-image: url("http://www.soramatsuri.com/2008/mt_k/image/navi_home.gif"); width: 127px; margin-top: 2px;
}

#header #rs_navi ul li.profile a{
 background-image: url("http://www.soramatsuri.com/2008/mt_k/image/navi_message.gif"); width: 126px; margin-top: 2px;
}

#header #rs_navi ul li.collection a{
 background-image: url("http://www.soramatsuri.com/2008/mt_k/image/navi_artist.gif"); width: 126px; margin-top: 2px;
}

#header #rs_navi ul li.webswork a{
 background-image: url("http://www.soramatsuri.com/2008/mt_k/image/navi_ticket.gif"); width: 127px; margin-top: 2px;
}

#header #rs_navi ul li.musicwork a{ background-image: url("http://www.soramatsuri.com/2008/mt_k/image/navi_timetable.gif"); width: 127px; margin-top: 2px;
}

#header #rs_navi ul li.friendslink a{
 background-image: url("http://www.soramatsuri.com/2008/mt_k/image/navi_shop.gif"); width: 127px; margin-top: 2px;
}

#header #rs_navi ul li.contact a{ background-image: url("http://www.soramatsuri.com/2008/mt_k/image/navi_access.gif"); width: 128px; margin-top: 2px;
}

#header #rs_navi ul li.top a:hover {
 background-position: 0 -38px;
}

#header #rs_navi ul li.profile a:hover {
 background-position: 0 -38px;
}

#header #rs_navi ul li.collection a:hover {
 background-position: 0 -38px;
}

#header #rs_navi ul li.webswork a:hover {
 background-position: 0 -38px;
}

#header #rs_navi ul li.musicwork a:hover {
 background-position: 0 -38px;
}

#header #rs_navi ul li.friendslink a:hover {
 background-position: 0 -38px;
}

#header #rs_navi ul li.contact a:hover {
 background-position: 0 -38px;
}


/*************************
  タイトル 画像
*************************/

#title_image {
 width:600px;
 padding:0;
 margin:10px 0 10px 5px;
}

#title_image h3.toptitle{
 display:none;
 margin:0px;
 padding:0;
}


/*************************
  画像／テキストデータ
*************************/

#subindex{
 padding:0;
 margin:0;
}

#subindex ul li{
 list-style-type: none;
 float:left;
 color:#666;
}

#subindex li.feature_list{
 padding-bottom: 10px;
 margin:0 0 10px 0;
 border-bottom:dashed 1px #999;
 width:500px;
}

.feature_list_icon{
 float:left;
 width:152px;
 margin-right:15px;
}

.feature_list_icon img{
 border:solid 1px #999;
}

.feature_list_title{
 float:right;
 width:325px;
}

.feature_list_title h2{
 font-size:15px;
 line-height:16px;
 font-weight:normal;
 margin:0 0 5px 0;
}

.feature_list_title h3{
 font-size:16px;
 line-height:20px;
 padding:0;
 margin:0
}

.feature_list_title h3 .subtitle{
 font-size:13px;
 line-height:16px;
 padding:0;
 margin:0;
}

#subindex li.feature_list .feature_list_title p{
 font-size:12px;
 line-height:16px;
 margin:10px 0 15px 0;
}


#subindex li.columns_list{
 border-bottom:dashed 1px #999;
 width:550px;
 margin:0 0 13px 0;
}
.columns_list_icon{
 float:right;
 width:94px;
}

.columns_list_icon img{
 border:solid 1px #999;
 margin:5px 5px 5px 0;
}

.columns_list_title{
 float:left;
 margin-right:15px;
 padding-left: 15px;
}

.columns_list_title h2{
 font-size:12px;
 line-height:16px;
 font-weight:normal;
 margin:3px 0 5px 0;
}

.columns_list_title h3{
 font-size:14px;
 margin:0 0 5px 0;
}


/*************************
  プロフィール
*************************/

.profile_tenjohiroki{
 width:500px;
 padding:10px;
 border:solid 4px #D4DFF4;
 margin:20px 0 30px 0;
}

*html .profile_tenjohiroki{
 width:500px;
}

.profile_tenjohiroki p{
 font-size:12px;
 line-height:16px;
 margin:0 0 7px 0;
}

.right{
 float:right;
 padding:0;
 color:#666;
}

.left{
 float:left;
 padding:0;
 color:#666;
}

#rslatest_info{
 width:480px;
 padding:10px 8px 8px 8px;
 border-left:solid 2px #cce6cb;
 border-right:solid 2px #cce6cb;
 border-bottom:solid 2px #cce6cb;
 margin:-4px 0 20px 0;
}

* html #rslatest_info{
 width:500px;
}

#rslatest_info p{
 font-size:12px;
 line-height:16px;
 margin:10px 0 10px 0;
}

.rslatest_info_right{
 float:right;
 width:300px;
}

.rslatest_info_right p{
 font-size:12px;
 line-height:16px;
 margin:10px 0 10px 0;
}


.code {
 font-family: "Courier New", Courier, mono;
 background: #F5F5F5;
 color: #777;
 padding: 10px;
 overflow: auto;
 width: 500px;
 margin-top: 20px;
 margin-bottom: 20px;
}

.box2 {
 border: 2px dotted #CCC;
 padding: 1em;
 width: 400px;
 margin-top: 1em;
 margin-bottom: 1em;
}

.mp3 {
 margin: 10px 0 5px 15px;
 padding-top: 5px;
}

.harituke {
 font-size:11px;
 padding: 5px 0 0;
}

element.style {
border-bottom-color:-moz-use-text-color;
border-bottom-style:inset;
border-bottom-width:2px;
border-left-color:-moz-use-text-color;
border-left-style:inset;
border-left-width:2px;
border-right-color:-moz-use-text-color;
border-right-style:inset;
border-right-width:2px;
border-top-color:-moz-use-text-color;
border-top-style:inset;
border-top-width:2px;
height:18px;
width:260px;}