*{
	margin:0;
	padding:0;
}

body
{
	color:#48485A;
	background:#FFF;
	font-family:"Chrono Regular","lucida grande", tahoma, verdana, arial,"Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:16px;
	background: #F0F2F1;
}

/*
::-moz-selection {
background:#1467A8;
color: #FFF;
}

::selection {
background:#1467A8;
color: #FFF;
}
*/

#body
{
	padding-top: 98px;
/*
	width: 940px;
	margin: 0px auto;
*/
}

#body_in
{
	width: 940px;
	margin: 0px auto;
}

.no_fixed
{
	margin: 0px auto;
}

#pickup_area,.fixed_body
{
	margin: 98px auto 0;
}

#left_content
{
	width: 280px;
	float: left;
}

#right_content
{
	width: 640px;
	float: right;
}

#body_content
{
	background:url(../images/back.png) 0 0 repeat;
	padding: 20px 0;
}

input[type=text],input[type=password],input[type=email]
{
	height:20px;
}

input[type=text],input[type=password],input[type=email],textarea
{
	line-height:1.5;
	color:#48485A;
	font-family:"Chrono Regular","lucida grande", tahoma, verdana, arial,"Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:14px;
	background:#FAFBF9;
	box-shadow: inset 0px 1px 1px #DDDDDD;
	-moz-box-shadow: inset 0px 1px 1px #DDDDDD;
	-webkit-box-shadow: inset 0px 1px 1px #DDDDDD;
	padding:4px 8px;
	border:1px solid #919BA5;
}

#login_yet p,#login_yet a
{
	color:#48485A;
}

#err_box,#safe_box,#pass_err_box
{
	text-align: center;
	padding: 10px 20px;
}

#err_box
{
	background: #FCEB5A;
	margin-bottom: 20px;
}

#safe_box
{
	background: #A0D7FA;
}

#pass_err_box
{
	background: #FFAAB9;
	margin-bottom: 20px;
}

.grading_list,#no_search,#signup,#subpage,.grading_list_pickup
{
	background: #FFF;
}

#login_yet a#signuppage,#header_skill_add p,#header_user p,#pr_pickup,#header_signup_btn,h1 a,#click_no_user,.skill_comment_add_submit,.input_affirmation,#header_skill_add_submit,#click_no_user_signup,.check_point,#header_user ul li a:hover,.skill_name a,#linkPage a,.skill_name p,#task_add_submit,#thema_add_submit,.affirmation_btn,.joyride-tip-guide .joyride-next-tip
{
	color:#FFF;
}

#signuppage
{
	margin-right: 10px;
}

.page_user_skill_grading_list ul li a,time,.skill_check_note a:hover,.skill_member_note a:hover
{
	color:#7D807A;
}

.comment_yet
{
	color: #CCCCCC;
}

#footer nav a,.user_account_link a,.page_user_account_link a,.skill_member_user_account a,#task_list_finding h3,#task_thema a:hover,.side_content p,#no_login_search strong,#cookie_search strong,#no_login_pr strong,.right_content_mini_verup a,.right_content_mini_about ul li a,.how_to_step,.right_content_mini_help ul li a,#new_how_to_btn
{
	color:#2383D0;
}

.span_note,#footer,.placeholder,#developer_about a,.skill_check_note a,.skill_member_note a
{
	color:#AAAAAA;
}

#header_user ul li a
{
	color:#DEDEDE;
}

#body_popup
{
	padding:20px;
	width:220px;
}

#body_popup h3
{
	margin-bottom:20px;
}

#body_popup label
{
	display:block;
	margin-bottom:10px;
}

.fin_btn,.thema_img,.task_operation ul li,h1,#side_feedback a
{
	text-indent:-7777px;
}

#content h3
{
	font-size: 20px;
	margin: 0 auto;
	text-shadow: 0 1px 0px #FFF;
}

#content
{
	width: 960px;
	margin: 0px auto;
}

h4
{
	margin-bottom: 10px;
	font-size: 16px;
}

#no_search,#signup,#subpage
{
	width: 940px;
}

.right_size
{
	width:660px;
	float:right;
}

.item
{
	margin:0 10px;
}

.placeholder
{
	cursor:text;
	position:absolute;
	display:inline;
	top:0px;
	left:0px;
	padding:6px 0 0 10px;
	z-index:1;
	font-size:14px;
}

