
/*--------------------M A I N------------------------*/
form,h1,h2,h3,p,a,img,table,tr,th,td,div,{
	margin: 0px;
	padding: 0px;
	font-size:12px;
	color:#4e4e4e;
}

img{ border:0; }

body{
	height:100%;
	margin: 0px;
	padding:0px;
	/*background-image:url("../images/aw_back.gif");*/
	background-repeat:repeat;
	text-align:left;
	align:left;
	vertical-align:top;
	/**/font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S", Arial;

}

a:link    {color:#87556C; text-decoration:none;}
a:visited {color:#87556C; text-decoration:none;}
a:hover   {color:#FBB04B; text-decoration:underline;}


#tab_all{
	width:900px;
	vertical-align:bottom;
}

.tab{
	align:left;
	vertical-align:bottom;
}

.all{
	width:100%;
	margin:0px;
	padding:0px;
}

.maincontents{
	width:678px;
	background-color:#FFFFFF;
	margin-top:0px;
	text-align:center;
}

.shadow{
	width:8px;
	background-image:url("../images/shadow.gif");
	background-repeat:repeat-y;
}

#logo{
	height:60px;
	width:900px;
	margin:0px;
	padding:0px;
	background-image:url(../images/head_back_org_top.gif);
	background-repeat:no-repeat;
	background-position:top;
}


#left{
	width:678px;
	background-color:#FFFFFF;
	margin-top:0px;
	margin-bottom:0px;
}

#right{
	width:214px;
	vertical-align:top;
	background-color:#FCFCFC;
}


#flash{
	margin:8px 12px 12px 12px;
	padding:0px;
	text-align:center;
}

#flash img{
	border:solid 1px #DDDDDD;
	margin:0px;
}

.size11{font-size:11px; color:#4e4e4e;}
.size12{font-size:12px; color:#4e4e4e;}
.size13{font-size:13px; color:#4e4e4e;}
.size14{font-size:14px; color:#4e4e4e;}
.size15{font-size:15px; color:#4e4e4e;}
.size16{font-size:16px; color:#4e4e4e;}


/*________________MAP_________________*/
#map{
	text-align:left;
	font-size:11px;
	color:#5e5e5e5;
	letter-spacing:1px;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:15px;
}

#map a:link{font-size:11px; color:#FF9000; text-decoration:none;}
#map a:visited{font-size:11px; color:#FF9000; text-decoration:none;}
#map a:hover{font-size:11px; color:#FF9000; text-decoration:underline;}




/*....................*/
.topics_menu{
	width:196px;
	height:30px;
}



/*................LOGIN...................*/
.login_all{
	align:center;
	width:214;
	height:485px;
	/* background-image:url(./image/.gif); */
	margin-left:0px;
	margin-top:0px;
}

.login_box{
	margin-top:5px;
	margin-left:5px;
	align:center;
	width:200px;
	height:160px;

}

.login_form{
	background-image:url(../images/login_back.gif);
	background-repeat:repeat-y;
	padding:8px 9px 0px 9px;
}

.login_form div{
	padding:0px;
	text-align:left;
}

.login_textarea{
	font-size: 12px;
	color: #777777;
	background-color:#F9F9F9;
	border: 2px solid #D5D0C5;
	margin-bottom:5px;
}

#btn_right{
	width:200px;
	margin-top:2px;
	margin-left:5px;
	text-align:center;
}

#qr{
	width:196px;
	text-align:center;
	margin-top:8px;
	margin-left:7px;
}

#textarea { width:164px; border:1px #cccccc solid; }



/*---------------RIGHT--------------------*/
.login_btn{
	width:200px;
	margin:12px 8px 0px 6px;
	
}


/*------------M A I N (CONTENTS)--------------*/

#recommend{
	height:443px;
	width:654px;
	background-color:#f9f9f9;
}

#rec_banner{
	width:406px;
	align:center;
	vertical-align:middle;
}

.rec_banner_padding{
	font-size:11px;
	color:#6A5A5A;
	width:112px;
	vertical-align:top;
	padding:0px 0px 0px 0px;
}

.rec_banner_padding img{
	margin-bottom:2px;
}

.rec_banner_padding a:link{font-size:11px; color:#6A5A5A; text-decoration:none;}
.rec_banner_padding a:visited{font-size:11px; color:#6A5A5A; text-decoration:none;}
.rec_banner_padding a:hover{font-size:11px; color:#FFD278; text-decoration:none;}


#capture{
	height:299px;
	width:247;
	text-align:center;
	vertical-align:top;
	padding-top:7px;
}

.rec_sp_banner{
	text-align:center;
}

.rec_sp_banner img{
	border:double 2px #CCCCCC;
}

#rec_sp_title{
	color:#999999;
	font-size:18px;
	font-weight:bold;
	vertical-align:middle;
	text-align:center;
	padding:0px;
	width:338px
	height:39px;
}

#rec_sp_info{
	vertical-align:middle;
	width:338px;
	height:67px;
}

#rec_sp_text{
	margin:5px;
	width:328px;
	font-size:11px;
	color:#5e5e5e;
	line-height:110%;
	letter-spacing:1px;
}

