@charset "utf-8";

/* browser style format */

* {
  margin: 0;
  padding: 0;
  color: #686868;
  font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.0;
  font-size:small;
  }

body {
  margin: 0;
  padding: 0;
  color: #333333;
/*  background: url(images/bgpattern.gif);*/
  font-size:small;
}

/* master init styles */

h1, h2, h3, h4, p, ul, li {
 margin: 0;
 padding: 0;

}

textarea,input {
 padding:2px;
}

a:link {
  color: #686868;
  text-decoration: none;
  }
a:visited {
  color: #8a8a8a;
  text-decoration: none;
  }
a:hover {
  color: #000000;
  text-decoration: underline;
  }
a:active {
  color: #000000;
  text-decoration: underline;
  }



img {
  border: 0;
  }


/* content styles */


div#pagebg {
 width: 100%;
 text-align: center;
 padding-bottom:5px;
}

div#page {
 text-align: center;
/* width: 730px;*/
 height: auto;
 margin: 0 auto ;
 padding-top: 10px;

}


/* --- div#header --- */
div#header {
 width: 700px;
 text-align:left;
 margin: 0 auto ;
}

p#description {
 font-size: small;
 padding-top:10px;
}

/* contents-menu */
	div#contents-menu {
	  padding-top:10px; 
	}

	div#contents-menu ul{
	}

	div#contents-menu li{
	  padding-right:15px;
	  display: inline;  
	}


/* topimg */

	div#topimg {
	  width: 699px;
	  height: 400px;
	  margin-bottom:5px;
	  border:1px solid #cccccc;
	  background-image: url(images/main_bg_w700_h400.jpg) ;/* w700-h400 */
	  background-repeat: no-repeat;
	}

	div#top-left{
	  float:left; 
	}
	div#top-mp3{
	  margin:auto;
	  padding-top:80px;
	  padding-left:17px;
	}

	div#top-pickup{
	 /* margin-top:275px;*/
	  margin-top:155px;
	 /* float:left; */
	}

	div#top-photo{
	  float:right;
	}

	div#top-photo img{
	  margin-top:4px;
	  margin-right:4px;
	  border:1px solid #99FFFF;
	}



/* --- div#pickup-menu --- */

div#pickup-menu {
  width: 700px;
  margin: 0 auto ;
}

div#pickup-menu .left {
  padding-right:12px;
  float:left;

}
div#pickup-menu .center {
  padding-right:9px;
  float:left;
}
div#pickup-menu .right {
  float:right;
}

/* --- div#infomation(top) --- */

div#infomation {
  width: 725px;
  height: 310px;
  text-align:left;
/*  background-image: url(images/info_bg_w725_h240.gif) ;*/
  background-image: url(images/info_bg2.gif) ;

  background-repeat: no-repeat;
  margin: 0 auto ;
}

/******
#info-left {
  width:400px;
  float:left;
}
*****/

ul#info-ul {
  width: 680px;
  padding-top:90px;
  padding-left:80px;

}

ul#info-ul-2 {
  padding-top:20px;
  padding-left:80px;
  width: 680px;	

}


ul#info-ul li {
  line-height:180%;
  color:#3399CC;
  list-style-type: none;
  border-left:5px solid #88ccff;
  vertical-align:middle;
  padding-left: 10px;
  margin-bottom:10px;
}

ul#info-ul-2 li {
  line-height:180%;
  color:orange;
  list-style-type: none;
  border-left:5px solid orange;
  vertical-align:middle;
  padding-left: 10px;
  margin-bottom:10px;
}

ul#info-ul li a{
  color:#3399CC;
}

ul#info-ul-2 li a{
  color:orange;
}



p#infomation-link{
  padding-top:20px;
  padding-left:75px;
  
}

/*****
#info-right {
 width:210px;
 height:170px;
 float:right;
 margin-top:40px;
 padding-right:30px;
 border-left:dotted 5px #88ccff;
}
#topnav {
 padding:2px 0px 0px 15px;;
  line-height:130%;
}
*******/

/* --- div#profile --- */

div#prof-sumnail{
  width:600px;
  float:left;
  padding-left:10px;
  padding-bottom:10px;
}

div#prof-sumnail{
  width:50px;
  float:left;
  padding-right:3px;
}



/* --- div#content --- */


div#content {
  width: 699px;
  margin-bottom:5px;
  border:1px solid #cccccc;
  text-align:left;
  background-image: url(images/naka_side_bg.jpg) ;
  padding-bottom:10px;
}

div#content-topimg {
  height:80px;
  background-image: url(images/naka_bg_w700_h70.jpg) ;/* w700-h400 */
  background-repeat: no-repeat;
  text-align:right;
}

.menu_sub {
  float:right;
  width:80px;
  margin-top:50px;
}

