@charset "utf-8";

*{
	/*font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,"Apple Color Emoji",emojisymbols,sans-serif;*/
}

body {
	font-size: 14px;
}

.right{text-align: right;}
.center{text-align: center;}
.left{text-align: left;}
h1 {
	color: #ffa900;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}
textarea {
	font-size: 13px;
}

li {
    list-style: none;
}

/****************************
*
*	左サイドバー
*
****************************/

body#lColumn {
	/*background-color: #FFF5F5;*/
	background-color: #fff;
}

#lColumn #lboardList{
	border-radius: 0 !important;
	margin: 0 auto !important;
	max-width: 196px;
	min-width: 180px;
	padding: 0 !important;
	width: 100%;
}

header strong a {
    color: #fff;
    display: block;
    /*font-size: 17px;*/
    font-size: 50px;
    margin: 0 auto;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 100%;
}

/* メニューロゴ */
.menuLogo {
    text-align: center;
}

.menuLogo img {
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
}

/* 18歳未満立入禁止 */
#onlyOver18 {
	background-color: #d31661;
	border: 3px solid #ac0748;
	border-radius: 2px !important;
	color: #fff;
	font-weight: bold;
	margin: 25px 0 0 !important;
	padding: 2px 4px;
	text-align: center;
}

/* このサイトについて */
#aboutThisSite{
    background: #000;
    border: 1px solid rgba(125, 125, 125, 0.7);
	border-radius: 2px !important;
	color: #fff;
	font-weight: bold;
	margin: 25px 0 0 !important;
	padding: 2px 4px;
	text-align: center;
}

#lColumn div{
	border-radius: 3px 3px 0 0;
	font-size: 13px;
	margin: 10px 0;
}

#lColumn div[class^="ha-"] > div{
	border-radius: 3px 3px 0 0;
	color: #444;
	font-weight: bold;
	margin: 0 !important;
	padding: 3px 10px;
}

#lColumn ul {
	background-color: #fff;
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	color: #000;
	list-style: outside none none;
	margin: 0;
	padding: 3px 0 7px 10px;
}

#lColumn div[class^="ha-"]{
}

#lColumn div[class^="ha-"] a {
	color: #23527c;
	font-size: 13px;
	line-height: 20px;
	text-decoration: underbar;
}

#lColumn div.ha-ib{}

#lColumn div.ha-ib > div{
	background: #ccffcc;
    border: 1px solid #C8C8C8;
}

#lColumn div.ha-ai{}

#lColumn div.ha-ai > div{
	background-color: #8B8E8A;
	border-top:1px solid #8B8E8A;
	border-left:1px solid #8B8E8A;
	border-bottom: 5px solid #ADB4AC;
	border-right:1px solid #8B8E8A;
}

#lColumn div.ha-am{}

#lColumn div.ha-am > div{
	background-color: #844917;
	border-top:1px solid #844917;
	border-left:1px solid #844917;
	border-bottom: 5px solid #6c3608;
	border-right:1px solid #844917;
}

#lColumn div.ha-tu{}

#lColumn div.ha-tu > div{
	background: #ccffcc;
    border: 1px solid #C8C8C8;
}

#lColumn div.ha-au{}
#lColumn div.ha-au ul {
	padding: 3px 0 7px 2px !important;
	min-height: 5px;
}

#lColumn ul{
	min-height:-10px

}

#lColumn div.ha-au > div{
	background-color: #EAAD90;
	border-top:1px solid #EAAD90;
	border-left:1px solid #EAAD90;
	border-bottom: 5px solid #EAAD90;
	border-right:1px solid #EAAD90;
}

#lColumn div.ha-au > img{
	text-align: center;
}


/****************************
*
*	topページ・右カラム
*
****************************/
body#rColumn {
	background-color: #fff;
	margin: 0;
}

/* body#rColumn div {
	border-radius: 3px 3px 0 0;
	font-size: 14px;
	height: auto;
} */

#wrapper {
	margin: 0 !important;
    min-width: 800px;
	padding: 0 !important;
}

/* サブタイトル的ななにか */
#wrapper header strong {
	display: block;
	font-size: 15px;
	font-weight: normal;
    height: 40px;
    line-height: 50px;
	padding: 0 5px;
}

/* ヘッダー部分 */
header {
	background-color: #000;
	color: #fff;
	height: 50px;
	text-align: center;
}

header img {
    margin: 10px auto;
}

