@charset "utf-8";



/* common */
BODY { margin:0 auto; font-family: 'ƒƒCƒŠƒI',Meiryo,'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3',Verdana,'‚l‚r ‚oƒSƒVƒbƒN',Osaka,Arial,sans-serif; }

A:link { color:#06F }
A:visited { color:#06F }
A:hover { color:#06C }
HR { display:none; clear:both; }
BR.clear { clear:both; }
IMG { border:none }


/* padding */
.padding10 { padding:10px; }
.pBottom { padding-bottom:10px; }

/* width */


/* usr_entryŠΦ˜A */
.usr_entry { text-align:center; margin:20px; border:1px solid #3333ee; padding:10px; background-color:#CCCCFF; }
.usr_entry_inside { text-align:center; margin:5px; background-color:#EEEEFF; padding:10px; }
.usr_entry_title { margin:30px; font-size:110%; text-align:center; color:#0000FF; font-weight:bold; }
.usr_entry_detail { margin:30px 50px; text-align:center; line-height:150%;  }



/* window warning */
.window_warning { margin:30px; text-align:center; }
.window_warning H1 { padding:10px; text-align:center; color:#FF0000; }
.window_warning .warning{ text-align:left; }
.window_warning FORM { margin:30px auto; text-align:center; }


.facebook { vertical-align:middle; }

.colorTitle { background: none repeat scroll 0 0 #98D6FF; font-weight:bold; }
.boxIn .usr_title:after { content:""; clear:both; height:0; display:block; visibility:hidden; }
.usr_title { background: none repeat scroll 0 0 #E8E8E8; }
.usr_title .usr_uhandle { vertical-align:middle; padding:2px; font-weight:bold; text-align:left; }
.usr_title .usr_age { font-size:80%; }




/* layout */
#gl_head { padding:2px 0 0 0; background:#F1F1F1; border-top:#999 1px solid; border-bottom:#999 1px solid; text-align:left }
#column { max-width:992px; margin:0 auto; padding:0; text-align:left }
#head { padding:6px 0 0 0; font-size:75%; max-width:992px; margin:0 auto; text-align:left }
#tabarea { clear:both }
#main { width:753px; float:left; margin-bottom:20px }
#lbx { width:178px; margin-right:15px ;float:right; }
#rbx { width:221px; float:right }
#contents2nd {}
#contents3nd { width:560px; float:right }
#contents_full { margin:auto }

#go_menu { margin:30px; text-align:center; line-height:300% }

/* gl_head */
#gl_head H2#gl_copy { line-height:1.6em; margin:0 0 0 5px; padding:0; font-size:10px; font-weight:normal; vertical-align:middle; }
*+html #gl_head h2#gl_copy { margin:0 0 0 10px }
#gl_head DIV.r { float:right; margin:0 5px 0 0; _margin:0 8px 0 0; line-height:1.6em; font-size:10px; vertical-align:middle; }
*+html #gl_head DIV.r { margin:0 5px 0 0 }
#gl_head DIV.cl { clear:both; height:1px; font-size:0; line-height:0; }
#gl_head #help { float:right; clear:both }
#gl_head #help IMG { vertical-align:top }
#gl_head #status_login { float:right; vertical-align:middle; margin-right:5px; }


/* bottom */
DIV.btm { font-size:0;line-height:0; clear:both }


H1.title { margin:0px; padding:2px 10px 2px; font-size:16px; background:url(/images/block_h3.gif) repeat-x; color:#FFF; }
H2.title { margin:0; padding:6px 0 0 6px; background:url(/images/block_h3.gif) repeat-x; color:#FFF; line-height:1.1em; text-align:left; height:1.7rem; font-size:14px }
H3.title { margin:0; padding:6px 0 0 6px; background:url(/images/block_h3.gif) repeat-x; color:#FFF; line-height:1.1em; text-align:left; height:1.7rem; font-size:13px }
P.title { margin:10px 0 0 10px; padding-left:10px; font-size:15px; color:#FF4A16; font-weight:bold }

H1.text { margin:10px 0 0 10px; padding-left:10px; font-size:15px; color:#FF4A16; }
H2.text { margin:10px 0 0 10px; padding-left:10px; font-size:15px; color:#FF4A16; }
H3.text { margin:10px 0; font-size:15px; color:#FF4A16; }


/* --// block -- */
DIV.block DIV.box { border:1px solid #CCC; margin-top:2px; clear:both; }
DIV.block DIV.comment { margin-top:-20px; margin-right:75px; _margin-right:42px; float:right; font-size:80%; color:#FFF }
/* RSS */
DIV.btn_rss A { width:60px; height:14px; margin-top:-21px; margin-right:8px; text-indent:-5000px; display:block; overflow:hidden; float:right; background:url(/img/btn_rss.gif) no-repeat }
DIV.list_button A { width:45px; height:15px; margin-top:-22px; margin-right:8px; text-indent:-5000px; display:block; overflow:hidden; float:right; background:url(/images/listbutton_01.gif) no-repeat }

DIV.vote_btn A { width:75px; height:20px; margin-top:-20px; text-indent:-5000px; display:block; overflow:hidden; float:right; background:url(/images/info_up_btn.gif) no-repeat }

/* -- block //-- */
.block_h2_btm { width:753px; height: 3px; background:url(/images/block_h2_btm.gif) repeat-x; font-size:0; line-height:0 }

.c_h_btm { height:3px; background:url(/images/block_btm.gif) repeat-x; font-size:0; line-height:0 }

.green_table TABLE { width:100%; border-collapse:collapse; font-size:90%; }
.green_table TH { color:#FFFFFF; background-color:#82CBDB; padding:5px; text-align:center;border:1px solid #059EC4;  }
.green_table TD { padding:5px; background-color:#FFFFFF; border:1px solid #059EC4; }


/* header */
IMG#logo { float:left }
#head BR { display:none }
#head DIV.cl { clear:both; height:1px; font-size:0; line-height:0; }
#h_title { margin-left:10px; display:block; text-indent:-999em; font-size:1px; float:left }
#h_copy { width:200px; height:17px; margin-left:8px; margin-top:40px; background:url(/img/h_copy.gif) no-repeat 0 bottom; display:block; text-indent:-999em; font-size:1px; float:left}
#h_special { color:#FF267D; font-size:18px; font-weight:bold; float:left; margin-top:35px }
#h_copy2 { width:200px; height:17px; margin-left:8px; background:url(/img/h_copy.gif) no-repeat 0 bottom; display:block; text-indent:-999em; font-size:1px; float:left }


/* tabarea */
#tabarea UL { margin:7px 0 0 0; padding:0; }
#tabarea UL.tab_l { float:left }
#tabarea UL.tab_r { float:right }
#tabarea LI { float:left; list-style:none; text-indent:-5000px;}
#tabarea LI A { overflow:hidden }
#tabarea LI.t1 A { width:166px; height:28px; display:block; background:url(../img/tab/navi_tab1.gif) no-repeat}
#tabarea LI.t1 A:hover { background:url(/img/tab/navi_tab1_mv.gif) no-repeat }
#tabarea LI.t1 A.on { background:url(/img/tab/navi_tab1_mv.gif) no-repeat }
#tabarea LI.t2 A { width:166px; height:28px; display:block; background:url(/img/tab/navi_tab2.gif) no-repeat }
#tabarea LI.t2 A:hover { background:url(/img/tab/navi_tab2_mv.gif) no-repeat }
#tabarea LI.t2 A.on { background:url(/img/tab/navi_tab2_mv.gif) no-repeat }
#tabarea LI.t3 A { width:166px; height:28px; display:block; background:url(/img/tab/navi_tab3.gif) no-repeat }
#tabarea LI.t3 A:hover { background:url(/img/tab/navi_tab3_mv.gif) no-repeat }
#tabarea LI.t3 A.on { background:url(/img/tab/navi_tab3_mv.gif) no-repeat }
#tabarea LI.t4 { float:left }
#tabarea LI.t4 A { width:166px; height:28px; display:block; background:url(/img/tab/navi_tab_special_mv.gif) no-repeat }
#tabarea LI.t4 A:hover { background:url(/img/tab/navi_tab_special_mv.gif) no-repeat }
#tabarea LI.t4 A.on { background:url(/img/tab/navi_tab_special_mv.gif) no-repeat }

#tabarea LI.btn_login A { width:100px; height:28px; display:block; background:url(/img/tab/btn_login.gif) no-repeat }
#tabarea LI.btn_logout A { width:110px; height:28px; display:block; background:url(/img/tab/btn_logout.gif) no-repeat }
#tabarea LI.btn_regist A { width:126px; height:28px; display:block; background:url(/img/tab/btn_regist.gif) no-repeat }

#tabarea div.shadow  { width:992px; height:27px; background:url(/img/bg_top1.gif) repeat-x; clear:both; padding-top:5px }
/*
#tabarea DIV.shadow1 { width:992px; height:27px; background:url(/img/bg_top1.gif) repeat-x; clear:both; padding-top:5px }
#tabarea DIV.shadow2 { width:992px; height:27px; background:url(/img/bg_top2.gif) repeat-x; clear:both; padding-top:5px }
#tabarea DIV.shadow3 { width:992px; height:27px; background:url(/img/bg_top3.gif) repeat-x; clear:both; padding-top:5px }
#tabarea DIV.shadow4 { width:992px; height:27px; background:url(/img/bg_top4.gif) repeat-x; clear:both; padding-top:5px }
*/
#tabarea #info_num { margin:8px 5px auto auto; float:right; font-size:80%; }
#tabarea #info_num SPAN { color:#FF0D00; padding:0 0.2em; font-weight:bold }
#tabarea #pankuzu { width:700px;float:left; margin:8px 0 0 8px; font-size:80% }
#tabarea #pankuzu A { margin:auto 7px }
#tabarea LI.h_copy2 { width:166px; height:28px; display:block; background:url(/img/tab/navi_tab_special_mv.gif) no-repeat }
#tabarea LI.h_copy2 { width:200px; height:17px; display:block; background:url(/img/h_copy.gif) no-repeat }


/* footer */
#gotop { text-align:right; font-size:90%; margin:2em auto }
#gotop A { text-decoration:none }
#footer { clear:both; background:#F1F1F0; text-align:center; }
#foot { margin:15px 0 0 0; padding:10px 0 0 0; text-align:center; border-top:#999 1px solid }
#foot UL { margin:0 auto; padding:0; list-style:none }
#foot LI { display:inline; margin-right:1.2em; font-size:90% }
#foot A { text-decoration:none }
#foot DIV { clear:both; margin:0; padding:10px 0 10px 0; font-size:80%; line-height:1.3em; color:#333 }
#foot_mirror { text-align:center; padding:0px 0px 10px 0px; }
#foot_mirror UL { margin:0 auto; padding:0; list-style:none }
#foot_mirror LI { display:inline; margin-right:1.2em; font-size:75% }
#foot_mirror A { text-decoration:none }
#foot_mirror DIV { margin:0; font-size:68%; line-height:1.3em; color:#333 }


/* -- // ads_tate -- */
#ads_tate { margin-left:10px; background-color:#FFFFFF; }
#ads_tate H3 { margin-top:0px; width:446px; }
#ads_tate .c_h_btm { width:452px; }
#ads_tate DIV.box { border:1px solid #F6721E; padding:3px }
#ads_tate TABLE { width:100% }
#ads_tate TR TD { border-top:1px dotted #F6721E; }
#ads_tate TR.top TD { border-top:none }
#ads_tate TD.ads_img { width:120px;  vertical-align:top; padding:3px; }
#ads_tate TD.ads_text { text-align:left; vertical-align:top; padding:3px; }
#ads_tate DIV.comment { margin-right:5px; }


/*--// dokoiku ads_yoko --*/
#block_ads_yoko TH { width:58px; padding:2px; border-top:1px dotted #CCC }
#block_ads_yoko TD { border-top:1px dotted #CCC }
#block_ads_yoko TR.top TH, #block_ads_yoko TR.top TD { border-top:none }
#block_ads_yoko DIV.comment { margin-right:5px; }


DIV.block_advert_under { text-align:right; margin:5px 5px 5px auto; }

/*-- // yahoo_adwords --*/
DIV.yahoo_adwords_yoko { width:auto; text-align:center; margin:0 auto; }

/* page */
DIV.page { font-size:90%; margin-top:10px; padding-top:10px; border-top:1px solid #000000; }



IMG.absmiddle { vertical-align:middle; }
IMG.bottom { vertical-align:bottom; }


/* usr_info */
#usr_info TD { border: 1px solid #FF4A16; vertical-align:top; padding:3px; }
#usr_info H4 { color:#FF4A16; font-size:110%; margin:5px; }
#usr_info DIV.usr_info2 { margin:5px; }





/***************** block_new.css ****************/

DIV.block DIV.box_nothing { padding:10px }

/* block_new_info */
#block_new_info DIV.btn_list A { width:55px; margin-top:-22px; margin-right:8px; text-indent:-5000px; display:block; overflow:hidden; float:right; background:url(/img/c2nd_btn_list.gif) no-repeat }
#block_new_info TABLE { width:100%; }
#block_new_info TH { width:58px; padding:2px; }
#block_new_info TD.tit { width:250px }
#block_new_info TD.dtl { }
#block_new_info TD.dtl A { margin:auto 7px; line-height:1.6em }


/* block_new_info_iname */
#block_new_info_iname DIV.btn_list A { width:55px; margin-top:-22px; margin-right:8px; text-indent:-5000px; display:block; overflow:hidden; float:right; background:url(/img/c2nd_btn_list.gif) no-repeat }
#block_new_info_iname TABLE { width:100%; margin:2px }
#block_new_info_iname TH { width:58px; padding:2px; border-top:1px dotted #CCC }
#block_new_info_iname TD { border-top:1px dotted #CCC }
#block_new_info_iname TR.top TH, #block_ads_yoko TR.top TD { border-top:none }



/* block_new_vote */
#block_new_vote DIV.btn_list A { width:55px; margin-top:-22px; margin-right:8px; text-indent:-5000px; display:block; overflow:hidden; float:right; background:url(/img/c2nd_btn_list.gif) no-repeat }
#block_new_vote TD.thumb_image { width:60px }
#block_new_vote TD.dtl { }
#block_new_vote TD.dtl A { margin:auto 7px; line-height:1.6em }

/* block_new_info */


DIV.vote_comment_catg TABLE { width:100% }
DIV.vote_comment_catg TH { padding:3px; width:20%; text-align:center; }


/* block_new_teach */
#block_new_teach TABLE { width:100%; margin:2px }
#block_new_teach TH { width:58px; padding:2px; }
#block_new_teach TD.tit { width:250px }
#block_new_teach TD.dtl { }
#block_new_teach TD.dtl A { margin:auto 7px; line-height:1.6em }
#block_new_teach TD { padding:2px 0; }



/***************** block_new.css ****************/


#google_map_window { margin:5px auto; text-align:center; }
#google_map_window #map { margin:5px auto; text-align:center; }


TH.thumb_image { width:60px; vertical-align:middle; padding:2px; }

TH.area_bg { background-color:#FCE0EF; color:#F376B8; font-weight:bold; }
TD.area_bg { background-color:#FCE0EF; color:#F376B8; font-weight:bold; }
TH.kind_bg { background-color:#D9ECFF; color:#4DA6FF; font-weight:bold; }
TD.kind_bg { background-color:#D9ECFF; color:#4DA6FF; font-weight:bold; }

TH.area_bd { border:#FCE0EF 1px solid; }
TD.area_bd { border:#FCE0EF 1px solid; }
TH.kind_bd { border:#D9ECFF 1px solid; }
TD.kind_bd { border:#D9ECFF 1px solid; }


/************************* loginbox *************************/
DIV#loginbox { position: relative; font-size:110%; }
DIV#loginbox_in {
  border:1px solid #999999;
  margin-left: -150px;			/* ƒ}ƒCƒiƒXu‰‘•€2v */
  margin-top:  -0px;			/* ƒ}ƒCƒiƒXuc•€2v */
  position: absolute;			/* body—v‘f‚Ι‘Ξ‚΅‚Đβ‘Ξ”z’u */
  top: 50%;						/* γ’[‚𒆉›‚Ι */
  left: 50%;					/* Ά’[‚𒆉›‚Ι */
  width: 300px;					/* ‰‘• */
  height: auto;					/* c• */
  background-color: #E6F0FA;	/* ”wŒi */
  overflow: auto;				/* “ΰ—e‚ͺ‚͂ݏo‚ικ‡‚Μ•\Ž¦•ϋ–@ */
}
.bd { padding:10px; }
.lbd { border-bottom: 1px solid #CAD3DF; margin-bottom:12px; padding:0; }
.ubd { padding:0; }
.beginner IMG { height:20px; width:20px; vertical-align:middle; }
.beginner SPAN STRONG { display:block; overflow:hidden; text-indent:-9999em; width:19px; }
.close_btn A { width:20px; height:20px; margin-top:-22px; text-indent:-5000px; display:block; overflow:hidden; float:right; background:url(/images/close_btn.gif) no-repeat }

/************************* loginbox *************************/


.i10_product TABLE { width:100%;  border-collapse:collapse; }
.i10_product TD { border:2px solid #F6721E; vertical-align:center; padding:10px; }