@charset "utf-8";


#rbx UL LI { padding-left:15px; }

/* block_phote */
#block_phote DIV.part { margin-top:2px; border:1px solid #CCC; background:#FFC }
#block_phote DIV.cl { clear:both }
#block_phote DIV.img_comment { margin:0; padding:2px 7px; border-bottom:1px solid #CCC; background:#EDEDEB; color:#333; line-height:1.3em; font-size:90% }
#block_phote DIV.img_comment SPAN.l { width:30em; max-width:530px; float:left; text-align:left; }
#block_phote DIV.img_comment SPAN.r { float:right; margin-right:4px; text-align:right; }
#block_phote DIV.img_zone { margin:14px auto; clear:both; width:auto; text-align:center; }
#block_phote DIV.img_zone UL { margin:0 auto; padding:0; list-style:none }
#block_phote DIV.img_zone LI { float:left; margin:0 10px; white-space:nowrap; }
#block_phote DIV.img_zone LI A { line-height:1.6em; }
#block_phote DIV.img_zone LI A IMG { border:2px solid #FF88AE; }
#block_phote DIV.img_zone LI A:hover IMG { border:2px solid #FF267D; }
/* block_phote */


/* dokoiku ads_yoko */
#block_ads_yoko { margin-top:10px; }


/* index_www_area */
.index_area_sh { border:2px solid #FF4A16; background:#FFFFCC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; vertical-align:top; padding:10px 4px; }
.index_area_sh H4 { width:146px; height:24px; margin:0; padding:0; background:url(/img/c_tit_sharea1.gif) no-repeat; text-indent:-5000px; float:left; }
.index_area_sh DIV.btn_list A { padding-top:0.2em; padding-bottom:0.2em; display:block; float:right; border:1px solid #CCC; background:#FFF; color:#666; font-weight:bold; font-size:90%; text-align:center; text-decoration:none; }
.index_area_sh p.info_all { margin:0; margin-left:12px; clear:both; line-height:2em; font-weight:bold }
.index_area_sh p.info_all A { text-decoration:none }

/* index area map */
.index_area_sh DIV#map_sh { clear:both; text-align:center }
.index_area_sh DIV#map_sh IMG { margin:5px auto 10px }

.index_category_sh { border:2px solid #FF4A16; background:#FFFFCC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; vertical-align:top; padding:10px 4px; margin:auto; }
.index_category_sh H4 { height:24px; margin:0; padding:0; background:url(/img/c_tit_shcate1.gif) no-repeat; text-indent:-5000px; float:left; }
.index_category_sh DIV.btn_list A { padding-top:0.2em; padding-bottom:0.2em; display:block; float:right; border:1px solid #CCC; background:#FFF; color:#666; font-weight:bold; font-size:90%; text-align:center; text-decoration:none; }
.index_category_sh p.info_all { margin:0; margin-left:12px; clear:both; line-height:2em; font-weight:bold }
.index_category_sh p.info_all A { text-decoration:none }
.index_category_sh TD { background:#FFF; padding:5px 3px; border-top:1px dotted #CCC; vertical-align:middle; width:100% }
*+html .index_category_sh TD { padding:5px 8px; }
.index_category_sh TR.top TD { border-top:1px solid #FFF }


/* index area */

DIV.area_sh {  }
DIV.area_sh H4 { width:156px; height:24px; margin:0; padding:0; background:url(/img/c_tit_sharea.gif) no-repeat; text-indent:-5000px; float:left; }
DIV.area_sh DIV.btn_list A { margin-right:8px; padding-top:0.2em; padding-bottom:0.2em; display:block; float:right; border:1px solid #CCC; background:#FFF; color:#666; font-weight:bold; font-size:90%; text-align:center; text-decoration:none; }
DIV.area_sh p.info_all { margin:0; margin-left:12px; clear:both; line-height:2em; font-weight:bold }
DIV.area_sh p.info_all A { text-decoration:none }
DIV.area_sh DIV.part { padding:0 4px; }

/* index area map */

DIV.area_sh DIV#map_sh { clear:both; text-align:center }
DIV.area_sh DIV#map_sh IMG { margin:5px auto 10px }

/* index area list */
#list_sh TABLE { width:100%; padding:0 10px }
#list_sh TH { padding:5px 10px 5px 28px; background:#F1F1F0; border-top:1px dotted #CCC; vertical-align:top; color:#333; font-weight:bold; line-height:1.3em; text-align:left; }
#list_sh TR.top TH { border-top:1px solid #F1F1F0 }
#list_sh TD { background:#FFF; padding:5px 6px; border-top:1px dotted #CCC; vertical-align:top }
#list_sh TR.top TD { border-top:1px solid #FFF }
#list_sh TR.btm TH { padding-bottom:2px!important }
#list_sh TR.btm UL { padding-bottom:2px!important }
#list_sh UL { margin:0; padding:0; list-style:none }
#list_sh LI { float:left; margin:0 13px; line-height:1.3em; white-space:nowrap; }


/* category_sh */


DIV.category_sh H4 { width:176px; height:24px; margin:0; padding:0; background:url(/img/c_tit_shcate.gif) no-repeat; text-indent:-5000px; float:left; }
DIV.category_sh DIV.btn_list A { margin-right:8px; padding-top:0.2em; padding-bottom:0.2em; display:block; float:right; border:1px solid #CCC; background:#FFF; color:#666; font-weight:bold; font-size:90%; text-align:center; text-decoration:none; }
DIV.category_sh TABLE { clear:both; width:100%; padding:0 10px }
DIV.category_sh TH { width:140px; padding:5px 3px 5px 5px; background:#F1F1F0; border-top:1px dotted #CCC; vertical-align:middle; color:#333; font-weight:bold; line-height:1.3em; text-align:left; }
DIV.category_sh TH IMG { margin:auto 4px }
DIV.category_sh TR.top TH { border-top:1px solid #F1F1F0 }
DIV.category_sh TD { background:#FFF; padding:5px 3px; border-top:1px dotted #CCC; vertical-align:middle }
*+html DIV.category_sh TD { padding:5px 8px }
DIV.category_sh TR.top TD { border-top:1px solid #FFF }
DIV.category_sh UL { margin:0; padding:0; list-style:none }
DIV.category_sh LI { float:left; margin:0 7px; line-height:1.3em; white-space:nowrap; }
DIV.category_sh P.info_all { margin:0; margin-left:12px; clear:both; line-height:2em; font-weight:bold }
DIV.category_sh P.info_all A { text-decoration:none }
DIV.category_sh DIV.info_all { float:left; margin:0; margin-left:12px; clear:both; line-height:2em; font-weight:bold }
DIV.category_sh DIV.info_all A { text-decoration:none }
DIV.category_sh DIV.part { padding:0 4px; }

/* category_sh */




/* index_explain */
#intro { padding:3px 12px 0 12px; clear:both; background:#EDEDEB; border:1px solid #ECE9D8; }
#intro TD.icon { width:145px; height:45px; background:url(/img/special/img_tit.gif) 0 bottom no-repeat }
#intro TH { text-align:left; }
#intro H1 { margin:0; font-size:120%; font-weight:bold; line-height:1.1em; color:#FF4A16 }
#intro_detail { border:3px solid #EDEDEB; margin-top:2px; padding:10px 12px; }
#intro_detail H4 { margin:0; font-weight:bold; color:#900; font-size:110%; }
#intro_detail P { line-height:1.4em; }


/* block_sub_hp */
#block_sub_hp UL { margin:0; padding:0; list-style:none }
#block_sub_hp LI { float:left; margin:auto 5px; line-height:1.3em; white-space:nowrap; }




/* map */
.pl35 {padding-left:35px}
.pt16 {padding-top:16px}
.mt24 {margin-top:24px}
.pl26 {margin-left:26px}

DIV.index_whole H2.title { background:url(/img/whole/block_h3.gif) repeat-x; }
DIV.index_whole H3.text { color:#4FB5E9; }
DIV.index_whole .c_h_btm { background:url(/img/whole/block_btm.gif) repeat-x; }
DIV.index_whole DIV.category_sh { border:2px solid #4DB5E8; background:#FFFFCC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; vertical-align:top; padding:10px 4px; margin:auto; }

DIV.index_popular H2.title { background:url(/img/popular/block_h3.gif) repeat-x; }
DIV.index_popular H3.text { color:#64E227; }
DIV.index_popular .c_h_btm { background:url(/img/popular/block_btm.gif) repeat-x; }
DIV.index_popular DIV.category_sh { border:2px solid #64E227; background:#FFFFCC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; vertical-align:top; padding:10px 4px; margin:auto; }


/* rbx */
DIV.block_rbx H4 {
	background:url(/img/area/rbx_h3_300.gif) center top no-repeat;
	background-size: cover; /* 横幅・縦幅どちらも親要素に合わせてトリミング調整 */
	font-size: 1rem;
	color: #FFF;
}


P#map_comment { color:#3DB83D; font-weight:bold; text-align:center; clear:both; font-size:80%; }