/* ヘッダー右カラム サイトバナー */
header strong a img {
	border: none;
    position: relative;
    top: -2px;
}

/****************************
*
*	ヘッダー部分：検索窓
*
****************************/
#headerSearch {
	height: 40px;
	line-height: 35px;
	margin: 0 !important;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 0;
	width: 225px;
}

#headerSearch form {
	line-height: inherit !important;
	padding: inherit !important;
	text-align: inherit !important;
}

#gsc-i-id1.gsc-input,
#headerSearch input#search {
	border-bottom: 3px solid #d6d6d6;
	border-top: 0px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-radius: 5px 0 0 5px;
	height: 15px;
	padding: 5px 20px;
	position: relative;
	right: 24px;
	vertical-align: middle;
}


input.gsc-search-button {
	background-color: #ffffff;
	border-bottom: 3px solid #ca9b11;
	border-top: 0px solid #ca9b11;
	border-left: 0px solid #ca9b11;
	border-right: 0px solid #ca9b11;
	border-radius: 0 5px 5px 0;
	font-size: 14px;
	font-weight: bold;
	height: 15px;
	line-height: 0;
	padding: 12.5px 20px;
	position: relative;
	vertical-align: middle;

}

/*
#headerSearch input#button {
	background-color: #ffffff;
	border-bottom: 3px solid #ca9b11;
	border-radius: 0 5px 5px 0;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	height: 15px;
	padding: 6.5px 20px;
	position: relative;
	vertical-align: middle;
}
*/

.gsc-branding {
    color: #cdcdcd;
    height: 10px !important;
    line-height: 15px;
    position: absolute;
    right: 0;
    top: 43px;
    width: 225px !important;
}

td.gsc-branding-img, td.gcsc-branding-img {
    width: 70px !important;
}

.gsc-branding-text {
	font-size: 10px !important;
}


/****************************
*
*	グローバルナビゲーション
*
****************************/
nav {
	background-color: #fff;
	height: 40px;
	color: #0bd;
	text-decoration: none;
}
nav ul a:hover {
	background-color: #88c11b;
	color: #fff;
}

nav ul {
	margin: 0 !important;
	padding: 0 7px 10px !important;
	position: relative;
	z-index: 100;
}

nav li {
	display: inline-block;
	vertical-align: top;
}

nav li a#active {
	background-color: #EAAD90;
	color: #ffffff;
}

nav li a {
	background-color: #ccffcc;
	border-radius: 0 0 2px 2px;
	color: #444;
	display: block;
	font-size: 14px !important;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	min-width: 110px;
	padding: 2px 0 5px;
	text-align: center;
	text-decoration: none;
}


/* グロナビ・子メニュー .menuChildren */
nav ul li.menuChildren{
	position: relative;
}
nav li.menuChildren ul.subMenu {
    left: 0;
}

/* グロナビ・子メニュー .subMenu */
nav .subMenu {
	border-radius: 0 0 5px 5px;
    box-shadow: 0 0 0 6px rgba(28, 42, 105, 0.1);
	-webkit-box-shadow: 0 0 0 6px rgba(28, 42, 105, 0.1);
	display: none;
	left: 236px;
	padding: 0 !important;
	position: absolute;
	top: 0;
	width: 170px;
	z-index: -1;
}

nav .subMenu {
	border-radius: 0 0 5px 5px;
    box-shadow: 0 0 0 6px rgba(28, 42, 105, 0.1);
	-webkit-box-shadow: 0 0 0 6px rgba(28, 42, 105, 0.1);
	display: none;
	left: 236px;
	padding: 0 !important;
	position: absolute;
	top: 0;
	width: 170px;
	z-index: -1;
}

nav .subMenu a {
	background-color: #FFFFFF !important;
	border-bottom: 3px solid #FFFFFF;
	border-radius: 0;
	color: #2d2d2d !important;
	height: 25px;
	line-height: 26px;
	margin: 0;
	min-width: 150px;
	padding: 2px 0 5px 20px;
	text-align: left;
}

nav .subMenu li > span {
	/* background-color: #EEEEEE; */
	background-color: #FFFFFF;
	display: block;
	height: 22px;
	line-height: 20px;
	padding: 2px 0 5px;
	width: 110px;
}

nav .subMenu li:last-child,
nav .subMenu li:last-child a{
	border-radius: 0 0 5px 5px !important;
}

nav .subMenu a:hover {
    border-bottom: 1px solid #006b54;
    color: #fff;
}

