/* initialize */
a{
margin:0;
padding:0;
}
img{
border:none;
margin:0;
padding:0;
}
form{
margin: 0;
padding: 0;
}
body{
margin:0;
padding:0;
font-size:12px;
line-height: 18px;
color: #333;
background-color:#f0eee6;
}

/*link*/
a:link{
color:#3399cc;
text-decoration: none;
}
a:visited{
color:#3399cc;
text-decoration: none;
}
a:hover{
color:#33cc33;
text-decoration: none;
}
a:active{
color:#3399cc;
text-decoration: none;
}

/* main setting */
#Wrapper{
width: 955px;
margin:0 auto;
padding:0;
text-align: center;
background: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#Header{
width: 922px;
height: 100px;
margin:0;
padding:0 13px 0 20px;
background: url(../img/bgHeader.jpg) no-repeat;
}
h1#Logo{
float: left;
margin: 15px 0 0;
padding: 0;
font-size: 12px;
text-indent:-9999px;
background: url(../img/logoHeader.jpg) no-repeat;
}
h1#Logo a{
display: block;
width: 163px;
height: 46px;
}

ul#SubNavi{
float: right;
margin: 0;
padding: 0;
list-style: none;
}
ul#SubNavi li{
float: left;
list-style: none;
}
ul#SubNavi li#gn01 a, ul#SubNavi li#gn02 a, ul#SubNavi li#gn03 a{
display: block;
width: 85px;
height:29px;
margin: 0 7px 0 0;
padding: 0;
text-indent: -9999px;
}
ul#SubNavi li#gn01 a{
background: url(../img/btnHeader01.gif) no-repeat;
}
ul#SubNavi li#gn02 a{
background: url(../img/btnHeader02.gif) no-repeat;
}
ul#SubNavi li#gn03 a{
background: url(../img/btnHeader03.gif) no-repeat;
}
ul#SubNavi li#gnCap{
clear: left;
margin: 13px 0 0;
text-align: right;
color: #54bd01;
}
p#HeaderCaption{
margin: 10px 0 0 0;
}
#Menu{
width: 930px;
height: 22px;
margin:0;
padding:5px 5px 0 20px;
color: #FFF;
background: url(../img/bgHeaderBtm.gif) repeat-x;
}
ul#SubNaviLeft{
float: left;
margin: 0;
padding: 0;
list-style: none;
}
ul#SubNaviLeft li{
margin: 0;
padding: 0 0 0 19px;
list-style: none;
background: url(../img/iconTv.gif) no-repeat;
}
ul#SubNaviRight{
float: right;
margin: 0;
padding: 0;
list-style: none;
}
ul#SubNaviRight li{
float: left;
margin: 0;
padding: 0;
list-style: none;
}
ul#SubNaviRight li#sr01 a{
background: url(../img/iconHome.gif) no-repeat;
}
ul#SubNaviRight li#sr02 a{
background: url(../img/iconHmn01.gif) no-repeat;
}
ul#SubNaviRight li#sr03 a{
background: url(../img/iconHmn02.gif) no-repeat;
}
ul#SubNaviRight li a:link, ul#SubNaviRight li a:visited{
margin: 0 15px 0 0;
padding: 1px 0 1px 17px;
color: #fff;
}
ul#SubNaviRight li a:hover, ul#SubNaviRight li a:active{
margin: 0 15px 0 0;
padding: 1px 0 1px 17px;
color: #ff9900;
}

#Content{
width: 945px;
height: 1%;
overflow: hidden;
margin: 10px 0 30px;
padding: 0 5px;
}
#LeftArea{
float: left;
width: 733px;
height: 1%;
overflow: hidden;
margin: 0;
padding: 0;
}
#LeftSide{
float: left;
width: 170px;
margin: 0;
padding: 0;
}
ul#LeftMenu{
margin: 0;
padding: 0;
list-style: none;
}
ul#LeftMenu li{
margin: 0 0 10px;
padding: 0;
list-style: none;
}
div.LeftBox, div.LeftBox h3{
width: 170px;
margin: 0;
padding: 0;
}
div.LeftBox form{
margin: 0;
padding: 0;
}
div.LeftBoxInn{
width: 158px;
margin: 0;
padding: 10px 5px;
text-align: left;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
div.LeftBoxInnTop{
width: 158px;
margin: 0 0 4px;
padding: 10px 5px;
text-align: left;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;;
}
div.LeftBoxInnBtm{
width: 158px;
margin: 0;
padding: 10px 5px;
text-align: left;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;;
}
label.LeftLabel{
display: block;
margin: 0 0 7px;
}
input.LeftTextS{
width: 124px;
height: 20px;
margin: 0 0 0 5px;
border: 1px solid #777;
}
input.LeftTextL{
width: 154px;
height: 20px;
margin: 5px 0 0;
border: 1px solid #777;
}
select.LeftSelect{
width: 154px;
height: 20px;
margin: 5px 0 0;
border: 1px solid #777;
}
p.LeftSubmit{
margin: 0 0 5px;
text-align: right;
}
p.LeftBtn{
margin: 0;
text-align: right;
}

ul#LeftMenuList, ul#LeftGenreList{
margin: 0;
padding: 0;
list-style: none;
}
ul#LeftMenuList li, ul#LeftGenreList li{
margin: 0;
padding: 0 0 0 12px;
list-style: none;
font-size: 10px;
}
ul#LeftMenuList li{
background: url(../img/iconArrowPink.gif) no-repeat 0.2em;
}
ul#LeftGenreList li{
background: url(../img/iconArrowBlue.gif) no-repeat 0.2em;
}
ul#LeftGenreList li a:link, ul#LeftGenreList li a:visited, ul#LeftMenuList li a:link, ul#LeftMenuList li a:visited{
color: #333;
text-decoration: none;
}
ul#LeftGenreList li a:hover, ul#LeftGenreList li a:active, ul#LeftMenuList li a:hover, ul#LeftMenuList li a:active{
color: #3399cc;
text-decoration: none;
}
#LeftSideBnr{
width: 120px;
margin: 0 auto;
padding: 0;
}
#LeftSideBnr p{
margin: 15px 0 0;
padding: 0;
font-size: 10px;
line-height:14px;
text-align: left;
}
#Main{
float: right;
width: 550px;
}
.MainBox01{
width: 550px;
height: 1%;
overflow: hidden;
margin: 0 0 15px;
padding: 64px 0 0;
text-align: left;
background: url(../img/illMain01.jpg) no-repeat;
}
.MainBox02{
width: 550px;
height: 1%;
overflow: hidden;
margin: 0 0 15px;
padding: 60px 0 0;
text-align: left;
background: url(../img/illMain02.jpg) no-repeat;
}
.MainBox02 p{
margin: 12px 0;
}
.MainBox03{
width: 550px;
height: 1%;
overflow: hidden;
margin: 0 0 15px;
padding: 0;
text-align: left;
}
.MainBox03 p{
margin: 0 0 10px;
}
.MainBox03 p.mainSubTitle{
margin: 10px 0;
}
.MainBox03 p.mainSpecialBox{
margin: 0 auto 10px;
padding: 10px;
text-align: left;
border: 1px dotted #ff9600;
background: #fcffe5;
}
.MainBox03 p.mainSpecialBox span{
font-size: 14px;
line-height: 24px;
font-weight:bold;
color: #54bc00;
text-align: center;
}
.MainBox03 p.mainSpecialBox b{
font-size: 12px;
line-height: 20px;
font-weight:bold;
color: #ff9900;
text-align: center;
}
.MainBox03 p.mainNote{
margin: 0;
}

