body{
font-family:Arial,Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
margin:0 0 15px 0;
padding:0;
text-align:center;
color:#333;
background:#E6E6E6;
}

fieldset{
border:none;
}

h1,h2,h3,h4,h5,pre,
blockquote,ul,ol,dl,dd,form{
margin:0;
padding:0;
}

h1,h2{
font-size:80%;
}

h3{
font-size:95%;
}

h5,p,li,dl{
font-size:80%;
}

p{
line-height:150%;
margin:0px;
}

img{
margin:0;
padding:0;
vertical-align:top;
border:none;
}

a{
color:#0066FF;
}

a:hover{
text-decoration:none;
}

li{
list-style:none;
line-height:150%;
}

/* message */
ul.messages{
  border-width: 2px;
  border-style: solid;
  margin: 1em 2em;
  padding: 1em;
  font-weight:bold;
  list-style:none;
  background-color: #FAFAFA;
}
  ul.messages#normal{
    border-color:#AAAAFF;
  }
  ul.messages#error{
    border-color:#FFAAAA;
  }


/*layout*/
div.wrapper{
text-align:left;
width:844px;
margin:0px auto;
background:url(images/bg/bg.jpg) repeat-y;
}

#wrappertop{
height:3px;
background:url(images/bg/bg_top.jpg) no-repeat top;
}

#wrapperbtm{
height:3px;
background:url(images/bg/bg_btm.jpg) no-repeat bottom;
}

#maincontents{
padding:14px 17px 0 17px;
}

#leftcolumn{
width:190px;
float:right;
padding:0 0 15px 0;
}

#rightcolumn{
width:605px;
float:left;
padding:0 0 17px 0;
}

/*head*/
#header{
padding:5px 0 20px 0; 
margin:0 3px;
background:url(images/bg/header_bg.jpg) repeat-x bottom;
}

#header h1{
text-align:right;
font-size:75%;
padding:0 20px;
}

#header h2{
padding:0 20px;
}

#header h3{
float:right;
width:135px;
padding:22px 0 0 10px;
}

#headcopy{
text-align:left;
width:844px;
margin:0px auto 5px auto;
background:url(images/bg/bg_head_copy.jpg) repeat-y;
}

#headcopy h2{
font-weight:normal;
color:#FFFFFF;
font-size:75%;
text-align:center;
margin:0 3px;
padding:8px 20px 4px 20px;
background:url(images/bg/bg_head_copy_top.jpg) repeat-x top;
}

#headcopybtm{
margin:0;
padding:0;
height:12px;
background:url(images/bg/bg_head_copy_btm.jpg) no-repeat center top;
}

/*left*/
.leftbox{
padding:0 0 15px 0;
}

.leftbox h3{
padding:6px 5px 5px 5px;
margin:0 0 1px 0;
color:#666666;
background:url(images/title/title_bg_left.jpg) repeat-x bottom;
border:#CCCCCC 1px solid;
}

.leftbox h4,table.sidesearchbox{
padding:0 0 5px 0;
}

.leftcontents{
padding:10px 5px;
border:#E6E6E6 solid 5px;
}

.leftsearch{
border:#E6E6E6 solid 5px;
}

.leftsearchbox{
padding:10px 5px 15px 5px;
background:url(images/bg/bg_searchbox_btm.jpg) repeat-x bottom;
}

.catchleft{
background:url(images/title/title_bg_catch_left_top.gif) top no-repeat #FF0000;
margin:0 0 2px 0;
}

.catchleft p{
background:url(images/title/title_bg_catch_left_bottom.gif) bottom no-repeat;
padding:4px 10px 12px 10px;
color:#FFFFFF;
}

.leftbeginerbox{
background:url(images/bg/bg_left_beginner.jpg) repeat-x bottom #8D8D8D;
padding:5px;
border-top:#999 1px solid;
border-right:#666 1px solid;
border-bottom:#666 1px solid;
border-left:#666 1px solid;
}

.leftbeginerbox a{
color:#FFFFFF;
}

p#leftbeginer01{
background:url(images/icon/icon_beginer01.gif) left no-repeat;
padding:0 0 0 39px;
}

