/*----------------------------------*/
/*          �X�^�C��������          */
/*----------------------------------*/

@charset "UTF-8";

body,div,dl,dt,dd,ul,li,ol,li,h1,h2,h3,h4,form,p,table,th,td	{
	margin: 0;
	padding: 0;
}

body	{
	font-family: Verdana,Arial,sans-serif;
	line-height: 1;
}

a img,
img	{
	border: 0;
}

ul,li,ol,li	{
	list-style: none;
}

a	{
	text-decoration: none;
	color: #039;
}

a:hover	{
	color: #930;
}

/*----------------------------------*/
/*           �ėpCSS���[�N          */
/*----------------------------------*/
.m0	{ margin: 0 !important; }
.t_left	{ text-align: left !important; }
.pl5	{ padding-left: 5px !important; }

/*----------------------------------*/
/*          clearfix������          */
/*----------------------------------*/

div.ranking div.base_body ol:after,
div.r_control:after,
dl.my_message dd:after,
div.n_user_list:after,
div.newuser:after,
div#news_topics ul li:after,
div#contents_navi:after,
div#contents:after,
.clearfix:after	{
	content: url(../../../img/base/fixed.gif);
	display: block;
	clear: both;
	height: 0;
}

/* clearfix for IE7 over */

div.ranking div.base_body ol,
div.r_control,
dl.my_message dd,
div.n_user_list,
div.newuser,
div#news_topics ul li,
div#contents_navi,
div#contents,
.clearfix	{ zoom: 1; }

/*----------------------------------*/
/*          �ėp�X�^�C��            */
/*----------------------------------*/

div#header	{
	background: #000;
}

div#header_body	{
	background: #FFF;
}

div#htw	{
	border-bottom: 1px solid #DDD;
	background: url(../../../img/m001/htw_bg.gif) repeat-x;
}

div#htb	{
	position: relative;
	height: 24px;
	width: 1000px;
	margin: 0 auto;
}

div#hmw	{
	background: url(../../../img/m001/hmw_bg.gif) repeat-x;
}

div#hmb	{
	position: relative;
	height: 100px;
	width: 1000px;
	margin: 0 auto;

}

div#hbw	{
	background: url(../../../img/m001/hbw_bg.gif) repeat-x;
}

div#hbb	{
	position: relative;
	height: 30px;
	width: 1000px;
	margin: 0 auto;
}

/*----------------------------------*/
/*          �J�����̐ݒ�            */
/*          ���L�b�h3�J����         */
/*----------------------------------*/

/*--
div.wrapper	{
	background: #F5F5F5 url(../../../img/m001/width1020.gif) repeat-y center;
}--*/

div#container	{
	padding: 10px 0 0 0;
}

div#contents	{
	width: 1000px;
	margin: 0 auto;
}

div#main_container	{
	width: 100%;
}

div#main_body	{
}

div#main	{
	width: 100%;
	overflow: hidden;
}

div#side_container	{
	width: 100%;
}

div#menu_container	{
width: 100%;
float: initial;
}

/*----------------------------------*/
/*          �J�����̐ݒ�            */
/*          ���L�b�h2�J����         */
/*----------------------------------*/
div.clum2 div#main	{
	width: 100%;
}

/*----------------------------------*/
/*          �e�v�f�̐ݒ�            */
/*----------------------------------*/

/*�T�C�g�̐���*/
h1	{
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	padding: 0;
}

/*----------------------------------*/
/*          ���S                    */
/*----------------------------------*/

div#logo	{
	position: absolute;
	left: 0;
	top: 5px;
	width: 240px;
	height: 90px;
}

div#logo a	{
	background: url(../../../img/m001/logo.gif) no-repeat;
	display: block;
	width: 240px;
	height: 90px;
	line-height: 100px;
	text-align: center;
	color: #FFF;
}

div#logo a:hover	{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div#logo a span	{
	display: none;
}

/*----------------------------------*/
/*          site_navi               */
/*----------------------------------*/

ul#site_navi	{
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 100;
}

ul#site_navi li	{ display: inline; }

ul#site_navi li a	{
	display: block;
	height: 14px;
	line-height: 14px;
	float: left;
	margin-left: 10px;
	padding-left: 15px;
	background: url(../../../img/m001/arrow_green.gif) no-repeat left 2px;
	color: #333;
}

ul#site_navi li a span	{
	display: block;
	font-size: 10px;
}

ul#site_navi li a:hover span	{ border-bottom: 1px solid #333; }

/* admin */

ul#site_navi_admin	{
	position: absolute;
	top: 63px;
	right: 0;
	z-index: 100;
	height: 24px;
	width: 750px;
}

ul#site_navi_admin li	{
	float: left;
	height: 30px;
	margin: 0 -1px 0 0;
}

ul#site_navi_admin li a	{
	display: block;
	height: 24px;
	width: 120px;
	text-align: center;
	line-height: 24px;
	overflow: hidden;
	background: url(../../../img/m001/site_navi_admin.gif) no-repeat bottom;
	margin: 0;
	padding: 0;
	color: #452cdd;
}

ul#site_navi_admin li a span	{
	font-size: 12px;
}

ul#site_navi_admin li a:hover	{
	background-position: top;
}


/*----------------------------------*/
/*          gloval navigation       */
/*----------------------------------*/

div#global_navigation	{
	width: 100%;
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
}

div#global_navigation ul	{
	width: 1000px;
	height: 30px;
	margin: 0 auto;
}

div#global_navigation li	{
	float: left;
	height: 30px;
	margin: 0 -1px 0 0;
	width: 16%;
}

div#global_navigation li a	{
	display: block;
	height: 30px;
	width: 100%;
	text-align: center;
	line-height: 30px;
	overflow: hidden;
	font-size: 12px;
	/* background: url(../../../img/m001/gn_li.gif) no-repeat; */
	color: #FFF;
}

div#global_navigation li a:hover{
	opacity: 0.8;
}

/* agn = admin */

div#global_navigation li.agn01 a	{
	width: 100%;
	background: none;
}

div#global_navigation li.agn02 a	{
	    background: none;
}

div#global_navigation li.agn02 a span,
div#global_navigation li.agn01 a span	{ }

div#global_navigation li a.now,
div#global_navigation li a:hover	{
	background-position: bottom;
	color: #FFF;
}

/*----------------------------------*/
/*          mylist,mode_admin       */
/*----------------------------------*/

div#mylist	{
	width: 160px;
	height: 30px;	/* �������w�肵�Ȃ���FireFox2�Ŕz�u�������� */
	position: absolute;
	bottom: 0;
	_bottom: -1px;	/* IE6�Ő��Έʒu��1px���ɂ����� */
	right: 0;
}

div#mylist ul	{
	width: 160px;
	height: 30px;
	margin: 0 auto;
}

div#mylist li	{
	float: left;
	height: 30px;
	margin: 0 5px 0 0;
}

div#mylist li a	{
	display: block;
	height: 30px;
	width: 160px;
	text-align: center;
	line-height: 30px;
	overflow: hidden;
	font-size: 12px;
	font-weight: bold;
	background: url(../../../img/m001/gn_li.gif) no-repeat;
	color: #FFF;
}

div#mylist li a.now,
div#mylist li a:hover	{
	background-position: bottom;
	color: #FFF;
}

/* base contents
--------------------------------------------------------*/
div.base_wrap	{
	margin-bottom: 10px;
	font-size: 12px;
}

div.base_wrap h2,
div.base_wrap h3,
div.base_wrap div.title	{
	line-height: 24px;
	background: #333;
	color: #FFF;
}

div.base_wrap h2 span,
div.base_wrap h3 span,
div.base_wrap div.title span	{
	margin: 0 0 0 5px;
	font-size: 12px;
	font-weight: bold;
}

div.base_body	{
	border: 1px solid #DDD;
	padding: 5px;
}

div.base_wrap ul	{

}

div.base_wrap ul li	{
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid #DDD;
	line-height: 16px;
	/* clearfix */
}

div.base_wrap ul li span	{
}

/* user menu
--------------------------------------------------------*/
div.user_menu h3	{
	background: url(../../../img/m001/user_menu.gif) no-repeat;
	line-height: 28px;
	height: 24px;
	overflow: hidden;
}