/*
div#content h2{
  padding-left:20px;
  margin-bottom:30px;
}
*/





/* -- nofound -- */
div#nofound {
 margin:auto;
 width: 550px;
 text-align:center;
 line-height:200%;
 padding-top:20px;
 padding-bottom:20px;
}



/* address#footer */
address#footer {
 clear: both;
 width: auto;
 height: auto;
 margin-top: 5px;

 font-family: 'Lucida Sands', Helvetica, Arial, Verdana, sans-serif;
 font-size: small;
 text-transform: lowercase;
 font-style:normal;
}


div#footernav {
 margin-bottom: 10px;
 margin-top: 15px;
 text-align:center;
 color: #cccccc;
}

div#footernav a:link,div#footernav a:visited {
  color: #BF2900;
  text-decoration: none;
}

div#footernav a:hover, div#footernav a:active {
  color: #BF2900;
  text-decoration: underline;
}


/* カレンダー */

#calendar {
	margin-top: 10px;
	background-color:#ffffff;
	padding-top:5px;
	text-align: center;

	}

#calendar table	{
	width: 95%; 
	color: #000000;
	border-collapse: collapse;
	margin-left: 5px;

	}

#calendar th, #calendar td	{
	padding: 5px 0;
	border: solid 1px #538ad8;
	}

#calendar a	{
	text-decoration: none;
	color: #3366aa;
	}

#calendar caption	{
	padding: 3px 0;
	}

#calendar tfoot td	{
	border: none;
	}

#calendar tfoot td#prev	{
	text-align: left;
	}

#calendar tfoot td#next	{
	text-align: right;
	}

/* 検索 */
#search {
	margin-top:10px;
	margin-bottom:10px;

}

/* 最近の記事 */

#recentposts {
  margin-top:10px;
  margin-bottom:10px;
  color:#ffffff;	
  text-align:left;
  padding:0px 2px;
}

#recentposts h3{
  background-image: url(images/menu_titlebg_180_30.gif) ; 
  color:#ffffff;
  text-align:center;
  padding:5px;
  margin-bottom:2px;	
}

#recentposts li{
  list-style-type: none;
  line-height:150%;

}

#recentposts a:link, #recentposts a:visited  {
  color: #ffffff;
  text-decoration: none;
  }

#recentposts a:hover, #recentposts a:active  {
  color: #ffffff;
  text-decoration: underline;
  }

/* カテゴリー */

#category {
  margin-top:10px;
  margin-bottom:10px;
  color:#ffffff;	
  text-align:left;
  padding:0px 2px;
}

#category h3{
  background-image: url(images/menu_titlebg_180_30.gif) ; 
  color:#ffffff;
  text-align:center;
  padding:5px;
  margin-bottom:2px;	
}

#category li{
  list-style-type: none;
  line-height:150%;

}

#category a:link, #category a:visited  {
  color: #ffffff;
  text-decoration: none;
  }

#category a:hover, #category a:active  {
  color: #ffffff;
  text-decoration: underline;
  }

/* 月別アーカイブ */

#archives {
  margin-top:10px;
  margin-bottom:10px;
  color:#ffffff;	
  text-align:left;
  padding:0px 2px;
}

#archives h3{
  background-image: url(images/menu_titlebg_180_30.gif) ; 
  color:#ffffff;
  text-align:center;
  padding:5px;
  margin-bottom:2px;	
}

#archives li{
  list-style-type: none;
  line-height:150%;

}

#archives a:link, #archives a:visited  {
  color: #ffffff;
  text-decoration: none;
  }

#archives a:hover, #archives a:active  {
  color: #ffffff;
  text-decoration: underline;
  }



/*********************** blog ********************/
div#blog {
  margin:0;
  padding-left:120px;
  width: 550px;
  text-align:left;

}


div#blog .p-block {
  margin-top:20px;
  margin-bottom:20px;

}
div#blog .p-block-top {
  margin-top:0px;
  margin-bottom:20px;

}

div#blog .p-block-img {
  margin-top:0px;
  margin-bottom:20px;
  color:#686868;

}

div#blog .p-block-route {
  margin-top:0px;
  margin-bottom:20px;
  width:500px;
  border:solid 1px #686868;
  color:#686868;
  padding:10px;
}

div#blog .p-block-attention {
  margin-top:0px;
  margin-bottom:20px;
  width:500px;
  border:solid 1px #686868;
  color:#686868;
  padding:10px;
  line-height:150%;
}

div#blog .topnavi {
  margin-top:20px;
  margin-bottom:10px;
}

div#blog p {
  color:#000000;

}



p#bread{
 padding:0px 7px 30px 0px;
 text-align:right;
}

