/* CSS Document */

body{
margin:0;
padding:10px 0;
font-size:80%;
}

img{
border:none;
}

#right a{
font-weight:bold;
}

p img{
margin:5px;
}

p{
line-height:1.5em;
}

#wrapt{
width:760px;
height:12px;
margin:0 auto;
paddign:0;
background:url(img/bg_t.gif) no-repeat;
}

#wrapb{
width:760px;
height:12px;
margin:0 auto;
paddign:0;
background:url(img/bg_b.gif) no-repeat;
}

#wrapper{
width:760px;
margin:0 auto;
padding:0;
background:url(img/bg_m.gif) repeat-y;
}

#main{
margin:0 5px;
padding:0;
background:url(img/mainbg.gif) repeat-y;
border-bottom:#DBDBDB solid 1px;
}

h1{
color:#999999;
font-size:13px;
margin:0 0 5px 15px;
padding:0;
font-weight:normal;
}

.name{
color:#886360;
margin:10px 0 0;
padding:0;
font-size:18px;
}

.name2{
color:#886360;
margin:20px 0 10px;
padding:0;
font-size:18px;
border-bottom:#886360 solid 1px;
}

.name3{
color:#446673;
margin:20px 0 10px;
padding:0;
font-size:18px;
border-bottom:#446673 solid 1px;
}

.blogt{
color:#867b64;
margin:0;
padding:0;
font-size:18px;
}

.blogt2{
margin:10px 0 10px 10px;
padding:0;
font-size:15px;
}

#ti_kurosu{
width:239px;
height:131px;
background:url(img/topimg2.jpg) no-repeat;
margin:0;
padding:54px 298px 0 0;
line-height:2em;
font-size:13px;
}

#ti_kurosu a{
color:#333333;
text-decoration:none;
font-weight:normal;
}

#ti_kurosu a:hover{
color:#666666;
text-decoration:underline;
}

#tmenu a{
text-indent:-9999px;
text-decoration:none;
}

#tmenu ul{
margin:0;
padding:0;
list-style:none;
}

#tmenu li{
float:left;
}

li#t_top a{
width:189px;
height:30px;
display:block;
background:url(img/menu.gif) 0 0;
}

li#t_top a:hover{
background:url(img/menu.gif) 0 -30px;
}

li#t_item a{
width:187px;
height:30px;
display:block;
background:url(img/menu.gif) -189px 0;
}

li#t_item a:hover{
background:url(img/menu.gif) -189px -30px;
}

li#t_items a{
width:187px;
height:30px;
display:block;
background:url(img/menu.gif) -189px -30px;
}

li#t_shop a{
width:187px;
height:30px;
display:block;
background:url(img/menu.gif) -376px 0;
}

li#t_shop a:hover{
background:url(img/menu.gif) -376px -30px;
}

li#t_shops a{
width:187px;
height:30px;
display:block;
background:url(img/menu.gif) -376px -30px;
}

li#t_contact a{
width:187px;
height:30px;
display:block;
background:url(img/menu.gif) -563px 0;
}

li#t_contact a:hover{
background:url(img/menu.gif) -563px -30px;
}

li#t_contacts a{
width:187px;
height:30px;
display:block;
background:url(img/menu.gif) -563px -30px;
}

#right{
float:right;
width:539px;
margin:0;
padding:8px;
}

#left{
float:left;
width:187px;
margin:0;
font-size:13px;
}

#left a{
text-decoration:none;
}

#left ul{
margin:0;
padding:0;
list-style:none;
}

ul.leftm{
margin:0;
paddign:0;
list-style:none;
}

.leftm li.lm a{
width:170px;
height:22px;
display:block;
color:#000000;
margin:0;
padding:8px 0 0 17px;
background:url(img/btnbg.gif) top;
}

.leftm li.lm a:hover{
color:#FF6600;
background:url(img/btnbg.gif) bottom;
}

.leftm li#slctd a{
width:170px;
height:22px;
display:block;
margin:0;
padding:8px 0 0 17px;
color:#FF6600;
background:url(img/btnbg.gif) bottom;
}

.leftm2 li.lm2 a{
border-bottom:#DFDFDF solid 1px;
width:155px;
display:block;
padding:6px 3px 6px 29px;
margin:0;
color:#3E5062;
}

.leftm2 li.lm2 a:hover{
color:#FF6600;
background:url(img/ls2.gif) top left no-repeat;
}

.leftm2 li#slctd2 a{
border-bottom:#DFDFDF solid 1px;
width:155px;
display:block;
padding:6px 3px 6px 29px;
margin:0;
color:#FF6600;
background:url(img/ls2.gif) top left no-repeat;
}

