*{
margin: 0;
padding: 0;
font-weight:normal;
}

a{
color: blue;
}

a:visited{
color: #3366FF;
}

a:hover{
 color: #FF0000;
}

body{
text-align: center;
}

#container{
width:800px;
margin:0px auto;
text-align:left;
background: url(img/bg2.gif) repeat;
}

#top{
margin-bottom:10px;
}

#top h1{
margin-top:10px;
font-size: 20px;
font-weight: normal;
font-family:"HG創英角ｺﾞｼｯｸUB";
color: gray;
padding: 128px 10px 0px 0px;
background: url("img/top.jpg") no-repeat;
text-align: right;
}

#top h2{
margin:0px;
height: 18px;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
color: #000000;
padding: 5px 0px 0px 10px;
background:#dee6ee;
text-align: left;
}

#main{
float: right;
width: 540px;
text-align: left;
margin:0px 0px 0px 0px;
}

#main h3{
padding: 6px 0px 5px 40px;
font-size:16px;
color:navy;
font-weight:bold;
background:#ffe570 url(img/main-h3.jpg) left top no-repeat;
border-width: 2px 0px 0px 0px;
border-color: #ffcc01;
border-style: solid;
}

.desc{
margin-bottom:0px;
background:#ffffff;
border-width: 0px 2px 2px 2px;
border-color: silver;
border-style: solid;
}

.desc p{
padding:10px 10px 0px 20px;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
line-height: 130%;
}

.desc p.sikaku{
margin-left: 20px;
background: url(img/sikaku.gif) no-repeat left 10px;
padding-top:10px;
padding-left:85px;
color: #359a03;
font-weight:bold;
}

.desc p.kouza{
margin-left: 20px;
background: url(img/kouza.gif) no-repeat left 10px;
padding-top:10px;
padding-left:85px;
color: #359a03;
font-weight:bold;
}

.desc p.kyouzai{
margin-left: 20px;
background: url(img/kyouzai.gif) no-repeat left 10px;
padding-top:10px;
padding-left:85px;
color: #359a03;
font-weight:bold;
}

.desc p.ginou{
margin-left: 20px;
background: url(img/ginou.gif) no-repeat left 10px;
padding-top:10px;
padding-left:85px;
color: #359a03;
font-weight:bold;
}

.desc p.merit{
margin-left: 20px;
background: url(img/merit.gif) no-repeat left 10px;
padding-top:10px;
padding-left:85px;
color: #359a03;
font-weight:bold;
}

.desc p.hoka{
margin-left: 20px;
background: url(img/hoka.gif) no-repeat left 10px;
padding-top:10px;
padding-left:85px;
color: #359a03;
font-weight:bold;
}

.desc p.osusume{
height:30px;
margin-top: 10px;
margin-left: 20px;
background: url(img/osusume.gif) no-repeat left center;
padding-top:20px;
padding-left:70px;
color: red;
font-weight:bold;
}

.desc p.point{
height:18px;
margin-top: 10px;
margin-left: 20px;
background: url(img/point1.gif) no-repeat left center;
padding-top:5px;
padding-left:70px;
color: #000000;
font-weight:bold;
}

.desc p.pr{
margin-top: 10px;
margin-left: 20px;
background: url(img/dot-orab.gif) no-repeat left -4px;
padding-top:0px;
padding-left:25px;
color: #359a03;
font-weight:bold;
font-size: 12px;
}

.desc p.pr2{
margin-bottom: 5px;
margin-left: 20px;
background: url(img/dot-orab.gif) no-repeat left center;
padding-top:10px;
padding-left:25px;
font-family:"HG創英角ｺﾞｼｯｸUB";
color: #359a03;
font-weight:normal;
font-size: 15px;
}

.desc p.tyuui{
height:18px;
margin-top: 10px;
margin-left: 35px;
background: url(img/tyuui.gif) no-repeat left center;
padding-top:5px;
padding-left:30px;
color: #000000;
font-size:11px;
}

.desc p.yen{
margin-left: 20px;
background: url(img/yen.gif) no-repeat left center;
padding-top:10px;
padding-left:30px;
color: #359a03;
font-weight:bold;
}

.desc p.box1{
margin: 10px;
padding:10px;
border-width: 1px;
border-color: #ff8c62;
border-style: solid;
background:#fffacd;
}

.desc p.bana{
margin:5px 0px 0px 0px;
padding-left:10px; 
padding-bottom:10px;
text-align: center;
}

.desc p.guide{
margin: 10px 10px 0px 10px;
background: red;
padding:3px 0px 3px 25px;
color: #ffffff;
font-weight:bold;
}

.desc p.bana2{
margin:0px;
padding-left:20px; 
padding-bottom:10px;
text-align: left;
}

