/*----------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;margin-bottom:10px;}
a:visited {color:#0000ff;}
a:hover {text-decoration:none;}
ol {list-style:none;}
.red {color:#ff0000;}
.blue {color:#0000ff;}
.green {color:#008000;}

.left {
float:left;
clear:both;
margin-right:1em;
margin-bottom:1em;
}


/*----------layout----------*/
body {
background:url(img/back.gif) center repeat-y;
color:#444444;
}

#container {
width:800px;
margin-top:10px;
}

p {
font-size:95%;
letter-spacing:1px;
margin-bottom:1em;
margin-right:20px;
margin-left:10px;
}


.clear {
clear:both;
}

div.small {
font-size:80%;
letter-spacing:1px;
margin-left:10px;
margin-bottom:20px;
clear: both;
}

.come {
background:url(img/come.gif) no-repeat;
padding-left:16px;
}

#pr {
font-size:60%;
color:#dddddd;
}

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

/*----------header----------*/
#header {
height:105px;
background:url(img/banner.jpg) center bottom no-repeat;
}

h1 {
font-size:10px;
margin-left:10px;
}

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

h1 a:visited {
color:#dddddd;
}


/*----------mokuji----------*/
.mokuji {
padding-left:30px;
padding-bottom: 10px;
font-size:100%;
}

.mokuji li {
padding-left:20px;
background:url(img/mokuji.gif) center left no-repeat;
}

.mokuji li.part_b {
background:url(img/part_b.gif) center left no-repeat;
}

.mokuji li.part_g {
background:url(img/part_g.gif) center left no-repeat;
}

.mokuji li.part_r {
background:url(img/part_r.gif) center left no-repeat;
}

.mokuji li.part_p {
background:url(img/part_p.gif) center left no-repeat;
}

.mokuji li.star_b {
background:url(img/star_b.gif) center left no-repeat;
}

.mokuji li.star_g {
background:url(img/star_g.gif) center left no-repeat;
}

.mokuji li.star_r {
background:url(img/star_r.gif) center left no-repeat;
}

.mokuji li.star_p {
background:url(img/star_p.gif) center left no-repeat;
}


/*----------top-table----------*/
#top-table {
padding-left:0;
}

#top-table table {
width:98%;
margin-left:0;
}

#top-table b {
font-size: 95%;
padding-left:10px;
}

#top-table td {
background: url(img/karino.gif) no-repeat;
width:200px;
padding-top:5px;
margin-top:0;
}

#top-table p {
font-size: 85%;
margin-top:8px;
color: #555555;
}



/*----------content----------*/
#content {
width:570px;
margin:10px;
float:right;
line-height:1.4;
}

*html #content{
width:560px;
margin:0 5px;
}

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

#content .box {
width:550px;
border:1px solid #dddddd;
padding:0;
margin:0 0 20px 0;
}

h2 {
color:#cc0000;
font-size:140%;
border-left:7px solid #009933;
padding-left:7px;
margin-bottom: 8px;
clear:both;
}

h2.news {
color:#cc0000;
font-size:100%;
border-left:7px solid #009933;
padding-left:7px;
margin-bottom: 8px;
clear:both;
}

#content h3 {
font-size:100%;
color:#ffffff;
letter-spacing:2px;
background: url(img/h3_content.gif) no-repeat;
padding-left: 25px;
line-height:30px;
margin-top:1em;
margin-bottom:1em;
clear:both;
}

#content h3.question {
color:#555555;
margin-bottom:5px;
background: url(img/question.gif) no-repeat center left;
}

#content p.answer {
margin-left:0;
padding-left:25px;
background: url(img/answer.gif) no-repeat top left;
}

#word h3 {
font-size:90%;
color:#555555;
background:none;
margin:0;
padding:0;
}

#content h4 {
font-size:100%;
letter-spacing:2px;
padding-left:28px;
margin-bottom:5px;
background:url(img/h4.gif) no-repeat left;
clear:both;
}


#content li {
margin-bottom:3px;
margin-left:10px;
font-size:95%
}


a.text-right,a.cont,span.text-right {
clear:both;
font-size:90%;
padding-left:20px;
margin-left:380px;
}

text-left {
clear:both;
font-size:90%;
margin-left:80px;
}

a.text-right {
background:url(img/up.jpg) no-repeat left;
}

span.text-right {
clear:both;
font-size:90%;
color:#dddddd;
margin-left:350px;
}

a.cont {
background:url(img/cont.gif) no-repeat left;
letter-spacing:2px;
}

a.next {
clear:both;
font-size:95%;
background:url(img/next.gif) no-repeat left;
padding-left:25px;
margin-left:20px;
}


/*----------navi----------*/
#navbar {
}

#navi {
font-size:90%;
margin-bottom: 8px;
float:right;
}

#navbar a {
font-size:100%;
color:#ffffff;
line-height: 25px;
text-decoration: none;
background:url(img/navbar.jpg) center top;
display:block;
width: 159px;
float:left;
text-align:center;
border-left:solid 1px #ffffff;
font-weight:bold;
}

