/*----------all----------*/
* {
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
text-align:left;
}
strong {font-weight: normal;}
em {font-style: normal;}
img {border:0;}
a:visited {color:#0000ff;}
a:hover {text-decoration:none;}
ol {list-style:none;}

#pr {
font-size:60%;
text-align: right;
margin-right:20px;
color:#dddddd;
}

#pr a {
text-decoration: none;
color:#dddddd;
}

/*----------layout----------*/
body {
letter-spacing: 0.1em;
background:url(http://tee-ball.net/img/back.gif) center repeat-y;
}

#container {
width:800px;
}

p {
text-indent:1em;
margin:20px;
}

#coment {
text-align: center;
clear:both;
font-size:80%;
}



/*----------header----------*/
#header {
height:160px;
margin-bottom:10px;
background:url(http://tee-ball.net/img/banner.jpg) no-repeat;
}

h1 {
text-indent:-1000px;
}



/*----------content----------*/
#content {
width:585px;
margin-left:15px;
margin-bottom:20px;
float:right;
line-height:1.5;
}

#content_left {
width:280px;
margin-left:10px;
float:left;
}

#content_right {
width:280px;
float:right;
}

span.small {
font-size:80%;
}

#content ol {
padding:0 10px 0px;
margin:10px;
}

h2 {
margin:20px;
text-align:center;
color:#cc0000;
font-size:125%;
}

#content h3 {
color:#660000;
font-size:100%;
background:url(http://tee-ball.net/img/grove.jpg) no-repeat center left;
padding-left:25px;
}

.clear {
clear:both;
}

#content_left h3 , #content_right h3 {
background:url(http://tee-ball.net/img/ball2.jpg) no-repeat center left;
padding-left:25px;
}

#content h4 {
color:#663333;
font-size:95%;
background:url(http://tee-ball.net/img/point2.jpg) no-repeat center left;
margin-left:20px;
padding-left:12px;
margin-bottom:-15px;
margin-top:10px;
}

#content li {
list-style:url(http://tee-ball.net/img/ball.gif);
margin-bottom:3px;
margin-left:10px;
font-size:95%
}

#content li.text {
list-style:none;
}

#content form {
font-size:90%;
margin-left:30px;
padding:10px;
}


p#top {
background:url(http://tee-ball.net/img/figure_top.jpg) no-repeat center right;
padding-right:220px;
}

p#baseball {
background:url(http://tee-ball.net/img/baseball.jpg) no-repeat center right;
padding-right:220px;
}

p#bat {
background:url(http://tee-ball.net/img/figure_bat.jpg) no-repeat center right;
padding-right:220px;
}

p#ball {
background:url(http://tee-ball.net/img/figure_ball.jpg) no-repeat center bottom;
height:300px;
}

p#tee {
background:url(http://tee-ball.net/img/figure_tee.jpg) no-repeat center left;
padding-left:220px;
}

#ground {
background:url(http://tee-ball.net/img/base.jpg) no-repeat center;
height:600px;
}

#position {
background:url(http://tee-ball.net/img/position.jpg) no-repeat center;
height:600px;
}

.text-right {
font-size:90%;
background:url(http://tee-ball.net/img/up.jpg) no-repeat left;
padding-left:18px;
position:relative;
right:-380px;
}

.mokuji {
padding-left:30px;
font-size:90%;
}

#content .mokuji li {
list-style:url(http://tee-ball.net/img/mokuji.jpg);
}



/*----------menu----------*/
#menu {
width:190px;
float:left;
}

#menu h3,#menu li,#mag,form {
margin-left:10px;
}

#menu h3 {
font-size:85%;
height: 30px;
line-height: 30px;
color:#fff;
background:#99cc00;
margin-top:10px;
margin-bottom: 1px;
padding-left:10px;
}

#menu li {
font-size:90%;
background:#fff url(http://tee-ball.net/img/point.jpg) no-repeat left;
border:dotted 1px #ff6633;
padding:5px 0 5px 18px;
margin-bottom:2px;
}

#mag,#menu form {
font-size:90%;
background:#fff;
border:dotted 1px #ff6633;
padding:10px;
}

#menu li.here {
background:#fdd 
}

#menu a {
text-decoration:none;
display:block;
}

#menu a:hover {
color:#fc2ddd;
}

p#irast {
background:url(http://tee-ball.net/img/irast01s.jpg) no-repeat center right;
padding-right:200px;
}

#yahoo {
margin-left:20px;
margin-bottom:10px;
font-size:80%;
}

.ad {
margin-left:60px;
}

.ad span {
font-size:80%;
color:#dddddd;
}

/*----------table----------*/
table {
font-size:95%;
cellspacing:0;
border-top:solid #bdbdbd 1px;
border-left:solid #bdbdbd 1px;
margin-bottom:20px;
}

td {
padding:5px;
border-right: solid #bdbdbd 1px;
border-bottom: solid #bdbdbd 1px;
}



/*----------foot----------*/
#foot {
height:30px;
line-height: 30px;
clear:both;
color:#000000;
background:#99cc00;
}

#foot p {
text-align: center;
}

#foot a {
color:#000000;
text-decoration: none;
}

#ad {
color: #333333;
font-size: 90%;
margin-left:20px;
margin-bottom:10px;
}