.rec_sp_detail{
	 margin-top:4px;
	 height:65px;
	 width:150px;
	 /*background-color:#aaaaaa;*/
}

.rec_sp_detail td{
	/*background-color:#FFFFAA;*/
	margin-bottom:2px;
	padding-left:1px;
	font-size:11px;
	vertical-align:bottom;
	color:#666666;
}

.rec_sp_detail img{
	margin-right:5px;
}

/*___________________________________*/

.top_news{
	align:center;
	margin-top:8px;
	margin-left:5px;
	width:200px;
	height:30px;
}

.top_news_text{
	height:16px;
	margin:0px;
	padding-left:3px;
	text-align:center;
	vertical-align:middle;
	background-color:#FCFCFC;
	background-image:url(../images/top_news_02.gif);
	background-position:left;
	background-repeat:no-repeat;
}

.top_news_text a:link{font-size:12px; color:#FF0000; text-decoration:none; }

.top_news_text a:visited{font-size:12px; color:#FF0000; text-decoration:none; }

.top_news_text a:hover{font-size:12px; color:#FF00FF; text-decoration:underline; }



.news_all{
	width:487px; height:94;
	padding:0px;
	background-color:#f9f9f9;
	text-align:center;

}

.news{
	color:#87556C;
	width:487px;
	height:85px;
	list-style-type:none;
	align:center;
	padding:0px;
	vertical-align:middle;
	
}

.news th{
	text-align:left;
	margin:0px;
	padding-left:15px;
	font-weight:normal;
	letter-spacing:1px;
	font-size:11px;
}

.news td{
	font-size:11px;
	text-align:right;
	padding-right:12px;
	letter-spacing:1px;
}

.news a:link    {font-size:11px; color:#87556C; text-decoration:none;}

.news a:visited {font-size:11px; color:#87556C; text-decoration:none;}

.news a:hover   {font-size:11px; color:#FBB04B; text-decoration:underline;}


/*__________formerchant___________*/
.formerchant{
	width:654px;
	align:center;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FF00FF;
}
.formerchant p{
	text-align:left;
	padding-left:30px;
	padding-right:30px;
	font-size:12px;
	color:#87556C;
	letter-spacing:1px;
	line-height:120%;
	background-color:#BBBBBB;
}
/*__________topics____________*/

.topics{
	width:654;
	margin-top:20px;
}

.topics_title{
	width:545px;
	font-size:14px;
	font-weight:bold;
	color:#87556C;
	padding-left:20px;
}

.topics_menu{
	width:;200px
	height:20px;
	padding-left:6px;
}

.topics_date{
	font-size:13px;
	color:#888888;
	text-align:right;
	padding-top:8px;
	padding-right:30px;
}

.topics_foot_icon{
	text-align:right;
	vertical-align:bottom;
	padding:0px;
	margin:0px;
}

.topics_text{
	width:654px;
	font-size:12px;
	color:#87556C;;
	text-align:left;
	padding:10px 35px 20px 35px;
	margin:0px;
	letter-spacing:1px;
	line-height:140%;
}

.topics_text a:link{ font-size:12px; color:#3e3e3e; text-decoration:none; }

.topics_text a:visited{ font-size:12px;  color:#3e3e3e; text-decoration:none; }

.topics_text a:hover{ font-size:12px;  color:#B19BA1; text-decoration:underline; }

/*_________________faq__________________*/
.faq_text{
	font-size:12px;
	color:#5e5e5e;
	padding:0px;
}

.faq_answer_tit{
	background-color:#FF8800;
	vertical-align:middle;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	padding-top:2px;
	
}

.faq_answer{
	font-size:12px;
	color:#5e5e5e;
	padding:5px 5px 5px 0px;
	line-height:110%;
}

.faq_text a:link{ color:#5e5e5e; text-decoration:none; }

.faq_text a:visited{ color:#5e5e5e; text-decoration:none; }

.faq_text a:hover{ color:#FBB04B; text-decoration:underline; }

/*_________________rec_mer__________________*/
.rec_mer_all{
	width:650px;
	height:60px;
	background-image:url(../images/rec_mer_back.gif);
	background-repeat:repeat;
	margin-top:12px;
	margin-bottom:12px;
}

.rec_mer_left{
	width:490px;
	height:70%;
	background-image:url(../images/rec_mer_back_lite.gif);
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:5px;
}

.rec_mer_sitename{
	color:#9C5C5C;
	font-size:17px;
	font-weight:bold;
}

.rec_mer_impact{
	color:#FF5E00;
	font-size:15px;
	font-weight:bold;
	padding-left:10px;
}

.rec_mer_text{
	color:#5e5e5e;
	font-size:12px;
	letter-spacing:1px;
	line-height:120%;
}

.rec_mer_btn{
	height:19px;
	text-align:right;
	padding-right:5px;
	padding-bottom:0px;
}
.rec_mer_genre{
	color:#5e5e5e;
	font-weight:normal;
}
.rec_mer_genre a:link    { color:#FF0000; text-decoration:underline; }
.rec_mer_genre a:viseted { color:#FF0000; text-decoration:underline; }
.rec_mer_genre a:hover   { color:#FF6600; text-decoration:underline; }


.rec_mer_index{
	align:center;
	width:640px;
	align:center;
	margin-bottom:5px;
	background-image:url(../images/rec_mer_back_lite.gif);
	background-repeat:repeat;
	border-top:solid 1px #dddddd;
}

.rec_mer_banner{
	height:70px;
	/**/width:134px;
	text-align:center;
	vertical-align:middle;
	/**/padding:5px 10px 0px 10px;
}

.rec_mer_banner img{
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
}

.rec_mer_detail{
	align:right;
	width:190px;
	height:100px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:0px;
	border-collapse:collapse;
	background-color:#FFFCAC;
}

.rec_mer_detail_text{
	width:440px
	height:114px;
	vertical-align:top;
	font-size:11px;
	color:#4e4e4e;
	letter-spacing:1px;
	line-height:110%;
	padding:5px 5px 0px 10px;
}

.rec_mer_detail_text table{
	font-size:11px;
	color:#5e5e5e;
}

/*.rec_mer_detail_text p{
	margin-bottom:10px;
}*/

.rec_mer_detail_l{
	padding:1px;
	width:90px;
	font-size:11px;
	font-weight:bold;
	color:#777777;
	border:solid 1px #bbbbbb;
}

.rec_mer_detail_r{
	padding:1px;
	width:110px;
	font-size:11px;
	font-weight:normal;
	color:#5e5e5e;
	border:solid 1px #bbbbbb;
}

/*_______________beginner______________*/
#bgn_all{
	line-height:130%;
	padding:20px;
	font-size:12px;
	color:#555555;
	text-align:left;
}
.bgn_text{
	color:#555555;
	font-size:12px;
	text-align:right;
	margin-bottom:12px;
}

.bgn_capture{
	padding:2px;
	border:solid 1px #DDDDDD;
	width:240px;
	height:110px;
}

.bgn_capture_float{
	clear:both;
	height:112px;
	width:600px;
	margin:10px;
}

.rec_media_text{
	padding:10px;
	vertical-align:top;
	line-height:140%;
}

.rec_media_tit{
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	padding-left:5px;
	background-color:#FFA500;
}

.bgn_text a:link{ color:#FF0000; text-decoration:none; }
.bgn_text a:visited{ color:#FF0000; text-decoration:none; }
.bgn_text a:hover{ color:#FFAA00; text-decoration:underline; }

.bgn_qr{
	width:60px;
	vertical-align:bottom;
	text-align:center;
}

/*--------------�I�X�X���L��--------------*/
.rec_text{
	font-size:11px;
	color:#4e4e4e;
	line-height:100%;
}

.rec_tit{
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
}

/*-----------blog---------------*/
#date{
	height:20px;
	background-color:#DDDDDD;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
}

.blog_left_contents{
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#FFEDC9;
}

.calendar td{
	text-align:center;
	color:#76726B;
}

.left_contents_tit{
	font-size:13px;
	font-weight:bold;
	color:#989797;
	text-align:right;
}

.left_contents_top{
	padding-right:10px;
	/*background-image:url(../images/blog/calendar.gif);*/
}

.blog_text_date{
	text-align:right;
	letter-spacing:1px;
	height:20px;
	font-size:12px;
	color:#888888;
}

.blog_left_margin{
	height:12px;
}

.blog_tit{
	height:20px;
	background-color:#FFD278;
	background-image:url(../images/blog/title_left.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:5px;
	font-size:15px;
	color:#FFFFFF;
	font-weight:bold;
}

.blog_tit a:link{ font-size:15px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.blog_tit a:visited{ font-size:15px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
.blog_tit a:hover{ font-size:15px; font-weight:bold; color:#FFFFFF; text-decoration:underline;}

.blog_text{
	font-size:12px;
	color:#555555;
	line-height:115%;
	padding-left:5px;
}

.blog_name{
	text-align:right;
	margin-top:10px;
	margin-bottom:5px;
	padding-right:30px;
}

.blog_jump_top{
	margin-top:5px;
	margin-bottom:5px;
	font-size:11px;
	color:#CCCCCC;
}
.blog_jump_top a:link{ font-size:11px; color:#CCCCCC; text-align:underline;}
.blog_jump_top a:visited{ font-size:11px; color:#CCCCCC; text-align:underline;}
.blog_jump_top a:hover{ font-size:11px; color:#FFD278; text-align:underline;}


.left_text{
	padding:10px 5px 10px 10px;
	font-size:11px;
	text-align:left;
	background-color:#DDDDDD;

}

.left_text a:link{ font-size:12px; color:#87556C; text-decoration:none;}
.left_text a:visited{ font-size:12px; color:#87556C; text-decoration:none;}
.left_text a:hover{ font-size:12px; color:#FFFFFF; text-decoration:underline;}


/*______________________�����p�K��_________________________*/

.rule {
	width:630;
	margin:20px 0px 0px 0px;
	padding:0px;
	color:#3e3e3e;
	line-height:130%;
	font-family:�l�r�@�S�V�b�N;
	font-size:12px;
}

.rule p{ font-size:15px; font-weight:bold; margin-bottom:5px;}

.rule div{
	font-size:12px;
	color:#3e3e3e;
	line-height:120%;
	padding:0px;
}

.rule table{
	margin-left:15px;
	margin-top:5px;
}

.rule th{
	width:15px;
	font-size:12px;
	font-weight:normal;
	color:#3e3e3e;
	vertical-align:top;
	text-align:right;
}

.rule td{
	font-size:12px;
	color:#3e3e3e;
	line-height:120%;
	/*padding-left:20px;*/
	padding-bottom:3px;
}


/*------------�O���[�v�L��-------------*/
.group_banner{
	width:200px;
	margin-top:10px;
	margin-bottom:8px;
	margin-left:6px;
	align:left;
	text-align:center;
	vertical-align:top;
	background-image:url("../images/grp_back.gif");
	background-repeat:repeat-y;
}



/*..........footer..........*/

.footer_top{
	vertical-align:bottom;
	height:14px;
	align:left;
	margin-bottom:0px;
	text-align:left;
	font-weight:bold;
	border-top-style:solid;
	border-top-color:#EDEDED;
	border-top-width:1px;
	background-color:#FFFFFF;
}

.footer_top_list{
	
	width:654px;
	padding-left:12px;
	margin:2px 0px 2px 0px;
	list-style-type:none;
}

.footer_top_list li{
	font-size:11px;
	color:#A27B86;
	vertical-align:middle;
	padding:0px 15px 0px 0px;
	float:left;
}

.footer_top_list a:link    {font-size:11px; color:#A27B86; text-decoration:none;}
.footer_top_list a:visited {font-size:11px; color:#A27B86; text-decoration:none;}
.footer_top_list a:hover   {font-size:11px; color:#FF00FF; text-decoration:none;}

.footer_top_list a:active{
	color:#FF00FF;
	text-decoration:none;
}

.footer_under{
	vertical-align:top;
	/*background-color:#FFBA34;*/
	height:35px;
	width:500px;
	align:left;
	padding-top:4px;
	padding-left:12px;
	font-size:12px;
	color:#FFFFFF;
	line-height:130%;
}

.footer_under a:link { font-size:12px; color:#FFFFFF; text-decoration:none; }

.footer_under a:visited { font-size:12px; color:#FFFFFF; text-decoration:none; }

.footer_under a:hover { font-size:12px; color:#FFD278; text-decoration:underline; }

.footer_under a:active {
}

.copyright{
	align:left;
	font-size:11px;
	color:#4e4e4e;
	padding-left:15px;
}
