@charset "utf-8";

@import url(top.css);


/* Index
-------------------------------------------------
	style
	serch
	navi
	category
	serch
	user_list
	main,edit,history
	write
	request
	kiyaku,regist,release
	mypage,article
	image-upload
	recommend
------------------------------------------------- */



/*--------------------------------------
	style
---------------------------------------*/

.center { text-align: center;}
.mb10 { margin-bottom: 10px;}



/*--------------------------------------
	serch
---------------------------------------*/

#primary .noteworthy_knowhow {
	border-bottom: 1px dotted #777777;
	height: 100%;
	overflow: hidden;
	padding: 10px 0;
}

#primary .noteworthy_knowhow p.noteworthy_img {
	border: 2px solid #DDDDDD;
	float: left;
	height: 90px;
	text-align: center;
	width: 120px;
}

#primary .noteworthy_knowhow dl {
	float: left;
	line-height: 1.0;
	margin-left: 10px;
	width: 405px;
}

#primary .noteworthy_knowhow dt {
	font-size: 130%;
	font-weight: bold;
}

#primary .noteworthy_knowhow dd.day {
	color: #7C7C7C;
	text-align:right;
}

#primary .content_body dd.info {
	background: #F9F9F9;
	clear: both;
	font-size: 95%;
	line-height: 1.3;
	margin-top: 3px;
	padding: 5px;
}

#primary .content_body {
	margin: 0 auto 20px;
/*	overflow: hidden;
	position: relative;*/
	width: 100%;
}

#primary .content_body h2 {
	background: url(/img/sprite_knowhow.png) no-repeat 0 -700px #F1F1F1;
	border-bottom: 1px solid #DDDDDD;
	clear: both;
	font-size: 130%;
	overflow: hidden;
	padding: 6px 10px 3px 25px;
}

#primary .content_body p.list_edit {
	float: right;
	margin-top: -30px;
}

#primary .content_body p.top_request_text {
	text-align: left;
	padding-top: 5px;
}

#primary .content_body ul.top_request_list {
	background: #F9F9F9;
	line-height: 1.4;
	margin-top: 10px;
	padding: 5px;
}

#primary .content_body ul.top_request_list li {
	display: inline;
	margin-right: 20px;
}

#primary .content_body p.top_request_more img {
	vertical-align: bottom;
}

#primary .content_body dl.article {
	border-bottom: 1px dotted #777777;
	clear: both;
	line-height: 1;
	overflow: hidden;
	padding: 10px 0;
}

#primary .content_body dt {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 3px;
}

#primary .content_body dd.useful {
	color: #7C7C7C;
	float: left;
}

#primary .content_body dd.day {
	color: #7C7C7C;
	float: right;
	margin-bottom: 3px;
}

div.next_list {
	clear: both;
	margin-top: 10px;
	text-align: right;
}

#container .pagetop {
	clear: both;
	margin-top: 20px;
	text-align: right;
}

#primary .content_body p.right_text {
	text-align: right;
}


/*--------------------------------------
	navi
---------------------------------------*/

#primary ul#requests {
	background: #F9F9F9;
	padding: 5px;
}

#primary ul#requests li {
	display: inline;
	margin-right: 10px;
}

#primary ul#navi {
	width: 600px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#primary ul#navi li {
	background: url(/img/navi.png) no-repeat left top;
	padding: 10px 0 20px 130px;
}

#primary ul#navi li h3 {
	border-left: 5px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 0 0 5px 15px;
	margin-bottom: 10px;
}

#primary ul#navi li.point_01 { background-position: 0 0;}
#primary ul#navi li.point_02 { background-position: 0 -175px;}
#primary ul#navi li.point_03 { background-position: 0 -338px;}
#primary ul#navi li.point_04 { background-position: 0 -505px;}
#primary ul#navi li.point_05 { background-position: 0 -675px;}



/*--------------------------------------
	category
---------------------------------------*/

.category_cols {
	border-bottom: 2px dotted #777777;
	padding-bottom: 10px;
	padding-top: 10px;
	clear: both;
	overflow: hidden;
}

dl.category {
	border-right: 2px dotted #777777;
	float: left;
	height: 170px;
	width: 245px;
}

