@charset "utf-8";

/* 要素リセット */
body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
    color: #000000; /* 標準文字色 */
    min-width: 900px;
    _background-image : url(../img/head_bg_01.png);
    _background-position: top left;
    _background-repeat: repeat-x;
}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:\66irst-child body {
    font-size: 70%;
}
/* end */

img {
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    vertical-align:middle;
    image-rendering: -webkit-optimize-contrast;
}

*:first-child + html img {
    display:block; /* for IE7 */
}

form {
	margin:0;
	padding:0;
}

.middle {
	vertical-align:middle;
}

/*--------------------------------------------------------
  デモページ判別
--------------------------------------------------------*/
.demo_dock {
	padding-top:300px;
	width:50px;
	height:100%;
	position:fixed;
	top:0;
	background-color:red;
	color: #fff;
    font-family:'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
    font-size:18px;
    font-weight:bold;
	text-align:center;
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}
.demo_dock_left {
	left:0px;
}
.demo_dock_right {
	right:0px;
}

/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
#container {
    background-image : url(../img/fbg_1B.png);
    background-position: bottom left;
    background-repeat: repeat-x;
    /*position: relative;*/  /*ie6ではおかしいので削除*/
}

#header {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    height: 82px;
    overflow: hidden;
}

#inner {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    clear: both;
}

.navi_on #inner {
    padding-top: 46px;
}

.navi_off #inner {
    padding-top: 23px;

}

#wrapper {
    padding-top: 1px;
}

.layoutset-01 #title {
    height: 220px;
    margin: 0px;
    padding: 0;
    overflow: hidden;
    background-image : url(../img/top_mainimg_1B_01.png);
    background-position: top right;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#title {
    height: 135px;
    margin: 0px;
    padding: 0;
    overflow: hidden;
    zoom: 100%;
}

#title h2 {
    padding-left: 20;
    font-weight: normal;
    color: #ffffff;
}
/* コンテンツ左時のインデント設定 */


#main {
    text-align: left;
    margin-left: auto;
    float: left;
    display:inline;
    padding-bottom: 50px;
}

.navi_on #main.top_page {
    width: 650px;
}

.navi_on #main {
    width: 700px;
}

/*.navi_off #main.mess {
    width: 900px;
}*/

.navi_off #main {
    width: 700px;
}

#aside.top_page {
	margin:0;
    width: 250px;
    float: right;
    display:inline;
    padding-bottom: 50px;
}

#aside {
    width: 200px;
    float: right;
    padding-bottom: 50px;
}

* html #aside {
    /*float: none;*/ /* for IE6 */
}

*:first-child + html #aside {
    float: none; /* for IE7 */
}


.layoutset-02 #aside {
}

#footer {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

.navi_on #footer {
    height: 200px;
}

.navi_off #footer {
    height: 160px;
}

#nav {
    width: 900px;
    /*height: 45px;*/
    height: 57px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}

#nav_login {
    width: 900px;
    /*height: 45px;*/
    height: 57px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}



/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/
/* 背景設定 
.layoutset-01 {
    background-image : url(../img/bg_1B_02_01.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.layoutset-02 {
    background-image : url(../img/bg_1B_02_02.png);
    background-position: top left;
    background-repeat: repeat-x;
}
*/

.navi_off#rep_chk {
    background-image : url(../img/gray.png);
    background-position: top left;
    background-repeat: repeat-x;
}

#rep_chk_header {
	width:900px;
	height:62px;
	float:left;
	padding-top:38px;
	font-size:24px;
	text-align:left;
	color:#fff;
}

#rep_chk_footer_bg {
	clear:both;
	width:100%;
	height:120px;
    background-color:#999999;
}

#rep_chk_footer {
	margin: 0 auto;
	width:900px;
	height:100px;
	padding-top:20px;
	font-size:12px;
	text-align:left;
	color:#fff;
}

