@charset "UTF-8";
/*------------------------------
 * sub column
 *------------------------------*/
#sideCalList {
position:relative;
width:170px;
height:192px;
margin:10px 0 15px;
background:url(../../lib_image/subcol/bg_list_calendar_194.gif) no-repeat 0 0;
z-index:1;
text-align:left;
padding-bottom: 15px;
border-bottom: 1px dotted #E7BD95;
}
#sideCalList ul {
position:relative;
width:164px;
padding:32px 0 0 6px;
}
#sideCalList ul li {
position:relative;
width:159px;
height:28px;
margin-bottom:4px;
}
#sideCalList ul li a {
background-position:0 0;
height:28px;
position:relative;
width:159px;
}
#sideCalList ul li#sideCal1 a {background-image:url(../../lib_image/subcol/bt_list_dog.gif);}
#sideCalList ul li#sideCal2 a {background-image:url(../../lib_image/subcol/bt_list_cat.gif);}
#sideCalList ul li#sideCal3 a {background-image:url(../../lib_image/subcol/bt_list_minimal.gif);}
#sideCalList ul li#sideCal4 a {background-image:url(../../lib_image/subcol/bt_list_bird.gif);}
/*#sideCalList ul li#sideCal5 a {background-image:url(../../lib_image/subcol/bt_list_flower.gif);}*/
#sideCalList ul li#sideCal5 a {background-image:url(../../lib_image/subcol/bt_list_theme.gif);}
#sideCalList ul li#sideCal6 a {background-image:url(../../lib_image/subcol/bt_list_mt.gif);}
#sideCalList ul li#sideCal7 a {background-image:url(../../lib_image/subcol/bt_list_heart.gif);}
#sideCalList ul li#sideCal8 a {background-image:url(../../lib_image/subcol/bt_list_mystery.gif);}
#sideCalList ul li.current a,
#sideCalList ul li a:hover {background-position:right top;}
#sideCalList ul li div {
width:200px;
top:-14px;
right:158px;
}
* html #sideCalList ul li {font-size:0.1;}
* html #sideCalList ul li li {font-size:100%;}

/*------------------------------
 * Header Categories
 *------------------------------*/
#headCalList {
display:none;

}
/*
#headCalList {
background:url(../../lib_image/common/bg_head_category.gif) no-repeat 0 0;
height:37px;
left:0;
position:absolute;
text-align:left;
top:107px;
width:100%;
z-index:10000;
}
#headCalList ul {
position:relative;
padding:5px 0 0 8px;
}
#headCalList ul li {
position:relative;
width:112px;
height:26px;
margin:0 4px 0 0;
}
#headCalList ul li a {
position:relative;
width:112px;
height:26px;
}
#headCalList ul li#headCal1 a {background-image:url(../../lib_image/common/bt_list_dog.gif);}
#headCalList ul li#headCal2 a {background-image:url(../../lib_image/common/bt_list_cat.gif);}
#headCalList ul li#headCal3 a {background-image:url(../../lib_image/common/bt_list_minimal.gif);}
#headCalList ul li#headCal4 a {background-image:url(../../lib_image/common/bt_list_bird.gif);}
#headCalList ul li#headCal5 a {background-image:url(../../lib_image/common/bt_list_flower.gif);}
#headCalList ul li#headCal6 a {background-image:url(../../lib_image/common/bt_list_mt.gif);}
#headCalList ul li#headCal7 a {background-image:url(../../lib_image/common/bt_list_heart.gif);}
#headCalList ul li#headCal8 a {background-image:url(../../lib_image/common/bt_list_mystery.gif);}
#headCalList ul li.current a,
#headCalList ul li a:hover {background-position:0 bottom;}
#headCalList ul li div {padding:0 0 20px;top:25px;left:0;}
#headCalList div#headChildList1 li {margin:0;}
#headCalList div#headChildList8 {width:112px;}
* html #headCalList ul {width:100%;}
* html #headCalList div#headChildList8 ul {width:100%;}
*/
/*------------------------------
 * Header and Side Categories Common
 *------------------------------*/