dl.category2 {
	height: 170px;
	width: 250px;
	float: left;
}

#primary .content_body dt.category_title {
	font-size: 110%;
	margin-left: 5px;
}

dl.category2 dd.total,
dl.category dd.total {
	padding-left: 5px;
}

dl.category2 ul.list_left,
dl.category ul.list_left {
	float: left;
}

dl.category ul li,
dl.category2 ul li,
dl.category2 ul.list_left li,
dl.category ul.list_left li {
	background: url(/img/arrow_icon.png) no-repeat 9px 8px;
	padding-left: 20px;
}

#category_img1 {
	background: url(/img/art_back.png) no-repeat center;
}

#category_img2 {
	background: url(/img/business_back.png) no-repeat center;
}

#category_img3 {
	background: url(/img/internet_back.png) no-repeat center;
}

#category_img4 {
	background: url(/img/education_back.png) no-repeat center;
}

#category_img5 {
	background: url(/img/meal_back.png) no-repeat center;
}

#category_img6 {
	background: url(/img/health_back.png) no-repeat center;
}

#category_img7 {
	background: url(/img/home_back.png) no-repeat center;
}

#category_img8 {
	background: url(/img/car_back.png) no-repeat center;
}

#category_img9 {
	background: url(/img/pet_back.png) no-repeat center;
}

#category_img10 {
	background: url(/img/sports_back.png) no-repeat center;
}

#category_img11 {
	background: url(/img/family_back.png) no-repeat center;
}

#category_img12 {
	background: url(/img/travel_back.png) no-repeat center;
}

#category_img13 {
	background: url(/img/others_back.png) no-repeat center;
}


/*--------------------------------------
	serch
---------------------------------------*/

#primary p#total_article {
	float: left;
	padding-bottom: 10px;
}

#primary p#list_edit2 {
	float: right;
	margin-top: 10px;
	margin-bottom: 5px;
}

#primary .txt {
	clear: both;
}


/*--------------------------------------
	user_list
---------------------------------------*/

#primary table#article_list {
	border: 1px solid #999999;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 5px auto 0;
	text-align: center;
	width: 750px;
}

#primary table#article_list tr.line {
	background: #F2F2F2;
}

#primary table#article_list tr.glay {
	background: url(/img/table_glay.png) repeat center top;
	font-weight: bold;
}

#primary table#article_list td {
	border: 1px solid #999999;
	padding: 5px;
}

#primary table#article_list td.evaluation {
	font-size: 85%;
	text-align: left;
}

#primary table#article_list td.article_list_title {
	text-align: left;
}


/*--------------------------------------
	main,edit,history
---------------------------------------*/

#primary #article_info {
	border-bottom: 2px dotted #777777;
	height: 100%;
	margin: 10px 0 0;
	overflow: hidden;
	padding-bottom: 10px;
}

#primary ul#article_edit_menu {
	height: 25px;
	margin: 0 0 10px;
}

#primary .main_title_form {
	width: 70%;
	font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	border: 1px solid #DDDDDD;
	padding: 3px;
	margin-left: 5px;
}

#primary ul#article_edit_menu li {
	background: #EDEDED;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	float: left;
	padding: 5px 10px;
	text-align: center;
}

#primary ul#article_edit_menu li.article_edit_menu_end {
	border-right: 1px solid #BCBCBC;
}

#primary ul#article_edit_menu li#selection2 {
	background: #FFFFFF;
	font-weight: bold;
}

#primary div.article_info_head {
	clear: both;
}

#primary p.article_name {
	float: left;
}

#primary p.article_days {
	float: right;
}

#primary p.article_category {
	float: left;
}

#primary p.article_favorite {
	float: right;
}

#primary p.article_edit {
	float: left;
	text-align: left;
}

#primary p.article_regist {
	float: right;
}

#primary #no_login {
	margin-bottom: 40px;
}

#primary #no_login .navi_text {
	font-size: 110%;
	padding-top: 20px;
	text-align: center;
}

#primary #no_login .newregist {
	background: url(/img/sprite_knowhow.png) no-repeat 0 -1920px;
	height: 80px;
	margin: 10px auto 0;
	width: 406px;
}