.datecs{
  font-size:small;
  color:#999999;
  margin-bottom:10px;

}

.navigation{
  width:50%;
}

.entry p {
  margin-bottom:10px;
}


.entry p a:link {
  color: #00AEEF;
  text-decoration: none;
  }
.entry p a:visited {
  color: #00AEEF;
  text-decoration: none;
  }
.entry p a:hover {
  color: #000000;
  text-decoration: underline;
  }
.entry p a:active {
  color: #00AEEF;
  text-decoration: underline;
  }



.entry-works p {
  margin-bottom:10px;
  font-size:10px;
}


.entry-works p a:link {
  color: #00AEEF;
  text-decoration: none;
  font-size:10px;
  }
.entry-works p a:visited {
  color: #00AEEF;
  text-decoration: none;
  font-size:10px;
  }
.entry-works p a:hover {
  color: #000000;
  text-decoration: underline;
  font-size:10px;
  }
.entry-works p a:active {
  color: #00AEEF;
  text-decoration: underline;
  font-size:10px;
  }




div#footernav {
 width:700px;
 position:absolute; 
 margin-top: 250px;
 text-align:center;
 color: #BF2900;
}

div#footernav a:link,div#footernav a:visited {
  color: #BF2900;
  text-decoration: none;
}

div#footernav a:hover, div#footernav a:active {
  color: #BF2900;
  text-decoration: underline;
}


.post h2	{

  color:#BF2900;
  font-size: 20px;
  margin-top:5px;
  margin-bottom:10px;
  padding: 10px 0px 10px 0px;
  border-bottom: dotted 2px #88ccff;
  }

.post h2 a:link {
  font-size: 20px;
  color: #BF2900;
  text-decoration: none;
  }
.post h2 a:visited {
  font-size: 20px;
  color: #BF2900;
  text-decoration: none;
  }
.post h2 a:hover {
  font-size: 20px;
  color: #000000;
  text-decoration: underline;
  }
.post h2 a:active {
  font-size: 20px;
  color: #BF2900;
  text-decoration: underline;
  }


.post h3	{
  width:90%;
  color:#33CC66;
  font-size: 20px;
  margin-top:5px;
  margin-bottom:10px;
  padding: 10px 0px 10px 0px;
  border-bottom: dotted 2px #cccccc;
  }


.post p	{
	line-height: 200%;
	}

.post	{
	margin-bottom: 40px;
	line-height: 200%;
/*	color:#000000;*/
	}

.post hr {
  width:500px;
  border-bottom: dotted 2px #cccccc;
  border-top:none;
  border-right:none;
  border-left:none;

}
.post ul{
  margin-top:10px;
  padding-left:15px;
}

.post li{
  list-style-type: disc;
  line-height:140%;

}

.post img {
  margin-right:10px;
}

.postbr {
  margin-top:10px;
}

#member img {
  float:left;
  margin-right:10px;
  border:1px solid #cccccc;
}




.pagenav	{
	font-size: 0.75em;
	}

.postmetadata	{
	margin-top:10px;
	margin-bottom:10px;
	}

.login {
	margin-bottom:5px;
	margin-top:5px;

}


/****** music *****/

.musicpost {
	line-height: 130%;

}


.musicpost p {
	line-height: 130%;
}

.musicpost h2	{
  color:#BF2900;
  font-size: 20px;
  margin-top:5px;
  margin-bottom:10px;
  padding: 10px 0px 10px 0px;
  border-bottom: dotted 2px #88ccff;
  }

.musicpost h2 a:link, .musicpost h2 a:visited {
  font-size: 20px;
  color: #BF2900;
  text-decoration: none;
  }
.musicpost h2 a:hover, .musicpost h2 a:active {
  font-size: 20px;
  color: #000000;
  text-decoration: underline;
  }

.musicpost  a:link, .musicpost  a:visited {
  font-size: 13px;
  color: #BF2900;
  text-decoration: none;
  }
.musicpost  a:hover, .musicpost  a:active {
  font-size: 13px;
  color: #000000;
  text-decoration: underline;
  }




.musicpost h3	{
  width:95%;
  color:#33CC66;
  font-size: 20px;
  margin-top:5px;
  margin-bottom:10px;
  padding: 10px 0px 10px 0px;
  border-bottom: dotted 2px #cccccc;
  }

.musicpost h4	{
  width:95%;
  color:#3399CC;
/*  border-bottom: solid 1px #33CC66;*/
  margin-bottom:5px;
  border-left: solid 4px #3399CC;
  padding-left:4px;
  margin-top:40px;
}



.musiclinktbl{
	width:550px;
	border-collapse:collapse;
	margin-top:20px;
	margin-bottom:20px;
	border:solid 1px #cccccc;

}