div.catListBox {
background:#FFF;
border:5px solid #FF85AD;
display:none;
position:absolute;
z-index:10;
width:300px;
}
#sideCalList div.catListBox ul,
#headCalList div.catListBox ul {width:auto;padding:10px 15px;}
* html div.catListBox ul {font-size:12px;}
#sideCalList div.catListBox li,
#headCalList div.catListBox li {position:relative;width:80px;height:auto;padding-left:17px;margin-bottom:0;background-image:url(../../lib_image/subcol/ico_arrow.gif);}
div.catListBox ul { font-size: 0; }
div.catListBox li  { display: inline-block; font-size:12px; }
div.catListBox li a {
position:static;
background:none !important;
width:auto !important;
height:auto !important;
white-space:nowrap;
}
/*.acs,*/
.ckcs { display: block !important; }

div.catMinimal {border-color:#A5E878;}
div.catBird {border-color:#8DD3F1;}
div.catFlower {border-color:#FC0;}
div.catMt {border-color:#8BCEB4;}
div.catMystery {border-color:#B3BAFF;}
div.catDog {width:540px !important;}
div.catDog dl {width:490px;margin:0 20px;padding-bottom:10px;}
div.catDog dl dt {padding-top:10px;}
div.catDog dl dd ul {padding:0 !important;}
div.catDog li {width:228px !important;}
div.catTheme { border-color: #A2AAFF; }

/*#sideCal5,*/
#sideCal6,
#sideCal7,
#sideCal8 {display:none;}

/*//----------*/
#sideCalListMortor {display:none;}
#sideCalListMortor ul {}
#sideCalListMortor ul li {margin-bottom:8px;line-height:0.1;}
#sideCalListMortor ul li a {width:170px;height:45px;}
#sideCalListMortor ul li#sideCal6 a {background-image:url(../../lib_image/subcol/bt_list_car.gif);}
#sideCalListMortor ul li#sideCal7 a {background-image:url(../../lib_image/subcol/bt_list_bike.gif);}
/*//----------*/
#sideBlogParts {
position:relative;
width:170px;
padding-bottom:5px;
margin-bottom:14px;
background:url(../../lib_image/subcol/bg_blogparts.gif) no-repeat 0 100%;
font-size:1;
text-align:center;
}
#sideBlogParts dd {padding:3px 0 0;}
#sideBlogParts input {margin-right:.25em;}
/*//----------*/
#sideBanner {
/*border-top:1px dotted #E7BD95;
padding:15px 0 0;*/
}
#sideBanner a {display:block;margin-bottom:8px;}
#sideSns {
	border-bottom:1px dotted #E7BD95;
	margin-bottom: 10px;
	padding-bottom: 2px;
}

/*//----------*/
#sideRanking {
position:relative;
width:100%;
margin-bottom:10px;
background:url(../../lib_image/subcol/bg_siderank_m.gif) repeat-y 0 0;
line-height:1;
}
#sideRanking dl {
margin-bottom:3px;
padding-bottom:6px;
background:url(../../lib_image/subcol/bg_siderank_ul.gif) no-repeat 0 100%;
}
#sideRanking table {
width:160px;
margin:3px 5px 0;
padding:0;
background:#FFF;
border:1px solid #AF8540;
border-collapse:collapse;
}
#sideRanking table td {
padding:4px 5px;
border-bottom:1px dotted #AF8541;
}
#sideRanking td a {text-decoration:none;color:#333;}
#sideRanking td.num {color:#630;text-align:center;}
#sideRanking td.name {}

#sideRanking ul {
padding:0 5px 5px;
background:url(../../lib_image/subcol/bg_siderank_b.gif) no-repeat 0 100%;
}
#sideRanking ul li {
margin:5px 0 0;
font-size:12px;
letter-spacing:-1px;
line-height:20px;
}
#sideRanking ul li a {
padding-left:15px;
background:#FFF url(../../lib_image/subcol/bg_siderank_li.gif) no-repeat 0 50%;
color:#963;
text-decoration:none;
}


/*------------------------------
 * ex column
 *------------------------------*/