.desc2{
margin-bottom:0px;
padding-bottom:10px;
background:#ffffff;
}

.desc2 p{
padding:10px 10px 0px 10px;
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
line-height: 130%;
}

.desc2 p.guide{
margin-top: 10px;
background: red;
padding:3px 0px 3px 25px;
color: #ffffff;
font-weight:bold;
}





/*------------- 　表  ----------*/

.desc table {
margin: 0px 10px 0px 10px;
border-width: 0px 0px 1px 1px;
border-color: #ff8c62;
border-style: solid;
table-layout :fixed;
}

.desc th {
padding-left:5px;
color: #333333;
font-size: small;
font-weight: bold;
line-height: 130%;
text-align: left;
border-width: 1px 1px 0px 0px;
border-color: #ff8c62;
border-style: solid;
}


.desc td {
padding-left:5px;
color: #333333;
font-size: small;
font-weight: normal;
line-height: 130%;
border-width: 1px 1px 0px 0px;
border-color: #ff8c62;
border-style: solid;
}

.th2 {
width:30%;
background-color:#fffacd;
}

.td2 {
width:70%;
}

.th3 {
width:40%;
background-color:#fffacd;
}

.td3 {
width:60%;
}












.desc2 table {
margin: 0px 0px 0px 0px;
border-width: 0px 0px 1px 1px;
border-color: #ff8c62;
border-style: solid;
table-layout :fixed;
}

.desc2 th {
padding-left:5px;
color: #333333;
font-size: small;
font-weight: bold;
line-height: 130%;
text-align: left;
border-width: 1px 1px 0px 0px;
border-color: #ff8c62;
border-style: solid;
}


.desc2 td {
padding-left:5px;
color: #333333;
font-size: small;
font-weight: normal;
line-height: 130%;
border-width: 1px 1px 0px 0px;
border-color: #ff8c62;
border-style: solid;
}

.th1{
width:30%;
background-color:#fffacd;
}

.td1{
width:70%;
}


/*------------- 　more  ----------*/

.more{
margin:0px 0px 0px 0px;
background: #ffffff;
}

.more p{
padding-top:10px;
font-size: 13px;
font-color: #333333;
line-height: 130%;
}

.more p.guide{
margin-top: 0px;
background: red;
padding:3px 0px 3px 25px;
color: #ffffff;
font-weight:bold;
font-size: 14px;
}

.more table{
margin: 0px 0px 10px 0px;
border-width: 0px 0px 1px 1px;
border-color: #ff8c62;
border-style: solid;
table-layout :fixed;
}

.more th{
padding-left:5px;
color: #333333;
font-size: small;
font-weight: bold;
line-height: 130%;
text-align: left;
border-width: 1px 1px 0px 0px;
border-color: #ff8c62;
border-style: solid;
}

.more td{
padding-left:5px;
color: #333333;
font-size: small;
font-weight: normal;
line-height: 130%;
border-width: 1px 1px 0px 0px;
border-color: #ff8c62;
border-style: solid;
}


/*------------- 　menu  ----------*/

#menu{
margin-left:4px;
float:left;
width: 245px;
background: #ffffff;

}

#menu h4{
font-size:16px;
font-weight:bold;
color:#000000;
padding:6px 0px 5px 20px;
background:#edf1ff url(img/sidemenu.gif) left top no-repeat;
border-width: 2px 0px 0px 0px;
border-color: #becdeb;
border-style: solid;
}

#menu h5{
font-size:16px;
font-weight:bold;
color:#000000;
padding:6px 0px 5px 20px;
background:#ddf5dd url(img/ranking.gif) left top no-repeat;
border-width: 2px 0px 0px 0px;
border-color: #9fd9a0;
border-style: solid;
}

#menu h6{
font-size:16px;
font-weight:bold;
color:#000000;
padding:6px 0px 5px 20px;
background:#ffeae2 url(img/women.gif) left top no-repeat;
border-width: 2px 0px 0px 0px;
border-color: #ff7a6b;
border-style: solid;
}

#menu ul{
margin:5px 0px 5px 0px;
list-style-type:none;
}

#menu ul li.kyuuhu{
margin-top:7px;
margin-left:7px;
padding-left:25px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/menu-kyu.gif) left center no-repeat;
}

#menu ul li.sikaku{
margin-top:7px;
margin-left:7px;
padding-left:25px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/menu-sikaku.gif) left center no-repeat;
}

#menu ul li.jituyou{
margin-top:7px;
margin-left:7px;
padding-left:25px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/menu-jituyo.gif) left center no-repeat;
}

#menu ul li.syumi{
margin-top:7px;
margin-left:7px;
padding-left:25px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/menu-syumi.gif) left center no-repeat;
}

#menu ul li.cup1{
height:21px;
margin-top:7px;
margin-left:7px;
padding-left:35px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/cup1.gif) left center no-repeat;
}