#rep_chk #footerMain .link_mark {
    background-color:#999999;
}

#rep_chk_area {
	min-height:400px;
}

table.rep_chk_tbl {
	margin:0;
	width:690px;
	border:1px #29abe2 solid;
	border-collapse:collapse;
	border-spacing:0;
}

table.rep_chk_tbl th {
	padding:2px 15px;
	background-color:#29abe2;
	color:#fff;
	border:1px #29abe2 solid;
	font-size:16px;
    text-align: left;
    font-weight:normal;
}

table.rep_chk_tbl td {
	padding:8px 15px;
	border:1px #29abe2 solid;
    text-align: left;
	font-size:14px;
}


.navi_on#color01 {
    background-image : url(../img/head_bg01.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_on#color02 {
    background-image : url(../img/head_bg02.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_on#color03 {
    background-image : url(../img/head_bg03.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_on#color04 {
    background-image : url(../img/head_bg04.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_on#color05 {
    background-image : url(../img/head_bg05.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_on#color06 {
    background-image : url(../img/head_bg06.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_on#color07 {
    background-image : url(../img/head_bg07.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_on#color08 {
    background-image : url(../img/head_bg08.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_on#color09 {
    background-image : url(../img/head_bg09.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_on#color10 {
    background-image : url(../img/head_bg10.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_off#color01 {
    background-image : url(../img/head_bg_01.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_off#color02 {
    background-image : url(../img/head_bg_02.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_off#color03 {
    background-image : url(../img/head_bg_03.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_off#color04 {
    background-image : url(../img/head_bg_04.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_off#color05 {
    background-image : url(../img/head_bg_05.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_off#color06 {
    background-image : url(../img/head_bg_06.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_off#color07 {
    background-image : url(../img/head_bg_07.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_off#color08 {
    background-image : url(../img/head_bg_08.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_off#color09 {
    background-image : url(../img/head_bg_09.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.navi_off#color10 {
    background-image : url(../img/head_bg_10.png);
    background-position: top left;
    background-repeat: repeat-x;
}

.topics_01 {
	width: 680px;
	height: 51px;
    background-position: top left;
    background-repeat: no-repeat;
    background-image : url(../img/topics_01.png);
}

.topics01 {
	width: 631px;
	height: 51px;
    background-position: top left;
    background-repeat: no-repeat;
}

#admin .topics01 {
    background-image : url(../img/topics01_01.png);
}

#color01 .topics01 {
    background-image : url(../img/topics01_01.png);
}

#color02 .topics01 {
    background-image : url(../img/topics01_02.png);
}

#color03 .topics01 {
    background-image : url(../img/topics01_03.png);
}

#color04 .topics01 {
    background-image : url(../img/topics01_04.png);
}

#color05 .topics01 {
    background-image : url(../img/topics01_05.png);
}

#color06 .topics01 {
    background-image : url(../img/topics01_06.png);
}

#color07 .topics01 {
    background-image : url(../img/topics01_07.png);
}

#color08 .topics01 {
    background-image : url(../img/topics01_08.png);
}

#color09 .topics01 {
    background-image : url(../img/topics01_09.png);
}

#color10 .topics01 {
    background-image : url(../img/topics01_10.png);
}

.topics_02 {
	padding-left:1px;
	padding-right:1px;
	width: 678px;
	height: 210px;
    background-position: top left;
    background-repeat: repeat-y;
    background-image : url(../img/topics_02.png);
	overflow:scroll;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	text-align: left;
}

.topics02 {
	padding-left:1px;
	padding-right:1px;
	width: 629px;
	height: 260px;
    background-position: top left;
    background-repeat: repeat-y;
    background-image : url(../img/topics02.png);
	overflow:scroll;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	text-align: left;
}

.top_bannar {
	width: 310px;
	height: 50px;
    float: left;
    background-position: top left;
    background-repeat: no-repeat;
}

#admin .top_bannar {
    background-image : url(../img/top_bannar01.png);
}

#color01 .top_bannar {
    background-image : url(../img/top_bannar01.png);
}

#color02 .top_bannar {
    background-image : url(../img/top_bannar02.png);
}

#color03 .top_bannar {
    background-image : url(../img/top_bannar03.png);
}

#color04 .top_bannar {
    background-image : url(../img/top_bannar04.png);
}

#color05 .top_bannar {
    background-image : url(../img/top_bannar05.png);
}

#color06 .top_bannar {
    background-image : url(../img/top_bannar06.png);
}