#lNav {}
#lNav dt {line-height:1;padding-bottom:5px;}
#lNav ul {margin:0;padding:1px 0 0;list-style:none;background:url(../../lib_image/subcol/bg_menu_li.gif) no-repeat 0 0;}
#lNav ul li {
padding:3px 0 4px;
line-height:1;
background:url(../../lib_image/subcol/bg_menu_li.gif) no-repeat 0 100%;
}
#lNav ul li a {
padding:8px 0 8px 17px;
background:url(../../lib_image/subcol/ico_menu_arrow.gif) no-repeat 3px 50%;
color:#333;
text-decoration:none;
}
body.current01 #lNav ul li#lnav1 a,
body.current02 #lNav ul li#lnav2 a,
body.current03 #lNav ul li#lnav3 a,
body.current04 #lNav ul li#lnav4 a,
body.current05 #lNav ul li#lnav5 a,
body.current06 #lNav ul li#lnav6 a,
body.current07 #lNav ul li#lnav7 a,
body.current08 #lNav ul li#lnav8 a,
#lNav ul li a:hover {
background-color:#EBC8A8;
background-image:url(../../lib_image/subcol/ico_menu_arrow_on.gif);
}
/*//----------*/

/*------------------------------
 * text-color
 *------------------------------*/
.txt-red {color:#C00;}
.txt-pink {color:#F69;}
.txt-brown {color:#633;}
/*------------------------------
 * main column
 *------------------------------*/
#newsBlock {
	height: 265px;
	background: url(../../lib_image/common/bg_365news.gif) no-repeat 0 100%;
	width: 370px;
}
#newsBlock iframe {
	height: 155px;
	margin: 2px 0 0 8px;
	width: 355px;
}
/*//----------*/
#fbBlock {
	background: url(../../lib_image/common/bg_fb_inblock.gif) no-repeat 0 100%;
	padding-bottom: 4px;
	width: 370px;
}
	#fbBlock .fbBlock-inner {
		border: 1px solid #DAC2B2;
		border-radius: 2px;
		height: 220px;
		margin: 0 4px;
		overflow: hidden;
		width: 360px;
	}
	#fbBlock  iframe {
		border: none;
		margin-top: -70px;
	}

#btMyPage {
position:absolute;
right:1px;
top:48px;
text-align:left;
}
#btMyPage ul {
position:relative;
width:168px;
height:84px;
padding-top:27px;
background:url(../../lib_image/common/bg_bt_mypage.gif) no-repeat 0 0;
}
div.member {background:none !important;}
#btMyPage ul.member {
height:64px;
padding-top:47px;
background:url(../../lib_image/common/bg_mem_mypage.gif) no-repeat 0 0;
}
#btMyPage a {
width:147px;
color:#069;
font-size:10px;
margin-left:9px;
height:35px;
}
#btMyPage a.imgBtn {
}
a#btnRegist {background-image:url(../../lib_image/common/bg_btn_regist.gif);margin-bottom:1px;}
a#btnLogin {background-image:url(../../lib_image/common/bg_btn_login.gif);}
a#btnMypage {
height:31px;
margin-left:7px;
margin-bottom:2px;
background-image:url(../../lib_image/common/bg_btn_mypage.gif);
}
#btMyPage a.imgBtn:hover {
background-position:0 bottom;
}

/*//----------*/
p.readText {
font-size:1.25em;
color:#633;
}
p.note {
margin-left:1em;
padding-left:1em;
text-indent:-1em;
}
/*index style*/
div#categoryIndex {
width:565px;
padding-bottom:30px;
background:url(../../lib_image/common/bg_border_dot.gif) no-repeat 0 100%
}
div#categoryIndex .lBox,
div#categoryIndex .rBox {
width:270px;
min-height:140px;
height:auto !important;
height:140px;
background-repeat:no-repeat;
background-position:0 36px;
}
div#categoryIndex h2 {margin-bottom:10px;}
div#categoryIndex p img {float:left;margin:0 4px 1em 0;}
div#categoryIndex hr {clear:both;}
/*//----------*/
.btmBanner {
padding:0 0 40px;
text-align:center;
}
/*//----------*/
p.registMain {
position:relative;
width:478px;
height:123px;
margin:0 auto;
padding:0 !important;
text-align:left;
background:url(../../lib_image/banner/bg_ban_regist.gif) no-repeat 0 0;
}
p.registMain a {
position:absolute;
width:297px;
height:76px;
margin:30px 0 0 172px;
background:url(../../lib_image/banner/bt_ban_regist.gif) no-repeat 0 0;
}
p.registMain a:hover {background-image:left bottom;}
/*//----------*/
.ruleBlock {
padding:.5em 1em;
background:#FFEEDB;
}
.ruleBlock ul.imgIco li {margin-bottom:.25em;background-image:url(../../lib_image/common/ico_check.gif);}
/*//----------*/
.stepBlock {}
.stepBlock div.itemBlockH3 .inBlock {background:url(../../lib_image/common/bg_step.gif) repeat-y 40px 0;padding-left:90px;}
/*//----------*/