#footer{
page-break-before:always;
width:750px;
margin:5px auto 0;
text-align:center;
padding:0 0 5px;
color:#666666;
}

#footm{
border-bottom:#F2C777 solid 3px;
color:#666666;
padding:0 0 5px;
margin:0 0 5px;
font-size:12px;
}

#footm a{
color:#666666;
text-decoration:none;
}

#footm a:hover{
text-decoration:underline;
}

ul#topics{
margin:0;
padding:0;
border-bottom:#886360 solid 1px;
list-style:none;
}

#topics li{
margin:5px 0;
padding:5px 0 10px;
background:url(img/brdr1.gif) bottom repeat-x;
}

.tpcs{
background:url(img/ls1.gif) top left no-repeat;
margin:0;
padding:0 0 0 30px;
color:#333333;
font-weight:bold;
}

.tpcs a{
color:#333333;
}

.cate{
color:#8C8C8C;
}

#bnr_kurosu{
width:538px;
height:152px;
margin:20px auto;
padding:0;
background:url(img/bnr_kurosu.jpg) no-repeat;
}

#bnr_course{
width:538px;
height:77px;
margin:20px auto;
padding:0;
background:url(img/bnr_course.gif) no-repeat;
}

ul#item{
margin:0;
padding:0;
list-style:none;
}

#item li{
float:left;
}

#item li a{
width:129px;
height:125px;
display:block;
margin:5px 2px 5px 3px;
padding:0;
text-decoration:none;
text-indent:-9999px;
}

li#i_kurosu a{
background:url(img/item.gif) 0 0;
}

li#i_kurosu a:hover{
background:url(img/item.gif) 0 -124px;
}

li#i_manten a{
background:url(img/item.gif) -129px 0;
}

li#i_manten a:hover{
background:url(img/item.gif) -129px -124px;
}

li#i_bijin a{
background:url(img/item.gif) -259px 0;
}

li#i_bijin a:hover{
background:url(img/item.gif) -259px -124px;
}

li#i_su a{
background:url(img/item.gif) -388px 0;
}

li#i_su a:hover{
background:url(img/item.gif) -388px -124px;
}

ul#content{
margin:0;
padding:0;
list-style:none;
}

#content li{
float:left;
}

#content li a{
width:175px;
height:80px;
margin:5px 2px;
padding:0;
display:block;
text-decoration:none;
text-indent:-9999px;
}

li#c_shop a{
background:url(img/content.gif) 0 0;
}

li#c_shop a:hover{
background:url(img/content.gif) 0 -80px;
}

li#c_column a{
background:url(img/content.gif) -175px 0;
}

li#c_column a:hover{
background:url(img/content.gif) -175px -80px;
}

li#c_quiz a{
background:url(img/content.gif) -350px 0;
}

li#c_quiz a:hover{
background:url(img/content.gif) -350px -80px;
}

table#tbl1{
width:100%;
margin:0;
padding:0;
border-collapse:collapse;
}

#tbl1 td{
border-bottom:#886360 solid 1px;
padding:5px;
}

table#tbl2{
width:100%;
}

#tbl2 td{
vertical-align:top;
}

#tbl2 table{
width:100%;
border-collapse:collapse;
}

#tbl2 table td{
border-top:#886360 solid 1px;
border-bottom:#886360 solid 1px;
padding:5px;
}

table.tbl3{
width:460px;
margin:10px 0 0 30px;
border-collapse:collapse;
}

.tbl3 td{
border:#666666 solid 1px;
padding:10px;
text-align:center;
}

td.indx{
background:#D37218;
color:#FFFFFF;
}

td.indx2{
background:#E4B13A;
color:#FFFFFF;
vertical-align:top
}

td.indx3{
background:#C1ADA4;
}

td.indx4{
background:#E4DBDA;
}

td.indx5{
background:#F7F4F4;
}

td.indx6{
background:#E1D7D7;
}

.indx7{
background:#FFFFCC;
}

td.indx8{
background:#C6B0B0;
}

table.tbl4{
width:460px;
margin:10px 30px 0;
border-collapse:collapse;
}

.tbl4 td{
border-bottom:#886360 solid 1px;
padding:10px;
vertical-align:top;
}

table.tbl5{
border-collapse:collapse;
}

.tbl5 td{
border-bottom:#CCCCCC solid 1px;
padding:10px;
vertical-align:top;
}

table.tbl6{
width:500px;
border-collapse:collapse;
margin:0 0 10px;
}

.tbl6 td{
border:#999999 solid 1px;
padding:10px;
}