#color07 .top_bannar {
    background-image : url(../img/top_bannar07.png);
}

#color08 .top_bannar {
    background-image : url(../img/top_bannar08.png);
}

#color09 .top_bannar {
    background-image : url(../img/top_bannar09.png);
}

#color10 .top_bannar {
    background-image : url(../img/top_bannar10.png);
}


/* コンテンツ配置領域 */

/* ナビゲーション */
#nav ul {
    margin-top: -1px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    list-style-type: none;
    text-align: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000000;
    border-left-width: 1px;
    border-left-style: solid;
    /*border-left-color: #E2E2E2;*/
    border-left-color: #746f6c;
    height: 41px;
}

#nav ul:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#nav li {
    display: block;
    width: 148px;
    float: left;
    height: 41px;
    border-right-width: 1px;
    border-right-style: solid;
    /*border-right-color: #E2E2E2;*/
    border-right-color: #746f6c;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
    text-align: center;
}

#nav li.adjust {
    display: block;
    width: 146px;
    float: left;
    height: 41px;
    border-right-width: 1px;
    border-right-style: solid;
    /*border-right-color: #E2E2E2;*/
    border-right-color: #746f6c;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
    text-align: center;
    /*background-color: #009537;*/	/*アクティブ時の背景*/
}

#nav li a {
    display: block;
    height: 41px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

#nav li span.ja {
    margin-top: 9px;
    display: block;
    letter-spacing: -1px;
    font-size: 12px;
    line-height: 18px;
}

#nav li span.en {
    display: block;
    font-size: 9px;
    line-height: 9px;
}

#nav a:link {
}
#nav a:visited {
}
#nav a:hover {
}
#nav a:active {
}

/* 【ログイン後】ナビゲーション */
#nav_login ul {
    margin-top: -1px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    list-style-type: none;
    text-align: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #000000;
    border-left-width: 1px;
    border-left-style: solid;
    /*border-left-color: #E2E2E2;*/
    border-left-color: #746f6c;
    height: 41px;
}

#nav_login ul:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#nav_login li {
    display: block;
    width: 178px;
    float: left;
    height: 41px;
    border-right-width: 1px;
    border-right-style: solid;
    /*border-right-color: #E2E2E2;*/
    border-right-color: #746f6c;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
    text-align: center;
}

#nav_login li.adjust {
    display: block;
    width: 177px;
    float: left;
    height: 41px;
    border-right-width: 1px;
    border-right-style: solid;
    /*border-right-color: #E2E2E2;*/
    border-right-color: #746f6c;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000000;
    text-align: center;
    /*background-color: #009537;*/	/*アクティブ時の背景*/
}

#nav_login li a {
    display: block;
    height: 41px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

#nav_login li span.ja {
    margin-top: 9px;
    display: block;
    letter-spacing: -1px;
    font-size: 12px;
    line-height: 18px;
}

#nav_login li span.en {
    display: block;
    font-size: 9px;
    line-height: 9px;
}

#nav_login a:link {
}
#nav_login a:visited {
}
#nav_login a:hover {
}
#nav_login a:active {
}

.link_foot a:link {
    color: #ffffff;
    text-decoration: none;
}
.link_foot a:visited {
    color: #ffffff;
    text-decoration: none;
}
.link_foot a:hover {
    color: #ffffff;
    text-decoration: none;
}
.link_foot a:active {
    color: #ffffff;
    text-decoration: none;
}