/*userLogin*/
div#userLogin {padding-top:50px;text-align:center;}
div#userLogin form {width:574px;height:216px;margin:0 auto;background:url(../../lib_image/mypage/bg_loginbox.jpg) no-repeat 0 0;}
div#userLogin form h2{line-height:36px;text-align:center;color:#C00;}
div#userLogin form table {margin:25px auto 20px;}
div#userLogin form th,
div#userLogin form td {padding:.25em;font-size:1.16em;}
div#userLogin form th {color:#F69;vertical-align:top;text-align:right;}
div#userLogin form td {padding:.25em;font-size:1.16em;text-align:left;}
div#userLogin form td input {border:1px solid #CCC;padding:.5em;}
/*userRegist*/
#flowBlock {padding:15px 0 35px;}

/* Information */
body#pInf #mainBody {width:570px;}

/* FAQ 
------------------------------*/
body#pSpt .questionList li,
body#pSpt .questionList p,
body#pSpt h4.faqQ {
margin-bottom:0;
padding-top:3px;
padding-left:33px;
min-height:30px;
font-size:1.16em;
background:url(../../lib_image/support/qa/ico_faq_q.gif) no-repeat 0 0;
}
body#pSpt .faqEntry {padding-bottom:20px;}
body#pSpt ul.qaSubList li {padding-left:23px;min-height:23px;background:url(../../lib_image/support/qa/ico_faq_qs.gif) no-repeat 0 0;}
body#pSpt .faqA .entry-body {
margin:1em 0 2em;
padding-top:14px;
min-height:30px;
background:url(../../lib_image/support/qa/ico_faq_a.gif) no-repeat 0 0;
}
body#pSpt .faqA .entry-body h2,
body#pSpt .faqA .entry-body h3,
body#pSpt .faqA .entry-body h4 {
margin-top:1em;
}

/* Ranking 
------------------------------*/
.rankBlock {
padding-bottom:3px;
background:#C29765 url(../../lib_image/ranking/bg_rankblock.gif) repeat-y 0 0;
}
table.rankTbl {
margin:0 3px;
border-collapse:collapse;
background:url(../../lib_image/ranking/bg_ranktable.gif) repeat-y 0 0;
}
table.rankTbl th {padding:0;}
table.rankTbl td {border-bottom:1px solid #C8A174;}
table.rankTbl td.rank,
table.rankTbl td.num {text-align:center;}
table.rankTbl td.rank {color:#F90;}
table.rankTbl td.rank span {font-size:1.6em;}
table.rankTbl td.num {color:#F36;}
table.rankTbl td.num,
table.rankTbl td.name {font-size:1.16em;}
table.rankTbl td.name {color:#630;}
p#selectGenre {
height:48px;
margin-bottom:2px;
padding:10px 0 0 20px;
font-size:1.33em;
color:#963;
background:url(../../lib_image/ranking/bg_genre.gif) no-repeat 0 0;
}
#rankComp {margin-top:15px;}
#rankComp table.rankTbl {background-image:url(../../lib_image/ranking/bg_ranktbl_comp.gif);}
#rankComp table.rankTbl td.name,
#rankComp table.rankTbl td.num {font-size:1em;color:#333;}
#rankComp table.rankTbl td.comment {color:#C03;}
#rankComp table.rankTbl td.time,
#rankComp table.rankTbl td.modified {font-size:10px;text-align:right;letter-spacing:-1px;}

/* Birthday 
------------------------------*/
#birthBlock {
width:570px;
background:#F9A1C7 url(../../lib_image/ranking/bg_birthblock.gif) repeat 0 0;
}
#birthBlock ul {
position:relative;
padding:0 0 10px 7px;
background:url(../../lib_image/ranking/bg_birthblock_b.gif) no-repeat 0 100%;
}
#birthBlock li {
width:275px;
margin:0 5px 6px 0;
color:#F66;
background:#FFF;
}
#birthBlock li .thumb {
float:left;
width:96px;
height:72px;
margin:3px 10px 3px 3px;
display:inline;
}
#birthBlock li p {padding:0.5em 0 0 !important;}

/* All List
------------------------------*/
body#pAllList #mainBody {
padding-top:23px;
width:100%;
}