p#leftbeginer02{
background:url(images/icon/icon_beginer02.gif) left no-repeat;
padding:0 0 0 39px;
}

p#leftbeginer01 a,p#leftbeginer02 a{
display:block;
}

p.vote{
padding:0 0 0 25px;
background:url(images/icon/icon_vote_question.gif) left no-repeat;
}

table.vote{
background:url(images/bg/bg_dot.gif) repeat-x top;
margin:10px 0 0 0;
padding:10px 0 0 0;
width: 90%;
}

td.button{
width: 20px;
}

p.votebtn{
background:url(images/bg/bg_dot.gif) repeat-x top;
margin:10px 0 0 0;
padding:10px 0 0 0;
text-align:center;
}

p.sidecontact{
padding:10px 0 0 0;
margin:10px 0 5px 0;
background:url(images/bg/bg_dot.gif) repeat-x top;
}

h5.siderecommend{
padding:0 0 10px 0;
text-align:center;
}

/*common*/
.contents{
padding:0 10px;
}

.contentsbox{
padding:0 10px 25px 10px;
}

p.box{
padding:0 0 15px 0;
word-wrap:break-word;
}

p.box5{
padding:0 0 5px 0;
}

p.btncenter,p.btncenter02{
text-align:center;
line-height:100%;
}

p.btncenter{
padding:5px 0 0 0;
line-height:100%;
}

p.btncenter02{
padding:15px 0 0 0;
}

a.size1{
font-size:120%;
}

a.size2{
font-size:140%;
}

a.size3{
font-size:160%;
}

a.size4{
font-size:180%;
}

a.size5{
font-size:200%;
}

.titlebox{
padding:5px 8px;
margin:0 0 15px 0;
background:url(images/title/title_bg_left.jpg) repeat-x bottom;
border:#CCCCCC 1px solid;
}

h3.titlebeginner,h3.titleitem{
padding:8px 8px 8px 40px;
color:#666666;
}

h3.titlebeginner{
background: url(images/icon/icon_title_beginner.gif) no-repeat left;
}

h3.titleitem{
background: url(images/icon/icon_title_item.gif) no-repeat left;
}

h3.title{
padding:8px;
margin:0 0 15px 0;
color:#666666;
background:url(images/title/title_bg_left.jpg) repeat-x bottom;
border:#CCCCCC 1px solid;
}

.catch,.catch225{
margin:0 0 2px 0;
}

.catch p,.catch225 p{
padding:4px 10px 12px 10px;
color:#FFFFFF;
}

.catch{
background:url(images/title/title_bg_catch_top.gif) top no-repeat #FF0000;
width:445px;
}

.catch p{
background:url(images/title/title_bg_catch_btm.gif) bottom no-repeat;
}

.catch225{
background:url(images/title/title_bg_catch_top02.gif) top no-repeat #FF0000;
width:235px;
}

.catch225 p{
background:url(images/title/title_bg_catch_btm02.gif) bottom no-repeat;
}

.catch a,.catch225 a{
color:#FFFFFF;
}

p.pannavi{
padding:0 0 15px 0;
}

p.pagenavitop{
text-align:right;
padding:0 0 5px 0;
margin:0 0 15px 0;
background:url(images/bg/bg_dot.gif) repeat-x bottom;
}

p.pagenavibtm{
text-align:right;
padding:5px 0 0 0;
margin:0 0 15px 0;
background:url(images/bg/bg_dot.gif) repeat-x top;
}

table.static td{
vertical-align:top;
}

td.title{
width:20px;
}

/*school_common*/
span.searchresult{
font-size:200%;
}

h3.schooltitle{
padding:8px;
color:#666666;
background:url(images/title/title_bg_left.jpg) repeat-x bottom;
border-top:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
/*
padding:8px;
color:#FFF;
background:url(images/title/title_school_bg.jpg) repeat-x top #7E7E7E;
border:#666 1px solid;
*/
}

h3.schooldetailtitle{
font-size:120%;
padding:11px 10px 10px 10px;
color:#666666;
background:url(images/bg/bg_dot.gif) repeat-x bottom;
border-top:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
}