/* ホバー＆フォーカスで子メニュー表示 */
nav .menuChildren:hover ul,
nav .menuChildren ul.focused {
	display: block;
}
nav li.menuChildren li a:hover,
nav li.menuChildren li a:focus {
    background-color: #ccffcc !important;
    color: #444 !important;
    padding: 2px 0 5px 20px !important;
}



/* 掲示板 */
body#threadList nav li.board a,
body#resList nav li.board a {
	background-color: #88c11b;
	border-bottom: 3px solid #88c11b;
	color: #ffffff;
}

body#threadList nav li.board a:first-child,
body#resList nav li.board a:first-child {
	border-bottom: 0px solid #88c11b !important;
}

body#threadList nav li.board a:hover:first-child,
body#resList nav li.board a:hover:first-child {
	padding: 2px 0 5px;
}
body#threadList nav .subMenu li:last-child a:hover,
body#resList nav .subMenu li:last-child a:hover {
	border-radius: 0 0 5px 5px !important;
}

body#threadList footer li.board a
body#resList footer li.board a {
	color: #ffffff !important;
}


/****************************
*
*	グロナビ小
*
****************************/

nav {
	/* display: none;
	position: fixed;
	top: 0px; */
	background-color: #fff;
	color: #0bd;
	height: 40px;
	text-decoration: none;
	width: 100%;
}


nav#miniNav {
	display: none;
}

/****************************
*
*	トップページのサイトロゴ
*
****************************/
/*
#indexImage {
	background: url("/img/h-ach.net_topImg.jpg") no-repeat scroll -1px -130px transparent;
	height: 300px;
	margin: 10px auto !important;
	text-align: center;
	width: 800px;
}
*/
#indexImage {
	background: url("http://img.h-ach.net/p/img/h-ach.net_topImg.png") no-repeat scroll center center #FFFFFF;
	background-size: 100% auto !important;
	-webkit-background-size:	100% auto !important;
	border-radius: 5px !important;
	height: 300px;
	margin: 10px auto !important;
	min-width: 800px;
	text-align: center;
	width: 89%;
}

@media only screen and (min-width: 1101px) and (max-width: 1300px) {
	#indexImage {
		background: url("http://img.h-ach.net/p/img/h-ach.net_topImg.png") no-repeat scroll center -200px #FFFFFF;
	}
}
@media only screen and (min-width: 1301px) and (max-width: 1500px) {
	#indexImage {
		background: url("http://img.h-ach.net/p/img/h-ach.net_topImg.png") no-repeat scroll center -250px #FFFFFF;
	}
}
@media only screen and (min-width: 1501px) {
	#indexImage {
		background: url("http://img.h-ach.net/p/img/h-ach.net_topImg.png") no-repeat scroll center -240px #FFFFFF;
	}
}


/* サイトリニューアル等のお知らせ表示 */
/*
#indexImage #information {
	left: 0;
	margin: 0 auto;
	position: relative;
	width: 800px;
}
*/
#indexImage #information {
	left: 0;
	margin: 0 auto;
	min-width: 800px;
	position: relative;
	width: auto;
}

#indexImage #information a {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 5px 0 0;
	color: #fff;
	display: block;
	font-size: 21px;
	padding: 5px 10px;
	text-align: left;
	text-decoration: underline;
	width: 49%;
}

#indexImage #information a span {
	display: inline-block;
	font-size: 15px;
	height: 21px;
	line-height: 23px;
	padding: 0 10px 0 0;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	vertical-align: middle;
}

/****************************
*
*	トップページ　レイアウト
*
****************************/

table.main_item_table1,
table.main_item_table2 {
    margin: 0 auto 40px;
	width: 1000px;
}

.main_item_wrapper1 {
    margin: 30px 0;
}

.ha-nw-title {
    text-align: center;
}

/****************************
*
*	イメージ画像
*
****************************/
#indexImage > img {
	height: 300px;
	position: relative;
	top: -42px;
	width: 800px;
}

/****************************
*
*	サイトトップ（右カラム）の掲示板一覧全体
*
****************************/
/*
#indexImage + table {
	margin: 0 auto;
	width: 810px;
}
*/
#indexImage + table {
	margin: 0 auto;
	min-width: 810px;
	width: 90%;
}

#indexImage + table td {
	vertical-align: top;
}

#indexImage + table tr:first-child td:first-child {
	height: 250px !important;
}
#indexImage + table tr:last-child td:first-child {
	height: 80px !important;
}