#primary #evaluation {
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
}

#primary #evaluation p {
	text-align: left;
	padding-bottom: 10px;
	clear: both;
}

#primary #evaluation p.evaluation_button {
	width: 450px;
	margin: 0 auto;
	text-align: center;
}

#primary #evaluation p.evaluation_button a {
	display: block;
	width: 202px;
	height: 32px;
	float: left;
	margin-right: 20px;
	background: url(/img/back_nicebad_button.png) no-repeat left top;
	font-weight: bold;
	text-align: center;
	font-size: 116%;
	padding-top: 10px;
}

#primary #evaluation p.evaluation_button a:hover,
#primary #evaluation p.evaluation_button a:focus,
#primary #evaluation p.evaluation_button a:active {
	text-decoration: none;
}

#primary #evaluation p.evaluation_button .evaluation_nice {
	background: url(/img/icon_nice.png) no-repeat left center;
	padding: 15px 0 15px 30px;
}

#primary #evaluation p.evaluation_button .evaluation_bad {
	background: url(/img/icon_bad.png) no-repeat left center;
	padding: 15px 0 15px 30px;
}


/*-------- 記事本文 --------*/

#knowhow_article {
	background: url(/img/knowhow_main_bottom.png) no-repeat center bottom;
	padding-bottom: 26px;
	margin: 15px auto;
}

#article {
	background: url(/img/knowhow_main_body.png) repeat-y center top;
	min-height: 700px;
	padding-left: 100px;
	padding-right: 40px;
}

#article h3 {
	background: #DDDDDD;
	margin-bottom: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 3px;
}

#article h4 {
	border-left: 5px solid #BBBBBB;
	font-size: 115%;
	margin: 10px 0 5px;
	padding-left: 7px;
}

#article p {
	padding: 5px 10px;
	text-align: left;
}

#article blockquote {
	background: #FFFFFF;
	border: 3px solid #DDDDDD;
	margin: 10px;
	padding: 5px 10px;
}

#article ul li {
	padding: 5px;
}

#article ul li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 30px;
	padding-bottom: 5px;
	padding-left: 0;
}

#article strong,
#article b {
	font-weight: bold;
}

#article u {
	text-decoration: underline;
}

#article del {
	text-decoration: line-through;
}

#primary dl.keyword {
	border-top: 2px dotted #777777;
	margin-bottom: 20px;
	padding-top: 10px;
}

#primary dl.keyword dt {
	border-left: 5px solid #EB1F24;
	font-weight: bold;
	margin: 5px 0;
	padding-left: 5px;
}

#primary dl.keyword dd {
	display: inline;
	margin: 0 10px;
}

.keyword_icon {
	vertical-align: middle;
	padding-left: 3px;
}


/*-------- コメント --------*/

#primary .service_body h3.comments {
	background: #FFF3D2;
	border-bottom: 1px solid #777777;
	border-left: 5px solid #EB1F24;
	margin: 20px 0 5px;
	padding: 3px 0 3px 10px;
	clear: both;
}

#primary .service_body .comment_list {
	border-bottom: 2px dotted #777777;
	clear: both;
	overflow: hidden;
	padding: 10px;
}

#primary .service_body .comment_list img {
	margin-right: 10px;
}

#primary .service_body .comment_list .comment {
	margin-top: 0;
	text-align: left;
}

#primary .service_body .comment_list p.comment_info {
	margin-top: 0;
	text-align: right;
	clear: both;
}

#primary .service_body  p.comment_edit {
	margin-top: 5px;
	text-align: right;
}

#primary #comment_form {
	padding-bottom: 10px;
	padding-top: 10px;
}

/*-------- 記事下の広告 --------*/

#primary .ad_tag {
	padding: 10px 0 15px 0;
	text-align: center;
}


/*--------------------------------------
	write
---------------------------------------*/

#primary #write_body {
	margin: 15px auto 0;
}

#primary #write_body span.b {
	font-weight: bold;
	font-size: 110%;
}

#primary  #text_area p.text_left {
	float: left;
	font-weight: bold;
	font-size: 110%;
}

#primary  #text_area p.text_right {
	float: right;
	margin-right: 15px;
}

