/*
	日本語
*/
body
{
	margin: 0;
	padding: 0;
	
	font-size: 80%;
	font-family: Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	
	background-color: #363636 !important;
}

img
{
	border: none;
}


a
{
	color: #f95952;
}

.imgonly
{
	font-size: 0;
	line-height: 0;
}

input[type=text]:focus::-webkit-input-placeholder
{
	color: transparent;
}

.center-view
{
	margin: 0 auto;
	
	width: 971px;
}

.parent-bg
{
	min-width: 971px;
}


.date
{
	color: #8f8f8f
}

.error-message
{
	color: #FF0000;
	font-weight: bold;
}

.txt-caution
{
	color: #FF0000;
}


/*
	Image Link mouseover
*/
a.overwhite
{
	display: inline-block;
	
	background-color: #ffffff;
}


div.overwhite
{
	display: inline-block;
	background-color: #ffffff;
}





/*
	clearfix
*/
.cf:before,
.cf:after
{
	content: "";
	display: table;
}
 
.cf:after
{
	clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf
{
	zoom:1;
}


/*
	header
*/
#header
{
	height: 127px;
	
	background: url(../img/public/header/bg.jpg);
}

#header #logo
{
	float: left;
	
	width: 488px;
	height: 90px;
}

#header #logo h1
{
	padding: 17px 0 0 4px;
}

#header #buttons
{
	float: right;
	
	width: 289px;
	height: 127px;
	
	padding-right: 2px;
}

#header #buttons ul
{
	margin: 0;
	padding: 0;
}

#header #buttons li
{
	float: left;
	list-style-type: none;
}


/*
	search
*/
#search
{
	height: 80px;
	padding-right: 2px;
	
	background-color: #565656;
}

#search form
{
	margin: 0;
	padding-left: 3px;
}

#search .keyword
{
	float: left;
	margin-left: 20px;
	
	width: 510px;
	height: 34px;
	
	border: none;
}

#search .div-submit.overwhite
{
	float: right;
}

#search .submit
{
	width: 135px;
	height: 34px;
	
	border-radius: 0 !important;
}

#search .search-content table.searchtable
{
	width: 971px;
	border-collapse: collapse;
}

#search .search-content td
{
	padding: 0;
}

#search .search-content td.searchbar
{
	width: 682px;
}

#search .search-content td.aboutban
{
	width: 289px;
}


/*
	category
*/
#category
{
	background-color: #FFFFFF;
}

#category ul
{
	padding-left: 3px;
}

#category ul li
{
	float: left;
	padding-bottom: 6px;
	
	width: 193px;
	
	list-style-type: none;
}

.category10
{
	padding-bottom: 10px;
	
	background: url(../img/public/category/bg_10.png) repeat-x bottom !important;
	background-color: #FFFFFF !important;
}


/*
	category-head
*/
#category-head
{
	padding: 20px 0 2px;
	
	background: url(../img/public/content/category/head_bg.png) repeat-x bottom;
	background-color: #FFFFFF;
}


/*
	category-other
*/
#category-other
{
	background-color: #FFFFFF;
}

#category-other ul
{
	margin: 0;
	padding: 0 0 0 3px;
}

#category-other ul li
{
	float: left;
	padding-bottom: 6px;
	
	width: 193px;
	
	list-style-type: none;
}


/*
	category-other-toggle
*/
#category-other-toggle
{
	background: url(../img/public/category/bg.png) repeat-x;
}

#category-other-toggle .btn-toggle
{
	text-align: right;
}


/*
	content
*/
.content
{
	background: url(../img/public/bg_01.png);
}


.content .left-view
{
	float: left;
	
	width: 662px;
}


.content .right-view
{
	float: right;
	
	width: 293px;
}


.content .box
{
	margin-top: 18px;
	
	background-color: #FFFFFF;
	
	word-wrap: break-word;
}


.content .box .box-top
{
	background: url(../img/public/content/border_top_l.png) repeat-x top;
}


.content .left-view .box .box-top
{
	background: url(../img/public/content/border_top_l.png) no-repeat top !important;
}

.content .box .box-bottom
{background: url(../img/public/content/border_btm_l.png) repeat-x bottom;
	
}

.content .left-view .box .box-bottom
{
	background: url(../img/public/content/border_btm_l.png) no-repeat bottom !important;
}

.content .left-view .box .box-question-bottom
{
	background: url(../img/public/content/detail/border_question_btm.png) no-repeat bottom;
	
	padding-bottom: 20px;
}

.content .right-view .box .box-top
{
	background: url(../img/public/content/border_top_r.png) no-repeat top !important;
}

.content .right-view .box .box-bottom
{
	background: url(../img/public/content/border_btm_r.png) no-repeat bottom !important;
}

.content .box .box-left
{
	background: url(../img/public/content/border_left.png) repeat-y left;
}

.content .box .box-right
{
	background: url(../img/public/content/border_right.png) repeat-y right;
}

.content .box-inner
{
	padding: 20px;
}

.content .best
{
	background: url(../img/public/content/detail/best.png) no-repeat top right;
}

.content .user-profile
{
	padding-top: 30px;
	
	color: #8f8f8f
}

.content p.notes
{
	margin:20px 0 0;
	text-align:left;
	font-size:.9em;
	color:#C32426;
}
.content p.notes2
{
	margin:10px 0 0;
	text-align:left;
	font-size:.9em;
}

/*
	content box tab
*/
.content .box .tab
{
	background: url(../img/public/content/new/tab_space.png);
}

.content .box .tab .item
{
	float: left;
}


/*
	content box head
*/
.content .box-inner .head
{
	padding: 7px 0 12px;
}

.content .box-inner .head .title
{
	float: left;
}

.content .box-inner .head .title h2
{
	margin: 0;
}

.content .box-inner .head .more
{
	float: right;
}

.content .box-inner .head hr
{
	clear: both;
	
	padding-top: 25px;
	
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #eeeeee;
}

.content .right-view .box-inner .head
{
	padding-top: 0 !important;
}

.content .right-view .box-inner .head hr
{
	padding-top: 10px !important;
}

.content .right-view .about-banner
{
	margin-top: 19px;
	margin-left: 2px;
}



/*
	message
*/
.content .message
{
	margin-top: 10px;
	padding: 15px 30px 120px;
	
	background-color: #FCFCFC;
}

.content .message .title
{
	font-size: 120%;
}


/*
	form
*/
.content .form textarea,
.content .form input[type=text],
.content .form input[type=password]
{
	
	/*background-color: #FFCC00;*/
}

.content .form select,
.content .form textarea,
.content .form input[type=text],
.content .form input[type=password]
{
	font-size: 140%;
}



.content .form .input-text
{
	/*padding: 1px;*/
	padding: 5px;
	margin-bottom: 25px;
	
	border: 2px solid #ababab;
	border-radius: 4px;
}


.content .form .input-text input,
.content .form .input-text textarea
{
	/*padding: 9px;*/
	margin: 0;
	width: 100%;
	
	border: none;
}


.content .form .input-area
{
	margin-bottom: 25px;
}

.content .form .input-select
{
	margin-bottom: 25px;
}

.content .form .input-select select
{
	margin: 0;
	padding: 3px;
	
	
	border: 2px solid #ababab;
	border-radius: 4px;
}


.content .form .submit
{
	text-align: right;
}

.content .form .submit input[type=submit]
{
	padding: 5px 25px;
	
	border-radius: 4px;
	
	color: #FFFFFF;
	font-weight: bold;
	font-size: 110%;
	
	cursor: pointer;
}


.content .form .submit .btn-submit
{
	background-color: #3498db;
	border: 1px solid #3498db;
}


.content .form .submit .btn-edit
{
	background-color: #999999;
	border: 1px solid #999999;
}


.content .form .input-head
{
	color: #666666;
	
}


.content .form .answer-supple
{
	margin-top: 20px;
}


.reminder-box
{
	margin: 20px 0;
}

.reminder-box-left
{
	float: left;
}

.reminder-box-right
{
	float: right;
}


/*
	form confirm
*/
.content .form .confirm-item
{
	padding-top: 30px;
}

.content .form .confirm-item .confirm-head
{
	color: #999999;
}

.content .form .confirm-item .confirm-value
{
	font-size: 120%;
}


/*
	paging
*/
.content .box-inner .paging
{
	float: right;
	
	padding: 10px 0 0;
}

.content .box-inner .paging ul
{
	margin: 0;
	padding: 0;
}


.content .box-inner .paging ul li
{
	float: left;
	
	padding-left: 8px;
	padding-top: 2px;
	
	list-style: none;
}


.content .box-inner .paging .prev,
.content .box-inner .paging .next
{
	padding-top: 0 !important;
}


.content .box-inner .paging a
{
	color: #52b68c;
}


/*
	question list
*/
.content .box-inner ul.question-list
{
	margin: 0;
	padding: 0;
}

.content .box-inner ul.question-list li
{
	padding-top: 10px;
	
	line-height: 150%;
	list-style-type: none;
	
	border-bottom: 1px dashed #979797;
}

.content .box-inner ul.question-list li:first-child
{
	padding-top: 0 !important;
}

.content .box-inner ul.question-list li:last-child
{
	border-bottom: none !important;
}

.content .box-inner ul.question-list li .list-inner
{
	padding-left: 35px;
	padding-bottom: 12px;
	
	background: url(../img/public/content/list_mark.png) no-repeat;
	background-position: 4px 10px;
}

.content .box-inner ul.question-list li:last-child .list-inner
{
	padding-bottom: 0 !important;
}

.content .box-inner ul.question-list li .list-inner.rank-01
{
	background: url(../img/public/content/ranking/rank_01.png) no-repeat !important;
	background-position: 1px 7px !important;
}

.content .box-inner ul.question-list li .list-inner.rank-02
{
	background: url(../img/public/content/ranking/rank_02.png) no-repeat !important;
	background-position: 1px 7px !important;
}

.content .box-inner ul.question-list li .list-inner.rank-03
{
	background: url(../img/public/content/ranking/rank_03.png) no-repeat !important;
	background-position: 1px 7px !important;
}

.content .box-inner ul.question-list li .list-inner.rank-04
{
	background: url(../img/public/content/ranking/rank_04.png) no-repeat !important;
	background-position: 5px 9px !important;
}

.content .box-inner ul.question-list li .list-inner.rank-05
{
	background: url(../img/public/content/ranking/rank_05.png) no-repeat !important;
	background-position: 5px 9px !important;
}

.content .box-inner ul.question-list li .list-inner .vote
{
	text-align: right;
}

.content .box-inner ul.question-list li .list-inner p.label-question-supple
{
	margin-top: 30px;
	color: #0080FF;
	font-weight: bold;
	font-size: 120%;
}

.content .box-inner ul.question-list li .list-inner p.label-answer-supple
{
	margin-top: 30px;
	color: #EE7700;
	font-weight: bold;
	font-size: 120%;
}

.content .box-inner ul.question-list li .list-inner .answer-supple
{
	margin-bottom: 30px;
}


/*
	answers
*/
ul.answers
{
	margin: 0;
	padding: 0;
}

ul.answers li
{
	margin: 15px 0 !important;
	border-bottom: none !important;
}

ul.answers li .title
{
	font-weight: bold;
	color: #9ba500;
}


/*
	reply form
*/
.content .reply-inner
{
	padding: 0 15px 15px;
	border: 1px solid #eeeeee;
}

.content .reply-inner .btn-regist
{
	float: right
}



/*
	answer profile
*/
.content .box-inner .profile
{
	padding-top: 15px;
}

.content .box-inner .profile .photo
{
	float: left;
	
	width: 72px;
	height: 93px;
}

.content .box-inner .profile .text
{
	float: left;
	
	padding-left: 20px;
	width: 480px;
	
	line-height: 180%;
}


.content .box-inner .profile .text .profile-title
{
	color: #f39c12;
	font-weight: bold;
}

.content .box-inner .profile .text .profile-link
{
	padding: 3px 8px;
	
	font-weight: bold;
	background-color: #f39c12;
	border-radius: 4px;
}

.content .box-inner .profile .text .profile-link a
{
	text-decoration: none;
	color: #FFFFFF;
	
	padding-right: 12px;
	background: url(../img/public/content/detail/shop_link_bg.png) no-repeat right;
}


/*
	side list
*/
.content .box-inner ul.side-list
{
	margin: 0;
	padding: 0;
}

.content .box-inner ul.side-list li
{
	line-height: 150%;
	list-style-type: none;
	

}

.content .box-inner ul.side-list li 
{
	padding-left: 18px;
	padding-top: 8px;
	
	background: url(../img/public/content/list_mark_right.png) no-repeat;
	background-position: 0 16px;
}

.content .box-inner ul.side-list li:first-child
{
	padding-top: 0 !important;
	background-position: 0 8px !important;
}



/*
	side list (keyword ranking)
*/
.content .box-inner ul.side-list-ranking
{
	margin: 0;
	padding: 0;
}

.content .box-inner ul.side-list-ranking li
{
	float: left;
	padding-right: 10px;
	list-style-type: none;
}


/*
	login
*/
.content .login
{
	margin: 0 auto;
	padding: 25px 0 35px;
	
	width: 514px;
}

.content .login #socials .button-left
{
	float: left;
}

.content .login #socials .button-right
{
	float: right;
}

.content .login .text-mail
{
	padding: 10px;
	margin-bottom: 25px;
	
	border: 2px solid #1895d6;
	border-radius: 4px;
}

.content .login .text-mail input
{
	padding: 0;
	margin: 0;
	width: 100%;
	
	border: none;
}


.content .login .text-mail input::-webkit-input-placeholder
{
	color: #1895d6;
}

.content .login .text-mail input::-moz-placeholder
{
	color: #1895d6;
}


.content .login .text-password
{
	padding: 10px;
	margin-bottom: 25px;
	
	border: 2px solid #ababab;
	border-radius: 4px;
}

.content .login .text-password input
{
	padding: 0;
	margin: 0;
	width: 100%;
	
	border: none;
}

.content .login .text-password input::-webkit-input-placeholder
{
	color: #ababab;
}

.content .login .text-password input::-moz-placeholder
{
	color: #ababab;
}

.content .login .reminder-link
{
	padding-bottom: 25px;
}

.content .login .btn-regist
{
	padding-top: 25px;
}

.content .login p.error
{
	color: #FF0000;
	font-weight: bold;
}

.content h3.login-label
{
	margin: 0;
	font-size: 170%;
	text-align: center;
	color: #333333;
}

.content p.login-or
{
	margin: 0 0 20px;
	text-align: center;
	
	font-size: 170%;
	font-weight: bold;
	color: #999999 !important;
}



.content p.login-social
{
	text-align: center;
}

.content .first-guide h3
{
	margin-top: 15px;
	
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	color: #333333;
}

.content .first-guide p.guide
{
	text-align: center;
	
	font-size: 130%;
	font-weight: bold;
	color: #999999;
}



.content .first-guide .step
{
	margin: 15px auto 0;
	width: 650px;
}

.content hr.hr-d-gray
{
	border-top: 1px dashed #979797;
	border-left: none;
	border-right: none;
	border-bottom: none;
}




/*
	banner
*/
.content .banner
{
	margin-top: 20px;
	padding-left: 0;
	
	width: 290px;
	height: 75px;
	
	/*
		dummy
	*/
	text-align: center;
}


/*
	page hr
*/
hr.page-hr
{
	border-top: 1px solid #e3e3e3;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ffffff;
}


/*
	partnership
*/
#partnership
{
	position: relative;
	
	padding: 30px 0 70px;
	
	background: url(../img/public/bg_01.png);
}


#partnership .guide-text
{
	padding-left: 10px;
	
	font-size: 60%;
	font-weight: normal;
	color: #555555;
}


#partnership ul
{
	margin: 0;
	padding: 0;
}


#partnership ul li
{
	float: left;
	
	padding: 4px 0 0 4px;
	
	width: 117px;
	height: 42px;
	
	list-style-type: none;
}


#partnership ul.social
{
	margin:30px 0 0;

}


/*
	btn top
*/
#btn-top
{
	position: absolute;
	
	right: 20px;
	bottom: 10px;
}


/*
	footer
*/
#footer
{
	border-top: 1px solid #eaeaea;
	
	background-color: #FFFFFF;
}

#footer #footer-note p.note
{
	margin: 0;
	padding: 8px 0;
	
	text-align: right;
	
	color: #424242;
}

#footer #footer-menu
{
	background-color: #282828;
}

#footer #footer-menu ul
{
	float: right;
	
	margin: 0;
	padding: 0;
}

#footer #footer-menu ul li
{
	float: left;
	
	border-right: 1px solid #000000;
	
	list-style-type: none;
}

#footer #footer-menu ul li:last-child
{
	border-right: none;
}

#footer #footer-copyright
{
	text-align: right;
	
	background-color: #363636;
}

#footer #footer-copyright p
{
	margin: 0;
	padding: 6px 0;
	
	color: #898989;
	font-size: 90%;
}


/*
	pankuzu
*/
#pankuzu
{
	color: #6e6e6e;
	
	background: url(../img/public/bg_01.png);
}

#pankuzu a
{
	color: #6e6e6e;
}

#pankuzu ul
{
	margin: 0;
	padding: 12px 10px 0;
}

#pankuzu ul li
{
	float: left;
	padding-left: 7px;
	padding-right: 14px;
	
	list-style-type: none;
	background: url(../img/public/pankuzu.png) no-repeat right;
}

#pankuzu ul li:first-child
{
	padding-left: 0 !important;
}

#pankuzu ul li:last-child
{
	background: none !important;
}


#pankuzu .left
{
	float: left;
}

#pankuzu .right
{
	float: right;
}

#pankuzu .right ul li
{
	padding-left: 4px;
	padding-right: 8px;
	
	background: none;
}

#pankuzu .right .login-name
{
	font-weight: bold;
}




/*
	rule
*/
.rule-guidance
{
	padding: 20px;
}


.rules
{
	padding: 0 50px;
	height: 300px;
	
	overflow-y: scroll;
	
	border: 1px solid #D0D0D0;
}

.rules.ns{
	border: 1px solid #fff;
	height: auto;
	overflow-y:visible;
}


.rules h3
{
	font-size: 130%;
	
	color: #333333;
}


.rules .guidance
{
	padding: 0 10px;
}


.rules .chapter
{
	padding-top: 50px;
}


.rules .chapter .chapter-title
{
	font-size: 150%;
}


.rules .chapter .section-head
{
	padding-top: 15px;
	
	font-size: 130%;
	font-weight: bold;
	
	color: #444444;
}

.rules .chapter .section
{
	padding: 5px 10px 0;
	
	font-size: 110%;
}



/*
	Bookmark Button
*/
.bookmark-button-bottom
{
	padding-top: 15px;
	padding-right: 17px;
	
	text-align: right
}


/*
	YouTube
*/
.player-thumb-box
{
	margin-top: 20px;
	
	width: 320px;
	height: 180px;
}

.player-textlink
{
	padding-top: 2px;
}

.player-textlink .youtube-small
{
	vertical-align: top;
	
	padding-right: 3px;
}


/*
	Upload Image (Question, Answer)
*/
.upload-image
{
	padding-top: 10px;
}



/*
	about
*/
#about
{
	padding: 10px 20px !important;
}

#about ruby rt
{
	font-size: 70%;
}

#about p.sub
{
	color: #818181;
	font-size: 120%;
	font-weight: bold;
}


#about hr.about-header-hr
{
	height: 1px;
	
	margin-top: 25px;
	
	border-top: 1px solid #eeeeee;
	border-bottom: none;
	border-left: none;
	border-right: none;
}


#about .about-section .section-left
{
	float: left;
	width: 245px;
	
	padding: 20px 0;
}

#about .about-section .section-right
{
	float: left;
	width: 686px;
	
	padding-top: 15px;
}

#about .about-section .section-right p
{
	font-size: 110%;
	
	padding-right: 20px;
}

#about .about-section hr.section-hr
{
	height: 1px;
	background: url(../img/public/content/about/hr_section.png);
	border: none;
}

#about .about-section h3
{
	color: #2c2c2c;
	
	margin: 0;
}

#about .about-section h3 img
{
	vertical-align: middle;
	padding-right: 5px;
}


/*
	about flow
*/
#aboutflow
{
	padding: 10px 20px !important;
}

#aboutflow hr.aboutflow-header-hr
{
	height: 1px;
	
	margin-top: 25px;
	
	border-top: 1px solid #eeeeee;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

#aboutflow #aboutflow-sections
{
	padding: 20px 0 10px;
	
}

#aboutflow .aboutflow-section
{
	float: left;
	width: 237px;
}

#aboutflow .aboutflow-section#aboutflow-section-4
{
	width: 217px;
}

#aboutflow .aboutflow-section h3
{
	margin: 0;
}

#aboutflow .aboutflow-section p.section-guide
{
	margin: 0;
	padding-top: 20px;
	
	height: 40px;
}

#aboutflow .aboutflow-section p.section-desc
{
	margin: 0;
	padding-top: 20px;
}