/* 掲示板最新書込み */
#indexImage + table td + td {
    height: 220px !important;
    width: 225px;
}

/**/
#rColumn ul {
	background-color: #fff;
	color: #000;
	list-style: outside none none;
	margin: 0;
	padding: 3px 0 3px 10px;
}

#rColumn div[class^="ha-"]{
	width: 222px;
}

#rColumn div[class^="ha-"] > div{
	border-radius: 3px 3px 0 0;
	color: #444;
	font-weight: bold;
	margin: 0 !important;
	padding: 3px 10px;
	border: 1px solid #C8C8C8;
}

/* 掲示板最新書込み・お知らせリスト内部の間隔調整 */
#rColumn div.ha-nw > ul,
#rColumn div.ha-if > ul,
#rColumn div.ha-board > ul  {
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
    padding: 3px 0 3px 3px;
}

#rColumn div[class^="ha-"] a {
	color: #23527c;
	font-size: 13px;
}
#rColumn div[class^="ha-"] li {
	border-bottom: 1px dotted #ccc;
	line-height: 23px;
    min-width: 200px;
    word-break: break-all;
    word-wrap: break-word;
}
#rColumn div[class^="ha-"] li span {
	color: #656565;
	display: block;
	font-size: 11px;
	line-height: 12px;
	padding: 0 5px 4px;
	text-align: right;
	word-break: break-all;
	word-wrap: break-word;
}
#rColumn div[class^="ha-"] .readMore {
	border-bottom: medium none;
	line-height: 23px;
	padding: 2px 10px !important;
	text-align: right;
}

#rColumn div[class^="ha-"] .readMore > a {
	font-size: 13px !important;
	text-decoration: underline;
}



/* ◯◯掲示板 */
/*
#rColumn .ha-board {
	display: table-cell;
	vertical-align: top;
	width: 650px;
}
*/
#rColumn .ha-board {
	display: table-cell;
	min-width: 560px;
	vertical-align: top;
	width: auto;
}

.ha-board > div {
    background-color: #b45537;
    border-bottom: 5px solid #7f3217;
	color: #fff;
	font-size: 16px !important;
	font-weight: bold;
	padding: 5px 10px;
}

.ha-board ul {
	padding: 3px 0 3px 3px !important;
}

.ha-board li {
	display: inline-block;
	height: 95px;
	padding: 5px 0 2px;
	vertical-align: top;
	width: 49%;
}

.ha-board li a {
	font-weight: bold;
	text-decoration: underline;
}

.ha-board li a img {
	border: 1px solid #ddd;
	float: left;
	margin: 3px 2px 0 0;
	padding: 2px;
	vertical-align: top;
	width: 90px;
}

.ha-board li p {
	color: #4a4a4a;
	font-size: 12px;
    line-height: 20px;
	margin: 0;
	vertical-align: top;
}

.ha-board li.readMore {
	height: 30px;
	padding: 0 !important;
	vertical-align: bottom;
}

.ha-board li.readMore > a {
	font-weight: normal;
}


/****************************
*
*	最新書込み一覧
*	お知らせ
*
****************************/
/*
.ha-nw ,
.ha-if {
	display: table-cell;
	width: 240px;
}
*/
.ha-nw ,
.ha-if {
	display: table-cell;
	min-width: 225px;
	width: auto;
}

.ha-nw li {
    line-height: 22px !important;
    padding: 5px 2px 5px 1px !important;
}

.ha-nw > div {
	background-color: #ccffcc;
	border-bottom: 1px solid #006b54;
	color: #fff;
	font-size: 16px !important;
	font-weight: bold;
	padding: 5px 10px;
}

.ha-if > div {
    background-color: #cc9c1a;
    border-bottom: 5px solid #b38407;
	color: #fff;
	font-size: 15px !important;
	font-weight: bold;
	padding: 5px 10px;
}


/****************************
*
*	ページ内メニュー（小メニュー）
*
****************************/
.titleMark {
	background-color: #FFFFFF;
	border-radius: 2px;
	color: #1a1a1a;
	font-size: 15px;
	margin: 0 auto 7px;
	padding: 2px 0;
	width: 95%;
}

.guideMenu {
	margin: 0 auto 10px;
	width: 95%;
}

.guideMenu ul {
	text-align: center;
	margin: 0;
	padding: 0;
}