div.user_menu h3 span	{
	color: #666;
	margin: 0 0 0 7px;
}

div.user_menu div.base_body	{
	background: url(../../../img/m001/250grad3.gif) no-repeat bottom right;
}

/* news topics
--------------------------------------------------------*/
div#news_topics div.title	{
	background: url(../../../img/m001/news_topics.gif) no-repeat;
	width: 200px;
	height: 24px;
	overflow: hidden;
}

div#news_topics div.title span	{
	color: #333;
	display: block;
	padding: 30px 0 0 0;
}

div#news_topics div.base_body	{
	padding: 5px 5px 10px 5px;
	background: url(../../../img/m001/250grad3.gif) no-repeat bottom right;
}

div#news_topics div.base_body ul li	{
	border-bottom: 1px dotted #AAA;
}

div#news_topics div.base_body ul li span	{
	display: block;
	font-size: 10px;
	line-height: 12px;
	color: #999;
	border-left: 3px solid #CCC;
	padding: 0 0 0 2px;
}

div#news_topics div.base_body ul li p	{
	padding: 2px 3px;
}

div#news_topics div.base_body ul li p a	{
}

div#news_topics div.base_body div.more	{
	text-align: right;
}

div#news_topics div.base_body div.more a	{
	text-decoration: underline;
	margin: 0 5px 0 0;
}

/* newlist
--------------------------------------------------------*/

div.newlist	{
	margin: 0 0 10px 0;
	display: none;
}

div.newlist div.base_wrap	{
}

div.newlist h2	{
	height: 24px;
	line-height: 26px;
	overflow: hidden;
	background: url(../../../img/m001/newlist_bg.gif) no-repeat;
	width: 530px;
}

div.newlist h2 span	{
	float: right;
	padding: 0 10px 0 0;
	color: #AAA;
	font-size: 10px;
	font-weight: normal;
}

div.newlist div.base_body	{
	border-top: 0 none;
	padding: 10px;
}

div.newlist div.more	{
	text-align: right;
}

div.newlist div.more a	{
	text-decoration: underline;
}

div.newlist div.base_body dl	{
	font-size: 12px;
}

div.newlist div.base_body dl dt	{
	padding: 3px;
	background: #F5F5F5;
	border-bottom: 1px solid #DDD;
	font-weight: bold;
}

div.newlist div.base_body dl dd	{
	margin: 0 0 10px 0;
	padding: 3px 3px 6px 3px;
	color: #666;
	font-size: 10px;
}

div.newlist div.base_body dl dd ul	{
	text-align: right;
}

div.newlist div.base_body dl dd ul li	{
	display: inline;
	margin: 0 0 0 5px;
	border: 0 none;
	line-height: 1.1;
}

div.newlist div.base_body dl dd ul li a strong	{
	font-weight: normal;
}

/* pickuplist
--------------------------------------------------------*/

div.pickuplist	{
	margin: 0 0 10px 0;
	display: none;
}

div.pickuplist div.base_wrap	{
}

div.pickuplist h2	{
	height: 24px;
	line-height: 26px;
	overflow: hidden;
	background: url(../../../img/m001/pickup_bg.gif) no-repeat;
	width: 530px;
}

div.pickuplist h2 span	{
	float: right;
	color: #AAA;
	padding: 0 10px 0;
	font-size: 10px;
	font-weight: normal;
}

div.pickuplist div.base_body	{
	border-top: 0 none;
	padding: 10px;
}

div.pickuplist div.more	{
	text-align: right;
}

div.pickuplist div.more a	{
	text-decoration: underline;
}

div.pickuplist div.base_body dl	{
	font-size: 12px;
}

div.pickuplist div.base_body dl dt	{
	padding: 3px;
	background: #F5F5F5;
	border-bottom: 1px solid #DDD;
	font-weight: bold;
}

div.pickuplist div.base_body dl dd	{
	margin: 0 0 10px 0;
	padding: 3px 3px 6px 3px;
	color: #666;
	font-size: 10px;
}

div.pickuplist div.base_body dl dd ul	{
	text-align: right;
}

div.pickuplist div.base_body dl dd ul li	{
	display: inline;
	margin: 0 0 0 5px;
	border: 0 none;
	line-height: 1.1;
}

div.pickuplist div.base_body dl dd ul li a strong	{
	font-weight: normal;
}

/* mylist_info
--------------------------------------------------------*/

div.mylist_info	{
	margin: 0 0 10px 0;
}

div.mylist_info div.base_wrap	{
}

div.mylist_info h2	{
	height: 24px;
	line-height: 26px;
	overflow: hidden;
	background: url(../../../img/m001/title740.gif) no-repeat;
	width: 740px;
}

div.mylist_info h2 span	{
	color: #333;
}

div.mylist_info div.base_body	{
	border-top: 0 none;
	padding: 10px;
}

div.mylist_info div.base_body p	{
	line-height: 150%;
	margin: 0 0 1em 0;
}

div.mylist_info div.base_body dl	{
}

div.mylist_info div.base_body dl dt	{
	padding: 3px;
	background: #F5F5F5;
	border-bottom: 1px solid #DDD;
	font-weight: bold;
}

div.mylist_info div.base_body dl dd	{
	margin: 0 0 10px 0;
	padding: 10px;
	color: #666;
	font-size: 12px;
}

div.mylist_info div.base_body dl dd p	{
	line-height: 120%;
	margin: 0 0 0 0;
}

/* mylist
--------------------------------------------------------*/

div.mylist	{
	margin: 0 0 10px 0;
}

div.mylist div.base_wrap	{
}

div.mylist h2	{
	height: 24px;
	line-height: 26px;
	overflow: hidden;
	background: url(../../../img/m001/mylist.gif) no-repeat;
	width: 740px;
}

div.mylist h2 span	{
	float: right;
	padding: 0 10px 0 0;
	color: #AAA;
	font-size: 10px;
	font-weight: normal;
}

div.mylist div.base_body	{
	border-top: 0 none;
	padding: 20px;
}

div.mylist div.base_body div.list_none	{
	border: 1px solid #DDD;
	padding: 10px;
	background: #F5F5F5;
}

div.mylist div.base_body div.list_none div	{
	background: #FFF;
	padding: 10px;
}

div.mylist div.more	{
	text-align: right;
}

div.mylist div.more a	{
	text-decoration: underline;
}

div.mylist div.base_body dl	{
}

div.mylist div.base_body dl dt	{
	padding: 3px;
	background: #F5F5F5;
	border-bottom: 1px solid #DDD;
	font-weight: bold;
	font-size: 14px;
}

div.mylist div.base_body dl dd	{
	margin: 0 0 10px 0;
	padding: 3px 3px 6px 3px;
	color: #666;
	font-size: 12px;
}

div.mylist div.base_body dl dd ul	{
	text-align: right;
}

div.mylist div.base_body dl dd ul li	{
	display: inline;
	margin: 0 0 0 5px;
	border: 0 none;
	line-height: 1.1;
}

div.mylist div.base_body dl dd ul li a strong	{
	font-weight: normal;
}

/* ranking
--------------------------------------------------------*/

div.ranking	{
	margin: 0 0 10px 0;

}

div.ranking div.base_wrap	{
}

div.ranking h2	{
	height: 24px;
	line-height: 26px;
	overflow: hidden;
	background: url(../../../img/m001/ranking.gif) no-repeat;
	width: 250px;
}

div.ranking h2 span	{
	float: right;
	color: #FFF;
	padding: 0 10px 0;
	font-size: 10px;
}

div.ranking div.base_body	{
	border-top: 0 none;
	padding: 5px 5px 10px 5px;
	background: url(../../../img/m001/250grad3.gif) no-repeat bottom;
}

div.ranking div.more	{
    background: #563dee;
    width: 20%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
        margin: 20px auto;
}

div.ranking div.more a	{
text-decoration: none;
    color: #fff;
    font-size: 14px;
}

div.ranking div.base_body ol	{
	/* clearfix */
}

div.ranking div.base_body ol li	{
	float: left;
	width: 238px;
}

div.ranking div.base_body dl	{
	font-size: 12px;
	margin: 0 0 5px 30px;

}

div.ranking div.base_body dl dt	{
	background: #F5F5F5;
	border-bottom: 1px solid #DDD;
	line-height: 14px;
	padding: 3px;
}