#right_foot a:link {
    color: #ffffff;
    text-decoration: none;
}
#right_foot a:visited {
    color: #ffffff;
    text-decoration: none;
}
#right_foot a:hover {
    color: #ffffff;
    text-decoration: none;
}
#right_foot a:active {
    color: #ffffff;
    text-decoration: none;
}

/*--------------------------------------------------------
  共通パーツデザイン設定
--------------------------------------------------------*/

/******************************
 * float clear
 ******************************/
.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
.clearfix {
    zoom: 1; /* for IE6 */
}


/*--------------------------------------------------------
  基本パーツデザイン設定
--------------------------------------------------------*/

/* リンク文字色 */
a:link {
    color: #ff6600;
    text-decoration: underline;
}
a:visited {
    color: #ff6600;
    text-decoration: underline;
}
a:hover {
    color: #ff3333;
    text-decoration: none;
}
a:active {
    color: #ff3333;
    text-decoration: none;
}

#skip {
    /* ヘッダースキップの非表示 */
    height: 1px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
}

p {
    margin-top: 0.5em;
    margin-bottom: 2.0em;
    padding-right: 0.1em;
    padding-left: 0.1em;
    line-height: 1.4;
    text-align: left;
}

p.large {
    font-size: 1.2em;
}
p.indent {
    padding-left: 35px;
}

.left {
    float: left;
    display:inline;
}
.right {
    float: right;
    display:inline;
}

.red {
	color: #F00;
}
.red2 {
	color: #e55928;
}
.blue {
	color: #00F;
}
.green {
	color: #009245;
}

.blue_a a:link {
    color: #00F;
    text-decoration: none;
}
.blue_a a:visited {
    color: #00F;
    text-decoration: none;
}
.blue_a a:hover {
    color: #00F;
    text-decoration: none;
}
.blue_a a:active {
    color: #00F;
    text-decoration: none;
}

.green_a a:link {
    color: #009245;
    text-decoration: none;
}
.green_a a:visited {
    color: #009245;
    text-decoration: none;
}
.green_a a:hover {
    color: #009245;
    text-decoration: none;
}
.green_a a:active {
    color: #009245;
    text-decoration: none;
}

.gray {
	color: #AAA;
}

.hspace5 {
	width: 100%;
	height: 5px;
}

.hspace10 {
	width: 100%;
	height: 10px;
}

.hspace20 {
	width: 100%;
	height: 20px;
}

.hspace30 {
	width: 100%;
	height: 30px;
}

.hspace40 {
	width: 100%;
	height: 40px;
}

.hspace50 {
	width: 100%;
	height: 50px;
}

.hspace80 {
	width: 100%;
	height: 80px;
}

.hspace100 {
	width: 100%;
	height: 100px;
}

.hspace150 {
	width: 100%;
	height: 150px;
}

.wspace10 {
	width: 10px;
	height: 50px;
}

.explanation_hspace {
	width: 680px;
	height: 20px;
}

.centering {
	width: 680px;
    text-align: center;
}

.indent1 {
	padding-left: 1em; /* ブロック全体を 1em 右に */
	text-indent: -1em;
}

.indent1_5 {
	padding-left: 1.5em; /* ブロック全体を 1em 右に */
	text-indent: -1.5em;
}

.indent2 {
	padding-left: 2em; /* ブロック全体を 1em 右に */
	text-indent: -2em;
}

.indent2_5 {
	padding-left: 2.5em; /* ブロック全体を 1em 右に */
	text-indent: -2.5em;
}

.indent3 {
	padding-left: 3em; /* ブロック全体を 1em 右に */
	text-indent: -3em;
}

.indent3_5 {
	padding-left: 3.5em; /* ブロック全体を 1em 右に */
	text-indent: -3.5em;
}