#menu ul li.cup2{
height:21px;
margin-top:7px;
margin-left:7px;
padding-left:35px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:#f5f5f5 url(img/cup2.gif) left center no-repeat;
}

#menu ul li.cup3{
height:21px;
margin-top:7px;
margin-left:7px;
padding-left:35px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/cup3.gif) left center no-repeat;
}

#menu ul li.cup4{
height:21px;
margin-top:7px;
margin-left:7px;
padding-left:35px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:#f5f5f5 url(img/cup4.gif) left center no-repeat;
}

#menu ul li.cup5{
height:21px;
margin-top:7px;
margin-left:7px;
padding-left:35px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/cup5.gif) left center no-repeat;
}

#menu ul li.hoiku{
height:25px;
margin-top:5px;
margin-left:7px;
padding-top:10px;
padding-left:35px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/hoiku.gif) left center no-repeat;
}

#menu ul li.isu{
height:25px;
margin-left:7px;
padding-top:10px;
padding-left:35px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/isu.gif) left center no-repeat;
}

#menu ul li.color{
height:25px;
margin-left:7px;
padding-top:10px;
padding-left:35px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/color.gif) left center no-repeat;
}

#menu ul li.pop{
height:25px;
margin-left:7px;
padding-top:10px;
padding-left:35px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/pop.gif) left center no-repeat;
}

#menu ul li.hanbai{
height:25px;
margin-left:7px;
padding-top:10px;
padding-left:35px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/hanbai.gif) left center no-repeat;
}

#menu ul li.sika{
height:25px;
margin-top:5px;
margin-left:7px;
padding-top:10px;
padding-left:35px;
font-size: 12px;
text-align:left;
line-height:1.5em;
background:url(img/sika.gif) left center no-repeat;
}


#itiran{
width:800px;
margin:0px 0px 0px 0px;
}

#itiran h4{
padding: 4px 0px 4px 0px;
font-size:15px;
color:navy;
font-weight:bold;
background:#b5edde url(img/itiran-h4.jpg) left top no-repeat;
text-align: center;
}

.cate-cell-w{
margin:5px 0px 5px 0px;
background:#ffffff;
}

.cate-cell-w h5{
padding:3px 0px 3px 0px;
font-size:13px;
font-weight:bold;
color:#000000;
background:#edf1ff url(img/obi-h5w.gif) left top no-repeat;
text-align: center;
}

.cate-cell-w ul{
height:75px;
border-width: 0px 1px 1px 1px;
border-color: #b5edde;
border-style: solid;
}

.cate-cell-w li{
float:left;
background:url(img/dot-ora.gif) no-repeat left center;
font-size:11px;
padding-top:5px;
padding-left:15px;
line-height: 110%;
list-style-type:none;
white-space:nowrap;
}

.cate-cell{
float:left;
width:263px;
margin:5px 3px 5px 0px;
background:#ffffff;
}

.cate-cell h5{
padding:3px 0px 3px 0px;
font-size:13px;
font-weight:bold;
color:#000000;
background:#edf1ff url(img/obi-h5.gif) left top no-repeat;
text-align: center;
}

.cate-cell ul{
height:75px;
border-width: 0px 1px 1px 1px;
border-color: #b5edde;
border-style: solid;
}

.cate-cell li{
float:left;
background:url(img/dot-ora.gif) no-repeat left center;
font-size:11px;
padding-top:5px;
padding-left:15px;
line-height: 110%;
list-style-type:none;
white-space:nowrap;
}

#foot{
margin-top:5px;
padding-top:7px;
width:800px;
height:30px;
text-align: center;
font-size:12px;
color: blue;
background:url(img/foot.gif) repeat-x;
clear:both;
}

#foot p a{
text-decoration: none;
font-style:normal;
color: blue;
}


img{
border:none;
}

.clear {
clear:both;
}

/*------------- 　文字  ----------*/


.red  {color: red; font-weight: normal}
.redb {color: red; font-weight: bold}
.redl {color: red; font-weight: bold; font-size: 16px}

.blue  {color: blue; font-weight: normal}
.blueb {color: blue; font-weight: bold}
.bluel {color: blue; font-weight: bold; font-size: 16px}

.green  {color: green; font-weight: normal}
.greenb {color: green; font-weight: bold}
.greenl {color: green; font-weight: bold; font-size: 16px}

.orange  {color: orange; font-weight: normal}
.orangeb {color: orange; font-weight: bold}
.orangel {color: orange; font-weight: bold; font-size: 16px}

.yellow  {background-color: yellow; font-weight: normal}



p a.aaa {
cursor: text;
color: #333333;
text-decoration:none;
}

p a.aaa:visited {
color: #333333;
}

p a.aaa:hover {
color: #333333;
}