.guideMenu li {
	display: inline-block;
	list-style: outside none none;
	margin: 0;
	text-align: center;
	/* width: 32.8%; ボタン３つの場合*/
	    width: 24.5%;	/* ボタン４つの場合*/
}

.guideMenu li a.active {
	background-color: #ccffcc;
	border-bottom: 1px solid #008367;
	color: #444;
}
.guideMenu li a {
	background-color: #EFF2EF;
	border-bottom: 1px solid #666666;
	border-radius: 3px;
	color: #000000;
	display: block;
	font-weight: bold;
	padding: 4px 0;
}


/****************************
*
*	リストテーブル
*
****************************/

table#listTable {
	border: 1px solid #e7e7e7;
	border-radius: 0;
	margin: 0 auto;
	width: 95%;
}

table#listTable caption h1 {
    background-color: #ccffcc;
    border: 1px solid #D6D6D6;
	border-radius: 5px 5px 0 0;
    color: #444;
	padding: 5px 5px 5px 15px;
	text-align: left;
}

table#listTable h2 {
	margin: 0;
}

table#listTable th {
	background-color: #EFF2EF;
	font-size: 14px;
	padding: 2px;
	vertical-align: top;
}

table#listTable tr.odd td {
	background-color: #fff;
}

table#listTable tR.even td {
	background-color: #f2f2f2;
}

table#listTable td {
	background-color: #F8F8F8;
	font-size: 12px;
	padding: 2px;
	vertical-align: top;
}

table#listTable td.data {
	font-size: 14px;
	text-align: center;
	width: 120px;
	font-weight: bold;
}

table#listTable td p {
	color: #676767;
}




#boardShow h1 {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	margin: 1px 0 3px;
}

/****************************
*
*	掲示板
*
****************************/
.resList{
	background-color: #efefef;
	margin: 0 auto;
}
.resList dl{
	margin: 5px;
}

.resList dl dt,
.resList dl dd,
body#resList dl dt,
body#resList dl dd {
	font-family: IPAMonaPGothic,"IPA モナー Pゴシック",Monapo,Mona,"MS PGothic","ＭＳ Ｐゴシック","Osaka-mono","Osaka−等幅","monospace",sans-serif !important;
}

/* スレ一覧 タイトルリンク */
.resList b font a {
    color: #ff0000;
    text-decoration: none;
}
/* レス番号 */
dl dt .resnumb {
    color: #000000;
    font-family: IPAMonaPGothic,"IPA モナー Pゴシック",Monapo,Mona,"MS PGothic","ＭＳ Ｐゴシック","Osaka-mono","Osaka−等幅","monospace",sans-serif !important;
    font-size: 14px;
}

/****************************
*
*	パンくずリスト
*
****************************/
#breadcrumbs {
	background-color: #F7C8C8;
	border-radius: 3px;
    font-size: 13px;
    line-height: 14px;
	margin: 0 auto;
	width: 99%;
}

#breadcrumbs ul {
    clear: 6BE2A0;
    margin: 5px auto 15px;
    padding: 5px 0;
    vertical-align: middle;
    background-color: #ccffcc;
    color: #444;
}

#breadcrumbs li {
	display: inline-block;
	font-size: 13px;
	list-style: outside none none;
	padding: 1px 10px;
	vertical-align: middle;
}

#breadcrumbs li a {
    font-size: 13px;
    line-height: 13px;
}

/****************************
*
*	掲示板名
*
****************************/
.bbstitle .inner > b {
	display: block;
	font-size: 20px !important;
	text-align: center;
	margin: 0 auto;
	width: 95%;
}

dd {
	clear: both;
	display: inline-block;
	min-width: 600px;
	padding: 0 0 20px;
	word-break: break-all;
	word-wrap: break-word;
}

/* 掲示板内・中段ナビゲーションリンク */

.navLink th,
.navLink td {
    font-size: 13px;
    font-weight: normal;
    padding: 1px;
}

.navLink a {
	background-color: #B16631;
	border-bottom: 3px solid #B16631;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-weight: bold;
	min-width: 100px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
}

.navLink a:hover {
	background-color: #F29C74;
	border-bottom: 3px solid #F29C74;
}

.nav li.rule a{
	background-color:EAAD90;
}

/****************************
*
*	レスリスト
*
****************************/

body#resList{
}

body#resList #container {
	background-color: #efefef;
	padding: 10px 0 20px;
}

body#resList hr {
	border-bottom: 1px solid #fcfcfc;
	border-top: 1px solid #bebcbc;
}