#loginpage,#click_no_user_login,.ie-login
{
	background:#F0F0F0;
	background: -moz-linear-gradient(top,#FFFFFF, #FCFDFB 4% , #F3F4F2);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),color-stop(0.04,#FCFDFB), to(#F3F4F2));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#FCFDFB', EndColorstr='#F3F4F2');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFDFB', endColorstr='#F3F4F2')";
	text-shadow: 0 1px 0px #FFF;
	border:1px solid #919BA5;
}

.input_search_affirmation,.input_add_affirmation
{
	border-top:1px solid #919BA5;
	border-right:1px solid #919BA5;
	border-bottom:1px solid #919BA5;
	height:30px;
	width:30px;
	margin-left:-2px;
	cursor:pointer;
}

.input_search_affirmation
{
	background:url(../images/search_icon.gif) 8px 8px no-repeat;
	background:url(../images/search_icon.gif) 8px 8px no-repeat , -moz-linear-gradient(top,#FFFFFF, #FCFDFB 4% , #F3F4F2);
	background:url(../images/search_icon.gif) 8px 8px no-repeat , -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),color-stop(0.04,#FCFDFB), to(#F3F4F2));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#FCFDFB', EndColorstr='#F3F4F2');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFDFB', endColorstr='#F3F4F2')";
}

.input_search_affirmation:active
{
	background:url(../images/search_icon.gif) 8px 9px no-repeat;
	background:url(../images/search_icon.gif) 8px 9px no-repeat , -moz-linear-gradient(top,#FFFFFF, #FCFDFB 4% , #F3F4F2);
	background:url(../images/search_icon.gif) 8px 9px no-repeat , -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),color-stop(0.04,#FCFDFB), to(#F3F4F2));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#FCFDFB', EndColorstr='#F3F4F2');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFDFB', endColorstr='#F3F4F2')";
}

.input_add_affirmation
{
	background:url(../images/add_icon.gif) 9px 9px no-repeat;
	background:url(../images/add_icon.gif) 9px 9px no-repeat , -moz-linear-gradient(top,#FFFFFF, #FCFDFB 4% , #F3F4F2);
	background:url(../images/add_icon.gif) 9px 9px no-repeat , -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),color-stop(0.04,#FCFDFB), to(#F3F4F2));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#FCFDFB', EndColorstr='#F3F4F2');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFDFB', endColorstr='#F3F4F2')";
}

.input_add_affirmation:active
{
	background:url(../images/add_icon.gif) 9px 10px no-repeat;
	background:url(../images/add_icon.gif) 9px 10px no-repeat , -moz-linear-gradient(top,#FFFFFF, #FCFDFB 4% , #F3F4F2);
	background:url(../images/add_icon.gif) 9px 10px no-repeat , -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),color-stop(0.04,#FCFDFB), to(#F3F4F2));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#FCFDFB', EndColorstr='#F3F4F2');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFDFB', endColorstr='#F3F4F2')";
}

.input_search_affirmation:hover,#loginpage:hover,#click_no_user_login:hover,.input_add_affirmation:hover,.negation_btn:hover,.ie-login:hover
{
	box-shadow: inset 0px 1px 1px #B4B4B4;
	-moz-box-shadow: inset 0px 1px 1px #B4B4B4;
	-webkit-box-shadow: inset 0px 1px 1px #B4B4B4;
}

img{
/*
display:block;
*/
vertical-align:middle;
border:none;
}

* html *{
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

*:first-child+html *{
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

.clr
{
clear:both;
}

hr,legend,.displaynone
{
	display:none;
}

.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearFix{min-height: 1px;}

* html .clearFix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*
::-moz-selection {
background:#F5F5F5;
}

::selection {
background:#F5F5F5;
}
*/

.skill_other_user ul,.page_user_skill_grading_list ul,#header_user ul,#skill_member_ul,.header_link,.task_operation ul,.nolist,#err_box ul,#pass_err_box ul,.right_content_mini_help ul,.right_content_mini_about ul
{
	list-style:none;
}

#header_user_ul ul li a,#header_user_account
{
	overflow:hidden;
}


#header_signup_btn
{
	float:right;
	text-decoration:none;
	padding:4px 15px 6px;
	height:26px;
	line-height:26px;
	font-size:18px;
	box-shadow: 0px 1px 0px #FEFCEB;
	-moz-box-shadow: 0px 1px 0px #FEFCEB;
	-webkit-box-shadow: 0px 1px 0px #FEFCEB;
	margin-left:15px;
}

.user_account_link
{
	line-height:40px;
}

.page_user_account_link
{
	line-height:40px;
	font-size: 18px;
}

.user_account_link a,.page_user_account_link a
{
	overflow:hidden;
	font-weight:bold;
	text-decoration:none;
	max-width: 120px;
}

.user_account_link a:hover,.page_user_account_link a:hover,#footer nav a:hover
{
	text-decoration:underline;
}

#header_out
{
	height:54px;
	width: 100%;
	display: block;
	border-top: 1px solid #82C2EE;
	border-bottom: 1px solid #12598D;
	background:#359FE6;
	background: -moz-linear-gradient(top, #359FE6 , #2180CE);
	background: -webkit-gradient(linear, left top, left bottom, from(#359FE6), to(#2180CE));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#359FE6', EndColorstr='#2180CE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#359FE6', endColorstr='#2180CE')";
	z-index:100;
	position:relative;
}

#share_area
{
	border-top:1px solid #FFF;
	border-bottom:1px solid #FCFDFB;
	/*
	border-bottom:1px solid #CBCCCA;
	*/
	background:#F0F0F0;
	background: -moz-linear-gradient(top,#FCFDFB, #F5F5F5);
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFDFB), to(#F5F5F5));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#FCFDFB', EndColorstr='#F5F5F5');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFDFB', endColorstr='#F5F5F5')";
	box-shadow: 0px 0px 2px #222222;
	-moz-box-shadow: 0px 0px 2px #222222;
	-webkit-box-shadow: 0px 0px 2px #222222;
}

#header,#share_area_in
{
	width:940px;
	margin:0 auto;
}

#share_area_in
{
	padding-top:10px;
	padding-bottom:10px;
	height:20px;
}

#share_link
{
	float: left;
}

#share_link div
{
	float: left;
	margin-right: 5px;
}

h2
{
	float: right;
	font-size: 16px;
	text-shadow: 0 1px 0 #FFF;
}

#err_box,#safe_box,.header_arrow,.grading_list,.grading_skill_default,#linkPage p span,#linkPage p a,#skill_add_area,.skill_comment_add_submit,.input_affirmation,#login_yet a,#header_skill_add_submit,#click_no_user a,#click_no_user,#footer_pr,#no_search,#signup,#subpage,#skill_member,.grading_list_pickup,#task_add,#task_add_submit,#thema_add_submit,.affirmation_btn,.negation_btn,#pass_err_box,.joyride-tip-guide .joyride-next-tip,#koko_derection,.search_button_area span,#side_popup_btn,.orbit-wrapper .orbit-caption a,#new_how_to_btn
{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#header_user_ul
{
    width:140px;
    display:none;
}

#header_skill_add_form
{
	width:240px;
	padding: 10px;
	display:none;
}

#header_user_ul ul
{
	padding:10px 0;
}

#header_user_ul ul
{
	list-style:none;
	margin:0;
	border-top:1px solid #768070;
}

#header_user_ul ul,#header_skill_add_form,.skill_name,.skill_name p,.skill_other_user_id,.skill_member_list_frist,#task_list_finding,.right_content_mini_help ul li img,.right_content_mini_verup p img
{
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
}

#header_skill_add,#header_user
{
	position:relative;
}

#header_user_icon
{
	padding:15px 10px;
	width:120px;
	height:24px;
	border-left: 1px solid #99CC34;
	border-right: 1px solid #629123;
	font-weight:bold;
	text-shadow: 0 -1px 0px #709625;
	cursor: pointer;
}

#header_user:hover #header_user_icon
{
	background:url(../images/opacity_5.png) 0px 0px repeat;
}

#header_skill_add:hover #header_skill_add_form,#header_user:hover div#header_user_ul,.input_affirmation
{
    display:block;
}


#header_right
{
	border-right: 1px solid #99CC34;
	border-left: 1px solid #629123;
	float:right;
}

#skill_add_textarea
{
	width:228px;
	padding:5px;
	height:55px;
}

.header_skill_add_submit
{
	width:140px;
	padding:5px 10px;
	font-size:12px;
}

h1,#header_skill_add,#header_user
{
	float:left;
}

h1
{
	padding-top:11px;
	padding-bottom:11px;
	line-height:54px;
}

h1 a
{
/*
	width:120px;
*/
	line-height:30px;
	text-decoration: none;
	font-size: 24px;
	width: 229px;
	height:31px;
	display:block;
	text-shadow: 0 -1px 0px #12598D;
	background: url(../images/logo.png) 0 center no-repeat;
}

#fixed_header
{
	position: fixed;
	top: 0;
	z-index: 200;
	width: 100%;
}

.header_link
{
	float: right;
}

.header_link li
{
	float: left;
	margin-left: 20px;
	line-height: 52px;
}

.header_link li a
{
	color: #1467A8;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0 1px 0px #5AAFE6;
}

.header_link li a:hover
{
	color:#085C9B;
}

#header_user_account
{
	height: 24px;
	line-height: 24px;
	float: left;
	margin-left: 10px;
	width: 85px;
}


#header_user ul li a
{
	display: block;
	padding: 8px 10px;
	font-size: 12px;
	text-decoration: none;
	width: 120px;
}

#header_user ul li a:hover
{
	text-shadow: 0 -1px 0px #000000;
	background: -moz-linear-gradient(top,#50514E, #313330);
	background: -webkit-gradient(linear, left top, left bottom, from(#50514E), to(#313330));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#50514E', EndColorstr='#313330');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#50514E', endColorstr='#313330')";
}


#pickup_area,#pickup_area_login
{
	background:url(../images/background.png) 0px 0px repeat;
	overflow:hidden;
	position:relative;
}

#header_pr
{
	width: 940px;
	margin: 30px auto 0;
	height: 300px;
	position: static;
}

#header_pr .img
{
}

#main_koko
{
	position: relative;
	left: 20px;
}

#smart_koko
{
	position: relative;
	top: -308px;
	float: right;
	right: 20px;
}

#pickup_area
{
	height:495px;
}

#pickup_area_login
{
	height:427px;
}

#pickup_area_top
{
	height:10px;
	width:100%;
	/*
	background:url(../images/shadow_top.png) 0 top repeat-x;
	*/
	position:absolute;
	top:0;
}

#pickup_area_bottom
{
	height:10px;
	width:100%;
	background:url(../images/shadow_bottom.png) 0 top repeat-x;
	border-bottom: 1px solid #FFF;
	position:absolute;
}

#pickup_area div#pickup_area_bottom
{
	top:484px;
}

#pickup_area_login div#pickup_area_bottom
{
	top:416px;
}

#pr_pickup
{
	text-shadow: 0 -1px 2px #000000;
	font-size:36px;
	font-weight:bold;
	margin-top:30px;
	display: block;
	text-align: center;
}

#skill_add_search_area p
{
	float: right;
}

#skill_search_form
{
	margin-bottom:5px;
}


#login_yet,#login_yet_out,#login_yet_out_2
{
	border-right:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}

#login_yet,#login_yet_out_2,#pickcontainer div.grading_list
{
	box-shadow: 0px 0px 2px #222222;
	-moz-box-shadow: 0px 0px 2px #222222;
	-webkit-box-shadow: 0px 0px 2px #222222;
}

#login_yet
{
	padding:16px 20px 14px;
	margin: 0px auto;
	width:720px;
	background:#FFF ;
	position:relative;

}

#login_yet_out
{
	height:3px;
	width:754px;
	bottom:-4px;
	background: -moz-linear-gradient(top,#CBCCCA, #FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#CBCCCA), to(#FFF));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#CBCCCA', EndColorstr='#FFF');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CBCCCA', endColorstr='#FFF')";
	/*
	z-index:5;
	*/
	position:absolute;
	left:2px;
}

#login_yet_out_2
{
	height:2px;
	width:744px;
	bottom:-6px;
	background: -moz-linear-gradient(top,#B7B8B6, #DFE0DE);
	background: -webkit-gradient(linear, left top, left bottom, from(#B7B8B6), to(#DFE0DE));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#B7B8B6', EndColorstr='#DFE0DE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B7B8B6', endColorstr='#DFE0DE')";
	/*
	z-index:2;
	*/
	position:absolute;
	left:7px;
}

#login_yet a,#click_no_user_login
{
	float:right;
	height:24px;

}

#login_yet a,#click_no_user_login,.affirmation_btn,.negation_btn
{
	padding:4px 15px 6px;
	line-height:26px;
	/*
	margin-left:15px;
	*/
}

#add_task
{
	width:390px;
	margin-bottom: 10px;
}

#task_add_submit
{
	width: 200px;
	margin-left: 10px;
	float: left;
	/*
	padding-left: 30px;
	*/
	padding: 4px 10px 6px 30px;
	text-shadow: 0 1px 0px #12598D;
	border:1px solid #12598D;
	/*
	height:32px;
	line-height:30px;
	*/
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	height: 30px;
	cursor: pointer;
	background:#359FE6 url(../images/task/task.png) 12px 9px no-repeat;
	background:url(../images/task/task.png) 12px 9px no-repeat , -moz-linear-gradient(top,#82C2EE, #359FE6 4% , #2180CE);
	background:url(../images/task/task.png) 12px 9px no-repeat , -webkit-gradient(linear, left top, left bottom, from(#82C2EE),color-stop(0.04,#359FE6), to(#2180CE));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#359FE6', EndColorstr='#2180CE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#359FE6', endColorstr='#2180CE')";
}

#task_add_submit:hover
{
	background:#359FE6 url(../images/task/task_h.png) 12px 9px no-repeat;
	background:url(../images/task/task_h.png) 12px 9px no-repeat , -moz-linear-gradient(top,#82C2EE, #359FE6 4% , #2180CE);
	background:url(../images/task/task_h.png) 12px 9px no-repeat , -webkit-gradient(linear, left top, left bottom, from(#82C2EE),color-stop(0.04,#359FE6), to(#2180CE));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#359FE6', EndColorstr='#2180CE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#359FE6', endColorstr='#2180CE')";
}

#task_add_submit:active
{
	padding: 5px 10px 5px 30px;
	background:#359FE6 url(../images/task/task_h.png) 12px 10px no-repeat;
	background:url(../images/task/task_h.png) 12px 10px no-repeat , -moz-linear-gradient(top,#82C2EE, #359FE6 4% , #2180CE);
	background:url(../images/task/task_h.png) 12px 10px no-repeat , -webkit-gradient(linear, left top, left bottom, from(#82C2EE),color-stop(0.04,#359FE6), to(#2180CE));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#359FE6', EndColorstr='#2180CE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#359FE6', endColorstr='#2180CE')";
}

.task_edit
{
	width:400px;
	margin-right: 10px;
}

#thema_add_submit
{
	float: left;
	padding:2px 15px 8px;
	width:170px;
	height:30px;
	line-height:30px;
	cursor: pointer;
	font-weight: bold;
	margin-left:10px;
}

#thema_add_submit:active
{
	padding:3px 15px 7px;
}

#login_yet a,#click_no_user_login,#thema_add_submit,.affirmation_btn,.negation_btn
{
	text-decoration:none;
	font-size:17px;
	box-shadow: 0px 1px 0px #FEFCEB;
	-moz-box-shadow: 0px 1px 0px #FEFCEB;
	-webkit-box-shadow: 0px 1px 0px #FEFCEB;
}

#login_yet a:active
{
	padding:5px 15px 5px;
}

#login_yet p
{
	float:left;
	line-height:34px;
	font-size:14px;
	text-shadow: 0 1px 0px #FEFCEB;
}

#login_yet p strong
{
	font-size:20px;
	margin-right:5px;
}

#skill_add_area
{
	margin:0 auto 20px;
}

#skill_add_area
{
	width:820px;
	padding:20px;
	border:1px solid #CBCCCA;
}

#skill_add_area
{
	background:url(../images/opacity_white_40.png) 0 0 repeat;
}

.input_box,.input_box_login,.input_box_signup,.user_input_box
{
	display:block;
	position:relative;
	overflow:visible;
}

.input_box
{
	float:left;
}

.input_box_login,.input_box_signup,.user_input_box
{
	margin-bottom:10px;
}

.login_input,.signup_input,.user_input
{
	width:200px;
	margin-right:10px;
	float:left;
}

.search_input,.skill_add_input
{
	width:200px;
	float:left;
}

.span_note
{
	display:block;
	font-size:12px;
	margin-top:10px;
}

#login_area,#signup_area
{
	display:none;
}

.margin_left_10
{
	margin-left:10px;
}

.new_skill
{
	background:url(../images/new.png) 0px 0 no-repeat;
	position: absolute;
	top: 0;
	left: 115px;
	width: 85px;
	height: 53px;
}

.grading_list,.grading_skill_default
{
	position:relative;
}

.grading_skill_default,.grading_list_box,.grading_list_pickup
{
	margin-bottom:20px;
}

.grading_list_box,.grading_list_pickup,.grading_skill_default
{
	float:left;
}

.grading_list_box,.grading_list,.grading_list_pickup
{
	width:200px;
}

.grading_skill_default
{
	border: 1px solid #919BA5;
	width:198px;
}

#container div.grading_list,.grading_skill_default,.detail_grading_list,#no_search,#signup,#subpage,#skill_member
{
	background:#FFF;
	box-shadow: 0px 0px 2px #B8B4B4;
	-moz-box-shadow: 0px 0px 2px #B8B4B4;
	-webkit-box-shadow: 0px 0px 2px #B8B4B4;
}

.skill_grading_area,.skill_grading_area_bottom
{
	border-left: 1px solid #919BA5;
	border-right: 1px solid #919BA5;
	border-bottom: 1px solid #919BA5;
	border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
}

.grading_area,.grading_area_bottom
{
	padding-top:15px;
	padding-bottom:15px;
	padding-left: 22px;
	width:198px;
}

.skill_grading_area_bottom div.grading_area
{
	border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
}

.grading_area:hover input[type=button],.grading_area_bottom:hover input[type=button]
{
	opacity:0.6;
}

.grading_area:hover input[type=button]:hover,.grading_area_bottom:hover input[type=button]:hover
{
	opacity:1;
}

.skill_id_grading_area
{
	padding-top:15px;
}

.grading_checkbox
{
	list-style: none;
	width: 150px;
	margin: 0 auto;
}

.member_grading_checkbox
{
	list-style: none;
	margin: 0 auto;
}

.grading_checkbox li a,.grading_checkbox li span,.member_grading_checkbox li a,.member_grading_checkbox li span
{
	float: left;
}

input[type=button],span.grading_count,span.grading_count_middle,span.grading_count_middle_active
{
	width:30px;
	height:20px;
	display: block;
	text-decoration: none;
/*
	padding-left:5px;
	padding-right:5px;
*/
	border: none;
	float: left;
}

input[type=button]
{
	cursor: pointer;
}

.member_grading_count,.member_grading_count_middle
{
	width:14px;
	height:14px;
	display: block;
	padding-left:1px;
	padding-right:1px;
}

.member_grading_count_middle
{
	background:url(../images/star_member_on.png) 0px 0 no-repeat;
}

.member_grading_count
{
	background:url(../images/star_member_off.png) 0px 0 no-repeat;
}

.grading_count
{
	background:url(../images/star_off.png) 5px 0 no-repeat;
}

input[type=button].grading_count_middle_1,input[type=button].grading_count_middle_2,input[type=button].grading_count_middle_3,input[type=button].grading_count_middle_4,input[type=button].grading_count_middle_5,input[type=button].grading_count:hover,input[type=button].grading_count_middle_send,span.grading_count_middle
{
	background:url(../images/star_on.png) 5px 0 no-repeat;
}

input[type=button].grading_count_middle_send:active,span.grading_count_middle_active
{
	background:url(../images/star_active.png) 0px 0 no-repeat;
	margin: -4px 1px;
	width:28px;
	height:28px;
}

input[type=button].grading_count_middle_send_out
{
	background:url(../images/star_off.png) 5px 0 no-repeat;
}

.user_comment_skill
{
	padding:0 10px 10px 10px;
}

#linkPage
{
	text-align:center;
	margin-bottom: 20px;
}

#linkPage p
{
	margin: 0 3px;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #FFF;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	display: inline-block;
	text-align: center;
}

#linkPage p a,#linkPage>span,#linkPage p span
{
	text-align: center;
	font-size: 12px;
}

#linkPage p a
{
	display: block;
	padding:5px 7px;
	border: 1px solid #BBBBBB;
	text-shadow: 0 1px 0px #999999;
	text-decoration: none;
	background: url(../images/opacity_10.png) 0 0 repeat;
}

#linkPage p span
{
	display: block;
	padding:5px 7px;
	border: 1px solid #BBBBBB;
	text-shadow: 0 -1px 0px #999999;
	text-decoration: none;
	color: #FFF;
}

#linkPage p a:hover,#linkPage p span,#header_signup_btn,.input_affirmation,#signuppage,.skill_grading_count_middle,#header_skill_add_submit,#click_no_user_signup,#thema_add_submit,.affirmation_btn,.joyride-tip-guide .joyride-next-tip
{
	text-shadow: 0 1px 0px #12598D;
	border:1px solid #12598D;
	background:#359FE6;
	background: -moz-linear-gradient(top,#82C2EE, #359FE6 4% , #2180CE);
	background: -webkit-gradient(linear, left top, left bottom, from(#82C2EE),color-stop(0.04,#359FE6), to(#2180CE));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#359FE6', EndColorstr='#2180CE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#359FE6', endColorstr='#2180CE')";
}

.negation_btn
{
	border:1px solid #C8C8C8;
	background:#F0F0F0;
	background: -moz-linear-gradient(top,#FFFFFF, #F6F6F6 4% , #E4E4E4);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),color-stop(0.04,#F6F6F6), to(#E4E4E4));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#F6F6F6', EndColorstr='#E4E4E4');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFDFB', endColorstr='#F3F4F2')";
	text-shadow: 0 1px 1px #FFF;
}

#linkPage>span
{
	margin-right:5px;
	margin-left:5px;
}

input[type=button].grading_dele
{
	display:none;
	position:absolute;
	width:12px;
	height:12px;
	margin-top:5px;
	left:183px;
	float:right;
	background:url(../images/grading_dele.gif) 0 0 no-repeat;
}

.grading_list:hover input[type=button].grading_dele,.grading_list_pickup:hover input[type=button].grading_dele
{
	display:block;
}

.skill_comment_add_submit,.input_affirmation,#login_yet a,#header_skill_add_submit,#click_no_user a
{
	text-align:center;
	cursor:pointer;
	font-weight:bold;
}

.input_affirmation,#header_skill_add_submit
{
	padding:2px 15px 4px;
	font-size:14px;
	height:28px;
}

.input_affirmation:active,#header_skill_add_submit:active
{
	padding:3px 15px 3px;
}

.skill_comment_add_submit
{
	width:100px;
	padding:3px 10px 3px 20px;
	font-size:12px;
	background:url(../images/comment.png) 10px 6px no-repeat ,#9AD938;
	background:url(../images/comment.png) 10px 6px no-repeat , -moz-linear-gradient(top,#ADF240, #9AD938 4% , #7AAA2D);
	background:url(../images/comment.png) 10px 6px no-repeat , -webkit-gradient(linear, left top, left bottom, from(#ADF240),color-stop(0.04,#9AD938), to(#7AAA2D));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#9AD938', EndColorstr='#7AAA2D');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9AD938', endColorstr='#7AAA2D')";

	text-shadow: 0 1px 0px #658C25;
	border:1px solid #7AAA2D;
}

.skill_comment_add_submit:active
{
	padding:4px 10px 2px 20px;
}

.skill_comment_add_submit:hover,.input_affirmation:hover,#signuppage:hover,#header_skill_add_submit:hover,#header_signup_btn:hover,#click_no_user_signup:hover,#task_add_submit:hover,#thema_add_submit:hover,.affirmation_btn:hover,.joyride-tip-guide .joyride-next-tip:hover
{
	border:1px solid #12598D;
	color:#EEEEEE;
	box-shadow: inset 0px 1px 1px #12598D;
	-moz-box-shadow: inset 0px 1px 1px #12598D;
	-webkit-box-shadow: inset 0px 1px 1px #12598D;
}

.skill_add_comment
{
	padding: 10px;
	border-top:1px solid #D8DAD5;
}

.skill_comment_add
{
	width:148px;
	padding:5px;
	height:35px;
	margin-bottom:5px;
	font-size: 11px;
}

.skill_name
{
	font-size:18px;
	text-shadow: 0 1px 1px #111310;
	background:#2A3326;
	border:1px solid #2A3326;
	background: -moz-linear-gradient(top,#4B5546, #2A3326);
	background: -webkit-gradient(linear, left top, left bottom, from(#4B5546), to(#2A3326));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#4B5546', EndColorstr='#2A3326');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4B5546', endColorstr='#2A3326')";
}

.skill_name p
{
	padding:5px 10px;
	border-top:1px solid #768070;
}

.skill_name a,.right_content_mini_about ul li a:hover,.right_content_mini_help ul li a:hover,#new_how_to_btn:hover,#cookie_how_to p a:hover
{
	text-decoration:none;
}


.no_cursor_pointer
{
	cursor: default;
}

time
{
	font-size:10px;
	margin-bottom: 5px;
	margin-left: 5px;
	display: inline-block;
}

.page_user_skill_grading_list ul li a
{
	text-decoration: none;
}

.page_user_skill_grading_list ul li a span,.skill_member_user_account a:hover
{
	text-decoration: underline;
}

.page_user_skill_grading_list ul li a time
{
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 2px;
}

.skill_other_user
{
	width:400px;
	float:left;
}

.skill_other_user_img,#skill_my_img
{
	float:left;
	margin-right:10px;
}

.skill_other_user_id
{
	height:40px;
	padding:15px;
	width: 170px;
}

.skill_page_other_user_id
{
	padding-bottom: 0px;
}

.skill_other_user ul li
{
	height:40px;
	padding:5px 10px 5px 5px;
	width:400px;
}

.page_user_skill_grading_list_no_top,.skill_check_note
{
	border-top:1px solid #D8DAD5;
}

.page_user_skill_grading_list ul li a
{
	border-top:1px solid #FFF;
	display: block;
	font-size:14px;
	padding:7px 10px;
}

.page_user_skill_grading_list ul li a:hover
{
	border-top:1px solid #FFF;
	background: #FAFAFA;
	text-decoration: none;
}

.page_user_skill_grading_list ul li a:hover span,#footer nav a,#developer_about a,.skill_member_user_account a
{
	text-decoration: none;
}

.skill_member_list ol.member_grading_checkbox li a,.skill_member_list ol.member_grading_checkbox li span
{
	margin-left: 0px;
	margin-right: 0px;
}

.skill_member_list span
{
	font-size: 12px;
}

.skill_member_list time
{
	line-height: 18px;
	margin-bottom: 0px;
}

.skill_member_list_even
{
	background: -moz-linear-gradient(top,#F9F9DE, #F7F7D8);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9DE), to(#F7F7D8));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#F9F9DE', EndColorstr='#F7F7D8');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9F9DE', endColorstr='#F7F7D8')";
}


#contact,#no_search,#signup,#pickcontainer,#subpage
{
	margin:0 auto;
}

#container,#pickcontainer,#no_search,#signup,#subpage
{
	padding:20px 0 0 0;
	margin-bottom: 20px;
}

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick
{
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}

.transitions-enabled.masonry
{
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick
{
	-webkit-transition-property: left, right, top;
	-moz-transition-property: left, right, top;
	-o-transition-property: left, right, top;
	transition-property: left, right, top;
}


.transitions-enabled.infinite-scroll.masonry
{
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

#footer_content
{
	padding-top:15px;
	padding-bottom:15px;
	margin-top: 20px;
	width: 100%;
	height: 20px;
	border-top:1px solid #232323;
	border-bottom: 1px solid #010101;
	background:#2C2B2C;
	background: -moz-linear-gradient(top,#909090, #545454 2% , #2C2B2C);
	background: -webkit-gradient(linear, left top, left bottom, from(#909090),color-stop(0.02,#545454), to(#2C2B2C));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#545454', EndColorstr='#2C2B2C');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#545454', endColorstr='#2C2B2C')";

}

#footer
{
	margin:0px auto;
	width: 940px;
	font-size:14px;
}

#footer_menu
{
	width: 700px;
	float: left;
}

#footer_menu nav
{
	display:inline;
}

#footer_menu nav a
{
	margin-right: 10px;
	color: #DDDDDD;
	text-shadow: 0 1px 0 #010101;
	font-size: 14px;
	font-weight: bold;
}

#footer_menu nav a:hover,#developer_about a:hover
{
	text-decoration: none;
	color: #FFF;
}


#developer_about
{
	float:right;
}

#developer_about
{
	font-size: 12px;
	line-height: 16px;
}

#developer_about a
{

	text-shadow: 0 1px 0 #010101;
}

#task_add
{
	height: 30px;
}

#task_add,#koko_derection
{
	margin-top: 20px;
	padding: 10px;
	border:1px solid #CBCCCA;
	box-shadow: 0px 1px 0px #FFF;
	-moz-box-shadow: 0px 1px 0px #FFF;
	-webkit-box-shadow: 0px 1px 0px #FFF;
}

#task_list_finding,#task_add,.side_content p,#koko_derection
{
	border:1px solid #C8C8C8;
	border-bottom:1px solid #AFAFAF;
	background:#F0F0F0;
	background: -moz-linear-gradient(top,#FFFFFF, #F6F6F6 4% , #E4E4E4);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),color-stop(0.04,#F6F6F6), to(#E4E4E4));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#F6F6F6', EndColorstr='#E4E4E4');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFDFB', endColorstr='#F3F4F2')";
	text-shadow: 0 1px 1px #FFF;
}

/*
#koko_derection img
{
	float: left;
	margin-right: 10px;
	margin-top: 15px;
}
*/

#koko_derection p
{
	/*
	float: left;
	width: 180px;
	*/
	font-size: 12px;
	line-height: 1.4;
	text-shadow: 0 1px 0px #FFF;
}

#task_list_finding
{
	width:640px;
	height: 40px;
}

#task_list_finding,#no_login_search,.margin_top_20,.container
{
	margin-top: 20px;
}

.margin_top_10
{
	margin-top: 10px;
}

#task_list_finding h3
{
	line-height: 40px;
	font-weight: bold;
	font-size: 17px;
	margin-left: 15px;
}

#task_thema,.task_list,.task_list_nologin
{
	background: #FCFCFC;
}

#task_thema
{
	border:1px solid #CBCCCA;
	border-top: none;
	width: 610px;
	padding:6px 15px;
}

#task_thema a
{
	margin-right: 10px;
}

#task_thema a#add_thema_link
{
	margin-right: 0;
}

#task_thema a,#add_thema_link
{
	font-size: 12px;
	text-decoration: none;
	color: #BEBEBE;
	font-weight: normal;
}

#task_thema a:hover
{

}

#task_area
{
	width: 640px;
}

/*
#content_box
{
	width: 600px;
	padding:20px;
}
*/

#content_area
{
	width: 640px;
}

/*
#task_area,#content_box,#content_area
*/
#task_area,#content_area
{
	background: #FCFCFC;
	border:1px solid #CBCCCA;
	margin-top: -1px;
/*
	height: 100%;
*/
}

#content_area p
{
	margin-bottom: 10px;
}


/*
.task_list
{
	margin-top: -1px;
}
*/

.task_list
{
	border-right:1px solid #CBCCCA;
	border-left:1px solid #CBCCCA;
	border-bottom:1px solid #CBCCCA;
	width: 640px;
	position: relative;
}

.task_list:hover
{
	background: #F5FAFF;
}

.task_text footer
{
	font-size: 10px;
	color: #AAAAAA;
	float: right;
	width: 140px;
}

.task_time
{
	float: left;
	line-height: 40px;

}

.task_operation
{
	float: right;
	margin-right: 10px;
}

.task_operation ul li span
{
	width:12px;
	height: 12px;
	display: block;
	margin-top: 5px;
	cursor: pointer;
}

.task_operation ul li:hover
{
	opacity: 0.8;
}

.task_edit_btn
{
	background:url(../images/edit.png) 0px 0px no-repeat;
}

.task_dele_btn
{
	background:url(../images/dele.png) 0px 0px no-repeat;
}


.task_text>span
{
	font-size: 11px;
	color: #AAAAAA;
	padding: 5px 8px;
	border:1px solid #C8C8C8;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background: #FFF;
	cursor: pointer;
}

.task_text>span:hover
{
	box-shadow: inset 0px 1px 1px #E6E6E6;
	-moz-box-shadow: inset 0px 1px 1px #E6E6E6;
	-webkit-box-shadow: inset 0px 1px 1px #E6E6E6;
}

.task_list_content
{
	min-height: 40px;
}

.task_text
{
	float: left;
	height: 30px;
	width:610px;
	margin-left: 30px;
}

.task_text p
{
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
	margin: 0px 10px;
	width: 440px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	float: left;
}

.task_list input,.task_list_nologin input
{
	margin-top: 5px;
	margin-left: 10px;
}

.fin_btn
{
	z-index: 20;
	width: 30px;
	height: 40px;
	float: left;
	/*
	margin-top: -2px;
	*/
	margin-left: 5px;
	margin-right: 5px;
	background:url(../images/fin.png) 6px 11px no-repeat;
	cursor: pointer;
	position: absolute;
	left: 0px;
}

.fin_btn:hover
{
	background:url(../images/fin_h_2.png) 6px 11px no-repeat;
}

.side_content
{
	margin-top: 20px;
}

.side_content p
{
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	padding: 5px 10px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	font-size: 15px;
	border-bottom: none;
}

#task_order ol
{
	font-size: 14px;
	background: #FCFCFC;
	border:1px solid #CBCCCA;
	border-top: none;
	width: 278px;
	line-height: 1.5;
	list-style:none;
	counter-reset:li;
}

#task_order ol li
{
	padding: 6px 10px;
	border-top:1px solid #C8C8C8;
}

#task_order ol li:before
{
	content:counter(li);
	counter-increment:li;
	font-weight: bold;
}

.search_area
{
	background: #F5F5F5;
	border-right:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding: 5px 5px 0px 10px;
	width: 625px;
}

.ameba_btn
{
	background:url(../images/action/ameba.png) 0px 0px no-repeat;
}

.amazon_btn
{
	background:url(../images/action/amazon.png) 0px 0px no-repeat;
}

.rakuten_btn
{
	background:url(../images/action/rakuten.png) 0px 0px no-repeat;
}

.kakaku_btn
{
	background:url(../images/action/kakaku.png) 0px 0px no-repeat;
}

.app_store_btn
{
	background:url(../images/action/app_store.png) 0px 0px no-repeat;
}

.email_btn
{
	background:url(../images/action/email.png) 0px 0px no-repeat;
}

.evernote_btn
{
	background:url(../images/action/evernote.png) 0px 0px no-repeat;
}

.line_btn
{
	background:url(../images/action/line.png) 0px 0px no-repeat;
}

.facebook_btn
{
	background:url(../images/action/facebook.png) 0px 0px no-repeat;
}

.feed_btn
{
	background:url(../images/action/feed.png) 0px 0px no-repeat;
}

.flickr_btn
{
	background:url(../images/action/flickr.png) 0px 0px no-repeat;
}

.foursquare_btn
{
	background:url(../images/action/foursquare.png) 0px 0px no-repeat;
}

.github_btn
{
	background:url(../images/action/github.png) 0px 0px no-repeat;
}

.dribbble_btn
{
	background:url(../images/action/dribbble.png) 0px 0px no-repeat;
}

.google_plus_btn
{
	background:url(../images/action/google_plus.png) 0px 0px no-repeat;
}

.google_btn
{
	background:url(../images/action/google.png) 0px 0px no-repeat;
}

.google_img_btn
{
	background:url(../images/action/google_img.png) 0px 0px no-repeat;
}

.google_mail_btn
{
	background:url(../images/action/gmail.png) 0px 0px no-repeat;
}

.google_maps_btn
{
	background:url(../images/action/google_maps.png) 0px 0px no-repeat;
}

.google_reader_btn
{
	background:url(../images/action/google_reader.png) 0px 0px no-repeat;
}

.google_translate_btn
{
	background:url(../images/action/google_translate.png) 0px 0px no-repeat;
}

.google_mail_contact_btn
{
	background:url(../images/action/gmail_contact.png) 0px 0px no-repeat;
}

.hatenab_btn
{
	background:url(../images/action/hatenab.png) 0px 0px no-repeat;
}

.instagram_btn
{
	background:url(../images/action/instagram.png) 0px 0px no-repeat;
}

.itunes_btn
{
	background:url(../images/action/itunes.png) 0px 0px no-repeat;
}

.mixi_btn
{
	background:url(../images/action/mixi.png) 0px 0px no-repeat;
}

.picasa_btn
{
	background:url(../images/action/picasa.png) 0px 0px no-repeat;
}

.skype_btn
{
	background:url(../images/action/skype.png) 0px 0px no-repeat;
}

.slideshare_btn
{
	background:url(../images/action/slideshare.png) 0px 0px no-repeat;
}

.tumblr_btn
{
	background:url(../images/action/tumblr.png) 0px 0px no-repeat;
}

.twitter_btn
{
	background:url(../images/action/twitter.png) 0px 0px no-repeat;
}

.vimeo_btn
{
	background:url(../images/action/vimeo.png) 0px 0px no-repeat;
}

.website_btn
{
	background:url(../images/action/website.png) 0px 0px no-repeat;
}

.wikipedia_btn
{
	background:url(../images/action/wikipedia.png) 0px 0px no-repeat;
}

.yahoo_btn
{
	background:url(../images/action/yahoo.png) 0px 0px no-repeat;
}

.youtube_btn
{
	background:url(../images/action/youtube.png) 0px 0px no-repeat;
}

.naver_matome_btn
{
	background:url(../images/action/naver_matome.png) 0px 0px no-repeat;
}

.pinterest_btn
{
	background:url(../images/action/pinterest.png) 0px 0px no-repeat;
}

.cookpad_btn
{
	background:url(../images/action/cookpad.png) 0px 0px no-repeat;
}

.hotpepper_btn
{
	background:url(../images/action/hotpepper.png) 0px 0px no-repeat;
}

.tabelog_btn
{
	background:url(../images/action/tabelog.png) 0px 0px no-repeat;
}

.ustream_btn
{
	background:url(../images/action/ustream.png) 0px 0px no-repeat;
}


.feedback_btn
{
	margin-top: 10px;
	width:160px;
}

.feedback_btn,#btn_check
{
	font-size: 11px;
	color: #AAAAAA;
	padding: 5px 8px;
	border:1px solid #C8C8C8;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background: #FFF;
	cursor: pointer;
}

#btn_check
{
	width:100px;
	float: left;
	margin-left: 10px;
}


.feedback_btn:hover,#btn_check:hover
{
	box-shadow: inset 0px 1px 1px #E6E6E6;
	-moz-box-shadow: inset 0px 1px 1px #E6E6E6;
	-webkit-box-shadow: inset 0px 1px 1px #E6E6E6;
}

.feedback_submit
{
	width:160px;
	margin: 0 auto;
}

fieldset
{
	border:none;
}

#feedback form
{
	font-size: 14px;
	background: #FCFCFC;
	border:1px solid #CBCCCA;
	padding: 10px;
	width: 258px;
	line-height: 1.5;
	list-style:none;
	counter-reset:li;
}

#feedback_area
{
	width:238px;
	font-size: 14px;
	height: 64px;
}

#h3_span
{
	margin-top: 10px;
	display: block;
	font-size: 14px;
}

.affirmation_btn,.negation_btn,.joyride-tip-guide .joyride-next-tip
{
	font-weight:bold;
	cursor: pointer;
	padding: 5px 15px;
	margin-top: 10px;
	margin-right: 20px;
	float: left;
}

.affirmation_btn:active,.negation_btn:active,.joyride-tip-guide .joyride-next-tip:active
{
	padding: 6px 15px 4px;
}

#body:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#body{min-height: 1px;}

* html #body{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#login_form dl:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#login_form dl{min-height: 1px;}

* html #login_form dl{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#login_form dl
{
/*
	clear: both;
*/
	margin-top: 10px;
}

#login_form dl dd
{
	margin-top: 5px;
}

.right_content_mini,.right_content_mini_verup,.right_content_mini_help,.right_content_mini_about
{
	border-bottom: 1px dotted #C8C8C8;
	width: 600px;
}

.right_content_mini,.right_content_mini_about
{
	padding: 20px;
}

.right_content_mini_help,.right_content_mini_verup
{
	padding: 20px 20px 0 20px;
}

.right_content_mini dl
{
	margin-bottom: 10px;
}

.right_content_mini dl dt
{
	margin-bottom: 10px;
	font-size: 16px;
}

.right_content_mini ol,.right_content_mini ul
{
	 margin-left: 20px;
}

#content_area .right_content_mini_verup p
{
	margin: 0;
}

.no_img_ul_li,#content_area .right_content_mini_verup p.no_img_p
{
	margin-bottom: 20px;
}

.right_content_mini_help ul li img,.right_content_mini_verup p img
{
	margin: 10px auto 0;
	padding: 5px 5px 0 5px;
}

.right_content_mini_help dl dd img
{
	margin: 10px auto;
	padding: 5px;
}

.right_content_mini_help ul li img,.right_content_mini_help dl dd img,.right_content_mini_verup p img
{
	display:block;
	background: #F5F5F5;
	display:block;
}

.right_content_mini_help ul li mark
{
	background: none;
	font-weight: bold;
}

.right_content_mini_help dl dt
{
	font-weight: bold;
	margin-bottom: 10px;
}

.right_content_mini_help dl dt img
{
	margin-right: 5px;
}

.right_content_mini ol li span
{
	font-size: 12px;
	color:#7D7D7D;
}

.right_content_mini_verup span
{
	font-size: 14px;
	display: block;
	color:#7D7D7D;
	margin-bottom: 5px;
}

.right_content_mini p span.attention
{
	font-size: 16px;
	display: inline;
}

/*
.right_content_mini p span,.right_content_mini dl dt span,.search_err
*/
.right_content_mini dl dt span,.search_err,.right_content_mini p span.attention
{
	color: #F03C64;
}

.right_content_mini #err_box p,.right_content_mini #safe_box p
{
	margin-bottom: 0;
}

.search_err
{
	font-weight: bold;
}

#iphone_link
{
	padding-top:20px;
}

#iphone_link a
{
	font-size: 14px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #CBCCCA;
	padding: 8px 0px;
	text-align: center;
	display: block;
	text-shadow: 0 1px 0px #12598D;
	background:#359FE6;
	background:-moz-linear-gradient(top,#82C2EE, #359FE6 4% , #2180CE);
	background:-webkit-gradient(linear, left top, left bottom, from(#82C2EE),color-stop(0.04,#359FE6), to(#2180CE));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#359FE6', EndColorstr='#2180CE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#359FE6', endColorstr='#2180CE')";

	box-shadow: 0px 0px 2px #CCCCCC;
	-moz-box-shadow: 0px 0px 2px #CCCCCC;
	-webkit-box-shadow: 0px 0px 2px #CCCCCC;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

.link_href
{
	font-size: 14px;
	margin-top: 10px;
	color:#2383D0;
	display: inline-block;
}

.link_href:hover,.text_link:hover,.right_content_mini_verup a:hover
{
	text-decoration: none;
}

.text_link,.right_content_mini_help ul li mark
{
	color:#2383D0;
}

.margintop10,.input_affirmation
{
	margin-top: 10px;
}

.marginbottom10
{
	margin-bottom: 10px;
}

#no_login_pr,#no_login_search
{
	border-right:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	background: #FFF;
}

#cookie_search
{
	border:1px solid #C8C8C8;
	background: #FFF;
}

.new_area
{
	padding: 5px 10px;
	border-bottom:1px solid #C8C8C8;
}

.keyword_how_to
{
	padding: 5px 10px 0;
	border-bottom:1px solid #C8C8C8;
}

.new_area,.keyword_how_to
{
	width:620px;
	border-right:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	background: #FFF;
}

#no_login_pr
{
	padding: 15px;
	width:610px;
}

#no_login_search,#cookie_search
{
	padding: 15px;
	width:610px;
	border-top:1px solid #C8C8C8;
}

#no_login_pr p,#no_login_search p,#no_login_search strong,#no_login_pr strong,#cookie_search p,#cookie_search strong
{
	font-size: 15px;
}

#cookie_search span.cookie_span
{
	font-size: 12px;
	display: block;
	color:#7D7D7D;
	margin-top: 5px;
}

#no_login_search strong,#no_login_pr strong,#cookie_search strong
{
	margin-bottom: 10px;
	display: block;
}

#cookie_search strong
{
	float: left;
}

#new_how_to_btn
{
	float: right;
}

#demo_no_task,#no_task
{
	background:url(../images/top_no_task.png) 0px 0px no-repeat;
	height: 135px;
	width: 640px;
	border-top: none;
}

.input_box_no_login
{
	padding: 12px 0 0 18px;
}

#help_link
{
	margin-bottom: 20px;
}

#help_link tr th
{
	text-align: left;
	width: 170px;
	font-size: 15px;
	line-height: 16px;
}

#help_link tr th img
{
	float: left;
	margin-right: 5px;
}

#help_link tr td
{
}

#help_link tr td span
{
	display: block;
	font-size: 12px;
	margin-top: 5px;
}

#help_link tr th,#help_link tr td
{
	padding: 5px 10px;
}

#help_link tr:nth-child(2n) th,#help_link tr:nth-child(2n) td
{
	background: #F0F2F1;
}

.how_to_step
{
	margin-bottom: 5px;
	font-size: 12px;
	display: block;
}

.how_to_step span
{
	margin-right: 5px;
	font-style: italic;
	font-size: 14px;
}

/*半角*/

.half_width
{
	ime-mode:disabled;
}

.full_width
{
	ime-mode:active;
}

/**/

.fb-like-box
{
	margin-top: 20px;
	background: #FFF;
}

#side_feedback
{
	position: fixed;
	right: 0;
	top: 350px;
	z-index: 200;
}

#side_feedback a
{
	display: block;
	width: 36px;
	height: 212px;
	background: url(../images/side_feedback.png) 0 0 no-repeat;
}

#side_feedback a:hover
{
	opacity: 0.9;
}

.expiration_date
{
	border-right:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding: 5px 10px;
	background: #F5FAFF;
	width: 620px;
}

.expiration_date span
{
	float: right;
	font-size: 12px;
	color:#7D7D7D;
	line-height: 20px;
	/*
	margin-top: 5px;
	margin-bottom: 15px;
	*/
	font-style: italic;
}

#cookie_all_dele
{
	float: left;
	position: relative;
}

#cookie_all_dele input
{
	float: right;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	width: 110px;
	color: #E1E1E1;
	padding: 2px 8px;
	border:1px solid #C8C8C8;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background: #FFF;
}

#cookie_all_dele input:hover
{
	/*
	box-shadow: inset 0px 1px 1px #E6E6E6;
	-moz-box-shadow: inset 0px 1px 1px #E6E6E6;
	-webkit-box-shadow: inset 0px 1px 1px #E6E6E6;
	*/
	color: #FFF;
	border:1px solid #055591;
	text-shadow: 0 -1px 0px #055591;
	background:#359FE6;
	background: -moz-linear-gradient(top,#82C2EE, #359FE6 4% , #2180CE);
	background: -webkit-gradient(linear, left top, left bottom, from(#82C2EE),color-stop(0.04,#359FE6), to(#2180CE));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#359FE6', EndColorstr='#2180CE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#359FE6', endColorstr='#2180CE')";
}

div.search_area input
{
	display: none;
	display: block\9;
	float: left\9;
}

div.search_area div
{
	float: left\9;
}

/*
div.search_area div:not(:target)
{
	float: none\9;
}

div.search_area input:not(:target)
{
	display: none\9;
	float: none\9;
}
*/

div.search_area label
{
	cursor: pointer;
	font-weight: bold;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;


	font-size: 11px;
	line-height: 16px;
	margin-bottom: 5px;

	border-bottom:1px solid #AFAFAF;

	background:#F0F0F0 url(../images/no-check.png) 4px 5px no-repeat;
	background: url(../images/no-check.png) 4px 5px no-repeat, -moz-linear-gradient(top,#FFFFFF, #F6F6F6 4% , #E4E4E4);
	background: url(../images/no-check.png) 4px 5px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),color-stop(0.04,#F6F6F6), to(#E4E4E4));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#F6F6F6', EndColorstr='#E4E4E4');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FCFDFB', endColorstr='#F3F4F2')";


	height: 16px;
	display: block;
	float: left;

	padding: 3px 5px 4px 20px;
	padding: 3px 5px 4px 5px\9;
	box-shadow: 0 1px 0px #FFF;
	box-shadow:none\9;
	border:1px solid #C8C8C8;
	border: none\9;
	margin-right: 5px;
	margin-right: 10px\9;
}

div.search_area label:not(:target)
{
	/*
	padding: 3px 5px 4px 20px\9;
	border:1px solid #C8C8C8\9;
	box-shadow: 0 1px 0px #FFF\9;
	*/
	margin-right: 5px\9;
}

div.search_area label:hover
{
	box-shadow: 0px 0px 2px #C8C8C8;
	-moz-box-shadow: 0px 0px 2px #C8C8C8;
	-webkit-box-shadow: 0px 0px 2px #C8C8C8;
	box-shadow: none\9;
	-moz-box-shadow: none\9;
	-webkit-box-shadow: none\9;
}

div.search_area label img
{
	margin-right: 5px;
}

div.search_area input:checked+label
{
	color: #fff;
	text-shadow: 0 1px 0px #12598D;

	background:#359FE6 url(../images/check.png) 4px 5px no-repeat;
	background:url(../images/check.png) 4px 5px no-repeat , -moz-linear-gradient(top,#82C2EE, #359FE6 4% , #2180CE);
	background:url(../images/check.png) 4px 5px no-repeat , -webkit-gradient(linear, left top, left bottom, from(#82C2EE),color-stop(0.04,#359FE6), to(#2180CE));

	background:#359FE6\9;
	border:1px solid #12598D;
	border: none\9;

}

div.search_area input
{
	border:5px solid #F5F5F5\9;
}

div.search_area input:checked
{
	border:5px solid #359FE6\9;
}

div.search_area input:checked+label:not(:target)
{
	/*
	border:1px solid #12598D\9;
	*/
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#359FE6', EndColorstr='#2180CE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#359FE6', endColorstr='#2180CE')";
}

.search_button_area
{
	border-top:1px dotted #C8C8C8;
	padding: 5px 10px;
	background: #F5F5F5;
}

.search_button_area p
{
	font-size: 11px;
	float: right;
	line-height: 26px;
	color:#7D7D7D;
}

.search_button_area span
{
	width: 130px;
	float: left;
	height: 24px;
	line-height: 26px;
	font-size: 14px;
	text-align: center;
}

.search_button_area span,#side_popup_btn,.orbit-wrapper .orbit-caption a,#new_how_to_btn
{
	/*
	margin: 0 auto;
	*/
	display: block;
	color: #fff;
	text-shadow: 0 1px 0px #12598D;
	border:1px solid #12598D;
	cursor: pointer;
	font-weight: bold;

	background:#359FE6;
	background: -moz-linear-gradient(top,#82C2EE, #359FE6 4% , #2180CE);
	background: -webkit-gradient(linear, left top, left bottom, from(#82C2EE),color-stop(0.04,#359FE6), to(#2180CE));
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='#359FE6', EndColorstr='#2180CE');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#359FE6', endColorstr='#2180CE')";
}

.search_button_area span:hover,#side_popup_btn:hover,.orbit-wrapper .orbit-caption a:hover,#new_how_to_btn:hover
{
	color:#EEEEEE;
	box-shadow: inset 0px 1px 1px #12598D;
	-moz-box-shadow: inset 0px 1px 1px #12598D;
	-webkit-box-shadow: inset 0px 1px 1px #12598D;
}

.search_button_area span:active
{
	line-height: 27px;
}

#side_popup_btn
{
	width: 258px;
	text-decoration: none;
	padding: 8px 10px;
	margin-top: 20px;
	/*
	height: 80px;
	*/
}

#new_how_to_btn
{
	/*
	width: 258px;
	*/
	text-decoration: none;
	padding: 3px 10px;
	font-size: 12px;
	/*
	height: 80px;
	*/
}

#side_popup_btn:active
{
	padding: 9px 10px 7px;
}

#side_popup_btn span
{
	color:#2383D0;
	/*
	display: inline-block;
	*/
	float: left;
	font-size: 12px;
	margin-right: 8px;
	margin-bottom: 5px;
	background: #FFF;
	padding: 2px 6px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	text-shadow:none;
	box-shadow: 0px -1px 0px #2383D0;
	-moz-box-shadow: 0px -1px 0px #2383D0;
	-webkit-box-shadow: 0px -1px 0px #2383D0;
}

#side_popup_btn:hover span
{
	background: #EEEEEE;
}

#side_popup_btn strong
{
	font-size: 15px;
	display: block;
}

/**/

#cookie_how_to
{
	border-right:1px solid #C8C8C8;
	border-left:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding: 8px 10px;
	width: 620px;
	background: #FFFCE1;
}

#cookie_how_to p
{
	background: url(../images/star.png) 0 0 no-repeat;
	padding-left: 24px;
	font-size: 14px;
}

#cookie_how_to p a
{
	color: #BEAF4B;
}

.orbit-wrapper .orbit-caption
{
	background: url(../images/opacity_80.png) 0 0 repeat;
	z-index: 100;
	color: #FFF;
	padding: 10px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 260px;
	font-size: 14px;
	font-weight: bold;
}

.page_in_link a,.orbit-wrapper .orbit-caption a
{
	padding: 4px 10px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	float: right;
	margin-top: -3px;
}

.orbit-wrapper .orbit-caption a:active
{
	padding: 5px 10px 3px;
}