.MainBox04{
width: 550px;
height: 1%;
overflow: hidden;
margin: 0 0 20px;
padding: 60px 0 0;
text-align: left;
background: url(../img/illMain03.jpg) no-repeat;
}

h2.MainTitle{
width: 524px;
height: 21px;
margin: 0;
padding: 5px 0 0 26px;
font-size: 12px;
font-weight: normal;
background: url(../img/titMainBg.gif) no-repeat;
}
h2.MainMyTitle{
clear: left;        
width: 524px;
height: 22px;
margin: 0;
padding: 3px 0 0 26px;
font-size: 12px;
font-weight: normal;
background: url(../img/titMyMenuBg.gif) no-repeat;
}

p.MainMidashi{
width: 540px;
height: 23px;
margin: 0;
padding: 4px 0 0 10px;
color: #fff;
background: url(../img/bgHeaderBtm.gif) repeat-x;
}

/*  ニュース関連 */
div.newsBox{
width: 100%;
}
div.newsBox p{
padding: 0 10px 10px;
}
div.newsBox p.newsDetailTit{
margin: 15px 0;
padding: 0 0 10px;
border-bottom: 1px dotted #cccccc; 
}
div.newsBox p.newsDetailTit span{
font-size: 10px;
color: #ff9900;
}
div.newsBox p.newsDetailImg{
margin: 0 auto;
text-align: center;
}

ul#News{
margin: 15px 0;
padding: 0;
list-style: none;
}
ul#TopNews{
float: left;
margin: 7px 0 0;
padding: 0;
list-style: none;
}
ul#TopNews{
width: 265px;
}
ul#TopNews li, ul#News li{
margin: 0 0 3px;
padding: 0 10px 3px;
list-style: none;
border-bottom: 1px dotted #ddd;
}
ul#TopNews li.TopNewsDay, ul#News li.NewsDay{
margin: 0 0 0 10px;
padding: 0 0 0 20px;
list-style: none;
font-size: 10px;
border: none;
background: url(../img/iconBlog.gif) no-repeat 0;
}
ul#TopNews li.TopNewsLink, ul#News li.NewsLink{
margin: 0;
padding: 0;
list-style: none;
font-size: 10px;
text-align: right;
border: none;
}
ul#TopNews li span.TopNewsTit{
font-size: 12px;
font-weight: bold;
color: #ff9600;
}

/*  スペシャル関連 */
dl.Special{
float: right;
display: block;
overflow: hidden;
width: 255px;
height: 1%;
margin: 10px 0 0;
padding: 0 10px 0 0;
}
dl.Special dt{
float: left;
margin: 0;
padding: 0 6px 0 0;
}
dl.Special dt a:link, dl.Special dt a:visited{
display: block;
width: 50px;
height: 50px;
padding: 2px;
border: 2px solid #ddd;
background: #fff;
}
dl.Special dt a:hover, dl.Special dt a:active{
display: block;
width: 50px;
height: 50px;
padding: 2px;
border: 2px solid #ff9600;
}
dl.Special dd{
margin: 0;
padding: 0;
font-size: 12px;
line-height: 15px;
}
dl.Special dd a{
font-size: 12px;
line-height: 18px;
font-weight: bold;
color: #ff9600;
}


div.MainMessMds{
width: 530px;
height: 23px;
margin: 0;
padding: 4px 10px 0;
color: #fff;
background: url(../img/bgHeaderBtm.gif) repeat-x;
}
div.MainMessMds p.MMMLeft, div.MainMessMds p.MMMRight{
margin: 0;
padding: 0;
}
div.MainMessMds p.MMMLeft{
float: left;
}
div.MainMessMds p.MMMRight{
float: right;
}

dl.BlogLeft, dl.BlogRight{
width: 260px;
height: 78px;
overflow: hidden;
margin: 12px 0 0;
padding: 5px 4px;
border: 1px solid #ccc;
}
dl.BlogLeft{
float: left;
}
dl.BlogRight{
float: right;
}
dl.BlogLeft dt, dl.BlogRight dt{
float: left;
margin: 0;
padding: 0 5px 0 0;
}
dl.BlogLeft dd.BlogTitLeft, dl.BlogRight dd.BlogTitRight{
margin: 0;
padding: 0 0 5px;
}
dl.BlogLeft dd{
margin: 0;
padding: 0;
}