#primary #write_body p {
	text-align: left;
}

#primary #write_body p.key {
	margin-top: 15px;
}

#primary #button-area {
	width: 746px;
}

#primary #write_body ul {
	overflow: hidden;
	clear: both;
	background: #F9F9FF;
	border-top: #DDDDDD solid 1px;
	border-left: #DDDDDD solid 1px;
	border-right: #DDDDDD solid 1px;
	padding: 3px 10px;
}

#primary #write_body ul li {
	margin-right: 3px;
	width: 24px;
	height: 24px;
	float: left;
	vertical-align: middle;
	cursor: pointer;
}

#primary span.b {
	font-weight: bold;
}

#primary #write_body span.glay {
	color: #4D4D4D;
}


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

#primary .request_form {
	width: 100%;
}

#primary #request_serch {
	border-bottom: 1px dotted #777777;
	margin: 10px 0 20px;
	padding-bottom: 10px;
}

#primary  table.request_table {
	width: 100%;
}

#regist td.table_left,
#primary td.table_left {
	width: 30%;
	background: #EFEFEF;
	text-align: center;
}

#primary p.category_name {
	margin-bottom: 5px;
	text-align: right;
}

#regist td.table_right,
#primary td.table_right {
	padding-left: 10px;
	width: 70%;
}

#primary #input_button {
	border-top: 1px solid #777777;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
}

#primary #input_button2 a {
	background: #F2F2F2;
	border: 1px solid #777777;
	margin: 20px auto 0;
	padding: 5px;
	text-align: center;
}

#primary #input_button2 {
	margin: 20px auto;
}

#primary #input_button2 a {
	background: #F2F2F2;
	border: 1px solid #777777;
	padding: 10px;
	text-align: center;
}

#primary #input_button2 a:hover,
#primary #input_button2 a:focus,
#primary #input_button2 a:active {
	text-decoration: none;
	background-color: #ffffcc;
}


/*--------------------------------------
	kiyaku,regist,release
---------------------------------------*/

#regist h2 {
	background: url("/img/sprite_knowhow.png") no-repeat scroll 0 -700px #F1F1F1;
	border-bottom: 1px solid #DDDDDD;
	clear: both;
	font-size: 130%;
	overflow: hidden;
	padding: 6px 10px 3px 25px;
	width: 100%;
}

#regist p#kiyaku_text,
#primary p#kiyaku_text {
	border-bottom: 1px solid #777777;
	margin: 10px 0;
	padding-bottom: 10px;
	text-align: left;
}

#regist dt,
#primary .service_body dt {
	font-weight: bold;
	border-left: 5px solid #EB1F24;
	padding-left: 5px;
}

#primary .service_body dt.kiyaku_title {
	font-size: 110%;
}

#regist dd,
#primary .service_body dd {
	margin: 5px 20px 10px;
	border-bottom: 1px dotted #777777;
	padding-bottom: 5px;
}

#regist dd.end {
	border-bottom: none;
}

#regist table {
	width: 100%;
}

#reason {
}

#reason_text {
	width: 98%;
}

p#kiyaku_button {
	border-top: 1px solid #777777;
	padding-top: 20px;
	text-align: center;
	margin: 15px 0 30px;
}

p#kiyaku_button2 {
	text-align: center;
	margin: 15px 0 250px;
}

#regist span.red {
	color: #FF0000;
}

#footer {
	background: #EFEFEF;
	padding: 10px 0;
}

div.validationTip {
	padding-left: 6px;
	background: url(/img/tip_left.gif) no-repeat left top;
	font-size: 93%;
}

div.tipInner {
	color: #FFFFFF;
	display: none;
}

div#dlgmat {
	width: 101.55%; /* for ie6 bug */
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 550;
	background: #000;
}

* html div#dlgmat { /* ie6 */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +'px');
}
	
div#dlg {
	padding: 0 0 0 5px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
	background: url(../img/dialog_left.gif) no-repeat left top;
	font-size: 93%;
}

* html div#dlg {	/* ie6 */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (dlgMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

div#dlg span#close {
	display: block;
	width: 21px;
	height: 19px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/dialog_close.gif) no-repeat left top;
	cursor: pointer;
}