/* スレッドタイトル */
body#resList h1 {
	color: #FF0000;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
}

body#resList dl {
	margin: 15px 10px;
}

/* レス一覧下部のリンク一覧 */
.resListMenu {
	padding: 5px 10px 10px;
}

/****************************
*
*	スレッドリスト
*
****************************/

body#threadList{
	background-color: #FFFFFF;
}

/* スレッドタイトル */
body#threadList h1 {
	color: #FF0000;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}

body#threadList dl {
	margin: 15px 10px;
}


/****************************
*
*	最新書込み一覧
*
****************************/

table.nrlCategory {
    background-color: #f9f9f9;
    width: 100%;
}

table.nrlCategory caption{
    font-weight: bold;
    text-align: left;
}

table.nrlCategory table {
    text-align: left;
    width: 100%;
}

table.nrlCategory table th {
    border-bottom: 1px solid #606060;
    padding: 3px 25px;
}

table#newResList td.nrlTheadList ul {
    list-style: outside none none;
    margin: 0;
    padding: 0 2px;
}

table#newResList td.nrlTheadList li {
    border-bottom: 1px solid #c1c1c1;
    display: block;
}

#container > table#newResList td.nrlTheadList a {
    font-size: 14px;
    margin: 0 2px 0 0;
    padding: 3px 0;
    text-decoration: none;
    vertical-align: middle;
}

#container > table#newResList td.nrlTheadList li:last-child {
    border-bottom: 0px solid #edffed;
}

#container > table#newResList td.nrlTheadList a:hover {
    background-color: #e4e4e4;
}

table#newResList td.nrlTheadList span {
    vertical-align: middle;
	text-decoration: underline;
}
table#newResList td.nrlTheadList span.newTag {
    background-color: #EA4747;
    border-radius: 10px;
    color: #ffffff;
    font-size: 9px;
    font-weight: normal;
    padding: 3px 5px;
    text-decoration: none;
    vertical-align: middle;
}


/****************************
*
*	投稿フォーム
*
****************************/
.display.inqForm {
	margin: 0;
	padding: 0;
}

.display.inqForm > li {
	list-style: outside none none;
	padding: 2px 0;
}

/* 投稿フォーム */
input[type="submit"] {
	background: #0074b6;
    border-bottom: 1px solid #00649d;
    border-top: 0px solid #00649d;
    border-left: 0px solid #00649d;
    border-right: 0px solid #00649d;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 35px !important;
	line-height: 32px;
	min-width: 100px;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
}


input[type="submit"]:hover {
	background-color: #ff0000;
    border-bottom: 1px solid #8d0000;
    color: #ffffff;
}

/* 検索 */

table form input[type="submit"].search {
	display: inline;
}

input[type="submit"].del {
	background-color: #c42b2b;
	border-color: #b10000;
}

input[type="submit"].del:hover {
	background-color: #a70000;
	border-color: #7a0b0b;
}


#resform input[type="text"] ,
#resform input[type="email"] ,
#resform input[type="password"] ,
#resform textarea{
	border-bottom: 1px solid #E4E4E4;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-radius: 2px;
	font-size: 12px;
	margin: 1px 0;
	padding: 4px 2px 2px;
}



#thrform, #resform, .search {
	font-size: 14px;
}


.imgFormNotice{
	background-color: #f8f7f5;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 1.2em;
	margin: 3px 0;
	padding: 8px;
	width: 566px;
}



/* スレ立て */
/* スレタイトル */
#thrform input#countTitle{
	width: 470px;
}

#thrform input#countName {
    width: 235px;
}

#thrform #countTrip {
    ime-mode: disabled;
    width: 90px;
}

#thrform input[type="email"] {
    ime-mode: disabled;
    width: 224px;
}



/****************************
*
*	スレッド一覧（画像掲示板）
*
****************************/

.boardBanner {
    background-color: #88c11b;
    font-size: 24px;
	line-height: 24px;
    margin: 0 auto 20px;
    padding: 23px 5px;
    text-align: center;
    width: -webkit-calc(95% - 10px);
    width: calc(95% - 10px);
	background-size: 100%;
    color: #fff;
}
.boardBanner > a {
    display: block;
    margin: 0 auto;
    width: 600px;
}
.boardBanner img {
    width: 600px;
}
.boardBanner a div {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 600px;
}
.boardBanner a div b {
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 1px;
    color: #fff;
    font-size: 24px;
    margin: -5px auto 0;
    padding: 8px 20px;
    position: absolute;
    right: 20px;
    top: 22px;
}