div.ranking div.base_body dl dd	{
	background: #FFF;
	color: #333;
	font-size: 10px;
	text-align: right;
	padding: 3px;
}

div.ranking div.base_body ol li.rank1	{
	background: url(../../../img/m001/rank1.gif) no-repeat top left;
}

div.ranking div.base_body ol li.rank2	{
	background: url(../../../img/m001/rank2.gif) no-repeat top left;
}

div.ranking div.base_body ol li.rank3	{
	background: url(../../../img/m001/rank3.gif) no-repeat top left;
}

div.ranking div.base_body ol li.rank4 dl,
div.ranking div.base_body ol li.rank5 dl	{

}

/* newuser
--------------------------------------------------------*/
div.newuser	{
	/* clearfix */
}

/*	*:first-child+html div.newuser	{ margin-bottom: 10px;}	*/

div.newuser div.title	{
	background: url(../../../img/m001/new_user_bg.gif) no-repeat;
	width: 530px;
	height: 24px;
}

div.newuser div.title span	{
	float: right;
	padding: 0 10px 0 0;
	font-size: 10px;
	font-weight: normal;
	color: #AAA;
}

div.newuser div.base_wrap	{
	background: #fff;
}

div.newuser div.base_body	{
	width: 100%;
	overflow: hidden;
	border: 0 none;
	padding: 5px;
}

*:first-child+html div.newuser div.base_body ul	{
	margin-bottom: 5px;
}

div.newuser div.base_body ul	{
	/* clearfix */
	/* ���}�[�W�����ݒ肷���ہA����(IE7�ł̓}�[�W���������Ȃ�) */
	zoom: 1;
}

div.newuser div.base_body ul:after	{
	content: url(../../../img/base/fixed.gif);
	display: block;
	clear: both;
	height: 0;
}

div.newuser div.base_body ul li	{
	display: block;
	border: 0 none;
	margin: 0 5px 5px 0;
	 width: 49%;
	float: left;
	background: #FFF;
}

div.newuser div.base_body ul li a	{
	display: block;
	text-align: center;
	padding: 20px 0 0 0;
	cursor: pointer;
}

div.newuser div.base_body ul li a span.noimage,
div.newuser div.base_body ul li a img	{
	display: block;
    width: 50%;
    height: auto;
	margin: 0 auto 5px auto;
	background: url(../../../img/m001/noimage.gif) no-repeat;
}

div.newuser div.base_body ul li a span.noimage b	{ display: none; }

div.newuser div.base_body ul li a strong	{
	display: block;
	height: 30px;
	line-height: 14px;
	margin: 0 5px 5px 5px;
	background: #F5F5F5;
	font-weight: normal;
	overflow: hidden;
	font-size: 14px;
    padding-top: 13px;
	color: #000;
}

div.newuser div.base_body ul li div.comments	{
	background: #F5F5F5;
	margin: 0 5px;
	height: 30px;
}

div.newuser div.base_body ul li div.comments p	{
    color: #000;
    line-height: 12px;
    padding: 10px 0 0 0;
    font-size: 12px;
    text-align: center;
}