.MainBnr{
width: 530px;
height: 1%;
overflow: hidden;
margin: 0 auto 5px;
padding: 0;
text-align: center;
}
.MainBnr h2{
margin: 0 0 10px;
padding: 0;
}
.MainBnr ul{
width: 480px;
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center;
}
.MainBnr ul li.MainBnrLeft{
float: left;
margin: 0;
padding: 0;
}
.MainBnr ul li.MainBnrRight{
float: right;
margin: 0;
padding: 0;
}
.MainBnr p{
margin: 0 0 10px;
padding: 0;
}

ul#MainMyMenu{
margin: 0;
padding: 0;
list-style: none;
}
ul#MainMyMenu li{
float: left;
height: 30px;
margin: 0;
padding: 0;
list-style: none;
}
.tableILBox{
clear: both;
width: 100%;
margin: 7px auto 0;
padding: 0;
text-align: center;
}
.tableILBox td{
width: 25%;
margin: 0;
padding: 5px;
vertical-align: top;
}
.tableTxtBoxTop{
width: 548px;
margin: 12px auto;
padding: 0;
text-align: center;
border: 1px solid #d5e1ab;
border-collapse: collapse;
}
.tableTxtBoxTop th.TxtBoxTopTh100, .tableTxtBoxTop th.TxtBoxTopTh60, .tableTxtBoxTop th.TxtBoxTopTh50, .tableTxtBoxTop th.TxtBoxTopTh38, .tableTxtBoxTop th.TxtBoxTopTh34, .tableTxtBoxTop th.TxtBoxTopTh33, .tableTxtBoxTop th.TxtBoxTopTh30, .tableTxtBoxTop th.TxtBoxTopTh28, .tableTxtBoxTop th.TxtBoxTopTh22, .tableTxtBoxTop th.TxtBoxTopTh20, .tableTxtBoxTop th.TxtBoxTopTh10, .tableTxtBoxTop th.TxtBoxTopTh50Le, .tableTxtBoxTop th.TxtBoxTopTh30Le{
margin: 0;
padding: 6px;
font-weight: normal;
color: #333;
border: 1px solid #d5e1ab;
background: #e6ff8e;
}
.tableTxtBoxTop th.TxtBoxTopTh100{
width: 100%;
}
.tableTxtBoxTop th.TxtBoxTopTh60{
width: 60%;
}
.tableTxtBoxTop th.TxtBoxTopTh50{
width: 50%;
}
.tableTxtBoxTop th.TxtBoxTopTh50Le{
width: 50%;
text-align: left;
}
.tableTxtBoxTop th.TxtBoxTopTh50Le2{
width: 50%;
margin: 0;
padding: 6px 6px 6px 25px;
font-weight: normal;
text-align: left;
color: #333;
background: url(../img/iconComment2.gif) no-repeat 0.5em #e6ff8e;
}
.tableTxtBoxTop th.TxtBoxTopTh50Ri{
width: 50%;
margin: 0;
padding: 6px;
font-weight: normal;
text-align: right;
color: #333;
background: #e6ff8e;
}
.tableTxtBoxTop th.TxtBoxTopTh38{
width: 38%;
}
.tableTxtBoxTop th.TxtBoxTopTh34{
width: 34%;
}
.tableTxtBoxTop th.TxtBoxTopTh33{
width: 33%;
}
.tableTxtBoxTop th.TxtBoxTopTh30{
width: 30%;
}
.tableTxtBoxTop th.TxtBoxTopTh30Le{
width: 30%;
text-align: left;
}
.tableTxtBoxTop th.TxtBoxTopTh28{
width: 28%;
}
.tableTxtBoxTop th.TxtBoxTopTh22{
width: 22%;
}
.tableTxtBoxTop th.TxtBoxTopTh20{
width: 20%;
}
.tableTxtBoxTop th.TxtBoxTopTh10{
width: 10%;
}
.tableTxtBoxTop td{
margin: 0;
padding: 6px;
border: 1px solid #d5e1ab;
background:#fff;
}
.tableTxtBoxTop tr.TxtBoxTopTdBold{
margin: 0;
padding: 6px;
font-weight: bold;
border: 1px solid #d5e1ab;
background:#fff;
}
.tableTxtBoxTop td.TxtBoxTopTdLe{
margin: 0;
padding: 6px;
text-align: left;
color:#777;
border: 1px solid #d5e1ab;
background:#fff;
}
.tableTxtBoxTop td.TxtBoxTopTdRi{
margin: 0;
padding: 6px;
text-align: right;
color:#777;
border: 1px solid #d5e1ab;
background:#fff;
}
.tableBtnBox{
width: 550px;
margin: 0 auto;
padding: 0;
text-align: center;
}
.tableBtnBox td.tableBtnBoxTdL, .tableBtnBox td.tableBtnBoxTdR{
margin: 0;
padding: 6px;
background:#fff;
}
.tableBtnBox td.tableBtnBoxTdL{
text-align: left;
}
.tableBtnBox td.tableBtnBoxTdR{
text-align: right;
}
.tableTxtBoxLeft{
width: 548px;
margin: 12px auto;
padding: 0;
border: 1px solid #d5e1ab;
border-collapse: collapse;
}
.tableTxtBoxLeft th{
width: 23%;
margin: 0;
padding: 6px;
font-weight: normal;
color: #333;
border: 1px solid #d5e1ab;
background: #e6ff8e;
}
.tableTxtBoxLeft th.TTBL26{
width: 26%;
margin: 0;
padding: 6px;
font-weight: normal;
color: #333;
border: 1px solid #d5e1ab;
background: #e6ff8e;
}
.tableTxtBoxLeft th.TTBL15{
width: 15%;
margin: 0;
padding: 6px;
font-weight: normal;
color: #333;
border: 1px solid #d5e1ab;
background: #e6ff8e;
}
.tableTxtBoxLeft td{
margin: 0;
padding: 6px;
border: 1px solid #d5e1ab;
}
.ItemTd2{
width: 50%;
margin: 10px auto 0;
padding: 0px;
text-align: center;
}
.ItemTd3{
width: 75%;
margin: 10px auto 0;
padding: 0;
text-align: center;
}
.ItemTd4{
width: 100%;
margin: 10px auto 0;
padding: 0 5px;
text-align: center;
}
.textCation10, .textCation12{
margin: 0;
text-align: left;
color: #ff3300;
}
.textCation10{
font-size: 10px;
}
.textCation12{
font-size: 12px;
}
.textNote10, .textNote12{
margin: 0;
text-align: left;
color: #999;
}
.textNote10{
margin: 6px 0;
font-size: 10px;
}
.textNote12{
margin: 6px 0;
font-size: 12px;
}
ul.MainBtnList{
margin: 10px auto 15px;
padding: 0;
list-style: none;
text-align: center;
}
ul.MainFormBtn{
margin: 10px auto 0;
padding: 0;
list-style: none;
text-align: center;
}
ul.MainBtnList li, ul.MainFormBtn li{
display: inline;
margin: 0 5px 0;
list-style: none;
text-align: center;
}
/* 090522追加　通報ボタン */
ul.MainBtnListTip{
margin: 50px auto 15px;
padding: 0;
list-style: none;
text-align: center;
}
ul.MainBtnListTip li{
display: inline;
margin: 0 5px 0;
list-style: none;
text-align: center;
}