.indent4 {
	padding-left: 4em; /* ブロック全体を 1em 右に */
	text-indent: -4em;
}

.upload_box {
	padding-top:3px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	height:25px;
	width:230px;
	border:1px solid #D6D6D6;
	text-align:center;
	border-radius:5px;
	z-index:1;
	/*behavior:url(css/ie-css3.htc);*/
}

.upload_text {
	/*text-shadow:2px 2px 2px #5a5a5a;*/
	/*behavior:url(css/ie-css3.htc);*/
}

.shadow {
	text-shadow:2px 2px 2px #5a5a5a;
	/*****behavior:url(css/ie-css3.htc);*****/
}

.noshadow {
	text-shadow:none;
	/*****behavior:url(css/ie-css3.htc);*****/
}

.help250_area {
	width:240px;
	border:solid 5px #b3b3b3;
}

/* リンク文字色 */
.help250_area a:link {
    color: #000000;
    text-decoration: none;
}
.help250_area a:visited {
    color: #000000;
    text-decoration: none;
}
.help250_area a:hover {
    color: #000000;
    text-decoration: none;
}
.help250_area a:active {
    color: #000000;
    text-decoration: none;
}

.help200_area {
	width:190px;
	height:auto;
	border:solid 5px #b3b3b3;
}

/* リンク文字色 */
.help200_area a:link {
    color: #000000;
    text-decoration: none;
}
.help200_area a:visited {
    color: #000000;
    text-decoration: none;
}
.help200_area a:hover {
    color: #000000;
    text-decoration: none;
}
.help200_area a:active {
    color: #000000;
    text-decoration: none;
}

.help250_mark1 {
	width:20px;
	height:49px;
	margin-left:10px;
	padding-top:1px;
	float:left;
	display:inline;
}

.help200_mark1 {
	width:15px;
	height:49px;
	margin-left:10px;
	padding-top:1px;
	float:left;
	display:inline;
}

.help250_title1 {
	width:200px;
	height:14px;
	padding-top:16px;
	padding-bottom:20px;
	margin-right:10px;
	font-size:14px;
	text-align:left;
	float:left;
	display:inline;
}

.help200_title1 {
	width:155px;
	height:14px;
	padding-top:16px;
	padding-bottom:20px;
	margin-right:10px;
	font-size:14px;
	text-align:left;
	float:left;
	display:inline;
}

.help250_mark2 {
	width:20px;
	height:49px;
	margin-left:10px;
	border-top:solid 1px #b3b3b3;
	float:left;
	display:inline;
}

.help200_mark2 {
	width:15px;
	height:49px;
	margin-left:10px;
	border-top:solid 1px #b3b3b3;
	float:left;
	display:inline;
}

.help250_title2 {
	width:200px;
	height:14px;
	padding-top:15px;
	padding-bottom:20px;
	margin-right:10px;
	font-size:14px;
	text-align:left;
	border-top:solid 1px #b3b3b3;
	float:left;
	display:inline;
}

.help200_title2 {
	width:155px;
	height:14px;
	padding-top:15px;
	padding-bottom:20px;
	margin-right:10px;
	font-size:14px;
	text-align:left;
	border-top:solid 1px #b3b3b3;
	float:left;
	display:inline;
}

/* リンク文字色 */
.chat_table a:link {
    color: #800080;
    text-decoration: none;
}
.chat_table a:visited {
    color: #800080;
    text-decoration: none;
}
.chat_table a:hover {
    color: #800080;
    text-decoration: none;
}
.chat_table a:active {
    color: #800080;
    text-decoration: none;
}
table.chat_table {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.chat_table td {
    padding: 5px 0px 5px 0px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
.chat_his {
	text-align:center;
	font-size:11px;
}

#chat_title {
    width: 600px;
    padding: 5px 0px 5px 0px;
    border: 1px #ccc solid;
    border-bottom: none;
    background: #f7931e;
    font-weight: bold;
    text-align:center;
    color: #fff;
}
#chat_stat {
    width: 600px;
    padding: 0px;
    border: 1px #ccc solid;
    border-top: none;
    border-bottom: none;
    text-align:right;
    font-size:12px;
}
.chat_adname {
	font-weight: bold;
    color: #0071bc;
	font-size: 16px;
}
.chat_uname {
	font-weight: bold;
    color: #f7931e;
	font-size: 16px;
}
.chat_tstump {
    font-size:10px;
    color: #0071bc;
}



