@charset "UTF-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;}

h1,h2,h3,h4,h5,h6,p,address { font-size: 100%; font-weight: normal; font-style: normal; } 

body {
	font-size: 100%;
	min-width: 1000px;
	background: url(../common/most_back.jpg) 50% 0px repeat-y;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #190b28; }
#content { width: 980px; position: relative; background: url(../common/main_back.jpg) repeat-y; }

.main_star { background: url(../common/main_star.jpg) no-repeat; }

.right_column_star { background: url(../common/right_column_star.jpg) repeat-y; }

td { font-size: 100%; color: #f3edde; }

#title_logo {
 width: 320px; height: 183px;
 position : absolute;
 right: 30px; left: 677px; margin-top: 0px;
}

.line01 { margin: 30px 0px 7px 45px;
	width: 590px; height: 24px;
	background: url(../common/line.png) no-repeat; text-indent: -9999px; }

.line02 { margin: 15px 0px 7px 45px;
	width: 590px; height: 24px;
	background: url(../common/line.png) no-repeat; text-indent: -9999px; }

.line_small { margin: 30px 0px 7px 45px;
	width: 590px; height: 21px;
	background: url(../common/line_small.png) no-repeat; text-indent: -9999px; }

.line_small02 { margin: 15px 0px 15px 45px;
	width: 590px; height: 21px;
	background: url(../common/line_small.png) no-repeat; text-indent: -9999px; }

.line02 { margin: 15px 0px 7px 45px;
	width: 590px; height: 21px;
	background: url(../common/line02.png) no-repeat; text-indent: -9999px; }

.kuro_back { background: url(https://www.hostchan.jp/2018/common/kuro_back.png) repeat; }

.text_13 { font-size: 13px; }
.text_16 { font-size: 16px; }
.text_18 { font-size: 18px; }
.text_19 { font-size: 19px; }
.text_20 { font-size: 20px; }
.text_22 { font-size: 22px; }
.text_26 { font-size: 26px; }
.text_30 { font-size: 30px; }
.text_35 { font-size: 35px; }
.text_50 { font-size: 50px; }

.mar_top5 { margin-top: 5px; }
.mar_top8 { margin-top: 8px; }
.mar_top12 { margin-top: 12px; }
.mar_top16 { margin-top: 16px; }
.mar_top20 { margin-top: 20px; }
.mar_top25 { margin-top: 25px; }
.mar_top32 { margin-top: 32px; }
.mar_top36 { margin-top: 36px; }

.mar_left1em { margin-left: 1em; }

.large { font-size: 110%; line-height: 1.6; }
.large02 { font-size: 170%; line-height: 1.6; }
.small { font-size: 95%; }

.text_yellow { color: #f4c842; font-weight: bold; }
.text_yellow02 { color: #f6e0b2; font-weight: bold; }
.text_yellow03 { color: #fffcb4; }
.text_yellow04 { color: #ffba00; font-weight: bold; }
.text_red01 { color: #ff005a; font-weight: bold; }
.text_pink01 { color: #fe4fb6; font-weight: bold; }
.text_pink02 { color: #ffaaff; font-weight: bold; }
.text_pink03 { color: #e652bc; font-weight: bold; }
.text_purple { color: #b364ff; font-weight: bold; }
.text_kuro { color: #330f1f; font-weight: bold; }
.text_white { color: #fff; font-weight: bold; }
.text_blue { color: #3889bd; font-weight: bold; }
.text_gray { color: #41142a; }

.textshadow { text-shadow: 1px 2px 3px #3c0a1f; }
.textshadow_w { text-shadow: 1px 1px 1px #fff; }
.textshadow_kuro { text-shadow: 1px 1px 1px #000; }

.text_arrow { color: #52baf3; font-weight: bold; }

.text1em {
	padding-left: 1em;
    text-indent: -1em; }
.text2em {
	padding-left: 2em;
    text-indent: -2em; }

.midashi_table01 { margin: 40px 0px 0px 56px; }
.midashi_table02 { margin: 20px 0px 0px 56px; }
.midashi_line { background: url(../common/midashi_line.png) no-repeat; }
.midashi_text01 {
	font-size: 18px; line-height: 1.7; margin: 2px 0px 0px 18px; color: #f3edde; }

/* tweet FB */
.twi_fb_table { margin: 195px 0px 0px 0px; }
.fbbutton { padding: 0px 10px 0px 0px; }

/* twitter */
.twi_table01 { margin: 0px 0px 0px 16px; }
.twi_table02 { padding: 0px 0px 0px 13px; }

h3.twi_title {
	margin: 12px 0px 0px 16px;
	width: 271px; height: 32px;
	background: url(../common/twi_title.png) no-repeat;
	text-indent: -9999px; }
.twi_line { background: url(../common/twi_line.png) repeat-y; }
h4.twi_under {
	margin: 0px 0px 0px 16px;
	width: 271px; height: 31px;
	background: url(../common/twi_under.png) no-repeat;
	text-indent: -9999px; }

/* Link set */
a:link { color: #f3c957; text-decoration: none; }
a:visited { color: #f3c957; text-decoration: none; }
a:hover { color: #fa8d00; text-decoration: underline; }

/* waku */
.waku_line { background: url(https://www.hostchan.jp/2018/common/waku_line.png) repeat-y; }
.waku_text01 {
	font-size: 14px; line-height: 1.8;
	padding: 0px 25px 0px 25px;
	color: #f3edde; }
.waku_kome_text01 { 
	font-size: 13px; line-height: 1.7;
	padding: 0px 25px 0px 25px;
	color: #d3c4be; }

/* footer */
.footer_back { 
	background: url(../common/footer_back.jpg) repeat-x;
	background-color: #240c3a; }

.footer_star { background: url(../common/footer_star.png) no-repeat; }

.footer_table { margin: 17px 0px 5px 0px; }

h5.sponsor_logo {
	margin: 5px 0px 0px 0px;
	width: 545px; height: 53px;
	background: url(../common/sponsor_logo.png) no-repeat;
	text-indent: -9999px; }

.sponsor_text {
	font-size: 85%;
	color: #cfc5a2;
	padding: 20px 0px 0px 0px; }

.copyright {
	font-size: 80%; line-height: 130%;
	color: #cfc5a2;
	padding: 15px 0px 20px 0px; }


/* ★ 上へ戻る位置設定 ★ */
#top { width: 100%; height: 0px; top: 0px; position: absolute; }

/* PAGE TOP */
#pageTop {
  position: fixed;
  bottom: 35px;
  right: 35px;
  z-index: 150;
}
 
#pageTop a {
  display: block;
  width: 91px; height: 91px;
  background-image: url(../common/pagetop.jpg);
}
#pageTop a span{ display: none; }
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

@media print { body { display: none !important; } }