p.MainTxtCtr{
margin: 30px auto 0;
padding: 0;
list-style: none;
text-align: center;
}
p.btnImgCtr{
margin: 12px auto;
padding: 0;
list-style: none;
text-align: center;
}
p.MainTxtRgt{
margin: 0 0 12px;
text-align: right;
}
p.ItemName{
margin: 12px auto;
padding: 0;
text-align: center;
}
p.ItemPhoto{
margin: 0 auto;
text-align: center;
}

table.ItemPhotoList{
margin: 10px auto 0 ;
}
table.ItemPhotoList td{
width: 20%;
margin: 0 auto;
padding: 5px;
}
form.FormComment{
width: 500px;
margin: 0 auto;
text-align: center;
}
form.FormComment textarea{
width: 500px;
margin: 0;
border: 1px solid #999;
}
form.FormItemRgt textarea{
width: 300px;
margin: 0;
border: 1px solid #999;
}
form.FormItemRgt input{
width: 300px;
margin: 0;
border: 1px solid #999;
}
form.FormItemRgt select{
margin: 0;
border: 1px solid #999;
}

.Pager{
display: block;
overflow: hidden;
width: 550px;
height: 1%;
margin: 15px 0 0;
padding: 0;
}
.Pager p.PagerLeft{
display: inline;
float: left;
height: 20px;
margin: 0;
padding: 0;
}
.Pager p.PagerLeft span{
margin: 0;
padding: 0 4px;
font-size: 11px;
color: #fff;
border: 1px solid #d5e1ab;
background: #a2ca19;
}
.Pager p.PagerLeft a:link, .Pager p.PagerLeft a:visited{
margin: 0;
padding: 0 4px;
font-size: 11px;
border: 1px solid #d5e1ab;
background: #fff;
}
.Pager p.PagerLeft a:hover, .Pager p.PagerLeft a:active{
margin: 0;
padding: 0 4px;
font-size: 11px;
color: #fff;
border: 1px solid #d5e1ab;
background: #ff9900;
}
.Pager p.PagerRight{
display: inline;
float: right;
margin: 0;
padding: 0;
}

.Message{
width: 548px;
margin: 10px auto;
padding: 10px 0;
font-weight: bold;
text-align: center;
color: #333;
border: 1px solid #ccc;
background: #e6ff8e;
}
p.Alaert{
width: 350px;
margin: 10px auto;
padding: 10px 0;
font-weight: bold;
text-align: center;
color: #ff3300;
border: 1px solid #ccc;
background: #e6ff8e;
}
p.AlaertB{
width: 548px;
margin: 10px auto;
padding: 10px 0;
font-weight: bold;
text-align: center;
color: #ff3300;
border: 1px solid #ccc;
background: #e6ff8e;
}
p.Error{
width: 548px;
margin: 10px auto;
padding: 10px 0;
font-weight: bold;
text-align: center;
color: #ff3300;
border: 1px solid #ccc;
background: #fff100;
}
p.Cation{
margin: 10px auto;
padding: 0;
font-weight: bold;
text-align: center;
color: #ff3300;
}
p.memTopMess{
margin: 10px auto 20px;
padding: 15px;
text-align: center;
border: 1px solid #ccc;
background: #F4FFCF;
}
p.memTopCation{
margin: 10px auto 20px;
padding: 15px;
font-weight: bold;
text-align: center;
color: #ff3300;
border: 1px solid #ccc;
background: #F4FFCF;
}

/* 100324 カテゴリーリスト */
.CategoryBox{
width: 100%;
height: 1%;
overflow: hidden;
margin: 0;
padding: 0;
text-align: left;
}
h2.CategoryMyTitle{
clear: left;        
width: 100%;
height: 22px;
margin: 0;
padding: 3px 0 0 26px;
font-size: 12px;
font-weight: normal;
background: url(../img/titMyMenuBg.gif) repeat-x;
}
p.CategoryMidashi{
width: 100%;
height: 23px;
margin: 0;
padding: 4px 0 0 10px;
color: #fff;
background: url(../img/bgHeaderBtm.gif) repeat-x;
}