div.newuser div.base_body ul li a:hover img	{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div.newuser div.more	{
	text-align: right;
	width: 520px;
	height: 20px;
	line-height: 18px;
	background: #FFF;
	clear: both;
}

div.newuser div.more a	{
	text-decoration: underline;
	margin-right: 10px;
}

/* nuser list
--------------------------------------------------------*/
div.n_user_list	{
	/* clearfix */
}

/*	*:first-child+html div.n_user_list	{ margin-bottom: 10px;}	*/

div.n_user_list div.title	{
	background: url(../../../img/m001/n_user_list.gif) no-repeat;
	width: 100%;
	height: 24px;
}

div.n_user_list div.title span	{
	float: right;
	padding: 0 10px 0 0;
	font-size: 10px;
	font-weight: normal;
	color: #AAA;
}

div.n_user_list div.base_wrap	{
	background: #fff;
}

div.n_user_list div.base_body	{
	width: 100s%;
	overflow: hidden;
	border: 0 none;
	padding: 5px;
}

*:first-child+html div.n_user_list div.base_body ul	{
	margin-bottom: 5px;
}

div.n_user_list div.base_body ul	{
	/* clearfix */
	/* ���}�[�W�����ݒ肷���ہA����(IE7�ł̓}�[�W���������Ȃ�) */
	zoom: 1;
}

div.n_user_list div.base_body ul:after	{
	content: url(../../../img/base/fixed.gif);
	display: block;
	clear: both;
	height: 0;
}

div.n_user_list div.base_body ul li	{
	display: block;
	border: 0 none;
	margin: 0 5px 5px 0;
	width: 170px;
	float: left;
	background: #FFF;
}

div.n_user_list div.base_body ul li a	{
	display: block;
	text-align: center;
	padding: 20px 0 0 0;
	cursor: pointer;
}

div.n_user_list div.base_body ul li a img	{
	display: block;
width: 100%;
    height: auto;
	margin: 0 auto 5px auto;
}

div.n_user_list div.base_body ul li a strong {
    display: block;
    height: 28px;
    line-height: 14px;
    margin: 0px 0 5px 0;
    background: #F5F5F5;
    font-weight: normal;
    font-size: 10px;
    overflow: hidden;
    padding-top: 10px;
}

div.n_user_list div.base_body ul li div.comments {
    background: #F5F5F5;
    margin: 0 0;
    height: 30px;
    text-align: center;
    padding-top: 10px;
}

div.n_user_list div.base_body ul li div.comments p	{
	color: #999;
	line-height: 12px;
	padding: 3px;
	font-size: 10px;
}

div.n_user_list div.base_body ul li a:hover img	{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

div.n_user_list div.more	{
	text-align: right;
	width: 520px;
	height: 20px;
	line-height: 18px;
	background: #FFF;
	clear: both;
}

div.n_user_list div.more a	{
	text-decoration: underline;
	margin-right: 10px;
}

/* request list
--------------------------------------------------------*/

div.request_list	{
	margin: 0 0 10px 0;
}

div.request_list div.base_wrap	{
}

div.request_list h2	{
	height: 24px;
	line-height: 26px;
	overflow: hidden;
	background: url(../../../img/m001/request_list.gif) no-repeat;
	width: 530px;
}

div.request_list h2 span	{
	float: right;
	padding: 0 10px 0 0;
	color: #AAA;
	font-size: 10px;
	font-weight: normal;
}

div.request_list div.base_body	{
	border-top: 0 none;
	padding: 10px;
}

div.request_list div.more	{
	text-align: right;
}

div.request_list div.more a	{
	text-decoration: underline;
}

div.request_list div.base_body dl	{
	font-size: 12px;
}

div.request_list div.base_body dl dt {
    padding: 15px 0px 15px 20px;
    background: #F5F5F5;
    border-bottom: 1px solid #DDD;
    font-weight: bold;
}

div.request_list div.base_body dl dd	{
	margin: 0 0 10px 0;
	padding: 3px 3px 6px 3px;
	color: #666;
	font-size: 10px;
}

div.request_list div.base_body dl dd ul	{
	text-align: right;
}

div.request_list div.base_body dl dd ul li	{
	display: inline;
	margin: 0 0 0 5px;
	border: 0 none;
	line-height: 1.1;
}

div.request_list div.base_body dl dd ul li a strong	{
	font-weight: normal;
}

/* search focus
--------------------------------------------------------*/
div.search_focus	{
}

div.search_focus h3	{
	background: url(../../../img/m001/base_h3.gif) no-repeat;
}

div.search_focus h3 span	{
	color: #666;
}

div.search_focus div.base_body	{
	padding: 10px;
	background: #FFF url(../../../img/m001/250grad3.gif) no-repeat bottom right;
}

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

div.search_focus table,
div.search_focus table th,
div.search_focus table td	{
}

div.search_focus table th	{
	color: #333;
	font-weight: normal;
	text-align: left;
	padding: 5px 5px 3px 5px;
	background: #F5F5F5;
	border-bottom: 1px solid #DDD;
}

div.search_focus table td	{
	color: #333;
	font-weight: normal;
	text-align: left;
	padding: 5px 0 10px 0;
}

div.search_focus table td.block_label label	{
	display: block;
}

div.search_focus table td select	{
	font-size: 12px;
}

div.search_focus table td a.search_focus	{
	display: block;
	height: 30px;
	width: 178px;
	background: url(../../../img/m001/sf_submit.gif) no-repeat top;
}

div.search_focus table td a.search_focus span	{
	display: none;
}

div.search_focus table td a.search_focus:hover	{
	background-position: bottom;
}

/* category
--------------------------------------------------------*/
div.cate_list	{
	background: #EEE;
	padding: 5px;
	margin-bottom: 10px;
	zoom: 1;
}

div.cate_list div.base_wrap	{
	margin: 0;
}

div.cate_list div.title	{
	height: 24px;
	line-height: 26px;
	overflow: hidden;
}

div.cate_list div.base_body	{
	background: #FFF url(../../../img/m001/250grad3.gif) no-repeat bottom right;
}

div.cate_list div.base_body ul	{
}

div.cate_list div.base_body ul li	{
	line-height: 1.3;
	margin: 0;
	border: 0 none;
	padding: 0 0 3px 5px;
}

div.cate_list div.base_body ul li a span	{
}

div.cate_list div.base_wrap div.group1	{
	background: #EEE url(../../../img/m001/group1.gif) no-repeat;
	width: 240px;
}

div.cate_list div.base_wrap div.group2	{
	background: #EEE url(../../../img/m001/group2.gif) no-repeat;
	width: 240px;
	margin: 5px 0 0 0;
}

div.cate_list div.base_wrap div.group3	{
	background: #EEE url(../../../img/m001/group3.gif) no-repeat;
	width: 240px;
	margin: 5px 0 0 0;
}

div.cate_list div.base_wrap div.group3 span,
div.cate_list div.base_wrap div.group2 span,
div.cate_list div.base_wrap div.group1 span	{ display: none; }

/* for new
--------------------------------------------------------*/
div.for_new	{
	background: #EEE;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.for_new div.title	{
	background: transparent;
	height: 20px;
	line-height: 20px;
}

div.for_new div.title span	{
	margin: 0;
	color: #333;
}

div.for_new div.base_wrap	{
	margin: 0;
}

div.for_new div.base_body	{
	background: #FFF;
	border: 1px solid #EEE;
	padding: 0;
}

div.for_new div.base_body ul li	{
	margin: 0;
	padding: 3px;
	border-bottom: 1px solid #EEE;
}

div.for_new div.base_body ul li a span	{
}

/* login field
--------------------------------------------------------*/
div.login_field	{

}

div.login_field div.title	{
	background: url(../../../img/m001/login_field.gif) no-repeat;
	width: 250px;
}

div.login_field div.title span	{
	font-weight: normal;
}

div.login_field div.base_body	{
	padding: 30px;
	text-align: center;
}

div.login_field div.base_body a	{
	text-decoration: underline;
}

div.login_field div.base_body a:hover	{
	text-decoration: none;
}

div.login_field div.base_body a.login	{
	display: block;
	width: 160px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin: 0 auto 10px auto;
	background: url(../../../img/m001/login_link.gif) no-repeat 0 0;
	color: #FFF;
	text-decoration: none;
}

div.login_field div.base_body a.login:hover	{
	background-position: 0 -30px;
}

div.login_field div.base_body a.login span	{ display: none; }

/* welcome field
--------------------------------------------------------*/
div.welcome_field	{
}

div.welcome_field div.title	{
	background: url(../../../img/m001/login_field.gif) no-repeat;
}

div.welcome_field div.title span	{
	font-weight: normal;
}

div.welcome_field div.base_body	{
	background: url(../../../img/m001/250grad3.gif) no-repeat bottom right;
}

div.welcome_field div.base_body div.logout	{
	text-align: right;
	margin: 0 0 5px 0;
	padding: 5px 5px 0 0;
	line-height: 1.1;
}

div.welcome_field div.base_body div.logout a.logout	{
	text-decoration: underline;
}

div.welcome_field div.base_body div.logout a.logout:hover	{
	text-decoration: none;
}

/* ���b�Z�[�W�{�b�N�X */
dl.my_message	{
	margin: 0 0 10px 0;
}

dl.my_message dt	{
	height: 24px;
	line-height: 24px;
	/*width: 238px;*/	/*�w�i�摜�����鎞�A����Ă����v�f�Ƀ{�[�_�[�������ꍇ2px���������ɂȂ��Ă����_�ɒ���*/
	background-color: #e7e7e7;
	padding: 0 5px;
}

dl.my_message dd	{
	/* clearfix */
	padding: 5px;
}

dl.my_message dd a.box1	{
	display: block;
	width: 100px;
	height: 30px;
	float: left;
	margin: 0 5px 0 0;
	background: url(../../../img/m001/box1.gif) no-repeat;
}

dl.my_message dd a.box2	{
	display: block;
	width: 80px;
	height: 30px;
	float: left;
	background: url(../../../img/m001/box2.gif) no-repeat;
}

dl.my_message dd a.box3	{
	display: block;
	width: 35px;
	height: 30px;
	line-height: 43px;
	overflow: hidden;
	color: #333;
	text-align: center;
	font-size: 10px;
	float: right;
	background: url(../../../img/m001/box3.gif) no-repeat;
}

dl.my_message dd a.box3:hover,
dl.my_message dd a.box2:hover,
dl.my_message dd a.box1:hover	{
	background-position: 0 -30px;
	color: #666;
}

dl.my_message dd a.box1 span,
dl.my_message dd a.box2 span	{ display: none; }

/* ���O�C���チ�j���[ */

div.mydata ul	{
background-color: #e7e7e7;
	padding: 5px;
	margin: 0 0 5px 0;
}

div.mydata ul li	{
	margin: 0;
	padding: 0;
	border: 0 none;
	height: 25px;
	background: #DDD;
}

div.mydata ul li a	{
	display: block;
	height: 24px;
	line-height: 24px;
	background: #FFF;
	color: #039;
	padding: 0 0 0 5px;
}

div.mydata ul li a:hover	{
	background: #EEE;
	color: #000;
}

/* �O���̃��O�C������ */
div.mydata div.user_timestamp	{
	line-height: 1.1;
	text-align: right;
	font-size:10px;
	color: #666;
	padding: 0 5px 0 0;
}

div.mydata div.user_timestamp b	{
	color: #666;
	font-weight: normal;
	margin: 0 5px 0 0;
}

/* mailform
--------------------------------------------------------*/

div#mailform	{

}

div#mailform div.base_body	{
	padding: 10px;
}

div#mailform div.base_body table,
div#mailform div.base_body table th,
div#mailform div.base_body table td	{
	border-collapse: collapse;
}

div#mailform div.base_body table	{
	width: 100%;
	border: 1px solid #DDD;
	margin: 0 0 10px 0;
}

div#mailform div.base_body table th	{
	padding: 12px 0;
	text-align: right;
	vertical-align: top;
	width: 140px;
	color: #666;
	background: #EEE;
	border-bottom: 3px double #DDD;
}

div#mailform div.base_body table th p	{
	margin: 0 5px 0 0;
}

div#mailform div.base_body table th p span	{
	color: red;
	font-size: 10px;
}

div#mailform div.base_body table td	{
	padding: 7px;
	background: #F5F5F5;
	border-bottom: 3px double #DDD;
}

div#mailform div.base_body table td span	{
	display: block;
	color: #666;
	font-size: 10px;
	margin: 3px 0;
}

div#mailform div.base_body table td textarea	{
	font-size: 12px;
	width: 350px;
	height: 200px;
}

div#mailform div.base_body div.submit	{
	text-align: center;
	padding: 10px;
	background: #EEE;
	border: 1px solid #DDD;
}

/* login
--------------------------------------------------------*/
div.login	{

}

div.login div.base_wrap h2	{
	background: url(../../../img/m001/title740.gif) no-repeat;
	width: 740px;
}

div.login div.base_wrap h2 span	{
	margin: 0 0 0 5px;
	color: #666;

}

div.login div.base_body	{
	border: 0 none;
	padding: 20px 10px;
}

div.login div.base_body table	{
	width: 100%;
	background: #FFF;
	margin: 0 0 10px 0;
}

div.login div.base_body table,
div.login div.base_body table th,
div.login div.base_body table td	{
	border-collapse: collapse;
	border: 1px solid #CCC;
}