div#dlg span#close.hover {
	background: url(../img/dialog_close.gif) no-repeat left -19px;
}

div#dlg div#dlgtop {
	height: 5px;
	background: url(../img/dialog_top.gif) no-repeat right top;
	overflow: hidden;
}

div#dlg div#dlgcont {
	padding: 1.5em 0;
	background: #282828 url(../img/dialog_right.gif) no-repeat right top;
}

div#dlg div#dlgcont div {
	padding: 0 3.5em;
	color: #FFF;
	font-weight: bold;
}

div#dlg div#dlgcont div span {
	line-height: 1.7;
}

div#dlg div#dlgcont div span strong {
	border-bottom: dotted #F60 1px;
	padding: 0 .1em;
	color: #F60;
}

div#dlg div#dlgbtm {
	height: 5px;
	background: url(../img/dialog_bottom.gif) no-repeat right top;
	overflow: hidden;
}

/*--------------------------------------
	mypage,article
---------------------------------------*/

#profile_pic_delete {
	padding-left: 5px;
}

div.autocomplete {
	position:absolute;
	width:0px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:16px;
	cursor:pointer;
}

#primary table#page_edit {
	width: 750px;
}


/*--------------------------------------
	image-upload
---------------------------------------*/

#upload {
	margin: 20px auto;
	text-align: left;
	width: 600px;
}

#upload h2 {
	background: url(/img/sprite_knowhow.png) no-repeat 0 -700px #F1F1F1;
	border-bottom: 1px solid #DDDDDD;
	margin: 20px 0 10px;
	padding-bottom: 3px;
	padding-left: 25px;
	padding-top: 6px;
}

#upload table#upload_list {
	border: 1px solid #777777;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 5px auto 0;
	text-align: center;
	width: 600px;
}

#upload table#upload_list td {
	border: 1px solid #777777;
	padding: 5px;
}

#upload #footer {
	text-align: center;
}


/*--------------------------------------
	recommend
---------------------------------------*/

#recommend_knowhow {
	border-bottom: 1px dotted #777777;
	clear: both;
	overflow: hidden;
	padding: 5px 0;
}

#recommend_knowhow p.recommend_img {
	float: left;
	width: 100px;
	text-align: center;
}

#recommend_knowhow p.recommend_img img {
	border: 2px solid #DDDDDD;
}

#recommend_knowhow dl {
	float: right;
	width: 630px;
	margin-left: 20px;
}


/*--------------------------------------
	add_favorite
---------------------------------------*/

#add_favorite {
	text-align: right;
	padding: 10px 0 5px 0;
}

#add_favorite a {
	padding: 5px 10px;
	border: 1px solid #cccccc;
	background-color: #f1f1f1;
	font-weight: bold;
}

#add_favorite a:hover,
#add_favorite a:focus,
#add_favorite a:active {
	text-decoration: none;
	background-color: #ffffcc;
}

#add_favorite span {
	background: url(/img/icon_star.png) no-repeat left center;
	padding-left: 20px;
}


/*--------------------------------------
	add_category
---------------------------------------*/

#add_category {
	text-align: right;
	padding: 10px 0 5px 0;
}

#add_category a {
	padding: 5px 10px;
	border: 1px solid #cccccc;
	background-color: #f1f1f1;
	font-weight: bold;
}

#add_category a:hover,
#add_category a:focus,
#add_category a:active {
	text-decoration: none;
	background-color: #ffffcc;
}

#add_category span {
	background: url(/img/icon_write.png) no-repeat left center;
	padding-left: 20px;
}


/*--------------------------------------
	reporting
---------------------------------------*/

#reporting {
	text-align: right;
	padding: 10px 0 5px 0;
	margin-bottom: 10px;
}

#reporting a {
	padding: 5px 10px;
	border: 1px solid #cccccc;
	background-color: #f1f1f1;
	font-weight: bold;
}

#reporting a:hover,
#reporting a:focus,
#reporting a:active {
	text-decoration: none;
	background-color: #ffffcc;
}

#reporting span {
	background: url(/img/icon_reporting.png) no-repeat left center;
	padding-left: 20px;
}