div#category_preview{
 padding-bottom: 4px;
}
div#categorySelectList{
 width: 100%;
 height: 100%;
 padding: 10px 20px 10px 20px;
 background: #fff;
}
div.categorySelectInn{
 margin-bottom: 3px;
}
a.categorySelectListPlus{
 color: #333;
}
a.categorySelectListPlus{
 color: #333;
}
img.categorySelectListBtn{
 margin-right:4px;
 text-align:left;
}

div#categorySelectList ul{
 margin: 0;
 padding-left: 15px;
 list-style: none;
}
div#categorySelectList ul li{
 padding-left: 13px;
 background: url(../img/iconArrowBlue.gif) no-repeat 0.2em;
}


ul.CommonList{
margin: 12px 0 0 24px;
padding: 0;
}
ul.CommonList li{
margin: 0 0 5px;
padding: 0;
}

ul#SitemapList{
margin: 12px 0 0;
padding: 0 0 0 15px;
}
ul#SitemapList li{
margin: 0 0 10px;
padding: 0 0 0 12px;
list-style: none;
background: url(../img/iconArrowBlue.gif) no-repeat 0 0.5em;
}

ul#UrlList{
margin: 30px 0 0;
padding: 12px 12px 2px;
border: 1px solid #d5e1ab;
background: #e6ff8e;
}
ul#UrlList li{
margin: 0 0 10px;
padding: 0 0 0 12px;
list-style: none;
background: url(../img/iconArrowBlue.gif) no-repeat 0 0.5em;
}
ul#UrlList li.UrlListTit{
margin: 0 0 10px;
padding: 0;
list-style: none;
font-weight: bold;
background: none;
}

table#map{
width: 456px;
height: 250px;
margin: 12px auto 12px;
padding: 0;
text-align: center;
border: 0;
}
table#map td{
margin: 0;
padding: 1px;
border: 0;
}

.ruleBox {
  height:150px;
  overflow: auto;
  background-color:#f0fcf0;
  padding:2px 5px 2px 5px;
  border:1px solid #d5e1ab;
}

/* 3R */
dl.threeRListTa, dl.threeRListTb{
height: 1%;
overflow: hidden;
margin: 20px 0 15px;
padding: 0;
}
dl.threeRListTa dt{
float: left;
margin: 0 16px 0 0;
padding: 0;
}
dl.threeRListTb dt{
float: left;
margin: 0;
padding: 0;
}
dl.threeRList dd, dl.threeRListTb dd{
margin: 0;
padding: 0;
}
span.threeRTit{
font-size: 16px;
font-weight: bold;
color: #54bc00;
}
strong.threeRSrg{
color: #54bc00;
}


#RightArea{
float: right;
width: 200px;
margin: 0;
padding: 0;
}
.RightBox{
width: 200px;
margin: 0 0 5px;
padding: 0;
text-align: left;
}
.RightBoxCenter {
width:200px;
margin:0 auto 5px;
padding:0;
text-align:center;
}
.RightBox h4{
width: 200px;
margin: 0;
padding: 0;
}
.RightBox p.RightBoxBtm{
width: 200px;
margin: 0;
padding: 0;
}
ul.RightCmt{
margin: 0;
padding: 10px 14px 1px;
list-style: none;
background: url(../img/bgRightBox.gif) repeat-y;
}
ul.RightCmt li.RightCmtDay{
margin: 0 0 3px;
padding: 0 0 0 20px;
list-style: none;
background: url(../img/iconComment2.gif) no-repeat 0;
}
ul.RightCmt li.RightCmtDay{
margin: 0 0 3px;
padding: 0 0 0 20px;
list-style: none;
background: url(../img/iconComment2.gif) no-repeat 0;
}
ul.RightCmt li.RightCmtDayB{
margin: 0 0 3px;
padding: 0 0 0 20px;
list-style: none;
background: url(../img/iconBlog.gif) no-repeat 0;
}
ul.RightCmt li.RightCmtItem{
margin: 0 0 5px;
padding: 0 0 3px;
list-style: none;
border-bottom: 1px dotted #ccc;
}
ul.RightRanking{
margin: 0;
padding: 10px 14px 1px;
list-style: none;
background: url(../img/bgRightBox.gif) repeat-y;
}
ul.RightRanking li.rkg01{
margin: 0 0 5px;
padding: 0 0 3px 22px;
list-style: none;
border-bottom: 1px dotted #ccc;
background: url(../img/iconCrown01.gif) no-repeat;
}
ul.RightRanking li.rkg02{
margin: 0 0 5px;
padding: 0 0 3px 22px;
list-style: none;
border-bottom: 1px dotted #ccc;
background: url(../img/iconCrown02.gif) no-repeat;
}
ul.RightRanking li.rkg03{
margin: 0 0 5px;
padding: 0 0 3px 22px;
list-style: none;
border-bottom: 1px dotted #ccc;
background: url(../img/iconCrown03.gif) no-repeat;
}
ul.RightRanking li.rkg04{
margin: 0;
padding: 0 0 3px 12px;
list-style: none;
border-bottom: 1px dotted #ccc;
background: url(../img/iconArrowBlue.gif) no-repeat 0 0.5em;
}
.RightBnrBox{
width: 200px;
margin: 10px 0 0;
padding: 0;
text-align: left;
}
#RightSideBnrList{
display: block;
overflow: hidden;
width: 200px;
height: 1%;
margin: 10px 0 0;
padding: 0;
list-style: none;
text-align: left;
}
#RightSideBnrList dl{
display: block;
overflow: hidden;
height: 1%;
margin: 0;
padding: 0 0 10px;
}
#RightSideBnrList dl dt{
float: left;
margin: 0;
padding: 0 6px 0 0;
}
#RightSideBnrList dl dt a:link, #RightSideBnrList dl dt a:visited{
display: block;
width: 35px;
height: 35px;
border: 5px solid #ccc;
}
#RightSideBnrList dl dt a:hover, #RightSideBnrList dl dt a:active{
display: block;
width: 35px;
height: 35px;
border: 5px solid #99cc33;
}
#RightSideBnrList dl dd{
margin: 0;
padding: 7px 0 0;
font-size: 11px;
line-height: 14px;
}
#Footer{
width: 915px;
height: 28px;
margin: 0;
padding: 12px 20px 0;
font-size: 11px;
color: #fff;
background: url(../img/bgFooter.gif) repeat-x;
}
ul#FooterLeft{
float: left;
margin: 0;
padding: 0;
list-style: none;
}
ul#FooterLeft li{
display: inline;
margin: 0 13px 0 0;
padding: 0 0 0 12px;
list-style: none;
background: url(../img/iconArrowBlue.gif) no-repeat 0 0.2em;
}
ul#FooterLeft li a{
color: #fff;
}
p#FooterRight{
float: right;
margin: 0;
padding: 0;
}
p#FooterRight a{
color: #fff;
}