div.login div.base_body table th	{
	padding: 5px 0;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	background: #EEE;
	color: #000;
	line-height: 18px;
	width: 23%;
}

div.login div.base_body table th p	{
	margin: 0 5px;
}

div.login div.base_body table td	{
	padding: 5px;
	background: #F5F5F5;
}

div.login div.base_body table td span	{
	display: block;
	font-size: 10px;
	color: #333;
	padding: 5px 0;
}

div.login div.base_body div.submit	{
	padding: 20px;
	text-align: center;
}

div.login div.base_body div.submit span	{
	display: block;
	padding: 5px 0;
	line-height: 150%;
}

div.login div.base_body table td.validate span.error	{
	background: #FFF;
	color: red;
	padding: 5px;
}

/* base register
--------------------------------------------------------*/
div.base_register	{

}

div.base_register div.base_wrap h2	{
	background-color: #e7e7e7;
	width: 100%;
}

div.base_register div.base_wrap h2 span	{
	margin: 0 0 0 5px;
	color: #666;

}

div.base_register div.base_body	{
	border: 0 none;
	padding: 20px 10px;
}

div.base_register div.base_body table	{
	width: 100%;
	background: #FFF;
	margin: 0 0 10px 0;
}

div.base_register div.base_body table,
div.base_register div.base_body table th,
div.base_register div.base_body table td	{
	border-collapse: collapse;
	border: 1px solid #CCC;
}

div.base_register div.base_body table th	{
	padding: 5px 0;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	background: #EEE;
	color: #000;
	line-height: 18px;
	width: 23%;
}


/* �K�{(�摜) */
div.base_register div.base_body table th img	{
	float: right;
}

/* �K�{(�e�L�X�g) */
div.base_register div.base_body table th span	{
	display: block;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
	text-align: center;
	background: #FFF;
	float: right;
}
div.base_register div.base_body table th span b	{
	display: block;
	border: 1px solid #F00;
	color: #F00;
	font-weight: normal;
	padding: 0 0.5em;
}

div.base_register div.base_body table th p	{
	margin: 0 5px;
}

div.base_register div.base_body table td	{
	padding: 5px;
	background: #F5F5F5;
}

div.base_register div.base_body table td span	{
	display: block;
	font-size: 10px;
	color: #333;
	padding: 5px 0;
}

div.base_register div.base_body table td div	{
	padding: 3px;
}

div.base_register div.base_body table td input,
div.base_register div.base_body table td select	{

	font-size: 12px;
}

div.base_register div.base_body table td textarea	{
	width: 99%;
	height: 120px;
	font-size: 12px;
}

div.base_register div.base_body table td.min_height textarea	{
	width: 99%;
	height: 50px;
	font-size: 12px;
}

div.base_register div.base_body table td.more_height textarea	{
	width: 99%;
	height: 300px;
	font-size: 12px;
}

div.base_register div.base_body div.submit	{
	padding: 20px;
	text-align: center;
}

div.base_register div.base_body div.submit span	{
	display: block;
	padding: 5px 0;
	line-height: 150%;
}

/* multiple_check */
div.base_register div.base_body table td.multiple_check	{
	padding: 5px;
	background: #FFF;
}

div.base_register div.base_body table td.multiple_check div.multiple_check	{
	padding: 0;
}

div.base_register div.base_body table td.multiple_check div.multiple_check div	{
	background: #FFF;
	margin: 0 2px 0 0;
	padding: 5px 2px 5px 0;
}

div.base_register div.base_body table td.multiple_check div.multiple_check div.area_check	{
	background: #EEE;
	border-bottom: 1px solid #CCC;
}

div.base_register div.base_body table td.multiple_check div.multiple_check div label	{
	color: #333;
	font-size: 12px;
}

/* validate */
div.validate_info	{
	background: #FEE;
	border: 1px solid #FCC;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.validate_info div	{
	background: #FFF;
	border: 1px solid #FDD;
	padding: 5px;
	color: red;
	line-height: 130%;
}

div.base_register div.base_body table td.validate span.error	{
	background: #FFF;
	color: red;
	padding: 5px;
}

/* checkend */
div.checkend	{
	background: #EEE;
	border: 1px solid #DDD;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.checkend div	{
	background: #FFF;
	border: 1px solid #DDD;
	padding: 5px;
	color: #333;
	line-height: 130%;
}


/* base info
--------------------------------------------------------*/
div.base_info	{

}

div.base_info div.base_wrap div.title	{
	background: url(../../../img/m001/title740.gif) no-repeat;
	width: 740px;
}

div.base_info div.base_wrap div.title span	{
	margin: 0 0 0 5px;
	color: #666;
}

div.base_info div.base_body	{
	border: 0 none;
	padding: 10px 1px;
}

div.base_info div.base_body h2	{
	background: transparent;
	color: #333;
	float: left;
}

div.base_info div.base_body h2 span	{
	margin: 0;
}

div.base_info div.base_body table	{
	width: 100%;
	background: #FFF;
	margin: 0 0 10px 0;
}

div.base_info div.base_body table,
div.base_info div.base_body table th,
div.base_info div.base_body table td	{
	border-collapse: collapse;
	border: 1px solid #CCC;
}

div.base_info div.base_body table th	{
	padding: 5px 0;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	background: #F5F5F5;
	color: #000;
	line-height: 18px;
	width: 23%;
}

div.base_info div.base_body table th p	{
	margin: 0 5px;
}

div.base_info div.base_body table td	{
	padding: 5px;
	background: #FFF;
}

/* create message,add mylist */
div.r_control	{
	/* clearfix */
	margin: 0 0 10px 0;
	padding: 5px;
	background: #F5F5F5;
	border-bottom: 3px solid #EEE;
}

div.r_control a.add_mylist	{
	display: block;
	float: right;
	width: 120px;
	height: 24px;
	background: url(../../../img/m001/add_mylist.gif);
}

div.r_control a.del_mylist	{
	display: block;
	float: right;
	width: 120px;
	height: 24px;
	background: url(../../../img/m001/del_mylist.gif);
}

div.r_control a:hover	{
	background-position: bottom;
}

div.r_control a span	{
	display: none;
}

/* create_message */
div.create_message a.create_message	{
	display: block;
	margin: 0 auto;
	width: 170px;
	height: 40px;
	background: url(../../../img/m001/c_mes.gif) no-repeat;
}

div.create_message a:hover	{
	background-position: bottom;
}

div.create_message a span	{
	display: none;
}

/* create_request */
div.create_request a.create_request	{
	display: block;
	margin: 0 auto;
	width: 170px;
	height: 40px;
	background: url(../../../img/m001/c_req.gif) no-repeat;
}

div.create_request a:hover	{
	background-position: bottom;
}

div.create_request a span	{
	display: none;
}

/* message box
--------------------------------------------------------*/
div.message_box	{
}

div.message_box div.base_wrap	{
	padding: 1px;
}

div.message_box div.title	{
	background: url(../../../img/m001/message_title.gif) no-repeat;
	padding: 0 5px 0 0;
	margin: 0 0 10px 0;
	height: 24px;
}

div.message_box div.title span	{
	color: #999;
	float: right;
	font-weight: normal;
	font-size: 10px;
}

div.message_box div.base_body	{
	padding: 0;
	border: 0 none;
}

div.message_box div.base_body dl	{
}

div.message_box div.base_body dl dt	{
	padding: 0 0 0 5px;
	height: 31px;
	line-height: 30px;
	background: #F5F5F5;
}

/* ���b�Z�[�W�̑����E�I�����b�Z�[�W�̑����A���X�g�Əڍ׋��� */
div.message_box div.base_body dl dt ul	{
	text-align: left;
	height: 31px;
	line-height: 31px;
}

div.message_box div.base_body dl dt ul li	{
	display: inline;
	border: 0 none;
}

div.message_box div.base_body dl dt ul li p	{
	float: left;
	height: 18px;
	line-height: 18px;
	margin: 5px 5px 5px 0;
	padding: 0 4px;
}

div.message_box div.base_body dl dt ul li a	{
	display: block;
	height: 18px;
	line-height: 18px;
	float: left;
	margin: 5px 5px 5px 0;
	padding: 0 4px;
	background: url(../../../img/m001/msg_control.gif) repeat-x bottom;
	color: #039;
	text-align: center;
	border: 1px solid #CCC;
}