.tbl6 table td{
border:none;
border-collapse:collapse;
padding:0;
}

.tbl6 table{
width:100%;
}

table.btbl{
width:100%;
border-collapse:collapse;
}

.btbl td{
padding:5px;
}


#map{
margin:10px 0 20px;
color:#666666;
font-size:13px;
}

#map a{
color:#666666;
}

.seibun{
font-size:11px;
}

#imenu{
margin:10px 0 20px;
}

#imenu ul{
margin:0;
padding:0;
list-style:none;
}

#imenu li{
float:left;
}

#imenu li a{
width:262px;
height:38px;
display:block;
text-indent:-9999px;
text-decoration:none;
margin:10px 3px;
}

li#im_shop a{
background:url(img/item_btn.gif) top left;
}

li#im_shop a:hover{
background:url(img/item_btn.gif) bottom left;
}

li#im_course a{
background:url(img/item_btn.gif) top right;
}

li#im_course a:hover{
background:url(img/item_btn.gif) bottom right;
}

li#pm_item a{
background:url(img/btn_point.gif) top left;
}

li#pm_item a:hover{
background:url(img/btn_point.gif) bottom left;
}

li#pm_form a{
background:url(img/btn_point.gif) top right;
}

li#pm_form a:hover{
background:url(img/btn_point.gif) bottom right;
}

#btn_shop{
clear:both;
}

#btn_shop a{
width:262px;
height:38px;
display:block;
text-indent:-9999px;
text-decoration:none;
margin:10px auto;
background:url(img/item_btn.gif) top left;
}

#btn_shop a:hover{
background:url(img/item_btn.gif) bottom left;
}

#btn_syoukai a{
width:262px;
height:38px;
display:block;
text-indent:-9999px;
text-decoration:none;
margin:10px auto;
background:url(img/btn_syoukai.gif) top;
}

#btn_syoukai a:hover{
background:url(img/btn_syoukai.gif) bottom;
}

#b_back a{
width:146px;
height:30px;
display:block;
text-indent:-9999px;
text-decoration:none;
margin:10px auto;
background:url(img/btn_order.gif) 0 0;
}

#b_back a:hover{
background:url(img/btn_order.gif) 0 -30px;
}

#b_next a{
width:146px;
height:30px;
display:block;
text-indent:-9999px;
text-decoration:none;
margin:10px auto;
background:url(img/btn_order.gif) -146px 0;
}

#b_next a:hover{
background:url(img/btn_order.gif) -146px -30px;
}

#b_reset a{
width:146px;
height:30px;
display:block;
text-indent:-9999px;
text-decoration:none;
margin:10px auto;
background:url(img/btn_order.gif) -292px 0;
}

#b_reset a:hover{
background:url(img/btn_order.gif) -292px -30px;
}

#b_kakunin a{
width:146px;
height:30px;
display:block;
text-indent:-9999px;
text-decoration:none;
margin:10px auto;
background:url(img/btn_order2.gif) top;
}

#b_kakunin a:hover{
background:url(img/btn_order2.gif) bottom;
}

#b_ok a{
width:146px;
height:30px;
display:block;
text-indent:-9999px;
text-decoration:none;
margin:10px auto;
background:url(img/btn_order3.gif) top;
}

#b_ok a:hover{
background:url(img/btn_order3.gif) bottom;
}

.attnt{
font-size:15px;
line-height:1.5em;
}

.attnt2{
font-size:23px;
line-height:2em;
}

#type{
width:429px;
margin:10px auto;
padding:0;
background:url(img/item_bgm.gif) repeat-y;
font-size:15px;
}

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

#type li{
margin:3px 0;
padding:3px 0 5px 25px;
background:url(img/ls3.gif) top left no-repeat;
}

.ptop{
text-align:right;
margin:10px 0;
}

ul.ls1{
margin:10px 30px;
padding:0;
list-style:none;
}

.ls1 li{
margin:5px 0;
padding:0 0 0 25px;
background:url(img/ls1.gif) top left no-repeat;
}

ul.ls2{
margin:10px 0 10px 10px;
padding:0;
list-style:none;
}

.ls2 li{
margin:10px 0;
padding:0;
}

ul.ls3{
margin:10px 0 10px 10px;
padding:0;
list-style:decimal;
}

.ls3 li{
margin:10px 10px 10px 30px;
padding:0;
}

.ls3 p{
font-size:13px;
color:#000000;
margin:0;
padding:0;
font-weight:normal;
}

ul.ls4{
margin:10px 30px;
padding:0;
list-style:none;
}