/*Maintenance*/
#Maintenance{
width:516px;
margin: 0 0 10px;
padding: 15px;
color: #ff3300;
text-align: left;
border: 2px solid #ff3300;
}
#Maintenance p{
margin: 0;
padding: 0;
}
#Maintenance ul{
margin: 15px 0 0;
padding: 0;
list-style: none;
}
#Maintenance ul li{
list-style: none;
}

/*Hot Topic*/
#Hottopic{
width:550px;
height: 110px;
margin: 0 0 10px;
padding: 0;
}
#Hottopic p#HottopicLeft, #Hottopic p#HottopicRight{
margin: 0;
padding: 0;
}
#Hottopic p#HottopicLeft a{
float: left;
display: block;
width: 275px;
height: 110px;
margin: 0;
padding: 0;
background: url(../banner/banner_topic_left.gif) no-repeat;
}
#Hottopic p#HottopicLeft a:hover{
background: url(../banner/banner_topic_left_hov.gif) no-repeat;
}
#Hottopic p#HottopicRight a{
float: left;
display: block;
width: 275px;
height: 110px;
margin: 0;
padding: 0;
background: url(../banner/banner_topic_right.gif) no-repeat;
}
#Hottopic p#HottopicRight a:hover{
background: url(../banner/banner_topic_right_hov.gif) no-repeat;
}

/*quit*/
#quit{
width:516px;
margin: 10px 0;
padding: 15px;
color: #ff3300;
text-align: left;
border: 2px solid #ff3300;
}
#quit p{
margin: 0;
padding: 0;
}
#quit ul{
margin: 15px 0 0;
padding: 0;
list-style: none;
}
#quit ul li{
list-style: none;
}



/*IndexBanner*/
#IndexBanner{
width:500px;
margin: 0 auto 10px;
padding: 0;
text-align: center;
}
#IndexBanner p{
margin: 0;
padding: 0;
}

/* interview */
.ItvBox01{
width: 550px;
height: 1%;
overflow: hidden;
margin: 0 0 20px;
padding: 95px 0 0;
text-align: left;
background: url(../img/illItv01.gif) no-repeat;
}

p.ItvBoxText{
	margin:15px 0 15px 7px;
}

#ItvMenuBox{
	margin:10px 0 0 7px;
	padding:0;
}

p#ItvDown{
	margin:0;
	padding:0;
	height:8px;
	background: url(../img/imgItvDown.gif) no-repeat;
}

p#ItvUp{
	margin:0;
	padding:0;
	height:8px;
	background: url(../img/imgItvUp.gif) no-repeat left bottom;
}

#ItvMenuBox table{
	margin:0;
	padding:0 80px;
	width:530px;
	border-left:#9FCD00 solid 4px;
	border-right:#9FCD00 solid 4px;
}

#ItvMenuBox table th{
	width:50px;
	_padding-left:50px;
	font-weight:normal;
}

*:first-child+html #ItvMenuBox table th{
	padding-left:50px;
}

#ItvMenuBox td#act a:link{
color:#FF6600;
text-decoration: none;
}
#ItvMenuBox td#act a:visited{
color:#FF6600;
text-decoration: none;
}
#ItvMenuBox td#act a:hover{
color:#FF9900;
text-decoration: none;
}
#ItvMenuBox td#act a:active{
color:#FF6600;
text-decoration: none;
}

#ItvContentText{
	margin:0 0 0 5px;
	overflow:hidden;
}

div#ItvContentText:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}

/*\*/
* html div#ItvContentText{
	height:1em;
	overflow:visible;
}

#ItvContentText dl{
	margin:0;
	padding:5px 0 0 0;
}

#ItvContentText dt{
	color:#43C4EF;
	width:40px;
	float:left;
	padding:0 0 10px 0;
}

#ItvContentText dt.ItvMono{
	color:#54BC00;
}

#ItvContentText dt.ItvSei{
	color:#FF9900;
}

#ItvContentText dd{
	width:460px;
	padding:0 0 20px 0;
}


#ItvContentText dd img{
	border:solid 5px #cccccc;
}


dl#ItvList{
margin: 30px 0 0;
padding: 12px 12px;
border: 1px solid #d5e1ab;
background: #e6ff8e;
	overflow:hidden;
}
dl#ItvList:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
* html dl#ItvList{
	height:1%;
	overflow:visible;
}
dl#ItvList dt{
float: left;
width: 80px;
margin: 0;
padding: 0 20px 10px 0;
}
dl#ItvList dt img{
width: 80px;
padding: 2px;
border: 2px solid #ccc;
}
dl#ItvList dd{
float: left;
	width:390px;