/* リンク文字色 */
.chat2_table a:link {
    color: #800080;
    text-decoration: none;
}
.chat2_table a:visited {
    color: #800080;
    text-decoration: none;
}
.chat2_table a:hover {
    color: #800080;
    text-decoration: none;
}
.chat2_table a:active {
    color: #800080;
    text-decoration: none;
}
table.chat2_table {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.chat2_table td {
    padding: 5px 0px 5px 0px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
.chat2_his {
	text-align:center;
	font-size:11px;
}

#chat2_title {
    width: 600px;
    padding: 5px 0px 5px 0px;
    border: 1px #ccc solid;
    border-bottom: none;
    background: #009245;
    font-weight: bold;
    text-align:center;
    color: #fff;
}
#chat2_stat {
    width: 600px;
    padding: 0px;
    border: 1px #ccc solid;
    border-top: none;
    border-bottom: none;
    text-align:right;
    font-size:12px;
}
.chat2_adname {
	font-weight: bold;
    color: #0071bc;
	font-size: 16px;
}
.chat2_uname {
	font-weight: bold;
    color: #f7931e;
	font-size: 16px;
}
.chat2_tstump {
    font-size:10px;
    color: #0071bc;
}



/* リンク文字色 */
.chat3_table a:link {
    color: #800080;
    text-decoration: none;
}
.chat3_table a:visited {
    color: #800080;
    text-decoration: none;
}
.chat3_table a:hover {
    color: #800080;
    text-decoration: none;
}
.chat3_table a:active {
    color: #800080;
    text-decoration: none;
}
table.chat3_table {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table.chat3_table td {
    padding: 5px 0px 5px 0px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
.chat3_his {
	text-align:center;
	font-size:11px;
}

#chat3_title {
    width: 600px;
    padding: 5px 0px 5px 0px;
    border: 1px #ccc solid;
    border-bottom: none;
    background: #009245;
    font-weight: bold;
    text-align:center;
    color: #fff;
}
#chat3_stat {
    width: 600px;
    padding: 0px;
    border: 1px #ccc solid;
    border-top: none;
    border-bottom: none;
    text-align:right;
    font-size:12px;
}
.chat3_adname {
	font-weight: bold;
    color: #0071bc;
	font-size: 16px;
}
.chat3_uname {
	font-weight: bold;
    color: #f7931e;
	font-size: 16px;
}
.chat3_tstump {
    font-size:10px;
    color: #0071bc;
}



.input_hid {
	width:0;
	height:0;
	color:#fff;
	border:none;
	display:none;
}

.b_word {
	white-space: pre;	/* CSS 2.0 */
	white-space: pre-wrap;	/* CSS 2.1 */
	white-space: pre-line;	/* CSS 3.0 */
	white-space: -pre-wrap;	/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	white-space: -moz-pre-wrap;	/* Mozilla */
	white-space: -hp-pre-wrap;	/* HP Printers */
	word-wrap: break-word;	/* IE 5+ */
}

.gray_scale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: 0.2s linear;
}

.form_error {
	background: #ffd1d8;
}

.chou95 {
	transform-origin:left top;
	-webkit-transform-origin:left top;
	-moz-transform-origin:left top;
	-o-transform-origin:left top;
	-ms-transform-origin:left top;
	transform:scale(0.95, 1);
	-webkit-transform:scale(0.95, 1);
	-moz-transform:scale(0.95, 1);
	-o-transform:scale(0.95, 1);
	-ms-transform:scale(0.95, 1);
	display:inline-block;
	width:106%!important;
}

