/*--------------------------------------------
*
*  BasicCSS
*
--------------------------------------------*/

body {
  font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #333;
  background: #fff;
}

* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #333;
}

li {
	list-style-type: none;
}

h1, h2, h3, h4 {
  font-weight: normal;
  font-size: 13px;
}

/*--------------------------------------------
*
*  BBSStyle
*
--------------------------------------------*/


body {
	color:#000000;
	font-size:small;
	background-color:#FFFFFF;
/*	background-image:url(); */
	
	background-attachment:fixed;
}

a:link {
	color:#ff0000;
	text-decoration:none;
}

a:visited {
	color:#0000ff;
	text-decoration:none;
}

/*--------------------------------------------
*
*  ADStyle
*
--------------------------------------------*/

.rectangle {
  width: 100%;
  text-align: center;
}

.adrct div {
  width: 300px;
  height: 250;
  margin: 10px auto;
}

.adrct img {
  width: 300px;
  height: 250px;
}

.ad {
  width: 100%;
  text-align: center;
}

.ad div {
  margin: 10px auto;
}

.adicon {
  width: 100%;
  text-align: center;
}


.adthumbnail {
  padding: 5px;
  margin: 5px;
  margin-top: 0;
  border: 1px solid #aaa;
  border-top: none;
  background: #fff;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  min-height: 100px;
}

.adthumbnail img {
  max-width: 100px;
  max-height: 100px;
  float: left;
  margin-right: 5px;
}

.adarata {
	text-align: center;
}