table.imgResList{
	margin: 0 auto;
}

.imgResList td {
    padding: 10px;
}

table.imgResList dl {
    background-color: #EFEFEF;
    border-bottom: 3px solid #b3b3b3;
    border-top: 1px solid #b3b3b3;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
	border-radius: 2px;
    display: inline-block;
    height: 200px;
    margin: 3px 1px 2px !important;
	vertical-align: top;
    width: 136px;
}

table.imgResList dl dt {
    border-bottom: none !important;
    font-size: 12px;
    font-weight: bold;
    height: 3em;
    line-height: 12px;
    padding: 5px 6px 0;
}

table.imgResList dl dt a {
    text-decoration: none;
    word-break: break-all;
    word-wrap: break-word;
}

table.imgResList dl dt a:hover{
	color: #FF0000;
}

table.imgResList dd {
    height: 160px;
    margin: 0;
    min-width: 136px !important;
    padding: 0;
    text-align: center;
    width: 136px;
}

table.imgResList dd div.irlImgPart {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    color: #ffffff;
    display: table-cell;
    font-size: 12px;
    height: 120px !important;
    letter-spacing: 0;
    line-height: 13px;
    margin: 3px auto !important;
    padding: 0;
    text-align: center !important;
    vertical-align: middle !important;
    width: 120px !important;
}

table.imgResList dd div.irlImgPart a{
	display: inline-block;
    vertical-align: middle;
}

table.imgResList dd div.irlImgPart img {
    border: 0;
    display: block !important;
    margin: 0 auto !important;
}

table.imgResList dd div.irlImgPart img:hover {
	opacity: 0.8;
}

table.imgResList dd div.irlBtmPart {
    clear: both;
    font-size: 12px;
    padding: 0 0 0 6px;
    text-align: left;
}

/* 更新ボタン */
.refleshBtn img { border:none;}
.refleshBtn img:hover {filter:alpha(opacity=80); opacity:0.8;}
/*.refleshBtn img:active {padding:5px;}*/


/****************************
*
*	削除ガイドライン
*
****************************/
dl.info dt {
    border-top: 1px dotted #ddd;
    padding: 5px 0;
	font-size: 14px;
}

dl.info dt h3 {
    background-color: #EFF2EF;
    font-size: 17px;
    margin: 0 -5px;
    padding: 3px 5px;
}

dl.info dt h4 {
    font-size: 16px;
    margin: 0;
    padding: 1px 0;
}


/****************************
*
*	箱枠
*
****************************/
.frameContainer {
	background-color: #fefefe;
	margin: 0 auto;
	padding: 0 0 5px;
	width: 95%;
}

.frameContainer h1 {
    background-color: #ccffcc;
    border: 1px solid #D6D6D6;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    color: #444 !important;
    padding: 5px 15px;
}

.frameContainer h1 + .innerFrame {
	border: 1px solid #D6D6D6;
}

.frameContainer .innerFrame{
	padding: 5px 10px;
}

table.tableBox {
	border: 1px solid #CCCCCC;
	padding: 0;
	width: 500px;
}

table.tableBox th {
	background-color: #EEEEEE;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	min-width: 100px;
	padding: 5px 5px 5px 10px;
	text-align: left;
}

table.tableBox td {
	background-color: #FFFEFE;
	border-bottom: 1px solid #CCCCCC;
	min-width: 200px;
	padding: 5px 5px 5px 10px;
}

table.tableBox tr:last-child th,
table.tableBox tr:last-child td {
    border-bottom: medium none !important;
}


/****************************
*
*	リストスタイル
*
****************************/

dd ol {
	padding: 0;
}

dl dt {
	border-bottom: 1px dotted #E8E8E8;
	counter-increment: articles;
	counter-reset: itemb;
	font-size: 16px;
	font-weight: bold;
	list-style-position: inside;
	list-style-type: none;
}

#resList dl dt,
.resList dl dt {
	font-size: 14px !important;
	font-weight: normal !important;
}


/* 第◯条 */
dl.articles dt {
	font-size: 14px !important;
}

dl.articles dt:before {
	content: "第" counter(articles, decimal) "条";
	min-width: 10px;
	padding: 0 5px 0 0;
}