margin: 0 0 5px;
padding: 0;
}
dl#ItvList dd.ItvListTit{
font-weight: bold;
color:#FF9900;
}

#ItvPageLink{
	margin:0 auto;
	text-align:center;
}

#ItvPageLink .margin{
	margin-right:30px;
}

table.tableBoxTypeA{
}
table.tableBoxTypeA th{
width:25%;
padding: 8px;
text-align: right;
border: 1px solid #ccc;
}
table.tableBoxTypeA td{
padding: 8px;
border: 1px solid #ccc;
}

/*  退会処理  */
p.MainMidashiDel{
width: 540px;
height: 23px;
margin: 0;
padding: 100px 0 0 10px;
color: #fff;
background: url(../img/bgHeaderBtm.gif) repeat-x;
}

.deleteText{
margin: 0 auto 15px;
text-align: center;
font-size: 12px;
color: red;
font-weight: bold;
}

.deleteTextLeft{
margin: 0 auto 15px;
text-align: left;
font-size: 12px;
color: red;
font-weight: bold;
}

a.tooltip span {
display:none; 
padding:2px 3px; 
margin-top: 20px;
margin-left: -12px;
width:200px;
z-index: 9999;
}
a.tooltip:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip:hover span{
display:inline; 
position:absolute; 
text-align: left;
background:#ffffff; 
border:1px solid #cccccc; 
color:#333;
}

.RightBox{
width: 200px;
margin: 0 0 5px;
padding: 0;
text-align: left;
}
.RightBoxCenter {
margin:0 auto 5px;
padding:0;
text-align:center;
width:200px;
}
.RightBox h4{
width: 200px;
margin: 0;
padding: 0;
}

ul.RightCheck{
margin: 0;
padding: 10px 14px 1px;
list-style: none;
background: url(../img/bgRightBoxWhite.gif) repeat-y;
}

dl.LeftSearchTre{
margin: 0;
padding: 0;
}
dl.LeftSearchTre dt{
margin: 0 auto;
text-align: center;
}
dl.LeftSearchTre dd{
margin: 0;
font-size: 10px;
line-height: 16px;
}

/* ランキングリスト */
#neutralBox{
overflow: hidden;
width: 100%;
margin: 10px auto;
text-align: center;
}
*html #neutralBox{
height: 1%;
}
ul.RankingList{
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
*html ul.RankingList{
height: 1%;
}
ul.RankingList li{
float: left;
width: 169px;
margin: 0 2px 15px;
padding: 10px 10px 10px 90px;
list-style: none;
text-align: left;
border: 1px solid #dddddd;
}
*html ul.RankingList li{
margin: 0 1px 15px;
}
ul.RankingList li.rkgList01{
background: url(../img/iconRanking01.gif) no-repeat 10px 50%;
}
ul.RankingList li.rkgList02{
background: url(../img/iconRanking02.gif) no-repeat 10px 50%;
}
ul.RankingList li.rkgList03{
background: url(../img/iconRanking03.gif) no-repeat 10px 50%;
}
ul.RankingList li.rkgList04{
background: url(../img/iconRanking04.gif) no-repeat 10px 50%;
}
ul.RankingList li.rkgList05{
background: url(../img/iconRanking05.gif) no-repeat 10px 50%;
}
ul.RankingList li.rkgList06{
background: url(../img/iconRanking06.gif) no-repeat 10px 50%;
}
ul.RankingList li.rkgList07{
background: url(../img/iconRanking07.gif) no-repeat 10px 50%;
}
ul.RankingList li.rkgList08{
background: url(../img/iconRanking08.gif) no-repeat 10px 50%;
}
ul.RankingList li.rkgList09{
background: url(../img/iconRanking09.gif) no-repeat 10px 50%;
}
ul.RankingList li.rkgList010{
background: url(../img/iconRanking010.gif) no-repeat 10px 50%;
}

dl.dlRankingList{
float: left;
overflow: hidden;
width: 524px;
margin: 0 2px 15px;
padding: 10px;
list-style: none;
border: 1px solid #dddddd;
}
*html dl.dlRankingList{
height: 1%;
margin: 0 1px 15px;
}
dl.dlRankingList dt{
float: left;
width: 120px;
margin: 0 10px 0 0;
padding: 0 0 0 90px;
}
dl.dlRankingList dt.dlRankingList01{
background: url(../img/iconRanking01.gif) no-repeat 10px 50%;
}
dl.dlRankingList dt.dlRankingList02{
background: url(../img/iconRanking02.gif) no-repeat 10px 50%;
}
dl.dlRankingList dt.dlRankingList03{
background: url(../img/iconRanking03.gif) no-repeat 10px 50%;
}
dl.dlRankingList dt.dlRankingList04{
background: url(../img/iconRanking04.gif) no-repeat 10px 50%;
}
dl.dlRankingList dt.dlRankingList05{
background: url(../img/iconRanking05.gif) no-repeat 10px 50%;
}
dl.dlRankingList dt.dlRankingList06{
background: url(../img/iconRanking06.gif) no-repeat 10px 50%;
}
dl.dlRankingList dt.dlRankingList07{
background: url(../img/iconRanking07.gif) no-repeat 10px 50%;
}
dl.dlRankingList dt.dlRankingList08{
background: url(../img/iconRanking08.gif) no-repeat 10px 50%;
}
dl.dlRankingList dt.dlRankingList05{
background: url(../img/iconRanking05.gif) no-repeat 10px 50%;
}
dl.dlRankingList dt.dlRankingList09{
background: url(../img/iconRanking09.gif) no-repeat 10px 50%;
}
dl.dlRankingList dt.dlRankingList010{
background: url(../img/iconRanking010.gif) no-repeat 10px 50%;
}
dl.dlRankingList dd{
float: left;
width: 304px;
margin: 0;
text-align: left;
}
span.dlRankingListNote{
font-weight: bold;
color: #ff3300;
}

/* 検索ボックス */
#itemListSeaHopeBox{
 width: 518px;
 height: 60px;
 margin: 0 0 15px;
 padding: 5px 15px 10px;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 background: #fefff4;
}
#itemListSeaHopeBox table{
 width: 100%;
 text-align: left;
}
#itemListSeaHopeBox table td{
 padding: 10px 0 0 0;
 text-align: left;
}
#itemListSeaHopeBox input.itemListSeaHopeBoxBtn{
 border: none;
}
#itemListSeaHopeBox input.itemListSeaHopeBoxInp{
 width: 130px;
 border: 1px solid #777;
}