.ad .tadatalk {
    width: 728px;
    height: 130px;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #444), color-stop(0.00, #666));
    background: -webkit-linear-gradient(#666, #444);
    background: -moz-linear-gradient(#666, #444);
    background: -o-linear-gradient(#666, #444);
    background: -ms-linear-gradient(#666, #444);
    background: linear-gradient(#666, #444);
        border: 3px double #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ad .tadatalk img {
    width: 100px;
    height: 50px;
    float: left;
}

.ad .tadatalk .tadatxt {
    width: 700px;
    margin: 0 auto;
    margin-top: 10px;
    color: #fff;
    font-size: 18px;
}

.ad .tadatalk .men, .ad .tadatalk .women {
    width: 50%;
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-shadow: 0 1px 2px #999;
}

.ad .tadatalk .men {
    clear: left;
}

.ad .tadatalk .men a, .ad .tadatalk .women a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    width: 300px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border: 2px solid #aaa;
}
.ad .tadatalk .men a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2080e0), color-stop(0.00, #549ee7));
    background: -webkit-linear-gradient(#549ee7, #2080e0);
    background: -moz-linear-gradient(#549ee7, #2080e0);
    background: -o-linear-gradient(#549ee7, #2080e0);
    background: -ms-linear-gradient(#549ee7, #2080e0);
    background: linear-gradient(#549ee7, #2080e0);
    border: 2px solid #339ee7;
}

.ad .tadatalk .men a:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #549ee7), color-stop(0.00, #2080e0));
background: -webkit-linear-gradient(#2080e0, #549ee7);
background: -moz-linear-gradient(#2080e0, #549ee7);
background: -o-linear-gradient(#2080e0, #549ee7);
background: -ms-linear-gradient(#2080e0, #549ee7);
background: linear-gradient(#2080e0, #549ee7);
}

.ad .tadatalk .women a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f06080), color-stop(0.00, #f4859e));
    background: -webkit-linear-gradient(#f4859e, #f06080);
    background: -moz-linear-gradient(#f4859e, #f06080);
    background: -o-linear-gradient(#f4859e, #f06080);
    background: -ms-linear-gradient(#f4859e, #f06080);
    background: linear-gradient(#f4859e, #f06080);
    border: 2px solid #f1859e;
}

.ad .tadatalk .women a:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f4859e), color-stop(0.00, #f06080));
background: -webkit-linear-gradient(#f06080, #f4859e);
background: -moz-linear-gradient(#f06080, #f4859e);
background: -o-linear-gradient(#f06080, #f4859e);
background: -ms-linear-gradient(#f06080, #f4859e);
background: linear-gradient(#f06080, #f4859e);
}


/*------------------------------------------------------------------------------------------
*
*  NewCSS
*
------------------------------------------------------------------------------------------*/

#wrapper {
	width: 920px;
	margin: 0 auto;
}

#main {
	width: 750px;
	float: left;
}

#sidebar {
	width: 160px;
	float: right;
}

#header {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e9e8e0), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #e9e8e0);
	background: -moz-linear-gradient(#fff, #e9e8e0);
	background: -o-linear-gradient(#fff, #e9e8e0);
	background: -ms-linear-gradient(#fff, #e9e8e0);
	background: linear-gradient(#fff, #e9e8e0);
	height: 45px;
	margin-bottom: 0;
	clear: both;
}

#header #logo {
	float: left;
	text-align: center;
	width: 70%;
	font-size: 18px;
	line-height: 45px;
}

#header #logo {
	color: #666;
	font-weight: bold;
}


#header #menu {
	float: left;
	width: 13%;
	height: 37px;
	padding-left: 5px;
	padding-top: 2px;
}

#header #menu a {
	text-align: center;
	display: block;
	padding: 3px;
	width: 40px;
	margin-top: 4px;
	border: 1px solid #aaa;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
	background: -o-linear-gradient(top, #fff 0%, #eee 100%);
	background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(top, #fff 0%, #eee 100%);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#header #menu img {
	width: 30px;
	vertical-align: middle;
}


#header #home {
	float: right;
	text-align: right;
	width: 13%;
	padding-top: 5px;
	padding-right: 5px;
}

#header #home img {
	width: 35px;
	vertical-align: middle;
}

#footer {
	padding: 15px;
	background: #c98d51;
	color: #fff;
	text-align: center;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

.clearbox {
  clear: both;
  height: 0px;
}

.openmenu {
  font-size: 10px;
  text-align: center;
}

.openmenu li {
  background: #ddd;
  float: left;
  width: 25%;
  height: 80px;
  overflow: hidden;
}

.openmenu li a {
  display: block;
  padding: 5px;
}

.openmenu img {
  width: 50px;
  height: 50px;
}


.bbstitle {
	background: #c98d51;
}

.bbstitle h2 {
	font-size:17px;
	font-weight: bold;
}

.bbstitle h2 a {
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	text-decoration: underline;
}

.headermenu {
	margin: 10px auto;
	width: 100%;
	text-align: center;
}

.headermenu img {
	width: 45px;
}

.headermenu ul {
	min-width: 300px;
	width: 90%;
	margin: 0 auto;
}

.headermenu li {
  display: inline-block;
  width: 25%;
}

.headermenu li a {
  display: inline-block;
}

.headermenu li.nolink {
/*  padding-top: 7px;
  color: #aaa; */
  padding-bottom: 7px;

}

.headermenu li:first-child {
  border-right: none;
}

.headermenu li:last-child {

}

.headermenu .last li {
  border-bottom: 1px solid #aaa;
}


.footermenu {
	width: 100%;
	text-align: center;
}

.footermenu ul {
	min-width: 300px;
	width: 90%;
	margin: 0 auto;
}

.footermenu li {
	display: inline-block;
	margin: 3px;
	width: 45%;
	border: 1px solid #aaa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.51, #eeeeee), color-stop(0.48, #f5f5f5), color-stop(0.00, #f5f5f5));
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #f5f5f5 48%, #eeeeee 51%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 48%, #eeeeee 51%, #f5f5f5 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%, #f5f5f5 48%, #eeeeee 51%, #f5f5f5 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%, #f5f5f5 48%, #eeeeee 51%, #f5f5f5 100%);
	background: linear-gradient(top, #f5f5f5 0%, #f5f5f5 48%, #eeeeee 51%, #f5f5f5 100%);
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
	box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
}

.footermenu li a {
  display: block;
  padding: 7px;
  color: #333;
}

.footermenu .last li {
  border-bottom: 1px solid #aaa;
}

.iframethumbnail {
	width: 100%;
	text-align: center;
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: linear-gradient(top, #ffffff 0%, #f0f0f0 100%); */
}

.iframethumbnail .thumbnail {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0;
	border:1px solid #aaa;
	border-top: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
}

.iframethumbnail .thumbnaillink {
	margin-top: 0;
	margin-left: 5px;
	margin-right: 5px;
	text-align: right;
	border: 1px solid #aaa;
	border-top: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.iframethumbnail .thumbnaillink a {
	display: block;
	padding: 5px;
	padding-right: 15px;
	color: #666;
	text-align: right;
}

.iframeheadline {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7dbe0a), color-stop(0.00, #a2d93f));
  background: -webkit-linear-gradient(top, #a2d93f 0%, #7dbe0a 100%);
  background: -moz-linear-gradient(top, #a2d93f 0%, #7dbe0a 100%);
  background: -o-linear-gradient(top, #a2d93f 0%, #7dbe0a 100%);
  background: -ms-linear-gradient(top, #a2d93f 0%, #7dbe0a 100%);
  background: linear-gradient(top, #a2d93f 0%, #7dbe0a 100%);
  padding: 5px;
  margin: 5px;
  margin-bottom: 0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border: 1px solid #aaa;
  border-bottom: none;
}

.iframeheadline h2 {
  font-size: 16px;
  color: #c43608;
  color: #fff;
  font-weight: bold;
}

.supportmenu {
  margin: 5px;
  margin-top: 0;
}

.supportmenu li {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
	background: -o-linear-gradient(top, #fff 0%, #eee 100%);
	background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(top, #fff 0%, #eee 100%);
	border: 1px solid #999;
	border-top: 1px solid #ccc;
	border-bottom: none;
}

.supportmenu li:first-child {
/*  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; */
}

.supportmenu li:last-child {
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	border-bottom: 1px solid #999;
}

.supportmenu li a {
	display: block;
	padding: 7px;
	background-size: 12px 18px;
}

.supportmenu li a, .supportmenu li a:visited, .supportmenu li a:hover, .supportmenu li a:active {
	color: #444;
}

.infobox {
	-webkit-box-shadow: #808080 0px 1px 3px;
	-moz-box-shadow: #808080 0px 1px 3px;
	box-shadow: #808080 0px 1px 1px;
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	padding: 5px;
}


.admin_form {
	text-align: right;
	margin-top:	10px;
	margin-right: 10px;
}

.admin_form input.admin_button {
	text-align: center;
	color: #fff;
	background: #7e7e7e;
	padding: 3px;
	/* border-radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.admin_form input.admin_password {
	width: 40%;
	padding: 3px 5px;
	/* border-radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #808080;
	/* box-shadow */
	-webkit-box-shadow: #808080 0px 1px 3px;
	-moz-box-shadow: #808080 0px 1px 3px;
	box-shadow: #808080 0px 1px 1px;
}

.search_form {
	background:		#d7d7d7;
	text-align:		center;
	margin:			0;
	margin-top:		10px;
	padding:		10px;
}

.search_form input.search_button {
	text-align:		center;
	color:			#fff;
	background:		#7e7e7e;
	padding: 3px;
	/* border-radius */
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	border-radius:		5px;
}

.search_form input.search_textarea {
	width:			50%;
	padding:		3px 5px;
	/* border-radius */
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	border-radius:		5px;
	border:			1px solid #808080;
	/* box-shadow */
	-webkit-box-shadow:	#808080 0px 1px 3px;
	-moz-box-shadow:	#808080 0px 1px 3px;
	box-shadow:		#808080 0px 1px 1px;
}


.updateinfo {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #808080;
	color: #333;
	font-size: 12px;
	margin: 5px;
	padding: 5px;
}

.updatebtn {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background: linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	display: block;
	padding: 7px 20px;
	border: 1px solid #999;
	text-align: center;
	width: 150px;
	margin: 5px auto;
}



.appli_table {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ededed), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #ededed);
	background: -moz-linear-gradient(#fff, #ededed);
	background: -o-linear-gradient(#fff, #ededed);
	background: -ms-linear-gradient(#fff, #ededed);
	background: linear-gradient(#fff, #ededed);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #aaa;
	margin: 5px;
	font-size: 15px;
}

.appli_table a {
	display: block;
	padding: 5px;
	height: 60px;
	overflow: hidden;
}

.appli_table img {
	max-width: 60px;
	max-height: 60px;
	float: left;
	margin-right: 10px;
}

.comment_head {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.51, #eeeeee), color-stop(0.48, #f5f5f5), color-stop(0.00, #f5f5f5));
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #f5f5f5 48%, #eeeeee 51%, #f5f5f5 100%);
	background: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 48%, #eeeeee 51%, #f5f5f5 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%, #f5f5f5 48%, #eeeeee 51%, #f5f5f5 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%, #f5f5f5 48%, #eeeeee 51%, #f5f5f5 100%);
	background: linear-gradient(top, #f5f5f5 0%, #f5f5f5 48%, #eeeeee 51%, #f5f5f5 100%);
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border: 1px solid #aaa;
	border-bottom: none;
	padding: 5px;
	margin: 5px;
	margin-bottom: 0;
	color: #333;
	font-size: 13px;
	color: #333;
}

.comment {
	margin: 5px;
	margin-top: 0;
	background: #f5f5f5;
	color: #333;
	border: 1px solid #aaa;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.comment_main {
	padding: 10px 5px;
	background: #fff;
}

.commentfooter {
	padding: 5px;
	color: #333;
}

.comment_name a {
	color: #0099ff;
	font-weight: bold;
	text-decoration: underline;
}

.delete_form {
	text-align: right;
	margin-top:	10px;
	margin-right: 5px;
	padding-bottom: 10px;
	border-bottom:1px solid #ddd;
}

.delete_form input.delete_button {
  text-align:		center;
	color:			#fff;
	background:		#7e7e7e;
	/* border-radius */
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	border-radius:		5px;
}

.delete_form input.delete_textarea {
	width:			30%;
	padding:		3px 5px;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	border-radius:		5px;
	border:			1px solid #808080;
	-webkit-box-shadow:	#808080 0px 1px 3px;
	-moz-box-shadow:	#808080 0px 1px 3px;
	box-shadow:		#808080 0px 1px 1px;

}

.pagelink_form {
	margin: 10px auto;
	text-align: center;
	color: #fff;
}

select {
	padding: 3px 10px;
	border: 1px solid #aaa;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	border-radius:		5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
	background: -o-linear-gradient(top, #fff 0%, #eee 100%);
	background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(top, #fff 0%, #eee 100%);
	color: #666;
}

.pagelink_button {
	padding: 3px 10px;
	border: 1px solid #aaa;
	-webkit-border-radius:	5px;
	-moz-border-radius:	5px;
	border-radius:		5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
	background: -o-linear-gradient(top, #fff 0%, #eee 100%);
	background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(top, #fff 0%, #eee 100%);
	color: #666;
}


/*******************************************************************
*
*	NewCSS
*	Update:20131028
*
*******************************************************************/

/*******************************************************************
*
* BaseColorCSS
*
*******************************************************************/

/* 薄い方から */
.bg1 { background: #F9F8F1; }
.bg2 { background: #F8F6EE; }
.bg3 { background: #F6F3EA; }
.bg4 { background: #F4F0E6; }
.bg5 { background: #F2EDE3; }
.bg6 { background: #F1EBDF; }
.bg7 { background: #EFE8DB; }
.bg8 { background: #EDE5D8; }
.bg9 { background: #EBE2D4; }
.bg10 { background: #E9DFD0; }

/* テスト */

.bg1 { background: #F5F5F5; }
.bg2 { background: #F4F3F1; }
.bg3 { background: #F3F1ED; }
.bg4 { background: #F1EEE9; }
.bg5 { background: #F0ECE5; }
.bg6 { background: #EFE9E1; }
.bg7 { background: #EDE7DD; }
.bg8 { background: #ECE4D9; }
.bg9 { background: #EBE2D5; }
.bg10 { background: #E9DFD0; }

/*******************************************************************
*
* ScrollJSCSS
*
*******************************************************************/

#scrolltop {
	opacity: 0.7;
	background: #333;
	color: #fff;
	margin: 5px;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}



/*******************************************************************
*
*	PagingCSS
*
*******************************************************************/

.paging {
	overflow:hidden;
	font-weight:700;
	box-shadow:0px 1px 2px rgba(0,0,0,0.3);
}

.paging li.left, .paging li.right {
	border-top: 1px solid #ccc;
}

.paging a {
	display: block;
	padding:14px 0;
	color: #333;
}

.paging .left{
	float:left;
	width:50%;
	color:#4f442c;
	border-bottom:1px solid #d8d4d4;
	border-right:1px solid #d8d4d4;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	background-image: -moz-linear-gradient(top, #fefefe 0%, #f1efe3 100%);
	background-image: -o-linear-gradient(top, #fefefe 0%, #f1efe3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #f1efe3));
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #f1efe3 100%);
	}

.paging .right{
	float:left;
	width:50%;
	color:#4f442c;
	text-align:center;
	border-bottom:1px solid #d8d4d4;
	background-image: -moz-linear-gradient(top, #fefefe 0%, #f1efe3 100%);
	background-image: -o-linear-gradient(top, #fefefe 0%, #f1efe3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #f1efe3));
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #f1efe3 100%);
}

.paging .nolink {
	color:#d0cece;
	padding:14px 0;
	background-image: -moz-linear-gradient(top, #e5e5e5 0%, #fff 100%);
	background-image: -o-linear-gradient(top, #e5e5e5 0%, #fff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(1, #fff));
	background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #fff 100%);
}


/*******************************************************************
*
*	Threadtype2CSS
*	ThumbnailMode
*
*******************************************************************/

.threadtype2 li{
	background: #f5f5f5;
	border-bottom: 1px solid #d5d5d5;
	height: 105px;
	overflow: hidden;
}

.threadtype2 li:first-child {
	border-top: 1px solid #d5d5d5;
}

.threadtype2 .threadtitle {
	height: 38px;
	overflow: hidden;
}

.threadtype2 li h3 {
	display: inline;
	color: #29597b;
	font-weight: bold;
	font-size: 16px;
}

.threadtype2 li:nth-child(2n){
	background: #eee;
}

.threadtype2 li a {
	display: block;
	padding: 5px;
	color: #666;
	height: 95px;
	overflow: hidden;
}

.threadtype2 .thumbbox {
	width: 90px;
	height: 90px;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin: 5px;
	margin-right: 7px;
	border: 1px solid #ccc;
	background: #fff;
}

.threadtype2 .thumb {
	width: 86px;
	height: 86px;
	overflow: hidden;
	margin-left: 2px;
	margin-top: 2px;
}

.threadtype2 .thumb img {
	width: 86px;
	min-height: 86px;
}

.threadtype2 .thumb a {
	padding: 0;
	width: 90px;
	height: 86px;
}

.threadtype2 .count {
	background: #fff;
	border:1px solid #ccc;
	display: inline-block;
	padding: 1px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 5px;
}

.threadtype2 .imgbox .imgimg, .threadtype2 .imgbox .iineimg, .threadtype2 .imgbox .comimg {
	display: inline-block;
}

.threadtype2 .imgbox .imgimg {
	vertical-align: -5px;
}

.threadtype2 .imgbox .imgimg img {
	width: 23x;
	height: 21px;
	vertical-align: bottom;
}

.threadtype2 .imgbox .iineimg {
	vertical-align: -6px;
}

.threadtype2 .imgbox .iineimg img {
	height: 21px;
}


.threadtype2 .comimg {
	display: inline-block;
	margin-left: 5px;
	vertical-align: -3px !important;
}

.threadtype2 .comimg img {
	height: 16px !important;
}

.threadtype2 .threadbody {
	color: #aaa;
	margin-left: 5px;
	height: 35px;
	overflow: hidden;
}

.threadtype2 .threadname {
	height: 18px;
	overflow: hidden;
}

.threadtype2 .footerbox {
/*	background: #e5e5e5; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
}


/*******************************************************************
*
*	Threadtype1CSS
*	ThumbnailMode
*
*******************************************************************/

.threadtype1 li {
	background: #f5f5f5;
	border-bottom: 1px solid #d5d5d5;
	height: 60px;
	overflow: hidden;
}

.threadtype1 li:first-child {
	border-top: 1px solid #d5d5d5;
}

.threadtype1 .threadtitle {
	margin-left: ;
}

.threadtype1 .threadtitle h3 {
	display: inline;
	margin-left: 5px;
	margin-right: 5px;
	color: #29597b;
	font-weight: bold;
	font-size: 16px;
}

.threadtype1 li:nth-child(2n) {
	background: #eee;
}

.threadtype1 li a {
	display: block;
	padding: 5px;
	color: #666;
}

.threadtype1 .threaddate {
	margin: 5px;
}


/*******************************************************************
*
*	Threadtype0CSS
*	ThumbnailMode
*
*******************************************************************/

.threadtype0 li {
	background: #f5f5f5;
	border-bottom: 1px solid #d5d5d5;
	height: 140px;
	overflow: hidden;
}

.threadtype0 li:first-child {
	border-top: 1px solid #d5d5d5;
}

.threadtype0 li:nth-child(2n) {
	background: #eee;
}

.threadtype0 .threadtitle {
	margin-left: ;
}

.threadtype0 .threadtitle h3 {
	display: inline;
	margin-right: 5px;
	color: #29597b;
	font-weight: bold;
	font-size: 16px;
}

.threadtype0 li a {
	display: block;
	padding: 10px;
	color: #666;
}

.threadtype0 .threadbody {
	height: 50px;
	overflow: hidden;
}

.threadtype0 .count {
	background: #fff;
	border:1px solid #ccc;
	display: inline-block;
	padding: 1px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: 5px;
}

.threadtype0 .imgbox .imgimg, .threadtype0 .imgbox .iineimg, .threadtype0 .imgbox .comimg {
	display: inline-block;
}

.threadtype0 .imgbox .imgimg {
	vertical-align: -5px;
}

.threadtype0 .imgbox .imgimg img {
	width: 23x;
	height: 21px;
	vertical-align: bottom;
}

.threadtype0 .imgbox .iineimg {
	vertical-align: -6px;
}

.threadtype0 .imgbox .iineimg img {
	height: 21px;
}

.threadtype0 .comimg {
	display: inline-block;
	margin-left: 5px;
	vertical-align: -3px !important;
}

.threadtype0 .comimg img {
	height: 16px !important;
}




/*******************************************************************
 *
 * ThreadmainCSS
 *
*******************************************************************/

/************************ThreadmainCHECKBOX************************/

input[type="checkbox"] {
	-webkit-appearance: none;
	position: relative;
	top: 4px;
	border-radius: 4px;
	border: 1px solid #4c4c4c;
	-webkit-box-sizing: border-box;
	width: 17px;
	height: 17px;
	background: -webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#d1d1d1));
}

/* チェック時は背景色を変更 */
input[type="checkbox"]:checked {
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#353535),
		to(#8f8f8f)
	);
}

/* チェックの印を:before疑似要素と:after疑似要素を使って作成 */
input[type="checkbox"]:checked:before {
    position: absolute;
    left: -2px;
    top: 12px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    content: "";
    width: 11px;
    height: 4px;
    background: #FFFFFF;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 6px;
    top: 12px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 1);
    width: 15px;
    height: 4px;
    background: #FFFFFF;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}

.threadmain {
	color: #333;
}

.threadmain .maindate {
	margin: 5px;
	margin-left: 0;
	display: inline-block;
	color: #999;

}

.threadmain .maintitlearea {
	padding: 7px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
}

.threadmain .maintitle h2 {
	font-size: 17px;
	font-weight: bold;
	color: #29597b;
}

.threadmain .maindetail {
	border-bottom:1px solid #ddd;
}

.threadmain .imgbox {
	width: 90px;
	height: 90px;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin: 5px;
	margin-right: 7px;
	border: 1px solid #ccc;
	background: #fff;
}

.threadmain .img {
	width: 86px;
	height: 86px;
	overflow: hidden;
	margin-left: 2px;
	margin-top: 2px;
}

.threadmain .img img {
	width: 86px;
	min-height: 86px;
}

.threadmain .img a {
	padding: 0;
	width: 90px;
	height: 86px;
}

.threadmain .mainmes {
	padding: 7px;
	font-size: 15px;
}

.threadmain .statusbox {
	text-align: right;
	padding: 5px;
	color: #333;
}

.threadmain .statusbox div {
	display: inline-block;
}

.threadmain .statusbox img {
	height: 25px;
}

.threadmain .statusbox .imgimg img {
	vertical-align: -6px;
}

.threadmain .statusbox .iineimg img {
	vertical-align: -8px;
}


.threadmain .statusbox .count {
	background: #fff;
	border:1px solid #ccc;
	display: inline-block;
	padding: 2px 9px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.threadmain .author {
	font-size: 14px;
	padding: 7px;
	border-bottom:1px solid #ddd;
}

.threadmain .author span {
	color: #999;
}

.postlink {
	padding: 10px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	-webkit-box-shadow: 0 3px 0 rgba(255, 255, 255, 0.4);
	box-shadow: 0 3px 0 rgba(255, 255, 255, 0.4);
}

.postlink a.postbtn {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
	background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
	background: -o-linear-gradient(top, #fff 0%, #eee 100%);
	background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
	background: linear-gradient(top, #fff 0%, #eee 100%);
	/* blue */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #02b0e6), color-stop(0.00, #6ccfef));
	background: -webkit-linear-gradient(#6ccfef, #02b0e6);
	background: -moz-linear-gradient(#6ccfef, #02b0e6);
	background: -o-linear-gradient(#6ccfef, #02b0e6);
	background: -ms-linear-gradient(#6ccfef, #02b0e6);
	background: linear-gradient(#6ccfef, #02b0e6);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #99dff5;
	display: block;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}

.postlink .applink {
	margin-top: 5px;
	font-size: 12px;
	text-align: center;
	color: #333;
}

.postlink .applink a {
	color: #0044cc;
	text-decoration: underline;
}

.postlink .applink img {
	max-width: 40px;
	max-height: 40px;
	float: left;
	margin-right: 10px;
}

.postborder {
	border-top: 1px solid #ddd;
}

.combi {
	display: inline;
}

.combi a:link, .combi a:active, .combi a:visited {
	display: inline-block;
	padding: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	background: #c98d51;
}

.combox {
}

.combox li {
	border-bottom: 1px solid #ddd;
	padding-top: 5px;
}

.comtitlearea {
	padding: 7px;
	margin: 5px 10px;
	color: #999;
}

.comauthor {
	font-size: 14px;
	padding: 10px;
	padding-top: 5px;
}

.comauthor span {
	color: #999;
}

.comauthor a {
	color: #0044cc;
	font-weight: bold;
}

.commes {
	padding: 10px;
	font-size: 16px;
}


/*******************************************************************
*
*	Basic(Common)CSS
*
*******************************************************************/

.headertxt {
	color:#000000;
	padding: 10px;
	padding-bottom: 0;
	font-size: 12px;
}

.reset {
	text-align: right;
}

.counter {
	text-align: right;
}

.comcount {
	padding: 5px;
	font-weight: normal;
	text-align: center;
	background: #f5f5f5;
	color: #333;
}









/*******************************************************************
 *
 * BackBtnCSS
 *
*******************************************************************/

.backbtn {
  margin: 5px;
}

.backbtn .btn {
  position: absolute;
  margin-left: 10px;
  padding: 5px 10px 3px;
  color: #333;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  z-index: 5;
}

.backbtn .btn:before {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8ea3c0), color-stop(0.5, #5776a2), color-stop(0.5, #49699a), color-stop(1, #4a6b9a));
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e0e0e0), color-stop(0.00, #fff));
  background: -webkit-linear-gradient(#fff, #e0e0e0);
  background: -moz-linear-gradient(#fff, #e0e0e0);
  background: -o-linear-gradient(#fff, #e0e0e0);
  background: -ms-linear-gradient(#fff, #e0e0e0);
  background: linear-gradient(#fff, #e0e0e0);
  border-top-color: #2f363e;
  border-right-color: #435a79;
  border-bottom-color: #385074;
  border-width: 1px;
  border-style: solid;
  border-radius: 7px;
  border-left: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  z-index: -1;
}

.backbtn .btn:after {
  content: "";
  display: block;
  position: absolute;
  left: 3px;
  top: 1px;
  width: 20px;
  height: 18px;
  -webkit-transform-origin: left top;
  -webkit-transform: rotate(45deg);
  background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #8ea3c0), color-stop(0.5, #5776a2), color-stop(0.5, #49699a), color-stop(1, #4a6b9a));
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e0e0e0), color-stop(0.00, #fff));
  background: -webkit-linear-gradient(#fff, #e0e0e0);
  background: -moz-linear-gradient(#fff, #e0e0e0);
  background: -o-linear-gradient(#fff, #e0e0e0);
  background: -ms-linear-gradient(#fff, #e0e0e0);
  background: linear-gradient(#fff, #e0e0e0);
  border-left-color: #2f363e;
  border-bottom-color: #385074;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-right: none;
  border-top: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  z-index: -2;
}


/*******************************************************************
 *
 * IMGCSS
 *
*******************************************************************/

.imgmain {
	text-align: center;
	font-size: 15px;
	margin: 0 auto;
	margin-top: 10px;
}

.imgiine {
	text-align: center;
	width:150px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.imgiine .iine {
	display: inline-block;
}

.imgiine img {
	height: 30px;
	vertical-align: middle;
}

.imgiine .count {
	display: inline-block;
	height: 26px;
	line-height: 24px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/*******************************************************************
 *
 * IMGCSS
 *
*******************************************************************/

#sidebar {
  position: relative;
  float: left;
  width: 160px;
}

#nav {
}

.fixed {
  position: fixed;
/*  top: 20px; */:
}


/*******************************************************************
 *
 * mailNoticeCSS
 *
*******************************************************************/

.noticebox {
	margin: 10px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

#mailalert input[type=text] {
	width: 80%;
	padding: 3px;
	border: 1px solid #ccc;
	margin-top: 5px;
	margin-bottom: 5px;
}

#mailalert select {
    padding:5px;
    margin: 0;
    border-radius:4px;
    -webkit-box-shadow: 
        0 3px 0 #ccc,
        0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none; 
    cursor:pointer;
}

#mailalert label select {
	padding-right:18px;
	padding-left: 18px;
}

#mailalert label {
	position:relative
}

#mailalert label:after {
	content:'<>';
	font:11px "Consolas", monospace;
	color:#aaa;
	-webkit-transform:rotate(90deg);
	position:absolute;
	right:4px;
	top:2px;
	padding:0 0 2px;
	pointer-events:none;
	border-bottom:1px solid #ddd;
}

#mailalert input[type=submit] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #02b0e6), color-stop(0.00, #6ccfef));
	background: -webkit-linear-gradient(#6ccfef, #02b0e6);
	background: -moz-linear-gradient(#6ccfef, #02b0e6);
	background: -o-linear-gradient(#6ccfef, #02b0e6);
	background: -ms-linear-gradient(#6ccfef, #02b0e6);
	background: linear-gradient(#6ccfef, #02b0e6);
	text-align: center;
	border: 1px solid #99dff5;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
}

.alert {
	font-size: 15px;
	color: #ff0000;
}

.bbslink {
	border: 1px solid #cccccc;
	border-color: #2f96b4 #2f96b4 #1f6377;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	float: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
	line-height: 1em;
}
.bbslink a {
	display: inline-block;
	padding: 5px;
	color: #fff;
	background-color: #5bc0de;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1, #2f96b4), color-stop(0, #5bc0de));
	background-image: -webkit-linear-gradient(#5bc0de, #2f96b4);
	background-image: -moz-linear-gradient(#5bc0de, #2f96b4);
	background-image: -o-linear-gradient(#5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(#5bc0de, #2f96b4);
	background-image: linear-gradient(#5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.noticelist {
}

.noticelist li {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}

.noticelist .nlauthor {
	font-size: 15px;
	font-weight: bold;
	color: #555;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.noticelist .nltitle {
	font-size: 16px;
	font-weight: bold;
}

.noticelist .nltitle a {
	text-decoration: underline;
}

.noticelist .imgbox {
	float:left;
	margin-right: 10px;
	padding: 3px;
	width: 104px;
	height: 104px;
	overflow: hidden;
	border: 1px solid #ccc;
}

.noticelist .imgbox a {
	width: 104px;
	height: 104px;
}

.noticelist .img img {
	width: 104px;
}

.noticelist .nltstatus {
	font-size: 13px;
	color: #999;
}

.noticelist .nlbody {
	height: 33px;
	overflow: hidden;
	font-size: 13px;
}

.noticesingle {
	border: 1px solid #cccccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.hrbox {
	height: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}