.ls4 li{
margin:5px 0;
padding:0 0 10px 25px;
background:url(img/ls1.gif) top left no-repeat;
border-bottom:#886360 solid 1px;
}

.ls4 ul li{
border:none;
}

.voice{
width:500px;
margin:30px auto;
padding:0 10px 10px;
border-bottom:#BC817A solid 2px;
}

.voice_t{
color:#8A6877;
font-size:18px;
margin:0 0 10px;
font-weight:bold;
}

.date{
color:#886360;
font-weight:bold;
text-align:right;
font-size:13px;
margin:20px 0 10px;
border-bottom:#886360 solid 1px;
}

.cinfo{
text-align:center;
color:#FFFFFF;
font-family: Osaka, Verdana, sans-serif;
font-size: 11px;
}

.bcont{
margin:0 0 10px;
padding:10px 5px 0;
}

.bcont ol li{
margin:10px 0;
}

.brdr1{
border:#886360 solid 1px;
margin:10px 60px;
padding:0 5px 10px;
}

.brdr1 li{
float:none;
}

.brdr1 a{
display:
}

.navigation{
width:500px;
margin:10px auto;
padding:0;
color:#703847;
text-align:center;
font-weight:bold;
}

#right .navigation a{
color:#703847;
border:#703847 solid 1px;
background:#DFC6CA;
padding:3px;
margin:3px 5px;
font-weight:normal;
text-decoration:none;
}

#right .navigation a:hover{
background:#703847;
color:#FFFFFF;
}

.navi{
margin:10px;
}

#right .navi a{
color:#999999;
font-weight:normal;
}

.alignright{
width:45%;
float:right;
font-size:12px;
color:#999999;
text-align:right;
}

.alignleft{
width:45%;
float:left;
color:#999999;
}

#bnr_coffee{
width:179px;
margin:10px auto;
padding:0;
}

#bnr_coffee a{
width:179px;
height:89px;
display:block;
text-decoration:none;
text-indent:-9999px;
background:url(img/bnr_coffee.jpg) top;
}

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

#topcopy{
width:371px;
margin:0 auto 10px;
padding:0 0 0 165px;
background:url(img/topcopy_bg.jpg) top left no-repeat;
}

#topcopy p{
margin:3px 10px 5px 80px;
line-height:180%;
}

#bnr_kurosu2{
width:347px;
height:153px;
margin:10px auto;
padding:0 98px 0 94px;
background:url(img/bnr_kurosu2_bg.jpg) no-repeat;
}

#btn_kurosu{
width:261px;
margin:0 0 0 31px;
padding:0;
}

#btn_kurosu a{
width:261px;
height:37px;
display:block;
text-indent:-9999px;
text-decoration:none;
background:url(img/btn_bnrkurosu.gif) 0 0;
}

#btn_kurosu a:hover{
background:url(img/btn_bnrkurosu.gif) 0 -37px;
}

.waribiki{
margin:0 10px 10px 0;
padding:3px;
background:#990000;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

/*--common----------------------------*/
.cb{
clear:both;
}

.cntr{
text-align:center;
}

.cntr50{
text-align:center;
margin:50px 0;
}

.m10_0{
margin:10px 0;
}

.m20_0_0{
margin:20px 0 0;
}

.m10{
margin:10px;
}

.mr10{
margin-right:10px;
}

.m20{
margin:20px;
}

.m0_30_10{
margin:0 30px 10px;
}

.p10_0{
padding:10px 0;
}

.p10{
padding:10px;
}

.p5{
padding:5px;
}

.lh1{
line-height:150%;
}

.red{
color:#CC0000;
}

.red2{
color:#62332F;
}

.red3{
color:#990000;
}

.bk{
color:#000000;
}

.gry{
color:#999999;
}

.blu{
color:#0066CC;
}

.green{
color:#5E5E00;
}

.w460{
width:460px;
}

.w500{
width:501px;
margin:0 auto;
}

.w120{
width:120px;
}

.tr{
text-align:right;
}

.strg{
font-weight:bold;
}

.bg1{
background:#DCD8D3;
}

.bg2{
width:500px;
background:#FCE7AF;
border:#DEA214 solid 1px;
padding:10px;
margin:10px auto;
}

.bg3{
width:521px;
background:url(img/bg2.gif) no-repeat;
margin:10px auto;
padding:9px;
line-height:1.2em;
}

.big{
font-size:15px;
}

.fs10{
font-size:10px;
}

.fs12{
font-size:12px;
font-weight:normal;
}

.fs18{
font-size:18px;
font-weight:bold;
}

.mt10{
margin-top:10px;
}

.fwn{
font-weight:normal;
}