div.message_box div.base_body dl dt ul li a.send	{

}

div.message_box div.base_body dl dt ul li a:hover	{
	background-position: repeat-x top;
	text-decoration: underline;
}

/* ���b�Z�[�W�ꗗ */
table.mail_list	{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

table.mail_list th	{
	background: #EEE;
	padding: 3px 0;
	border-bottom: 1px solid #DDD;
}

table.mail_list td	{
	border-bottom: 1px dotted #BBB;
}

table.mail_list th.checks	{
	width: 30px;
	text-align: center;
}

table.mail_list td.checks	{
	width: 30px;
	text-align: center;
}

/* ���b�Z�[�W�̃\�[�g */
table.mail_list th.m_control	{
	padding: 3px 5px 3px 0;
}

table.mail_list th.m_control select	{
	font-size: 10px;
	line-height: 1.1;
}

table.mail_list th.m_control button	{
	line-height: 1.1;
	font-size: 12px;
}

/* ���b�Z�[�W�̖{���ւ̃����N */
table.mail_list td.m_parts a	{
	display: block;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	background: #FFF;
	padding: 0 5px 0 0;
	cursor: pointer;
}

table.mail_list tr:hover,
table.mail_list tr:hover td.m_parts a,
table.mail_list td.m_parts a:hover	{
	background: #F5F5F5;
	color: #039;
}

table.mail_list td.m_parts a span	{
	display: block;
	float: left;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

/* ���b�Z�[�W�̏��� */
table.mail_list td.m_parts a span.m_state	{
	width: 27px;
	text-align: center;
	margin: 4px 5px 0 0;
	height: 16px;
}

table.mail_list td.m_parts a.un_opened span.m_state	{
	background: url(../../../img/m001/msg_close.gif) no-repeat left;
}

table.mail_list td.m_parts a.un_opened span.m_state b	{
	display: none;
}

/* ���b�Z�[�W�̑��M�ҁE���M�� */
table.mail_list td.m_parts a span.m_from	{
	width: 190px;
	margin: 0 5px 0 0;
	color: #666;
}

/* ���b�Z�[�W�̃^�C�g�� */
table.mail_list td.m_parts a span.m_title	{
	width: 395px;
}

/* ���b�Z�[�W�̑��M���E���M�� */
table.mail_list td.m_parts a span.m_date	{
	float: right;
	text-align: right;
	font-size: 10px;
	width: 75px;
	color: #666;
}

/* ���b�Z�[�W�̃t���O�ʐݒ� */
table.mail_list td.m_parts a.un_opened span.m_from,
table.mail_list td.m_parts a.un_opened span.m_title	{
	font-weight: bold;
}

table.mail_list td.m_parts a.opened span.m_state b	{
	display: none;
}

/* ���b�Z�[�WBOX�̃y�[�W���[�g�ƑS���� */

table.mail_list td.m_pager	{
	background: #fff;
	padding: 5px;
}

table.mail_list td.m_pager p	{
	float: left;
	line-height: 16px;
	font-size: 10px;
	color: #333;
}

table.mail_list td.m_pager p span	{
	margin: 0 5px;
}

/* ���b�Z�[�W�̏ڍ� */
table.mail_info	{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	line-height: 1.1;
}

table.mail_info td	{
	vertical-align: top;
}

table.mail_info th  p	{
	margin: 0 0 0 5px;
}

/* ���b�Z�[�W�̏ڍ�,�^�C�g�� */
table.mail_info th.mail_title	{
	line-height: 16px;
	font-size: 14px;
	padding: 10px 0;
}

/* ���b�Z�[�W�̏ڍ�,���M��,���� */
table.mail_info th.mail_set	{
	width: 8%;
	font-weight: normal;
	color: #666;
	padding: 0 0 5px 0;
}

/* ���b�Z�[�W�̏ڍ�,�{�� */
table.mail_info td.mail_body	{
	padding: 5px;
}

table.mail_info td.mail_body div.mail_body	{
	background: #FFF;
	border: 1px solid #DDD;
	padding: 10px 10px 30px 10px;
	line-height: 1.1;
	font-size: 14px;
	font-family:"�l�r �o�S�V�b�N",sans-serif;
}

/* ���b�Z�[�W�̍쐬 */
div.register_body_m	{
	background: #EEE;
	padding: 5px;
}

table.mail_register	{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	line-height: 1.1;
	background: #FFF;
}

table.mail_register,
table.mail_register th,
table.mail_register td	{
	border: 1px solid #DDD;
}

table.mail_register th	{
	padding: 5px 0;
	line-height: 18px;
	text-align: right;
	width: 8%;
	font-weight: normal;
}

table.mail_register td	{
	padding: 5px;
	line-height: 18px;
}

table.mail_register td input	{
	font-size: 14px;
	font-family:"�l�r �o�S�V�b�N",sans-serif;
}

table.mail_register th  p	{
	margin: 0 5px 0 0;
}

table.mail_register td.mail_body	{
	background: #F5F5F5;
}

table.mail_register td.mail_body textarea	{
	width: 99%;
	height: 450px;
	display: block;
	margin: 0 auto;
	line-height: 1.1;
	font-size: 14px;
	font-family:"�l�r �o�S�V�b�N",sans-serif;
}

/* ���M�G���[,�m�F */
div.mail_check_wrap	{
	background: #EEE;
	padding: 5px;
}

div.mail_error	{
	background: #FFF;
	border: 1px solid #DDD;
	padding: 10px;
	line-height: 150%;
	color: red;
}

div.mail_check	{
	background: #FFF;
	border: 1px solid #DDD;
	padding: 10px;
	line-height: 150%;
}

div.mail_check_bottom	{
	background: #FFF;
	border: 1px solid #DDD;
	padding: 10px;
	text-align: right;
}

/* footer�ݒ�
--------------------------------------------------------*/

#footer	{
	width: 1020px;
	height: 130px;
	position: relative;
	margin: 10px auto 0 auto;
	border-top: 1px dotted #DDD;
}

div#footer_body	{
	height: 130px;
}

a.go_top	{
	display: block;
	width: 140px;
	height: 20px;
	line-height: 20px;
	background: #F5F5F5;
	font-size: 10px;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 10px;
}

a.go_top span	{
	display: block;
	border: 1px solid #CCC;
}

/* site link */
ul#footer_link	{
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	text-align: left;
}

ul#footer_link li	{
	display: inline;
	padding: 0 10px;
}

ul#footer_link li a	{

}

ul#footer_link li a:hover	{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* footer link map */
ul.link_map_top	{
	font-size: 12px;
	text-align: right;
	position: absolute;
	bottom: 40px;
	right: 10px;
}

ul.link_map_bottom	{
	font-size: 12px;
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 10px;
}

ul.link_map_bottom li,
ul.link_map_top li	{
	display: inline;
	padding: 0 0 0 10px;
}

ul.link_map_bottom li a,
ul.link_map_top li a	{

}

ul.link_map_bottom li a:hover,
ul.link_map_top li a:hover	{
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* copyright */
div#copy	{
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 8px;
	color: #CCC;
}

/* pager	�Œ蕝���•ϕ��Ή��̃y�[�W���[(�w�i�ɉ摜���g�p�A�Z���^�����O�Ή� FireFox2�~)
--------------------------------------------------------*/
div.hit_info	{
	height: 20px;
	line-height: 20px;
}

div.hit_info div select {
	line-height: 1.1;
	font-size: 12px;
}

div.hit_info p	{
	float: left;
}

div.hit_info div	{
	float: right;
}

div.hit_info p span	{
	margin: 0 5px;
}

div.pager_wrap	{
}

div.pager_wrap p	{
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 5px;
	font-size: 10px;
	float: left;
}

div.pager_wrap p span	{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin: 0 5px;
}

ol.pager	{
	/* ���Z�b�gCSS�̋����ɒ��ӂ��鎖 */
	text-align: right;		/* ��v�f�̊��� */
	font-size: 10px;
	font-weight: bold;
	height: 24px;			/* ��v�f�̍����ɏ㉺�̃{�[�_�[�̍������v���X���� */
	overflow: hidden;		/* �킴�Ƃ͂ݏo�����ăf�U�C�������ꍇ�Ȃǂ͉B���ݒ��� */
	color: #FFF;
}

