@charset "UTF-8";

/*clearfix*/
.clearfix:after {
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
	zoom:1;
}
.c {
	text-align: center;
}

.clearfix {
	zoom:1;
}
address {
	margin: 20px 0;
	font-size: 14px;
	font-style: normal;
	text-align: center;
}
.ad_box {
	margin: 20px 0;
}
.ad_box2 {
	margin-bottom: 20px;
}
.cbox,
.bg_type1 {
	background: #ffffff;
	box-shadow: 5px 5px 5px 1px  #6284AC;
	background: -webkit-gradient(linear,left top, left bottom,from(#ffffff),color-stop(0.49, #ffffff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #ffffff 20%, #f2f2f2 99%);
	background: -webkit-linear-gradient(top, #ffffff 20%,#f2f2f2 99%);
}
.sbox,
.bg_type2 {
	background: #B1ED8A;
	box-shadow: 5px 5px 5px 1px  #6284AC;
	background: -webkit-gradient(linear,left top, left bottom,from(#B1ED8A),color-stop(0.49, #B1ED8A), to(#7AE036));
	background: -moz-linear-gradient(top, #B1ED8A 20%, #7AE036 99%);
	background: -webkit-linear-gradient(top, #B1ED8A 20%,#7AE036 99%);
}
#main {
	background: #829CBD;
	padding-top: 20px;
}
.site_explain {
	background: #7EE13C;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
}
.site_explain strong {
	font-weight: bold;
}

.sbox h3,
.cbox h2 {
	border-bottom: dotted 2px #aaa;
	margin-bottom: 5px;
	padding: 10px;
	font-weight: bold;
	_border-top-left-radius: 20px;
	_border-top-right-radius: 20px;
	_background: #323D53;
	_color: #fff;
}
.bg_type2,
.cbox {
	position: relative;
	margin-bottom: 20px;
	border-radius: 20px;
}
.cbox_in {
	padding: 10px;
}
.sbox {
	position: relative;
	margin-bottom: 20px;
	border-radius: 20px;
}
.box {
	margin-bottom: 20px;
}
.sbox_in {
	padding: 10px;
}
.sankaku {
	position: absolute;
	z-index: 3;
	top: 20px;
}
.bg_type2 .sankaku,
.sbox .sankaku {
	right: -35px;
}
.cbox .sankaku {
	left: -36px;
}

h3 span,
h2 span {
	margin-right: 3px;
	display: inline-block;
	width: 25px;
	line-height: 25px;
	font-size: 18px;
	color: #ffffff;
	background: #323D53;
	border: solid 3px #000;
	vertical-align: bottom;
	text-align: center;
}
h3 span {
	font-weight: bold;
	color: #323D53;
	background: #ffffff;
}
h3.single {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom: dotted 1px #aaa;
}
h2.single {
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 20px;
	color: #fff;
	text-shadow: 1px 1px 0 #333, 2px 2px 0 #333;
	border-bottom: solid 1px #aaa;
}
h2.single span {
	font-size: 25px;
	width: 30px;
	line-height: 30px;
	text-shadow: none;
}
.search_form {
	position: relative;
	padding: 0 10px;
	background: #fff;
	border: solid 5px #323D53;
}
.search_form_toggle {
	display: none;
}
.search_form_inner {
	margin: 10px 0;
}
.search_form p {
	margin: 0 2.5px 5px 0;
	font-weight: bold;
	border-bottom: dotted 1px #aaa;
}
.category_links li {
	float: left;
	cursor: pointer;
	margin: 2.5px;
	padding: 5px;
	font-size: 12px;
	background: #eee;
	border: solid 1px #323F53;
	border-radius: 5px;
}
.category_links li.c_selected {
	background: #12C310;
	font-weight: bold;
}
.search_form .creator,
.search_form .free_word {
	height: 30px;
	font-size: 18px;
	width: 300px;
	border: solid 3px #323D53;
}
.search_form .button_link {
	margin-bottom: 10px;
}
.button_link {
	display: block;
	margin: 5px auto;
	text-decoration: none;
	width: 200px;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	background: #323D53;
	border-radius: 5px;
	text-shadow: 1px 1px 0 #000;
	box-shadow: 4px 4px 0 #829CBD;
	position: relative;
/*
	border-top: solid 5px #829CBD;
	border-bottom: solid 5px #829CBD;
	border-right: solid 5px #829CBD;
	border-top-width: 0;
	border-bottom-width: 5px;
*/
}
.not_search {
	width: auto;
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 10px;
	box-shadow: 2px 2px 0 #829CBD;
/*
	border-right-width: 2px;
	border-top-width: 0;
	border-bottom-width: 2px;
*/

}
.stamp_list dl {
	background: #EFEFEF;
	margin: 5px;
	padding: 10px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #aaa;
}
.stamp_list dt {
	
}
.ranking_box dd.creator a,
.stamp_list dd.creator a,
.ranking_box dd.creator,
.stamp_list dd.creator {
	margin-bottom: 20px;
	font-size: 12px;
	color: #9B9B9B;
}

.stamp_list .stamp_image {
	position: relative;
}
/*
.stamp_list .stamp_image .point {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	font-weight: bold;
	font-family: tahoma;
	padding: 5px;
	border: solid 1px #aaa;
}
*/
.detail .point,
.top3 .point,
.ranking_box .point,
.stamp_list .point {
	font-size: 11px;
	font-weight: bold;
}
.creators .good,
.detail .point .good,
.top3 .point .good,
.ranking_box .point .good,
.stamp_list .point .good {
	color: #f00;
	margin-right: 5px;
}
.creators .comment,
.detail .point .comment,
.top3 .point .comment,
.ranking_box .point .comment,
.stamp_list .point .comment {
	color: #008000;
}
.image_preview {
	display: none;
	position: absolute;
	z-index: 2;
	background: #ffffff;
	padding: 20px;
	border-radius: 20px;
}
/*
.over3 .button,
.stamp_list .button {
	height: 70px;
}
*/
.over3 .button .button_link,
.stamp_list .button .button_link {
	padding: 3px;
	font-size: 14px;
	width: 150px;
	box-shadow: 3px 3px 0 #829CBD;
/*
	border-bottom-width: 3px;
	border-right-width: 3px;
*/
}
.stamp_list .rank div {
	float: left;
	padding: 5px;
	margin-top: -10px;
	margin-bottom: 10px;
	background: #12C310;
	color: #fff;
	font-weight: bold;
}
.ranking_wrap {
	position: relative;
	
}
.stamp_list .stamp_description {
	padding: 10px;
	margin: 10px 0;
	font-size: 12px;
	border-radius: 20px;
	background: #ffffff;
}
.top3 {
	background: #EFEFEF;
	margin: 5px 5px 10px 5px;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #aaa;
}
.top3 .data1 dt,
.top3 .data1 dd {
	float: left;
	margin-right: 10px;
}
.top3 .data1 {
	margin-bottom: 10px;
}
.top3 .data1 dt {
	font-size: 18px;
	padding: 5px;
	margin-top: -10px;
	background: #12C310;
	color: #fff;
	font-weight: bold;
}
.top3 .data1 dd {
	font-weight: bold;
}
.top3 .data1 dd span a,
.top3 .data1 dd span {
	font-weight: normal;
	font-size: 12px;
	color: #9B9B9B;
}
.top3 .point {
	margin-bottom: 10px;
}
.top3 table {
	width: 100%;
}
.top3 td,
.top3 th {
	vertical-align: top;
}
.top3 th {
	width: 170px;
}
.top3 td div.description {
	margin: 18px 10px;
	padding: 10px;
	background: #fff;
	border-radius: 20px;
}
.tags li {
	float: left;
	margin: 2.5px;
}
.tags li a {
	display: block;
	font-size: 12px;
	color: #323D53;
	padding: 2.5px 5px;
	text-decoration: none;
	background: #fff;
	border: solid 1px #323D53;
	border-radius: 5px;
}
.tags li a:hover {
	background: #323D53;
	color: #fff;
}
.detail .stamp_image {
	width: 240px;
	text-align: center;
}
.detail .point {
	font-size: 18px;
}
.detail .stamp_data table {
	width: 100%;
}
.detail .stamp_data td,
.detail .stamp_data th {
	padding: 10px;
	border: solid 1px #999;
}
.detail .stamp_data th {
	background: #D7D7D7;
	width: 150px;
	vertical-align: top;
}
.to_com {
	background: #008005;
	border-color: #12C310;
}
.other_data {
	margin-top: 10px;
	padding: 5px;
	border-top: dotted 1px #aaa;
}
.other_data dt,
.other_data dd {
	display: inline;
	font-size: 12px;
}
.input_parts,
.comment_form {
	border-radius: 0;
	background: #E8E8E8;
}
.input_parts textarea,
.comment_form textarea {
	width: 100%;
}
.comment_form dt {
	margin-bottom: 10px;
}
.submit_button,
.comment_form dd input {
	display: block;
	width: 200px;
	margin: 0 auto;
	background: #4185F3;
	border: solid 1px #2F5BB7;
	padding: 10px 0;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.error {
	font-size: 12px;
	color: #f00;
	font-weight: bold;
}
.stamp_comment,
.comment_image {
	float: left;
}
.comment_image {
	width: 50px;
}
.stamp_comment {
	min-height: 70px;
	min-width: 200px;
	max-width: 770px;
	margin-left: 20px;
	word-break: break-all;
}

.creators {
	margin-bottom: 20px;
}
.creators .stamp_comment dt a {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}
.creators .stamp_comment dd {
	font-weight: bold;
	font-size: 14px;
}
.comment_time {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}
.paging {
	margin-bottom: 20px;
}
.paging a {
	display: block;
	line-height: 30px;
	text-decoration: none;
}
.paging a:hover {
	color: #00ff00;
}
.paging span {
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0 10px;
	min-width: 30px;
	line-height: 30px;
	text-align: center;
	border: solid 3px #999;
	color: #666666;
	background: #fff;
}
.paging span.current {
	color: #FFFFFF;
	background: #ff0000;
}
.input_parts table {
	width: 100%;
}
.input_parts table td,
.input_parts table th {
	padding: 2.5px 0;
}
.input_parts table th {
	width: 120px;
	text-align: left;
}
.input_parts span {
	font-weight: bold;
}
.input_parts .type_text {
	height: 30px;
	width: 50%;
}
.back a {
	color: #fff;
	font-weight: bold;
}
.thread_list {
	margin-bottom: 20px;
}
.thread_list dl {
	padding: 10px;
	cursor: pointer;
	border-bottom: solid 1px #aaa;
}
.thread_list dl:hover {
	background: #B1ED8A;
}

.thread_list dt {
	float: left;
	width: 700px;
}
.thread_list dt a {
	font-weight: bold;
}
.thread_list dl dd.comment_count {
	float: right;
	padding: 5px;
	border-radius: 20px;
	background: #323D53;
	color: #fff;
	font-family: tahoma;
	font-weight: bold;
}
.thread_list .thread_user {
	margin-top: 4px;
	font-size: 12px;
	color: #666;
	text-align: right;
}
.thread_list .thread_comment {
	margin-top: 5px;
	color: #666;
	font-size: 12px;
}
.comment_data dt,
.comment_data dd {
	padding: 5px 0;
}
.comment_data dd {
	border-bottom: dotted 1px #aaa;
	color: #666;
}
.comment_data dd span {
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
.thanks {
	background: #aaa;
}
.user_type span {
	font-weight: normal;
	margin-right: 10px;
}
.user_type0,
.user_type1 {
	margin-bottom: 5px;
	width: 120px;
	padding: 2.5px 0;
	font-weight: bold;
	font-size: 12px;
	background: #323D53;
	color: #fff;
	border: double 3px #fff;
	text-align: center;
}
.user_type1 {
	background: #fff;
	color: #323D53;
	border: double 3px #323D53;
}
#sub_menus {
	margin: 5px 0;
}
#sub_menus li {
	float: left;
}
#sub_menus li a {
	display: block;
	padding: 10px;
	background: #fff;
	background: #fff;
	box-shadow: 5px 5px 5px 1px  #6284AC;
	background: -webkit-gradient(linear,left top, left bottom,from(#ffffff),color-stop(0.49, #ffffff), to(#f2f2f2));
	background: -moz-linear-gradient(top, #ffffff 20%, #f2f2f2 99%);
	background: -webkit-linear-gradient(top, #ffffff 20%,#f2f2f2 99%);
	border-right: dotted 1px #aaa;
	text-decoration: none;
}
#sub_menus li a:hover {
	font-weight: bold;
}

#sub_menus li.sub_first a {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
#sub_menus li.sub_last a {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-right: none;
}
.tag_wrap .tags a {
	padding: 10px;
	font-size: 20px;
}
.tag_wrap .tags li {
	margin: 10px;
}

.explain_block {
	margin-bottom: 20px;
	border-radius: 10px;
	background: #12C310;
	background: -webkit-gradient(linear,left top, left bottom,from(#12C310),color-stop(0.49, #12C310), to(#0D9B0D));
	background: -moz-linear-gradient(top, #12C310 20%, #0D9B0D 99%);
	background: -webkit-linear-gradient(top, #12C310 20%,#0D9B0D 99%);
}
.explain2 {
	background: #323D53;
	background: -webkit-gradient(linear,left top, left bottom,from(#7486AB),color-stop(0.49, #7486AB), to(#323D53));
	background: -moz-linear-gradient(top, #7486AB 20%, #323D53 99%);
	background: -webkit-linear-gradient(top, #7486AB 20%,#323D53 99%);
}
.explain_block h2 {
	margin-bottom: 0;
	border-bottom: none;
}
.explain_block .exp_text {
	color: #fff;
	padding: 10px;
}
.explain_block .exp_text table {
	width: 100%;
	height: 300px;
	background: #00ff00;
}
.explain_block .exp_text table td {
	vertical-align: middle;
	padding: 0 50px;
}
.explain_block .exp_text td div {
	width: 350px;
}
.explain1 .exp_text table {
	background: url('../img/explain/image1.jpg') center right no-repeat;
}
.explain1 .exp_text td div {
	float: left;
}
.explain2 .exp_text table {
	background: url('../img/explain/image2.jpg') center left no-repeat;
}
.explain2 .exp_text td div {
	float: right;
}
.big_text {
	text-align: center;
	font-size: 30px;
}
.top_contents .explain1 {
	border-radius: 0;
}
.explain_block a {
	color: #fff;
}
.about1 .exp_text table {
	background-image: url('../img/about/image1.jpg');
}
.about2 .exp_text table {
	background-image: url('../img/about/image2.jpg');
}
.about3 .exp_text table {
	background-image: url('../img/about/image3.jpg');
}

dl.global {
	border-bottom: solid 1px #aaa;
	margin-bottom: 20px;
}
dl.global dt {
	font-weight: bold;
	margin-bottom: 10px;
}
dl.global dd {
	margin-left: 20px;
	padding-bottom: 20px;
}
.shares {
	padding: 5px 0 0 0;
}
.shares li {
	float: left;
	margin-right: 5px;
}
.recommend_link_wrap {
	padding: 10px 0;
	_background: #F2F2F2;
}
.recommend_form {
	padding: 5px 0;
}
.recommend_form table {
	background: #B1ED8A;
	border-radius: 10px;
}
.recommend_form th,
.recommend_form td {
	vertical-align: middle;
	padding: 10px;
}
.recommend_form th {
	font-weight: bold;
	border-right: dotted 1px #aaa;
}

.recommend_form .type_text {
	width: 400px;
	height: 30px;
}
.recommend_form .submit_button {
	padding: 0;
	height: 30px;
	width: 100px;
	background: #12C310;
	border-color: #0A740A;
}
.recommend_form .url_area p {
	color: #666;
	font-size: 12px;
}
.recommend_form .submit_area {
	vertical-align: top;
}

.recommend_comment {
	padding: 10px;
}
.recommend_comment p {
	font-weight: bold;
	margin-bottom: 10px;
}

.recommend1 .exp_text table {
	background-image: url('../img/recommend/image1.jpg');
}
.recommend2 .exp_text table {
	background-image: url('../img/recommend/image2.jpg');
}
.recommend_comment_caption {
	margin-top: 10px;
}
.recommend_alert {
	margin: 10px 0;
	padding: 10px;
	background: #4185F3;
	color: #fff;
	border-radius: 10px;
	
}
.recommend_alert dt {
	font-weight: bold;
}
.recommend_alert dd {
	margin-top: 5px;
}
.recommend_alert_comment {
	padding: 10px;
	background: #D9E7FD;
	color: #4185F3;
}
.recommend_input {
	width: 100%;
	height: 30px;
}
.recommend_share {
	margin: 10px 0;
}
.recommend_share img {
	vertical-align: top;
	margin-right: 10px;
}
.detail_recommend_url {
	padding: 10px 0;
	margin-top: 20px ! important;
	border-top: dotted 1px #D9E7FD;
	border-bottom: dotted 1px #D9E7FD;
}
a.clicked {
	filter: alpha(opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;
}
.blog_archive dt {
	font-size: 20px;
}
.blog_archive dd.archive_time {
	text-align: right;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}

.link_data {
	
}

#spMania .exp_text table {
	background-image: url('../img/sp_mania.jpg');
}