/* 括弧つき() */
ol.bracket li{
	list-style-type:none;
	list-style-position:inside;
	counter-increment: count;
	counter-reset: itemb;
}
ol.bracket li:before {
	content: "(" counter(count, decimal) ")";
	min-width: 10px;
	padding: 0 5px 0 0;
}


/****************************
*
*	ページャー
*
****************************/
#paging {
	text-align: center;
	width: 100% !important;
	cursor: default;
}

#paging span ,
#paging a {
	border-radius: 2px;
	color: #000;
	display: inline-block;
	font-size: 14px;
	min-width: 15px;
	padding: 3px 5px;
}

#paging span {
	background-color: #bbbbbb;
	border-bottom: 1px solid #666666;
	color: #666666;
}

#paging a {
    background-color: #9D9999;
    border-bottom: 1px solid #444;
	cursor: pointer;
	text-decoration: none;
}

#paging a:hover {
    background-color: #787575;
    border-bottom: 3px solid #656262;
	text-decoration: underline;
}

#paging.floatRight {
    margin: 5px 13px;
    width: auto !important;
}



/****************************
*
*	フッター
*
****************************/
footer {
	background-color: #EAAD90;
	clear: both;
	color: #fff;
	position: relative;
	/*height: 50px;
	line-height: 15px;*/
	margin: 20px 0 0;
	text-align: center;
	z-index: 100;


}

footer ul {
	background-color: #444;
	margin:0;
	min-height: 10px;
	padding: 3px;
}

footer ul li {
	display: inline-block;
	min-height: 10px;
}

footer a {
	color: #fff;
	padding: 0 5px;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

footer a.active {
	color: #ffc30b;
}

footer div:first-child {
	/*
	height: 27px;
	line-height: 25px;
	*/
}

footer div:last-child {
	font-size: 11px !important;
	/*
	height: 20px;
	line-height: 15px;
	*/
	background-color: #000;
    padding: 10px;
}

.emojiclo {
    font-family: Segoe UI emoji;
    font-size: 14px;
}

/* topへの遷移 */
#scrollTop{
    bottom: 40px;
	display: none;
	float: right;
	margin: 10px 0 0;
    position: fixed;
	right: 10px;
	z-index: 1000;
}

#scrollTop:hover {
	opacity: 0.8;
}

#scrollTop span  {
    font-weight: bold;
    padding: 0 2px 0 0;
}

div#scrollTop a {
    background-color: #88c11b;
    border-radius: 3px;
    color: #fff;
    display: table-cell;
    font-size: 19px;
    height: 28px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 30px;
}


body#rColumn nav li.toppage a {
	background-color: #88c11b;
    color: #FFFFFF;
}
body#rColumn footer li.toppage a {
    color: #FFFFFF !important;
}


/****************************
*
*	イメージ画像
*
****************************/

.hyahhoo_kv {
    margin: 40px auto;
    text-align: center;
	position: relative;
	width: 1000px;
}
.hyahhoo_kv img {
    width: 1000px;
	margin-bottom: -5px;
}
.hyahhoo_logo img {
    width: 160px;
    position: absolute;
	right: -4px;
    top: 6px;
}
.hyahhoo_menu_img {
    text-align: center;
}
.hyahhoo_menu_img img {
    margin: 20px auto 0;
    width: 170px;
}


/****************************
*
*	初心者向け情報
*
****************************/

.beginner_title {
    font-size: 15px;
    font-weight: bold;
	margin-top: 13px;
}
.beginner_wrapper a {
    color: #fff;
}
.beginner_wrapper {
    display: flex;
    text-align: left;
    justify-content: space-around;
    color: #fff;
    padding: 10px 15px 15px;
    line-height: 23px;
	background: repeat url(http://img.hyahhoopoker.com/p/img/beginner_back_img.png);
}
.hyahhoo_external_link {
    margin: 0 2px 0 0;
    vertical-align: -1px;
}
.beginner_item {
    font-size: 13px;
}
.beginner_title img {
    width: 12px;
    margin-right: 3px;
    vertical-align: 2px;
}
.beginner_title {
    font-size: 15px;
    font-weight: bold;
    margin-top: 5px;
    border: 1px solid #fff;
    padding: 9px 10px 8px;
}
.hyahhoo_saisin30_wrapper {
    display: flex;
    justify-content: space-between;
}

/****************************
*
*	匿名さん
*
****************************/
.resname {
    color: #0000FF;
    font-weight: bold;
}

span.resname.resname2 {
    color: #008800;
}