ol.pager li	{
	line-height: 22px;		/* FireFox2�Řg�����������o�O�������� */
	display: inline;		/* float�������ɃC�����C���u���b�N�ɂ��� */
	margin-left: 5px;
	color: #999;
}

ol.pager li a	{
	display: inline-block;	/* �C�����C���u���b�N���w�� */
/*	width: 24px;	*/		/* �Œ蕝�̃y�[�W���[�Ȃ��p�f�B���O�ƃ{�[�_�[�������ĕ����L���� */
	padding: 0 7px;			/* ���E�ɓ����l���ݒ肵�A�N���b�N���₷���{�b�N�X�̕������� */
	border: 1px solid #DDD;
	height: 22px;
	line-height: 22px;
/*	text-align: center;	*/	/* �•ϕ��̏ꍇ�͎w���s�v */
	background: #FFF;	/* �w�i�摜���g�p�����ꍇ��x�������Ƀ��s�[�g�����摜���w�肷�� */
}

ol.pager li a:hover	{
	background: #333;
	color: #FFF;
	border: 1px solid #DDD;
}

ol.pager li span	{
	display: inline-block;	/* �C�����C���u���b�N���w�� */
/*	width: 24px;	*/		/* �Œ蕝�̃y�[�W���[�Ȃ��p�f�B���O�ƃ{�[�_�[�������ĕ����L���� */
	padding: 0 7px;
	border: 1px solid #DDD;
	height: 22px;
	line-height: 22px;
/*	text-align: center;	*/	/* �•ϕ��̏ꍇ�͎w���s�v */
	background: #333;
	color: #EEE;
}

/* ���b�Z�[�W�{�b�N�X�� */
div.message_box ol.pager	{
	height: 16px;	/* ��v�f�̍����Ƀv���X2 */
	font-weight: normal;
}

div.message_box ol.pager li	{
	margin-left: 4px;
	line-height: 16px;
}

div.message_box ol.pager li a	{
	padding: 0 4px;
	height: 14px;
	line-height: 14px;
	border: 1px solid #EEE;
}

div.message_box ol.pager li span	{
	padding: 0 4px;
	height: 14px;
	line-height: 14px;
	background: #333;
	border: 1px solid #F5F5F5;
	color: #FFF;
}

/* n_list�� */

div.n_user_list div.pager_wrap	{
	padding: 0;
	    width: 97%;
}

div.n_user_list div.hit_info	{
	width: 100%;
	margin: 5px 0 10px 0;
}

/* r_list�� */
div.request_list div.hit_info	{
	margin: 0 0 10px 0;
}

/* news_info
--------------------------------------------------------*/
div.news_info div.base_wrap	{

}

div.news_info div.title	{
	background:url(../../../img/m001/title530.gif) no-repeat;
}

div.news_info div.title span	{
	color: #666;
}

div.news_info div.base_body	{
	padding: 10px;
	font-size: 14px;
}

div.news_info div.base_body dl	{
	margin: 0 0 10px 0;
}

div.news_info div.base_body dl dt	{
	background: #EEE;
	border-bottom: 1px solid #DDD;
	padding: 5px 5px 3px 5px;
	line-height: 120%;
}

div.news_info div.base_body dl dd	{
	background: #F5F5F5;
	padding: 10px 10px 20px 10px;
	line-height: 120%;
}

div.news_info div.base_body div.more	{
	text-align: right;
}

div.news_info div.base_body ul li	{
	margin: 0 0 10px 0;
	font-size: 12px;
}

div.news_info div.base_body ul li span	{
	display: block;
	color: #333;
}

/* other_whats
--------------------------------------------------------*/
div.other_whats div.base_wrap	{

}

div.other_whats h2	{
	background:url(../../../img/m001/title530.gif) no-repeat;
}

div.other_whats h2 span	{
	color: #666;
}

div.other_whats div.base_body	{
	padding: 10px;
}

div.other_whats div.base_body p	{
	margin: 0 0 0.5em 0;
	line-height: 150%;
	font-size: 14px;
}

/* other_howto
--------------------------------------------------------*/
div.other_howto div.base_wrap	{

}

div.other_howto h2	{
	background:url(../../../img/m001/title530.gif) no-repeat;
}

div.other_howto h2 span	{
	color: #666;
}

div.other_howto div.base_body	{
	padding: 10px;
}

div.other_howto div.base_body p	{
	margin: 0 0 0.5em 0;
	line-height: 120%;
}

div.other_howto div.base_body dl	{

}

div.other_howto div.base_body dl dt	{
	background: #F5F5F5;
	border-bottom: 1px solid #CCC;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 5px;
	font-size: 14px;
}

div.other_howto div.base_body dl dd	{
	padding: 10px;
}

div.other_howto div.base_body dl dd ol	{
	margin: 10px 0;
	padding: 10px 20px 20px 20px;
	background: #EED;
}

div.other_howto div.base_body dl dd ol li	{
	list-style: decimal inside;
	padding: 5px 0;
	line-height: 120%;
	border-bottom: 1px solid #FFF;
}

/* privacy
--------------------------------------------------------*/

div#privacy div.base_wrap	{

}

div#privacy h2	{
	background:url(../../../img/m001/title530.gif) no-repeat;
}

div#privacy h2 span	{
	color: #666;
}

div#privacy div.base_body	{
	padding: 20px;
	color: #666;
}

div#privacy div.base_body p	{
	margin: 0 0 0.5em 0;
	line-height: 130%;
}

div#privacy div.base_body ul	{
	list-style: decimal inside;
	margin: 0 0 0 20px;
	padding: 20px 0;
}

div#privacy div.base_body ul li	{
	border: 0 none;
	margin: 0 0 5px 0;
	list-style: decimal outside;
}


/* other_profile
--------------------------------------------------------*/

div#profile div.base_wrap	{

}

div#profile h2	{
	background:url(../../../img/m001/title530.gif) no-repeat;
}

div#profile h2 span	{
	color: #666;
}

div#profile div.base_body	{
	padding: 5px;
}

div#profile div.base_body table,
div#profile div.base_body table th,
div#profile div.base_body td	{
	border-collapse: collapse;
	border: 5px solid #FFF;
}

div#profile div.base_body table	{
	width: 100%;
	background: #F5F5F5;
}

div#profile div.base_body table th	{
	padding: 10px 0;
	vertical-align: top;
	color: #666;
	text-align: right;
	font-weight: normal;
	width: 100px;
}

div#profile div.base_body table th p	{
	margin: 0 5px 0 0;
}

div#profile div.base_body table td	{
	padding: 5px;
	background: #FFF;
	line-height: 150%;
}

/* thanks
--------------------------------------------------------*/
div.thanks div.base_wrap	{

}

div.thanks h2	{
	background:url(../../../img/m001/title530.gif) no-repeat;
}

div.thanks h2 span	{
	color: #666;
}

div.thanks div.base_body	{
	padding: 10px;
}

div.thanks div.base_body p	{
	margin: 0 0 0.5em 0;
	line-height: 150%;
	font-size: 14px;
}


/* admin
--------------------------------------------------------*/
div#god	{
	height: 35px;
	background: #666;
	color: #FFF;
}

div#god a	{
	display: block;
	width:120px;
	height: 25px;
	line-height:25px;
	text-align: center;
	color: #eee;
	background:#000;
	margin: 0 auto;
	font-size:12px;
}

div#god a span	{
	display: block;
	border: 1px solid #FFF;
	border-top: 0 none;
}

div#god a:hover	{
	background: #555;
}

table.user_count	{
	width: 100%;
	margin: 0 0 5px 0;
}

table.user_count,
table.user_count th,
table.user_count td	{
	border-collapse: collapse;
	border: 1px solid #DDD;
}

table.user_count th	{
	height: 18px;
	color: #333;
	font-weight: normal;
	background: url(../../../img/m001/admin/uc_th.gif) repeat-x;
}

table.user_count td	{
	text-align: right;
	background: url(../../../img/m001/admin/uc_td.gif) repeat-x bottom;
	color: #333;
}

table.user_count td p	{
	margin: 0 5px 0 0;
	line-height: 16px;
	padding: 4px 0;
	color: #666;
}