h4.title{
font-size:90%;
border-left:#FF0000 5px solid;
padding:3px 0 3px 8px;
margin:0 0 15px 0;
}

p.schoolnavi{
background:url(images/bg/bg_line_605.gif) repeat-y top;
}

.schoolwrapper{
background:url(images/bg/bg_line_605.gif) repeat-y top;
margin:0 0 25px 0;
padding:15px 10px;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}

p.schoolnavi{
text-align:center;
padding:10px;
}

.schoolimage,.schoolimagedot{
width:580px;
margin:0 0 15px 0;
vertical-align: top;
}

.schoolimagedot{
background:url(images/bg/bg_dot.gif) repeat-x bottom;
padding:0 0 15px 0;
}

p.schoolimageleft{
width:240px;
float:left;
}

p.schoolimageright{
width:340px;
float:right;
padding:0;
}

.schoolcomment{
width:565px;
margin:0 0 15px 0;
}

.schoolcommentboxleft{
width:111px;
float:left;
}

.schoolcommentboxleft p{
padding:10px 0 0 0;
}

p.schoolcommentboxright{
width:439px;
float:right;
}

.schooldetail,.studiobox,.campaignbox{
padding:5px 10px;
margin:0 0 10px 0;
border:1px solid #CCCCCC;
}

.schooldetail,.studiobox{
background:#F3F3F3;
}

.schooldetail table{
width:543px;
}

td.datatitle{
width:110px;
vertical-align:top;
}

td.datatitle,td.btmdot,td.datatitlenodot,td.btmnodot{
padding:5px 10px;
}

td.datatitle,td.btmdot{
background:url(images/bg/bg_dot.gif) repeat-x bottom;
}

.coachprofile{
width:565px;
background:url(images/bg/bg_line_565.gif) repeat-y top #F3F3F3;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:15px 0;
margin:10px 0 0 0 
}

p.coachprofileboxleft{
float:left;
width:141px;
text-align:center;
}

.coachprofileboxright{
float:right;
width:424px;
}

.coachprofileboxright h5{
background:url(images/bg/bg_dot.gif) repeat-x bottom;
padding:0 0 5px 0;
margin:0 15px 5px 0;
}

.coachprofileboxright p{
margin:0 15px 0 0;
}

.coachprofileserif{
width:485px;
padding:15px 0;
margin:0 40px; 
}

p.coachprofileserifphotoleft,p.coachprofileserifphotoright{
width:111px;
}

p.coachprofileserifphotoleft{
float:left;
}

p.coachprofileserifphotoright{
float:right;
}

.coachprofileseriftextleft,.coachprofileseriftextright{
width:359px;
}

.coachprofileseriftextleft{
float:right;
}

.coachprofileseriftextright{
float:left;
text-align:right;
}

.coachprofileseriftextleft p,.coachprofileseriftextright p{
padding:0 0 5px 0;
}

.lessonstyle{
width:565px;
margin:0 10px;
}

.lessonstyle p{
width:282px;
float:left;
}

.studiobox table{
width:563px;
}

.studiobox h4{
padding:0 0 5px 0;
}

table.price{
width:585px;
margin:0 0 15px 0;
}

td.pricetitle,td.pricedata,td.pricetitlebtm,td.pricedatabtm{
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
padding:5px 15px;
vertical-align:top;
}

td.pricetitle,td.pricetitlebtm{
width:170px;
background:#FFEBEB;
}

td.pricedata,td.pricedatabtm{
border-right:1px solid #CCCCCC;
}

td.pricetitlebtm,td.pricedatabtm{
border-bottom:1px solid #CCCCCC;
}

.campaignbox h2{
font-size:100%;
line-height:140%;
background:url(images/icon/icon_zero.gif) no-repeat left;
padding:7px 15px 5px 70px;
margin:0 0 0 40px;
height: 40px;
}

p.freeprice{
background:url(images/icon/icon_gray_flow.gif) center bottom no-repeat;
padding:0 0 35px 0;
margin:0 0 10px 0;
}