#itemListSeaBox{
 margin: 0 0 15px;
 padding: 5px 20px 10px;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 background: #fefff4;
}
#itemListSeaBox table td{
 width: 33%;
 padding-right: 30px;
}
#itemListSeaBox table td.itemListSeaBoxBtnArea{
 width: 33%;
 padding: 10px 0 0;
 text-align: center;
}
#itemListSeaBox input.itemListSeaBoxBtn{
 border: none;
}
#itemListSeaBox select, #itemListSeaBox input.itemListSeaBoxInp{
 border: 1px solid #777;
}

#myMenuBox {
 width: 548px;
 border: 1px solid #54bc00;
 text-align: center;
}

/* ? 0511 */

table#profileTable{
	border:1px solid #D5E1AB;
	border-spacing: 0;
	text-align:center;
	width:550px;
	border-collapse:collapse;
	margin:12px auto;
	table-layout:field;
	/white-space:nowrap;
}

table#profileTable th{
	border:1px solid #D5E1AB;
	background:#E6FF8E;
	color:#333333;
	font-weight:normal;
	margin:0;
	padding:2px 5px;
	height:20px;
	/height:12px;
	vertical-align:middle;
}

table#profileTable td{
	border:1px solid #D5E1AB;
	margin:0;
	padding:5px;
	text-align:left;
	vertical-align:top;
}


table#profileTable tr#profileTable_top th{
	width:140px;
}

table#profileTable tr#profileTable_top td{
	width:260px;
	text-align:center;
}


table#profileTable #profileTable_top_bottom td{
	width:140px;
}

table#profileTable td#profileTable_into{
	padding:0;
}

table#profileTable .alignCenter{
	text-align:center;
}

td#profileTable_into table{
	border:none;
	border-spacing: 0;
	border-collapse:collapse;
	margin:0;
	padding:0;
	text-align:center;
	width:548px;
}

td#profileTable_into table th{
	border:none;
	width:548px;
	padding:5px;
	vertical-align:top;
	border-bottom:1px solid #D5E1AB;
}

td#profileTable_into table th img{
 vertical-align:middle;
}
 
td#profileTable_into table td{
	border:none;
}

/* R? 0513 */

table#profileTable2 {
	border:1px solid #fff;
	border-spacing: 0;
	text-align:center;
	width:550px;
	border-collapse:collapse;
	margin:12px auto;
	table-layout:field;
	/white-space:nowrap;
}

table#profileTableMenu2 {
	border:1px solid #D5E1AB;
	border-spacing: 0;
	text-align:center;
	width:100%;
	border-collapse:collapse;
	table-layout:field;
	/white-space:nowrap;
}

table#profileTableMenu2 th{
	border:1px solid #D5E1AB;
	background:#E6FF8E;
	color:#333333;
	font-weight:normal;
	margin:0;
	padding:2px 5px;
	width:80px;
	height:20px;
	/height:12px;
	vertical-align:middle;
}

table#profileTableMenu2 td{
	border:1px solid #D5E1AB;
	margin:0;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

table#profileTableMenu3 {
	border-spacing: 0;
	text-align:center;
	width:100%;
	height:100%
	border-collapse:collapse;
	table-layout:field;
	/white-space:nowrap;
}

table#profileTableMenu3 th{
	border:1px solid #D5E1AB;
	background:#E6FF8E;
	color:#333333;
	font-weight:normal;
	margin:0;
	padding:2px 5px;
	width:100px;
	height:20px;
	/height:12px;
	vertical-align:middle;
}

table#profileTableMenu3 td{
	border:1px solid #D5E1AB;
	border-top:none;
	margin:0;
	padding:5px;
	height:404px;
	text-align:left;
	vertical-align:top;
}

#profileTableMessage {
    width:100%;
    height:100%;
    overflow: auto;
}

table#profileTableMenu2_2 {
	border:1px solid #D5E1AB;
	border-spacing: 0;
	text-align:center;
	width:100%;
	border-collapse:collapse;
	table-layout:field;
	/white-space:nowrap;
}

table#profileTableMenu2_2 th{
	border:1px solid #D5E1AB;
	background:#E6FF8E;
	color:#333333;
	font-weight:normal;
	margin:0;
	padding:2px 5px;
	width:60px;
	height:20px;
	/height:12px;
	vertical-align:middle;
}

table#profileTableMenu2_2 td{
	border:1px solid #D5E1AB;
	margin:0;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

table#profileTable2_3{
	border:1px solid #D5E1AB;
	border-spacing: 0;
	text-align:center;
	width:545px;
	border-collapse:collapse;
	margin:5px auto;
	table-layout:field;
	/white-space:nowrap;
}

table#profileTable2_3 th{
	border:1px solid #D5E1AB;
	background:#E6FF8E;
	color:#333333;
	font-weight:normal;
	margin:0;
	padding:2px 5px;
	height:20px;
	/height:12px;
	vertical-align:middle;
}

table#profileTable2_3 td{
	border:1px solid #D5E1AB;
	margin:0;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

.photophoto{
padding:5px;
border:1px solid #ccc;
background:#fff;
}

p.ItemBtn{
margin: 10px auto 0;
text-align: right;
}