.musiclinktbl a:link, .musiclinktbl a:visited {
  color: #BF2900;
  text-decoration: none;
}

.musiclinktbl a:hover, .musiclinktbl a:active {
  color: #BF2900;
  text-decoration: underline;
}


.musiclinktbl th{
	padding:5px;
 	color: #BF2900;
}

.musiclinktbl tr {
/*	border-bottom:solid 1px #cccccc;*/
}


.musiclinktbl-title {
	padding:5px;
	border-bottom:dotted 1px #cccccc; 
	width:30%;
	line-height:150%;
	border-left:solid 4px #BF2900; 
}


.musiclinktbl-discript{
	padding:5px 5px 5px 5px;
	border-bottom:dotted 1px #cccccc; 
	width:35%;
	line-height:150%;

}



.minitbl{
	width:95%;
	margin-top:2px;
	margin-bottom:2px;
	border:solid 1px #cccccc;

}

.minitbl a:link,.minitbl a:visited {
  font-size:10px;
  color: #BF2900;
  text-decoration: none;
}

.minitbl a:hover, .minitbl a:active {
  font-size:10px;
  color: #BF2900;
  text-decoration: underline;
}

.minitbl th{
	font-size:10px;
}
.minitbl td{
	width:50%;
	font-size:10px;
	padding:2px;
	line-height:130%;
}


/* links */
	#links-child {
	  width:auto;
	}

	#links-child li{
	  color: #3399CC;
	  padding:3px;
	  border-left:5px solid #3399CC;
	  margin-bottom:10px;
  	  list-style-type: none;

	}


#links-child a:link,#links-child a:visited {
	  font-size:15px;	
	  color: #3399CC;
  text-decoration: none;
}

#links-child a:hover, #links-child a:active {
	  font-size:15px;	
	  color: #3399CC;
  text-decoration: underline;
}





/*********************** blog comments ********************/

#comments .inputitem	{

	margin-top:5px;
}

.com	{
	font-size: small;
	border-bottom: dotted 2px #88ccff;
	padding-bottom: 8px;
	margin-bottom: 12px;
	}

.com p	{
	margin: 5px 0;
	line-height: 150%;
	}

.commeta	{
	color: #888888;
	text-align: right;
	}

#tb	{
	font-size: 9px;
	border: solid 1px #cccccc;
	padding: 8px;
	line-height: 150%;
	margin-bottom:20px;
	}

/* 足跡板コメント欄 */
#commentsform_block{
	padding-top:10px;
}

#commentsform_block input,#commentsform_block textarea{
	margin-top:2px;
}
#commentscnt {
	padding-top:5px;
	padding-bottom:10px;
	
	
}
.comment-number {
	margin-top:10px;
}
.cite {
	margin-top:10px;
	margin-bottom:10px;

}
.alt{
 font-weight:normal;
}



/* 共通コメント入力フォーム */

#commentform	{
	font-size: small;
	margin-bottom:5px;
	}


/*************** general class ************/

.clear{
 clear:both;
height:0px;margin:0px;overflow:hidden;
}

.f-small{
  font-size:10px;
}
.f-red{
  color: #BF2900;
}

.f-gray{
  color: #333333;
}

.f-black{
  color: #000000;
}

.f-white{
  color: #ffffff;
}

.f-green {
  color:#33CC66;
}

.img-border {
  border: solid 1px #cccccc;
}

.img-border-left {
  border: solid 1px #cccccc;
  float:left;
  margin-right:10px;
}

.linkfor {
  padding:10px;
  border: solid 1px #88ccff;
  color:#BF2900;
}


.p-block {
  margin-top:20px;
  margin-bottom:20px;

}

.p-img-left{
  float:left;
  margin-right:5px;
}

.p-img-left-text{
  float:left;
  margin-top:2px;
}

.p-ico{
  margin-bottom:2px;
}

.alignleft{
 margin:0 auto;
 width:100px;
 float:left;
}

.alignright{
 margin:0 auto;
 width:100px;
 float:right;
}


.checkform {
  width:90%;
  border-top:dotted 1px #cccccc;
  border-bottom:dotted 1px #cccccc;
  margin-top:5px;
  margin-bottom:5px;
  padding:10px 0px;

}

.more-link{
/*  margin-top:10px;*/
}

.linktbl{
	width:500px;
	border-collapse:collapse;
	margin-top:20px;
	margin-bottom:20px;
}

.linktbl th{
	padding:5px;
 	color: #BF2900;
}

.link-a{
	padding:5px;
	border:solid 1px #cccccc;
	width:40%;
	line-height:150%;

	
}
.link-discript{
	padding:5px;
	border:solid 1px #cccccc;
	width:60%;
	line-height:150%;
	
}




.support {
/*
	border:solid 1px #cccccc;
*/
}