@charset "UTF-8";

/*************************************
 * ヘッダー
 *************************************/
body 
{
	background-color: #C5E9F9;
	background-image: url(common/images/top4/bg_body.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}
div#wrapper 
{
	background: url(common/images/top4/img_main.jpg) center top no-repeat;
}
div#header 
{
	height: 480px;
	overflow: hidden;
	position: relative;
}
div#header, h1, h1 a 
{
	display: block;
	text-indent: 0;
}
h1 
{
	float: left;
}
h1, h1 a 
{
	width: 282px;
	height: 142px;
}
h1.main_images 
{/*!*/
	position: absolute;
	z-index: 10;
}
/* Header Bn Box */
div#header_bnBox 
{
	width: 234px;
	float: right;
	top: 241px;
}

div.main_images 
{/*!*/
	position: relative;
	z-index: 10;
}
div#header_bnBox p#bn_tokusyu,
div#header_bnBox p#bn_pr 
{
	width: 231px;
	behavior: expression(IEPNGFIX.fix(this));
	margin-top: 10px;
}
div#header_bnBox p#bn_tokusyu 
{
	height: 160px;
	background: url(common/images/top4/bg_bn_tokusyu.png) 0 0 no-repeat;
	padding: 29px 0 0 3px;
}
div#header_bnBox p#bn_pr 
{
	height: 220px;
	/*padding: 29px 0 0 3px;*/
}

/*************************************
 * メインFlash
 *************************************/
div#mainImage 
{
	width: 1000px;
	height: 480px;
	position: absolute;
	z-index: 1;
}

/*************************************
 * バナー(ヘッダー内)
 *************************************/
div#header div#bannerArea
{
	position: absolute;
	z-index: 10;
	top: 0;
	right:6px;
	background: url(common/images/top4/bg_bn_pr.png) 0 0 no-repeat;
	padding: 29px 0 0 3px;
}

/*************************************
 * ナビゲーション
 *************************************/
div#gnavi_area 
{
	height: 63px;
	background: url(common/images/top4/bg_gnavi.jpg) 0 0 repeat-x;
}
ul#gnavi 
{
	width: 1000px;
	height: 63px;
	display: block;
	overflow: hidden;
	list-style: none;
	margin: 0 auto;
}
ul#gnavi li 
{
	width: 125px;
	float: left;
}
ul#gnavi li a 
{
	width: 125px;
	height: 63px;
	background: url(common/images/top4/gnavi.jpg);
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
ul#gnavi li#g_yoyaku a				{ background-position:      0     0; }
ul#gnavi li#g_kankou a				{ background-position: -125px     0; }
ul#gnavi li#g_shouten a				{ background-position: -250px     0; }
ul#gnavi li#g_inaka a				{ background-position: -375px     0; }
ul#gnavi li#g_kenkou a				{ background-position: -500px     0; }
ul#gnavi li#g_tenbo a				{ background-position: -625px     0; }
ul#gnavi li#g_floor-dantai a		{ background-position: -750px     0; }
ul#gnavi li#g_floor-kojin a			{ background-position: -875px     0; }
/* ------- */
ul#gnavi li#g_yoyaku a:hover		{ background-position:      0 -63px; }
ul#gnavi li#g_kankou a:hover		{ background-position: -125px -63px; }
ul#gnavi li#g_shouten a:hover		{ background-position: -250px -63px; }
ul#gnavi li#g_inaka a:hover			{ background-position: -375px -63px; }
ul#gnavi li#g_kenkou a:hover		{ background-position: -500px -63px; }
ul#gnavi li#g_tenbo a:hover			{ background-position: -625px -63px; }
ul#gnavi li#g_floor-dantai a:hover	{ background-position: -750px -63px; }
ul#gnavi li#g_floor-kojin a:hover	{ background-position: -875px -63px; }

/*************************************
 * 新着お知らせ
 *************************************/
div#newCenterOshirase
{
    margin-bottom: 10px;
    padding: 0px 0px;
    border: 2px solid #141452;
    background: #FFFFFF;
}
div#newCenterOshirase a:hover
{
	text-decoration:underline;
}

div#newCenterOshirase h2
{
    text-align: center;
    background: #141452;
    color: #FFFFFF;
    padding: 5px 0;
}
div#newCenterOshirase .cwaku
{
	margin-top:0px;
	padding:30px 0;
}

/*************************************
 * コンテンツメイン
 *************************************/

div#contents 
{
	width: 1000px;
	margin: 10px auto;
}
div#contentsBoxL 
{
	width: 202px;
	margin-top: 10px;
	margin-right: 18px;
	float: left;
}
div#contentsBoxLL 
{
	width: 412px;
	margin-right: 18px;
	float: left;
	position:relative;	
}
div#contentsBoxR 
{
	width: 202px;
	margin-top: 10px;
	float: left;
}
div#contentsBoxBn 
{
	width: 135px;
	margin-top: 10px;
	float: right;
}
div#linkBox 
{
	width: 1008px;
}

/*************************************
 * BOX（200）
 *************************************/
div.box200 
{
	width: 202px;
	padding: 0 0 10px 0;
}
p.box200Top,p.box200Btm 
{
	width: 202px;
	display: block;
	overflow: hidden;
}
p.box200Top img,p.box200Btm img 
{
	display: block;
	overflow: hidden;
	margin: 0;
}
p.box200Top img 
{
	height: 10px;
}
p.box200Btm img 
{
	height: 5px;
	vertical-align: top;
}
div.box200 h3 
{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	padding: 15px 0 0 0;
	margin-bottom: 5px;
}
div.box200_contents 
{
	background: url(common/images/top4/frame200_mid.jpg) 0 0 repeat-y;
}
div.box200_inBox 
{
	width: 170px;
	padding: 10px 15px;
}

/*************************************
 * BOX（410）
 *************************************/
div.box410 
{
	width: 412px;
	padding: 0 0 10px 0;
}
p.box410Top,p.box410Btm 
{
	width: 412px;
	display: block;
	overflow: hidden;
}
p.box410Top img,p.box410Btm img 
{
	display: block;
	overflow: hidden;
	margin: 0;
}
p.box410Top img 
{
	height: 10px;
}
p.box410Btm img 
{
	height: 5px;
	vertical-align: top;
}
div.box410 h3 
{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	padding: 15px 0 0 0;
	margin-bottom: 5px;
}
div.box410_contents 
{
	background: url(common/images/top4/frame410_mid.jpg) 0 0 repeat-y;	
}
div.box410_inBox 
{
	width: 365px;
	padding: 10px 15px;
}
.infoarea
{
	background: url("common/images/top4/line_dot.gif") repeat-x scroll left bottom transparent;
    padding: 1px 0;
}
/*************************************
 * BOX（135）
 *************************************/
div.box135
{
	width: 135px;
	height:173px;
	padding: 0 0 10px 0;
	background-image:url("common/images/top4/bg_aplbanner.png");
	background-repeat:no-repeat;
	text-align:center;
}

/*************************************
 *検索
 *************************************/
#TxtMhsKeyword
{
    height: 20px;
    position: absolute;
    left:0px;
    width:165px;
}
#search
{
	position: relative;
	height:25px;
}
#MhsBtnImg
{
	border-width: 0;
    position: absolute;
    right: 5px;
}

/*************************************
 *ランキング
 *************************************/
ul.rankList 
{
	list-style: none;
	font-size: 0.9em;
	line-height: 1.2em;
}
ul.rankList li 
{
	background: url(common/images/top4/line_dot.gif) left bottom repeat-x;
	padding: 12px 0;
}
ul.rankList li a 
{
	/*color: #333;*/
}
ul.rankList li a:hover 
{
	/*color: #CCC;*/
	text-decoration:underline;
}
h3#tit_rank-access 
{
	height: 42px;
	background: url(common/images/top4/tit_rank_access.jpg) left bottom no-repeat;
}
div#rank_access 
{
	overflow: hidden;
}
div#rank_access .rankList 
{
	width: 170px;
	height: 945px;
	overflow: auto;
}
p#rank_access_month 
{
	width: 50px;
	color: #106A8E;
	font-weight: bold;
	position: absolute;
	margin: 16px 0 0 120px;
}
ul#btn_rank-access_tab 
{
	list-style: none;
	display: block;
	overflow: hidden;
}
ul#btn_rank-access_tab li a 
{
	height: 31px;
	background: url(common/images/top4/btn_rank_access_tab.png) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
ul#btn_rank-access_tab li#tab_all 
{
	width: 70px;
	float: left;
}
ul#btn_rank-access_tab li#tab_kojin 
{
	width: 63px;
	float: left;
}
ul#btn_rank-access_tab li#tab_dantai 
{
	width: 69px;
	float: right;
}
ul#btn_rank-access_tab li#tab_all a 			{ background-position:      0     0; }
ul#btn_rank-access_tab li#tab_kojin a 			{ background-position:  -70px     0; }
ul#btn_rank-access_tab li#tab_dantai a 			{ background-position: -133px     0; }
ul#btn_rank-access_tab li#tab_all a:hover 		{ background-position:      0 -31px; }
ul#btn_rank-access_tab li#tab_kojin a:hover 	{ background-position:  -70px -31px; }
ul#btn_rank-access_tab li#tab_dantai a:hover 	{ background-position: -133px -31px; }
ul#btn_rank-access_tab li#tab_all a.current 	{ background-position:      0 -31px; }
ul#btn_rank-access_tab li#tab_kojin a.current 	{ background-position:  -70px -31px; }
ul#btn_rank-access_tab li#tab_dantai a.current 	{ background-position: -133px -31px; }

ul.rankList h4 
{
	width: 25px;
	height: 26px;
	margin-right: 5px;
	display: block;
	overflow: hidden;
	float: left;
}
ul.rankList h4.num1,ul.rankList h4.num2,ul.rankList h4.num3 
{
	text-indent: -9999px;
}
ul.rankList h4.num1 { background: url(common/images/top4/icon_no1.jpg) 0 0 no-repeat;}
ul.rankList h4.num2 { background: url(common/images/top4/icon_no2.jpg) 0 0 no-repeat;}
ul.rankList h4.num3 { background: url(common/images/top4/icon_no3.jpg) 0 0 no-repeat;}
ul.rankList h4.num 
{
	background: url(common/images/top4/icon_no_other.jpg) 0 0 no-repeat;
	font-size: 1.2em;
	text-align: center;
	padding-top: 6px;
}
ul.rankList p 
{
	width: 120px;
	float: right;
}
.nickName
{
	font-size:0.8em;
	font-weight:normal;
}

/*************************************
 *お知らせ・日記
 *************************************/
div.topicsDiv
{
	height:692px;
	overflow:auto;
	margin-top:10px;
}
div#topicsMain1
{
}
div#topicsMain2
{
}
div#topicsMain3
{
}
div#topicsMain4
{
}
div#topicsMain1 div.topicsImg
{
	margin:3px auto 0px;
}
div#topicsMain1 div.topicsImg table
{
	margin:0 auto;
}
div#topicsMain1 div.topicsImg table td
{
	width:145px;
	padding:3px;
	overflow:hidden;
	text-align:center;
}

div#topicsMain1 div.topicsImg table.ImageCentering
{
	width:auto;
	padding:0;
	height:102px;
}

div#topicsMain1 div.topicsImg  img.topicsImage
{
	border:solid 2px #E3E3E3;
}

div#topicsMain1 div.topicsImg .topicsTitle
{
	font-size:0.8em;
	margin-top:5px;

}

ul.txtList 
{
	font-size: 0.9em;
}
ul.txtList h4 
{
	/*color:#888888;*/
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.2;
}
ul.txtList li 
{
	background: url(common/images/top4/line_dot.gif) left bottom repeat-x;
	padding: 3px 0;
}
ul.txtList li a 
{
	/*color: #333;*/
}
ul.txtList li a:hover 
{
	/*color: #CCC;*/
	text-decoration:underline;
}
h3#tit_new-diary 
{
	width: 145px;
	height: 32px;
	background: url(common/images/top4/tit_diary.jpg) left bottom no-repeat;
}
div#new_diary 
{
	/*height: 362px;*/
	overflow: hidden;
}
div#new_diary  h3 
{
	padding: 8px 0 0 0;
	margin-bottom: 10px;
}
div#kuma_image img 
{/*kuma*/
	margin: -10px 0 0 280px;
}
div.boxList1
{
	height: 450px;
    overflow: auto;
    width: 380px;
}
.boxFoot
{
	text-align:right;
}
div.infoarea li a,div.boxList1 li a
{
	/*color: #333333;*/
}
div.infoarea li a:hover,div.boxList1 li a:hover
{
	/*color: #cccccc;*/
	text-decoration:underline;
}
.daiary_li
{
	background: url("common/images/top4/line_dot.gif") repeat-x scroll left bottom transparent;
    padding: 1px 0;
}
.boxFoot a
{
	background-image: url("common/images/top4/prefix_ya.gif");
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 0.8em;
    padding-left: 15px;
}
.boxFoot a:hover
{
	text-decoration:underline;
}
ul#tab_oshirase
{
	position:absolute;
	top:29px;
	width:18px;
	list-style: none;
	display: block;
	overflow: hidden;
	left:-13px;
}
ul#tab_oshirase li a 
{
	background: url(common/images/top4/tab_oshirase.png) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
ul#tab_oshirase li#tab_oshirase_0 a
{
	height: 50px;
}
ul#tab_oshirase li#tab_oshirase_1 a
{
	height: 51px;
}
ul#tab_oshirase li#tab_oshirase_2 a
{
	height: 51px;
}
ul#tab_oshirase li#tab_oshirase_3 a
{
	height: 51px;
}
ul#tab_oshirase li#tab_oshirase_4 a
{
	height: 51px;
}
ul#tab_oshirase li#tab_oshirase_5 a
{
	height: 95px;
}
ul#tab_oshirase li#tab_oshirase_6 a
{
	height: 51px;
}
ul#tab_oshirase li#tab_oshirase_7 a
{
	height: 85px;
}
ul#tab_oshirase li#tab_oshirase_8 a
{
	height: 85px;
}
ul#tab_oshirase li#tab_oshirase_9 a
{
	height: 71px;
}
ul#tab_oshirase li#tab_oshirase_10 a
{
	height: 71px;
}
ul#tab_oshirase li#tab_oshirase_0 a.current,ul#tab_oshirase li#tab_oshirase_0 a:hover 			{ background-position: -19px      0; }
ul#tab_oshirase li#tab_oshirase_1 a.current,ul#tab_oshirase li#tab_oshirase_1 a:hover 			{ background-position: -19px  -50px; }
ul#tab_oshirase li#tab_oshirase_2 a.current,ul#tab_oshirase li#tab_oshirase_2 a:hover 			{ background-position: -19px -101px; }
ul#tab_oshirase li#tab_oshirase_3 a.current,ul#tab_oshirase li#tab_oshirase_3 a:hover 			{ background-position: -19px -152px; }
ul#tab_oshirase li#tab_oshirase_4 a.current,ul#tab_oshirase li#tab_oshirase_4 a:hover 			{ background-position: -19px -203px; }
ul#tab_oshirase li#tab_oshirase_5 a.current,ul#tab_oshirase li#tab_oshirase_5 a:hover 			{ background-position: -19px -254px; }
ul#tab_oshirase li#tab_oshirase_6 a.current,ul#tab_oshirase li#tab_oshirase_6 a:hover 			{ background-position: -19px -349px; }
ul#tab_oshirase li#tab_oshirase_7 a.current,ul#tab_oshirase li#tab_oshirase_7 a:hover 			{ background-position: -19px -400px; }
ul#tab_oshirase li#tab_oshirase_8 a.current,ul#tab_oshirase li#tab_oshirase_8 a:hover 			{ background-position: -19px -485px; }
ul#tab_oshirase li#tab_oshirase_9 a.current,ul#tab_oshirase li#tab_oshirase_9 a:hover 			{ background-position: -19px -570px; }
ul#tab_oshirase li#tab_oshirase_10 a.current,ul#tab_oshirase li#tab_oshirase_10 a:hover 		{ background-position: -19px -641px; }
ul#tab_oshirase li#tab_oshirase_0 a 	{ background-position:     0      0; }
ul#tab_oshirase li#tab_oshirase_1 a 	{ background-position:     0  -50px; }
ul#tab_oshirase li#tab_oshirase_2 a 	{ background-position:     0 -101px; }
ul#tab_oshirase li#tab_oshirase_3 a 	{ background-position:     0 -152px; }
ul#tab_oshirase li#tab_oshirase_4 a 	{ background-position:     0 -203px; }
ul#tab_oshirase li#tab_oshirase_5 a 	{ background-position:     0 -254px; }
ul#tab_oshirase li#tab_oshirase_6 a 	{ background-position:     0 -349px; }
ul#tab_oshirase li#tab_oshirase_7 a 	{ background-position:     0 -400px; }
ul#tab_oshirase li#tab_oshirase_8 a 	{ background-position:     0 -485px; }
ul#tab_oshirase li#tab_oshirase_9 a 	{ background-position:     0 -570px; }
ul#tab_oshirase li#tab_oshirase_10 a 	{ background-position:     0 -641px; }

/*************************************
 *新着ホームページ
 *************************************/
h3#tit_new-site 
{
	height: 35px;
	background: url(common/images/top4/tit_new-site.jpg) left bottom no-repeat;
}
div#new_site 
{
	/*height: 220px;*/
	height:230px;
}
div#myHpKirikaeList, div#myHpKirikaeSlide
{
	text-align:center;
	padding:5px;
}

div#new_site h3 
{
	padding: 10px 0 0 0;
	margin-bottom: 0;
}
div#img_new-site 
{
	height: 131px;
}
div.new-site_name 
{
	text-align: center;
}
div.new-site_name h4 
{
	font-size: 0.9em;
	padding: 6px 0 0 0;
}
* html div.new-site_name h4 
{/*IE6*/
	line-height: 1.1em;
	padding-top: 3px;
}
div.new-site_name h4 a 
{
	/*color: #000;*/
}
div.new-site_name h4 a:hover 
{
	/*color: #C60;*/
	text-decoration:underline;
}
div.new-site_name p 
{
	font-size: 0.8em;
	line-height: 1.1em;
	margin: 0;
}
* html div.new-site_name p
{/*IE6*/
	font-size: 0.7em;
	padding-top: 3px;
}
div.newinfoKojin
{
	overflow:hidden;
	height:135px;
	margin:0 auto;
}
div#myHpList
{
	overflow:auto;
	height:135px;
	margin:0 auto;
}
div#myHpList ul
{
	line-height: 115%;
}
div#myHpList ul li
{
	background-image: url("common/images/top3/preYagray.gif");
    background-position: left 3px;
    background-repeat: no-repeat;
    color: #666666;
    font-size: 0.8em;
    margin-left: 8px;
    padding-left: 7px;
    list-style-type: none;
}
div#newmyhpslideList {
    background-color: #FFFCF4;
    height: 128px;
    width: 160px;
    margin:0 auto;
    padding: 3px 0;
    text-align: center;
    overflow:hidden;
}
div#newmyhpslideList div.newmyhpinfo
{
	margin:3px 3px 8px 3px;
}
div.news1memo,div.news1date,div.diaryBbsmemo,div#newmyhpslideList div#newmyhp0.newmyhpinfo div.hptitle,
div#sagasiBbsmiddle div.sagasiBbscont span,
div#weekCalList.list div.calday div.caldata ul li.list span.size11
{
	color:#696969;
}

/*************************************
 *カレンダー
 *************************************/
h3#tit_calendar 
{
	width: 157px;
	height: 32px;
	background: url(common/images/top4/tit_calendar.jpg) left bottom no-repeat;
	float: left;
}
div#calendar .box410_contents
{
	padding-bottom:10px;
}
div#calendar 
{
	overflow: hidden;
	font-size: 0.9em;
}
div#calendar  h3 
{
	padding: 5px 0 0 0;
	margin-bottom: 10px;
}
div#calendar .txtList 
{
	width: 380px;
	height: 110px;
	overflow: auto;
}
li.nodata, p.nodata 
{
	margin: 10px;
}
div.calendar_date 
{
    padding: 5px;
    width: 100px;
	color: #106A8E;
	font-weight: bold;
	display: block;
	padding: 15px 0 0 10px;
	text-align:left;
}
p#btn_big_calendar 
{
	width: 110px;
	height: 33px;
	display: block;
	padding: 5px 0 0 0;
	float: right;
}
div#kuma_m_image img 
{/*kuma*/
	margin: -23px 0 0 350px;
}
div#calendar_title
{
	 background: url("common/images/top4/frame410_mid.jpg") repeat-y scroll 0 0 transparent;
	 padding:10px 15px 0px;
}
div#calendar .box410_inBox
{
	height: 175px;
	overflow: auto;
}

/*************************************
 *ニュース
 *************************************/
div#news
{    
	/*height: 419px;*/
    overflow: hidden;
}
div#news div.topicsDiv 
{
    display: none;
    position: relative;
}
div#news .box410_contents
{
	position: relative;
}
div#news .box410_inBox
{
    padding: 10px 15px;
    width: 380px;
}
ul#btn_news_tab 
{
	width: 412px;
	height: 30px;
	list-style: none;
	display: block;
	overflow: hidden;
}
ul#btn_news_tab li a 
{
	height: 30px;
	background: url(common/images/top4/btn_news_list.jpg);
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
ul#btn_news_tab li#tab_news,ul#btn_news_tab li#tab_news-kojin,ul#btn_news_tab li#tab_news-dantai 
{
	float: left;
}
ul#btn_news_tab li#tab_news 		{ width: 106px;}
ul#btn_news_tab li#tab_news-kojin,
ul#btn_news_tab li#tab_news-dantai	{ width: 99px;}
ul#btn_news_tab li#tab_news-gyosei	{ width: 108px; float: right;}
/* ----------- */
ul#btn_news_tab li#tab_news a 					{ background-position:      0     0; }
ul#btn_news_tab li#tab_news-kojin a 			{ background-position: -106px     0; }
ul#btn_news_tab li#tab_news-dantai a 			{ background-position: -205px     0; }
ul#btn_news_tab li#tab_news-gyosei a 			{ background-position: -304px     0; }
/* ----------- */
ul#btn_news_tab li#tab_news a:hover 			{ background-position:      0 -30px; }
ul#btn_news_tab li#tab_news-kojin a:hover 		{ background-position: -106px -30px; }
ul#btn_news_tab li#tab_news-dantai a:hover 		{ background-position: -205px -30px; }
ul#btn_news_tab li#tab_news-gyosei a:hover 		{ background-position: -304px -30px; }
/* ----------- */
ul#btn_news_tab li#tab_news a.current 			{ background-position:      0 -30px; }
ul#btn_news_tab li#tab_news-kojin a.current 	{ background-position: -106px -30px; }
ul#btn_news_tab li#tab_news-dantai a.current 	{ background-position: -205px -30px; }
ul#btn_news_tab li#tab_news-gyosei a.current 	{ background-position: -304px -30px; }
ul.txtList li .divfurl
{
	display:block;
	padding: 12px 0;
	width: 15px;
	float:left;
}
div#news .txtList 
{
    /*height: 380px;
    margin-top: 6px;
    overflow: auto;
    width: 380px;*/
}
div#news ul.txtList li {
    margin-left: 20px;
    padding-left: 7px;
    padding: 3px 0;
}
div#news img.loading
{
	margin:100px auto;
	display:block;
}
/*************************************
 *活用システム更新情報
 *************************************/
h3#tit_system 
{
	width: 202px;
	height: 40px;
	background: url(common/images/top4/tit_news_system.jpg) left bottom no-repeat;
	padding: 8px 0 0 0;
	margin-bottom: 0;
}
div#system-center 
{
}
div#system-center ul.system_center_list 
{
	list-style: none;
	height: 50px;
	display: block;
	overflow: auto;
}
div#system-center li 
{
    background-image: url("common/images/top4/icon_circle.gif");
    background-position: left 3px;
    background-repeat: no-repeat;
    font-size: 0.8em;
    padding: 1px 0 1px 15px;
}
* html div#system-center li 
{
	font-size: 0.6em;
	line-height: 1.4em;
}
div#kuma_o_image img 
{/*kuma*/
	margin: -28px 0 0 140px;
}
div#system-center ul.system_center_list li a 
{
    color: #333333;
}
div#system-center ul.system_center_list li a:hover 
{
    color: #CCCCCC;
}
ul.system_center_list li p
{
	font-size:0.8em;
}

/*************************************
 *センターからのお知らせ
 *************************************/
.cname, .cwakurad1, .cwakurad2
{
	display:none;
}
.cwaku
{
	margin-top:-23px;
}
h3#tit_center 
{
	width: 202px;
	height: 45px;
	background: url(common/images/top4/tit_news_center.jpg) left bottom no-repeat;
	padding: 8px 0 0 0;
	margin-bottom: 0;
}
div#centerOshiraseMain 
{
	width: 170px;
	padding: 10px 15px;
	height:228px;
}
div#centerOshiraseMain div.cwaku ul 
{
	display: block;
    height: 228px;
    list-style: none outside none;
    overflow: auto;
}
div#centerOshiraseMain div.cwaku li a 
{
    /*color: #333333;*/
}

div#centerOshiraseMain div.cwaku li a:hover 
{
    /*color: #CCCCCC;*/
    text-decoration:underline;
}
div#centerOshiraseMainRight
{
	margin-right:15px;
	padding-bottom:5px;
	text-align:right;
}
#centerOshiraseMainRight a
{
	background-image: url("common/images/top4/prefix_ya.gif");
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 0.8em;
    padding-left: 15px;
}

div#centerOshiraseMainRight a:hover
{
	text-decoration:underline;
}
/*************************************
 *ログイン
 *************************************/
div#userlogin 
{
}
div#userlogin dt 
{
	font-weight: bold;
	font-size: 0.9em;
}
* html div#userlogin dt 
{/*IE6*/
	line-height: 1.1em;
}
div#userlogin .login 
{
	width: 160px;
	padding: 3px;
	margin-bottom: 3px;
}
* html div#userlogin .login 
{/*IE6*/
	padding: 2px;
	margin-bottom: 0;
}

/* サブ情報 */
ul#btn_login_sub 
{
	list-style: none;
}
ul#btn_login_sub li 
{
	font-size: 0.75em;
	background: url(common/images/top4/icon_arrow.gif) left center no-repeat;
	padding-left: 12px;
	line-height: 1.2em;
	margin-top: 4px;
}
* html ul#btn_login_sub li 
{/*IE6*/
	font-size: 0.6em;
	margin-top: 2px;
}
ul#btn_login_sub li a 
{
	/*color: #666;*/
}
ul#btn_login_sub li a:hover 
{
	/*color: #C60;*/
	text-decoration:underline;
}

/* 新規登録 */
h3#tit_new-toroku 
{
	color: #106A8E;
	margin: 10px 0 0 0;
	padding: 10px 0 6px 0;
	background: url(common/images/top4/line_dot.gif) 0 0 repeat-x;
	text-indent: 0;
}
p#btn_new-dantai,p#btn_new-kojin 
{
	width: 82px;
	height: 35px;
	display: block;
}
p#btn_new-dantai { float: left;}
p#btn_new-kojin  { float: right;}
p#btn_new-dantai a,p#btn_new-kojin a 
{
	width: 82px;
	height: 35px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
p#btn_new-dantai a 			{ background: url(common/images/top4/btn_login-dantai.jpg) 0 0 no-repeat;}
p#btn_new-kojin a 			{ background: url(common/images/top4/btn_login-kojin.jpg) 0 0 no-repeat;}
p#btn_new-dantai a:hover 	{ background-position: 0 -35px;}
p#btn_new-kojin a:hover 	{ background-position: 0 -35px;}

/* 初めての方 */
p#btn_first 
{
	margin-top: 6px;
}
p#btn_first a 
{
	width: 170px;
	height: 25px;
	background: url(common/images/top4/btn_first.jpg) 0 0 no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
p#btn_first a:hover 
{
	background-position: 0 -25px;
}

/* ログイン済 */
div.loginok 
{
    margin: 10px 0;
    text-align: center;
}
div.loginok a 
{
    font-size: 0.8em;
    margin: 5px 0;
    color:#333333;
}
div.loginok a:hover
{
    color:#CCCCCC;
}
p.loginButton 
{
    margin: 5px;
    text-align: center;
}

/* ログイン失敗 */
div#loginerrmsg
{
	color:#FF0000;
	font-size:small;
	text-align:center;
	position:absolute;
	left:0px;
	padding:5px;
	height: 180px;
    top: 10px;
    width: 190px;
    background:#FFFFFF;
}
/*************************************
 *あまくさモール　ランキング
 *************************************/
h3#tit_rank-shouten 
{
	width: 202px;
	height: 55px;
	background: url(common/images/top4/tit_rank_shouten.jpg) left bottom no-repeat;
}
div#rank_shouten 
{
}
div#rank_shouten ul.rankList 
{
	list-style: none;
	height: 420px;
	display: block;
	overflow: auto;
}
div#rank_shouten li 
{
	display: block;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
div#rank_shouten ul.rankList p.bold 
{
	width: 70px;
	float: left;
}
div#rank_shouten ul.rankList img 
{
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	margin-right: 1px;
	vertical-align: top;
	float: right;
}

/*************************************
 *バナーエリア
 *************************************/
div#contentsBoxBn img 
{
	margin-bottom: 10px;
}
div#contentsBoxBn .mgBtm0 
{
	margin-bottom: 0;
}
div#bannerArea #bannertitle
{
	display:none;
}

/*************************************
 *リンクエリア
 *************************************/
div#linkBox img 
{
	width: 160px;
	height: 50px;
	margin: 0 8px 8px 0;
	display: block;
	overflow: hidden;
	float: left;
}

/*************************************
 *商品エリア
 *************************************/
div#syohin_area
{
	padding:5px 0;
}
div#syohin_Container
{
	width: 1004px;
    margin: 0px auto;
    position:relative;
}
div#syohin
{
	width:810px;
	/*margin:0px auto;*/
	padding:10px 20px;
	background-color:#FFFFFF;
	border-radius:10px;
	position:relative;
	height:120px;
	overflow:hidden;
    float:left;
}
div#syohin ul
{
	float:left;
}
div#syohin li
{
	float:left;
	vertical-align:top;
	width:108px;
	margin-right:34px;
	text-align:center;
	font-size:0.8em;
}
div#syohin li div.thumb_o
{
	border:1px solid #CCCCCC;
	padding:3px;
}
div#syohin li div.thumb_i
{
	height:75px;
	width:100px;
	display:table-cell;
	vertical-align:middle;
}
div#syohin li img
{
	max-width:100px;
	max-height:75px;
}
div#syohin p.hinmei
{
	text-align:left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
div#syohin p.kakaku
{
	text-align:right;
	color:Red;
	font-weight:bold;
}
div#syohin_fukidashi
{
    position: absolute;
    left: -65px;
    top: -89px;
    z-index: 10;
}

div#syohin_gift
{
    text-align:right;
}

/*************************************
 *ANA日記サイト
 *************************************/
div#ana_area
{
    margin-bottom:10px;
    width: 128px;
    background-color: #FFFFFF;
}
div#ana_area p#btn_ana
{
	width: 128px;
    height:84px;
}
div#ana_area p#btn_ana a
{
	width: 128px;
    height:84px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(common/images/top4/bn_ana.gif) 0 0 no-repeat;
}
div#ana_contents
{
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 3px;
    font-size:0.8em;
}
div#ana_contents img
{
	float:left;
	margin:0 3px 3px 0;
	max-width:55px;
}