/*serif*/
.schoolserif{
width:565px;
background:url(images/bg/bg_line_565_bold.gif) repeat-y top;
}

.schoolserif p,.beginnerserif p{
padding:10px 15px;
}

.schoolseriftop{
width:565px;
height:7px;
background:url(images/bg/bg_schoolserif_top.gif) no-repeat top;
}

.schoolserifbtm{
width:565px;
height:20px;
background:url(images/bg/bg_schoolserif_btm.gif) no-repeat bottom;
}

.beginnerserif,.beginnerseriftop,.beginnerserifbtm,.itemserif,.itemseriftop,.itemserifbtm{
width:585px;
}

.beginnerserif{
background:url(images/bg/bg_beginner_serif.gif) repeat-y top;
}

.itemserif{
background:url(images/bg/bg_item_serif.gif) repeat-y top;
}

.schoolserif p,.itemserif p{
padding:10px 15px;
}

.beginnerseriftop{
height:7px;
background:url(images/bg/bg_beginner_serif_top.gif) no-repeat top;
}

.beginnerserifbtm{
height:20px;
background:url(images/bg/bg_beginner_serif_btm.gif) no-repeat bottom;
}

.beginnerserifbtm02{
height:20px;
background:url(images/bg/bg_beginner_serif_btm02.gif) no-repeat bottom;
}

.itemseriftop{
height:7px;
background:url(images/bg/bg_item_serif_top.gif) no-repeat top;
}

.itemserifbtm{
height:20px;
background:url(images/bg/bg_item_serif_btm.gif) no-repeat bottom;
}

.itemserifbtm02{
height:20px;
background:url(images/bg/bg_item_serif_btm02.gif) no-repeat bottom;
}


/*top*/
h3.topimage{
margin:0 0 15px 0;
}

#topsearch{
width:605px;
margin:0 0 15px 0;
}

#topsearchboxleft{
width:196px;
float:left;
margin-right:4px
}

#topsearchboxcenter{
width:196px;
float:center;
}

#topsearchboxright{
width:196px;
float:left;
}

.topsearchbox{
height: 12em;
font-size:80%;
padding:15px 10px 25px 10px;
margin-top: 6px;
border: 5px #E6E6E6 solid;
}

#topphoto{
width:605px;
margin:0 0 15px 0;
}

.topphotobox{
width:121px;
float:left;
}

.topphotobox h4,.toprecommendbox h4{
padding:0 5px;
}

.topphotobox p,.toprecommendbox p{
padding:5px;
}

#toprecommend{
width:605px;
margin:0 0 15px 0;
background:url(images/bg/bg_top_recommend.gif) repeat-y top;
}

.toprecommendbox{
width:151px;
float:left;
}

.toprecommendbox p{
padding:5px 10px;
}

/*form*/
.formbox{
width:565px;
background:url(images/bg/bg_line_565.gif) repeat-y top #F3F3F3;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin:10px; 
}

table.form{
margin:5px 10px; 
}

table.form td{
padding:10px 5px;
}

td.formtitle{
width:170px;
vertical-align:top;
background:url(images/bg/bg_dot.gif) repeat-x bottom;
}

/*vote*/
h3.votetitle{
background:url(images/title/title_bg_vote.gif) no-repeat left;
padding:10px 0 10px 40px;
margin:0 0 10px 0;
}

.votewrapper{
background:url(images/bg/bg_line_605.gif) repeat-y top;
padding:10px;
margin:0 0 5px 0;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}

table.votedata{
font-size:80%;
}

td.votetitle{
width:150px;
text-align:right;
}

td.votebar{
padding:5px 0px 5px 15px;
}

h3.votecatch{
font-size:130%;
text-align:center;
margin:10px 0 20px 0;
}


/*footer*/
#footer{
background:url(images/bg/bg_footer.jpg) top repeat-x #999999;
margin:0 3px;
padding:25px 0 0 0;
text-align:center;
}

#footer p{
font-size:75%;
color:#FFFFFF;
padding:0 0 8px 0;
}

#footer a{
color:#FFFFFF;
}

address{
color:#333;
font-style:normal;
font-size:75%;
padding:0 0 14px 0;
}