#navbar a:hover {
background:url(img/navbar.jpg) center bottom;
}



/*----------navi----------*/

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

#menu h3 {
color:#ffffff;
font-size:90%;
text-align:center;
line-height:25px;
background:url(img/menu_h3.gif) no-repeat top;
}

#menu ol {
margin-bottom:10px;
}

#menu li {
font-size:90%;
line-height:25px;
background:url(img/menu_li.gif) no-repeat;
width:190px;
height:25px;
}

#menu li.here {
background:#fdd 
}

#menu a {
padding-left:20px;
text-decoration:none;
display:block;
width:190px;
height:25px;
}

#menu a:hover {
background:url(img/menu_li_over.gif) no-repeat;
width:190px;
height:25px;
}

#menu .bookmark {
width:190px;
font-size:90%;
padding-left:18px;
margin-left:5px;
margin-top:5px;
background:url(img/ybm.gif) no-repeat;
}

#menu .bookmark a {
padding:0;
}

#menu .bookmark a:hover {
background:none;
}

#menu .banner a {
padding:0;
height: 80px;
}

#menu .banner a:hover {
margin:2px -2px -2px 2px;
}


/*----------table----------*/
table.table-type1 {
font-size:95%;
border-top:solid #bdbdbd 1px;
border-left:solid #bdbdbd 1px;
margin-left: 10px;
margin-bottom:5px;
}

table.table-type1 td {
padding:3px;
border-right: solid #bdbdbd 1px;
border-bottom: solid #bdbdbd 1px;
text-align: center;
}

table.table-type2 {
font-size:95%;
margin-left:10px;
margin-bottom:15px;
border-top: dotted #bdbdbd 1px;
}

table.table-type2 td {
padding:3px;
border-bottom: dotted #bdbdbd 1px;
}

table.table-type3 {
font-size:95%;
border-top:solid #bdbdbd 1px;
border-left:solid #bdbdbd 1px;
margin-left: 10px;
margin-bottom:20px;
}

table.table-type3 td,th {
padding:3px;
border-right: solid #bdbdbd 1px;
border-bottom: solid #bdbdbd 1px;
text-align: left;
}

table.table-type3 td.center {
width: 120px;
text-align: center;
}

form {
font-size:95%;
margin-left:10px;
}

textarea {
font-size:95%;
}


/*----------address----------*/
address {
color:#ffffff;
font-style:normal;
text-align: center;
line-height:25px;
background:url(img/navbar.jpg) repeat-x center top;
height:25px;
clear:both;
}

address a {
text-decoration: none;
color:#ffffff;
}

address a:visited {
color:#ffffff;
}


/*----------number----------*/
#content h4.no01 {
background:url(img/no01.gif) left center no-repeat;
padding-left:25px;
}

#content h4.no02 {
background:url(img/no02.gif) left center no-repeat;
padding-left:25px;
}

#content h4.no03 {
background:url(img/no03.gif) left center no-repeat;
padding-left:25px;
}

#content h4.no04 {
background:url(img/no04.gif) left center no-repeat;
padding-left:25px;
}

#content h4.no05 {
background:url(img/no05.gif) left center no-repeat;
padding-left:25px;
}

#content h4.no06 {
background:url(img/no06.gif) left center no-repeat;
padding-left:25px;
}

#content h4.no07 {
background:url(img/no07.gif) left center no-repeat;
padding-left:25px;
}

#content h4.no08 {
background:url(img/no08.gif) left center no-repeat;
padding-left:25px;
}

#content h4.no09 {
background:url(img/no09.gif) left center no-repeat;
padding-left:25px;
}

.caution {
padding:2px 5px;
border:solid 1px #ff9900;
}

.caution span {
padding-left:25px;
font-size:120%;
background:url(img/caution.gif) no-repeat top left;
}

a.out {
font-size:95%;
background: url(img/outlink.gif) no-repeat right center;
padding-right:15px;
}

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

.ad {
margin-left:80px;
}

/*----------p.----------*/
p.big {
padding-left:20px;
font-size: 100%;
letter-spacing: 2px;
background:url(img/star.gif) top left no-repeat;
clear:both;
}

p.sim {
clear: both;
font-size:95%;
letter-spacing:1px;
margin:10px;
}

p.script {
clear:both;
border: 1px solid #dddddd;
padding:5px 15px;
font-size:95%;
margin-bottom:1em;
margin-left:10px;
}

p.btn {
margin-left:180px;
}

.counter {
margin-left: 16px;
margin-bottom: 10px;
}

p.ppr {
width: 330px;
margin-left:0;
letter-spacing:0.1px;
line-height:1.2;
font-size:13px;
color:#666666;
}

p.right {
margin-left:380px;
}

div#rakuten {
height: 70px;
margin-top:10px;
margin-left:20px;
}

div#rakuten a:hover {
background: url(../img/clickable.gif) no-repeat;
}