table.user_count td a	{
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 3px 0 0;
	font-size: 10px;
}

table.user_count td a:hover	{
	text-decoration: underline;
	background: #FFF;
}

table.user_count td span	{
	font-size: 12px;
	margin: 0 5px 0 0;
}

/* admin userlist
--------------------------------------------------------*/
div.userlist_admin	{
}

div.userlist_admin div.base_wrap h2	{
	background-color: #e7e7e7;
	width: 100%;
}

div.userlist_admin div.base_wrap h2 span	{
	margin: 0 0 0 5px;
	color: #666;

}

div.userlist_admin div.base_body	{
	border: 0 none;
	padding: 10px 1px;
}

/* list table */
table.list_admin	{
	width: 100%;
	background: #FFF;
	margin: 0 0 10px 0;
}

table.list_admin,
table.list_admin th,
table.list_admin td	{
	border-collapse: collapse;
	border: 1px solid #CCC;
}

table.list_admin th	{
	padding: 3px 0;
	vertical-align: bottom;
	text-align: left;
	font-weight: normal;
	background: #EEE;
	color: #000;
	line-height: 18px;
}

table.list_admin td	{
	padding: 5px 3px;
	line-height: 16px;
	text-align: center;
}

table.list_admin th p	{
	margin: 0 0 0 5px;
}

table.list_admin td.checked,
table.list_admin th.checked	{
	text-align: center;
}

table.list_admin td.t_left	{
	text-align: left;
}

/* focus table */
table.focus_admin	{
	width: 100%;
	background: #FFF;
	margin: 0 0 10px 0;
}

table.focus_admin,
table.focus_admin th,
table.focus_admin td	{
	border-collapse: collapse;
	border: 1px solid #DDD;
}

table.focus_admin th	{
	padding: 6px 0 0 0;
	vertical-align: top;
	text-align: right;
	font-weight: normal;
	    background: #452cdd;
	color: #FFF;
	line-height: 20px;
}

table.focus_admin td	{
	padding: 5px;
	line-height: 16px;
	background: #F5F5F5;
	vertical-align: top;
}

table.focus_admin th p	{
	margin: 0 5px;
}

table.focus_admin th.t_left	{
	text-align: left;
	background: #FFF;
	padding: 3px 0;
}

table.focus_admin th.t_left p	{
	color: #333;
}

table.focus_admin td.submit	{
	text-align: center;
	padding: 10px;
}

table.focus_admin td.submit input	{
	line-height: 1.1;
}

/* dm send */
div.dm_send	{
	background: #EEE;
	border: 1px solid #DDD;
	padding: 5px;
	margin: 0 0 10px 0;
}

div.dm_send div{
	border: 1px solid #DDD;
	background: #FFF;
	padding: 10px;
}

/* system added */

div.base_register div.base_body table td span.add_sub_class	{
	display: inline;
}

div#main_message textarea
{
	width:320px;
	height:90px;
}



/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position:relative;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 100vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
/*　背景画像設定　*/

.slider-item01 {
    background:url(https://storelive.net/img/m001/storelive_fv_001.jpg);
}

.slider-item02 {
    background:url(https://storelive.net/img/m001/storelive_fv_002.jpg);
}

.slider-item03 {
    background:url(https://storelive.net/img/m001/storelive_fv_003.jpg);
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:100vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
	z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #ccc;/*矢印の色*/
    border-right: 2px solid #ccc;/*矢印の色*/
    height: 25px;
    width: 25px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin:-50px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}

.slick-slide{
height: 400px !important;    
}

.slick-dots li {
    display: none !important;
}

.slider {
    height: 400px !important;
}

.login_field_nobody{
    width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
}

.login_field_nobody .base_body {
    border: 1px solid #452cdd;

}

.ranking_img{
    width: 100%;
    margin-top: 30px;
    
}

.ranking_name{
    width: 100%;
    margin-top: 10px;
    
}

.ranking_list{
 display: flex;
 justify-content: space-evenly; 
    
}

.ranking_list li{
    width: 30%;
}

.login_01{
    background-color: #563dee;
    padding: 3% 10%;
    width: 40%;
    text-align: center;
    margin: 40px auto 20px auto;
    border-radius: 40px;
}

.login_01 a{
    text-decoration: none;
       color: #fff;
        font-size: 14px;
        line-height: 20px;
}

.login_01 a:hover{
    opacity: 0.8;
}



@media screen and (max-width: 1080px) {
    
div#hmb {
    width: 800px;
}
    
.login_field_nobody {
    width: 700px;

}
    
div#contents {
    width: 800px;
}
    
#footer {
    width: 800px;
}
    
div#htb {
    width: 700px;
}
    
div#global_navigation ul, div#hbb {
    width: 800px;
} 
    
ul#site_navi_admin {
    right: -540px;
}
    
}

@media screen and (max-width: 800px) {
    
#main_wrapper {
    
padding: 0 3%;

}
    
div#contents {
    width: 100%;
}
    
.login_field_nobody {
    width: 100%;
}
    
#footer {
    width: 100%;
}
    
.login_field_nobody .base_wrap{
  padding: 0 3%;      
    }
    
div#footer_body {
    padding: 0 3%;
}
    
div#htb {
    width: 100%;
}
    
h1 {
    padding-left: 3%;
}
    
ul#site_navi {
    right: 25px;
}
    
div#hmb {
    width: 100%;
}
    
div#global_navigation ul, div#hbb {
width: 100%;
}
    
ul#site_navi_admin {
    right: -330px;
}
    
div.ranking div.base_body ol li {
    width: 48% !important;
}
    
.ranking_list .rank1 {
    background: url(../../../img/m001/rank1.gif) no-repeat top center !important;
}
    
.ranking_list .rank2 {
    background: url(../../../img/m001/rank2.gif) no-repeat top center !important;
}
    
.ranking_list .rank3 {
    background: url(../../../img/m001/rank3.gif) no-repeat top center !important;
}
    
.ranking_list {
    justify-content: space-between !important;
    flex-wrap: wrap;
}
    
}

@media screen and (max-width: 700px) {
    
  ul#site_navi {
    display: none;
} 
    
div#logo {
    position: initial;
    margin: 0 auto;
}
    
ul#footer_link li {
    display: block;
}
    
ul#footer_link {
    text-align: center;
}
    
div#copy {
    bottom: -105px;
    right: 31%;
}
    
div.base_register div.base_body table th {
    width: 100%;
    display: block;
}
    
div.base_register div.base_body table td {
    display: block;
}
    
ul#site_navi_admin {
    position: initial;
    top: initial;
    right: initial;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 65px;
}
    
ul#site_navi_admin li {
    float: initial;
}
  
    
}

@media screen and (max-width: 540px) {
    
div.newuser div.title {
    width: 100%;
}
    
div.newuser div.base_body ul li {
    width: 100%;
}
    
    
a.go_top {
    width: 140px;
    top: 190px;
}
    
div.login div.base_body table th {
    width: 100%;
    display: block;
}
    
div.login div.base_body table td {
    display: block;
}
    
table.focus_admin, table.focus_admin th, table.focus_admin td {
    display: block;
}
    
table.focus_admin th p {
    margin: 0 5px;
    text-align: initial;
}
    
ul.link_map_bottom li, ul.link_map_top li {
    display: block;
    padding: 0 0 0 10px;
}
    
ul.link_map_top {
    line-height: 20px;
    position: initial;
   text-align: left;
}
    
ul.link_map_bottom {
    text-align: left;
    position: initial;
    line-height: 20px;
}
    
div.ranking div.base_body ol li {
    width: 85% !important;
    margin-top: 30px;
}
    
    .ranking_list {
    justify-content: center !important;
}
    
div.newuser div.base_body ul li a span.noimage,
div.newuser div.base_body ul li a img	{
    width: 80%;
}
      
   
}

@media screen and (max-width: 380px) {
    
 div#global_navigation ul, div#hbb {
    display: flex;
    flex-wrap: wrap;
}   
    
div#global_navigation li {
    float: initial;
        width: 25%
}
    
div.base_register div.base_body {
    border: 0 none;
    padding: 20px 0;
}
    
div.n_user_list div.base_body ul li {
  width: 100%;

}
    
div#copy {
    right: 17%;
}
    
    
}