.chou90 {
	transform-origin:left top;
	-webkit-transform-origin:left top;
	-moz-transform-origin:left top;
	-o-transform-origin:left top;
	-ms-transform-origin:left top;
	transform:scale(0.90, 1);
	-webkit-transform:scale(0.90, 1);
	-moz-transform:scale(0.90, 1);
	-o-transform:scale(0.90, 1);
	-ms-transform:scale(0.90, 1);
	display:inline-block;
	width:112%!important;
}

.chou85 {
	transform-origin:left top;
	-webkit-transform-origin:left top;
	-moz-transform-origin:left top;
	-o-transform-origin:left top;
	-ms-transform-origin:left top;
	transform:scale(0.85, 1);
	-webkit-transform:scale(0.85, 1);
	-moz-transform:scale(0.85, 1);
	-o-transform:scale(0.85, 1);
	-ms-transform:scale(0.85, 1);
	display:inline-block;
	width:118%!important;
}

.chou80 {
	transform-origin:left top;
	-webkit-transform-origin:left top;
	-moz-transform-origin:left top;
	-o-transform-origin:left top;
	-ms-transform-origin:left top;
	transform:scale(0.80, 1);
	-webkit-transform:scale(0.80, 1);
	-moz-transform:scale(0.80, 1);
	-o-transform:scale(0.80, 1);
	-ms-transform:scale(0.80, 1);
	display:inline-block;
	width:125%!important;
}

.chou75 {
	transform-origin:left top;
	-webkit-transform-origin:left top;
	-moz-transform-origin:left top;
	-o-transform-origin:left top;
	-ms-transform-origin:left top;
	transform:scale(0.75, 1);
	-webkit-transform:scale(0.75, 1);
	-moz-transform:scale(0.75, 1);
	-o-transform:scale(0.75, 1);
	-ms-transform:scale(0.75, 1);
	display:inline-block;
	width:134%!important;
}

.chou70 {
	transform-origin:left top;
	-webkit-transform-origin:left top;
	-moz-transform-origin:left top;
	-o-transform-origin:left top;
	-ms-transform-origin:left top;
	transform:scale(0.70, 1);
	-webkit-transform:scale(0.70, 1);
	-moz-transform:scale(0.70, 1);
	-o-transform:scale(0.70, 1);
	-ms-transform:scale(0.70, 1);
	display:inline-block;
	width:143%!important;
}

a.btn_12 {
	/* display: flex; */
	display: inline-block;
    justify-content: space-evenly;
    align-items: center;
	text-align: center;
	text-decoration: none;
	width: 120px;
	margin: auto;
	margin: 1px 0;
	/* padding: 1rem 4rem 1rem 3rem */
	font-weight: bold;
	background: #27acd9;
	color: #fff;
	border-radius: 100vh;
	position: relative;
	transition: 0.5s;
}
/* ボタンの中の矢印
a.btn_12::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
*/
a.btn_12:hover {
	background: #44c6f2;
	color: #fff;
}

.btn_yoko {
	display: inline-block;
	background-color: #353131;
	color: #fff;
	padding: 8px 16px;
	text-decoration: none;
	max-width: 100%;
	font-size: 12px;
}
.btn_yoko::after {
	content: '';
	display: inline-block;
	line-height: 0.8em;
	width: 10px;
	height: 10px;
	margin-left: 36px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	box-sizing: border-box;
}
.btn_yoko i {
	margin-right: 8px;
}
a.btn_yoko:link {
	color: #fff;
    text-decoration: none;
}
a.btn_yoko:visited {
	color: #fff;
    text-decoration: none;
}
a.btn_yoko:hover {
	color: #fff;
    text-decoration: none;
}
a.btn_yoko:active {
	color: #fff;
    text-decoration: none;
}
