/* CSS Document */
/* Harada Hiroki(http://bitbizdesign.com/) layout */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body {
margin:0;
font-family:"ＭＳ Ｐゴシック" ,"ヒラギノ丸ゴ Pro W4" ,"Osaka",verdana ,arial ,sans-serif;  
text-align:center;   
color:#666;
background:#AFEEEE;
background-image:url("http://www.jojinkai.com/common/image/bg.gif")
}

a {
	text-decoration: underline;
}

a:link {
	color: #03C;
	}

a:visited {
	color: #6A5ACD;
	}

a:hover {
	color: #3399FF;
	}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

fieldset{
padding-top:1em;
margin-bottom:10px;
text-align: center;  
background:transparent;
font-size:90%;
border:none;
}

legend{
text-align:center;
font-size:100%;
}

input{
background:transparent;
border:1px solid #6699CC;
font-size:90%;
}

.button input{
background:transparent;
border-style:solid;
border-width:1px 3px 2px 3px;
border-color:#6699CC;
text-align:center;
padding:2px;
}

textarea{
font-family:"ＭＳ Ｐゴシック" ,"ヒラギノ丸ゴ Pro W4" ,"Osaka",verdana ,arial ,sans-serif; 
width: 80%;
background:transparent;
border:1px solid #6699CC;
}

address{
padding:10px 0 10px 115px;
font-style:normal;
font-size:75%;
color:#666;
background:#fff url("http://sportsrelax.com/i/Jojinkai_logo.jpg " ) center left no-repeat;
}

img		{
	border: 0;
	}

dl	{
	margin: 0;
	padding: 0 5px 15px 10px;
font-size:90%;
	}
	
dt	{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 15px;
	}
	
dd	{
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1.5;
	}

blockquote {
font-size:90%;
margin:10px 30px 5px 30px;
line-height:150%;
padding:1em; 
border-style:dashed dashed dashed solid;
border-color:#CCCC99;
border-width:1px 1px 1px 10px;
}

pre{
font-size:90%;
margin-left:10px;
padding-right:15px; 
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#banner {
color: #000;
background:#AFEEEE;
}

#breadcrumb{
padding:3px 15px;
font-size:90%; 
background:#E0FFFF;
border-bottom:1px solid #336;
}

#container {
line-height: 140%;
margin-right: auto;
margin-left:auto;
margin-top:0;
margin-bottom:5px;
text-align: left;
padding: 0;
border-style:solid;
border-color: #00373C;
border-width:1px 2px 2px 1px;
background: #FFF;
width: 720px;
}

#bg {
text-align:center;
margin-right: auto;
margin-left:auto;
width: 740px;
background:url() repeat-y top;
}

#Entries{
margin-left:5px;
	float: left;
	width: 480px;
	overflow: hidden;
	}

#sidebar {
	float: right;
	width: 210px;
	overflow: hidden;
	}

#footer{
border-top:1px dotted #CCCC99;
margin:5px;
clear:both;
padding:1em;
}

/************** #banner styles **************/
#banner a {
	color: #FFFFFF;
	text-decoration: none;
	}

.hide{
display:none;
}

#banner h1 {
	font-size:large;
	text-align:left;
	}

#banner h2 {
	font-size: 100%;
	text-align: right;
	}

/************** #Entry styles **************/

#lastn{
font-size:90%;
}

#topi {/*Topチャックのイラスト*/
	text-align: center;
margin-top:10px;
}

.Entry {
	padding: 15px 15px 5px 15px;
	background-color: #FFFFFF;
	color: #666;
	}

.Entry p {
	color: #666;
	font-size:90%;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

.Entry p.bold{
font-weight:bold;
}

.Entry blockquote {
	line-height: 150%;
	}

.Entry li {
	line-height: 150%;
	}

.Entry h2 {
	color: #3399cc;
	font-size: 90%;
	text-align: left;
	font-weight: normal;
	margin-bottom:0;
}

#comments,#trackbacks  {
	font-size: 90%;
padding:3px 3px 3px 5px;
background:#F0F8FF url(" " ) center left no-repeat;
}

.Entry h3 {
padding:5px 5px 5px 25px;
	color:#3399cc;
	font-size: 120%;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
background:#FFF url("http://sportsrelax.com/i/relax-title.jpg" ) center left no-repeat;
border-top:2px solid #3399cc;
}


.Entry h4 {
	color:#808080;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
background-color:#F0F8FF;
padding:3px 1em;
border-style:solid;
border-color:#3399cc;
border-width:1px 0 0 5px;
}

.Entry p.posted {
	color: #666;
	font-size: 75%;
	text-align: left;
	margin-bottom: 15px;
	line-height: normal;
	padding: 3px;
border-top:1px solid #3399CC;
}

.extended{
background:#fff url("http://sportsrelax.com/i/arrow_r.gif" ) center left no-repeat;
padding-left:18px;
font-size:75%;
}

.Entry li{
font-size:90%;
}

.Entry dt{
margin-top:10px;
font-weight:bold;
padding:5px 0 5px 1em;
background:#F0F8FF;
border-top:1px solid  #3399cc;
border-bottom:1px dotted  #3399cc;
clear:both;
}

.Entry dd img{
text-align: right;
display:block;
}

.left{
float:left;
padding:0 1em 1em 0;
}

.star{
color:#fc3;
}

/*会員プラン*/

.member dd{
margin-left:1em;
border-left:5px solid  #DCDCDC;
padding:2px 0 2px 5px;
}

.clear{
clear:both;
}

/************** #sidebar styles **************/

#sidebar {
	padding: 10px;
text-align: left;
	background:#fff;
	color: #666;
}

#sidebar dl {

	text-align: left;
	}


#sidebar dt {
padding:5px 0 5px 1em;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
color:#fff;
background:#336 url("http://www.jojinkai.com/common/image/td_bg02.gif" );
	}

#sidebar dd{
margin-left:3px;
font-size: 90%;
}

#sidebar dd a{
background:#fff url("http://www.jojinkai.com/common/image/yaji03.gif" ) top left no-repeat;
padding:3px 0 3px  12px;
}

#sidebar dd a:hover{
background:#fff url("http://www.jojinkai.com/common/image/yaji01.gif" ) top left no-repeat;
padding:3px 0 3px  12px;
}

#sidebar dd.ni a{
padding:3px 0 3px  0;
background-image:none;
line-height: 1.5;
}

#sidebar dd.ni a:hover{
padding:3px 0 3px  0;
background-image:none;
line-height: 1.5;
}

.si {/*イメージセンタリング*/
text-align: center;
margin:5px;
}

#sidebar ul {
	list-style:square inside none;
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 5px;
	}

#sidebar li {
	color: #663300;
	font-size:75%;
	text-align: left;
	margin: 2px 10px;
	list-style-type: none;
	}

#sidebar img {
	border: 2px solid #FFFFFF;
	}

#field{
font-size:90%;
}

/************** footter style **************/
#totop{
text-align: right;
font-size: 75%;
padding-right:1em;
}

/************** Mobavle Type Styles **************/
#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: 75%;
	line-height: 150%;
	text-align: left;
	color: #663300;
	margin-top: 20px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

textarea[id="comment-text"] {
	width: 80%;
	}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}

/************** #calendar styles **************/
#calendar {
line-height: 140%;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
padding: 2px;
	text-align: center;
	margin-bottom: 30px;
	}

#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;
	}