@charset "utf-8";
body {
font-family:"arial", "MS UI Gothic", "ＭＳ Ｐゴシック" !important;
}
body,address,blockquote,dl,dt,dd,fieldset,form,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul{
margin: 0;
padding: 0;
text-align: left;
font-weight: normal;
border: none;
}
li{
list-style: none;
}
img{
vertical-align: top;
border: none;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
th{
text-align: left;
}
.cf:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.cf {display: inline-block;}
/* Hides from IE5/Mac \*/
* html .cf {height: 1px;}
.cf {display: block;}
/* End hide from IE5/Mac */
body {
background: url(http://img.tinierme.com/account/img/bg.jpg) 0 0 repeat-x;
color: #444444;
font-size: 12px;
line-height: 1.4;
padding: 10px 0 0 0;
}
a:link{text-decoration:none;color:#FF6600;}
a:visited,a:active{text-decoration:none;color:#FF6600;}
a:hover{text-decoration:underline;color:#FF0000;}
.landing_core{
width: 840px;
margin: 0 auto;
background: White;
}
#header{
margin: 0 auto;
width: 800px;
}
#footer{
width: 840px;
margin: 0 auto;
padding: 20px 0;
background: White;
border-top: 1px solid #ddd;
}
#footer *{
font-size: 1px;
line-height: 1;
}
#footer ul li{
padding: 0 0 6px 0;
}
#footer address .copyright{
float: left;
}
#footer address .logo{
float: right;
position: relative;
top: -16px;
}
/*index.html*/
.index{
background: url(http://img.tinierme.com/welcome/img/index/index_gran_bg.gif);
margin: 0 0 50px;
}
.index .header{
position:relative;
background: url(http://img.tinierme.com/welcome/img/index/index_header_back.gif);
width:840px;
height:104px;
}
.index .header h1{
position: absolute;
margin:26px 0px 0px 20px;
}
.index .header .gototop{
position: absolute;
top:60px;
left:610px;
}
.index .swf_area h2{
text-align: center;
}
.index .sec0{
margin: 13px auto 4px;
width: 795px;
height: 123px;
position: relative;
}
.index .sec0 .forms{
position: absolute;
top: 47px;
left: 321px;
}
.index .sec0 .forms li{
float: left;
margin: 0 4px 0 0;
display: inline;
}
.index .sec0 .forms li.input_box{
background: White;
padding: 4px;
}
.index .sec0 .forms li.input_box input{
width: 320px;
font-size: 12px;
line-height: 1.1;
}
.index .sec0 p{
position: absolute;
top:84px;
left: 60px;
color: White;
font-size: 11px;
line-height: 1.2;
}
.index .sec1{
width: 808px;
margin: 0 auto 58px;
}
.index .sec2{
width: 810px;
margin: 0 auto 16px;
background: url(http://img.tinierme.com/welcome/img/index/index_sec2_p_bg.gif);
}
.index .sec2 ul{
padding: 19px 0 0 10px;
}
.index .sec2 ul li{
width: 153px;
height:290px;
float: left;
margin: 0 5px 0 0;
display: inline;
}
.index .sec2 ul li p{
padding: 5px 10px 20px;
}
.index .sec2 ul li p strong{
color: #f60;
}
.index .sec3{
background: url(http://img.tinierme.com/welcome/img/index/index_gran_bottom.gif) left bottom no-repeat;
padding: 0 0 40px;
}
.index .sec3 ul li{
text-align: center;
}
.index .sec3 .gototop{
position: absolute;
margin: 10px 0px 0px 28px;
}
/* index_mahjong.html */
body#index_mahjong{
background: url(http://img.tinierme.com/welcome/img/index_mahjong/index_mahjong_bg.jpg) 0 0 repeat-x;
border-bottom: 10px solid #FF9900;
}
body#index_mahjong.registrations{
background: url(http://img.tinierme.com/welcome/img/index_mahjong/index_mahjong_bg.jpg) 0 -100px repeat-x;
border-bottom: 10px solid #FF9900;
}
body#index_mahjong div.index_mahjong{
background: url(http://img.tinierme.com/welcome/img/index_mahjong/index_mahjong_bg.gif);
margin: 0 0 35px;
}
body#index_mahjong div.index_mahjong div.inner{
background: url(http://img.tinierme.com/welcome/img/index_mahjong/index_mahjong_bottom.gif) no-repeat left bottom;
padding: 0 0 20px;
}
body#index_mahjong div.index_mahjong div.inner div.header{
width: 812px;
margin: 0 auto 8px;
}
body#index_mahjong div.index_mahjong div.inner div.header div.form_area{
background: url(http://img.tinierme.com/welcome/img/index_mahjong/index_mahjong_form_bg.jpg);
height: 107px;
}
body#index_mahjong div.index_mahjong div.inner div.header div.form_area p.input_line{
padding: 32px 0 0 357px;
}
body#index_mahjong div.index_mahjong div.inner div.header div.form_area p.input_line img{
vertical-align: middle;
}
body#index_mahjong div.index_mahjong div.inner div.header div.form_area p.explain{
padding: 5px 35px 0;
color: White;
}
body#index_mahjong div.index_mahjong div.inner div.contents{
width: 800px;
margin: 0 auto 8px;
}
body#index_mahjong div.index_mahjong div.inner div.contents ul{
overflow: auto;
}
body#index_mahjong div.index_mahjong div.inner div.contents ul li{
float: left;
}
body#index_mahjong div#registration_area h1{
text-align: center;
}
body#index_mahjong div#registration_area p.registration_steps{
text-align: center;
padding: 0 0 45px;
}
body#index_mahjong div#registration_area div.inner{
width: 600px;
margin: 0 auto;
background: none;
padding: 0 0 0 0;
}
body#index_mahjong div#registration_area div.inner h2{
text-align: center;
margin: 0 0 20px;
}
body#index_mahjong div#registration_area div.inner div.sec{
padding: 0 2em 2em 2em;
}
body#index_mahjong div#registration_area div.inner table.registration_table{
width: 598px;
}
body#index_mahjong div#registration_area div.inner table.registration_table,
body#index_mahjong div#registration_area div.inner table.registration_table th,
body#index_mahjong div#registration_area div.inner table.registration_table td{
border: 1px solid #ccc;
}
body#index_mahjong div#registration_area div.inner table.registration_table th,
body#index_mahjong div#registration_area div.inner table.registration_table td{
padding: 1em;
}
body#index_mahjong div#registration_area div.inner table.registration_table th{
width: 160px;
background: #fff3f3;
text-align: center;
}
body#index_mahjong div#registration_area div.inner table.registration_table td p img{
margin: 0 5px;
}
body#index_mahjong div#registration_area div.inner table.registration_table td p img,
body#index_mahjong div#registration_area div.inner table.registration_table td p input{
vertical-align: middle;
}
body#index_mahjong div#registration_area div.inner table.registration_table td div.sended_mail_explain{
margin: -1em 0 0 0;
}
body#index_mahjong div#registration_area div.inner table.registration_table td div.sended_mail_explain h3,
body#index_mahjong div#registration_area div.inner table.registration_table td div.sended_mail_explain p{
margin: 1em 0;
}
body#index_mahjong div#registration_area div.inner table.registration_table td div.sended_mail_explain h3,
body#index_mahjong div#registration_area div.inner table.registration_table td div.sended_mail_explain h4{
font-weight: bold;
font-size: 14px;
}
body#index_mahjong div#registration_area div.inner table.registration_table td div.sended_mail_explain h4{
margin: 0 0 -1em;
}
/* index_reversi.html */
body#index_reversi{
background: url(http://img.tinierme.com/welcome/img/index_reversi/index_reversi_bg.jpg) 0 0 repeat-x;
border-bottom: 10px solid #FF9900;
}
body#index_reversi.registrations{
background: url(http://img.tinierme.com/welcome/img/index_reversi/index_reversi_bg.jpg) 0 -100px repeat-x;
border-bottom: 10px solid #FF9900;
}
body#index_aol.registrations{
background: url(http://img.tinierme.com/account/regist_aol/img/index_aol_gran_bg.jpg) 0 -100px repeat-x;
border-bottom: 10px solid #FF9900;
}
body#index_reversi div.index_reversi{
background: url(http://img.tinierme.com/welcome/img/index_mahjong/index_mahjong_bg.gif);
margin: 0 0 35px;
}
body#index_reversi div.index_reversi div.inner{
background: url(http://img.tinierme.com/welcome/img/index_mahjong/index_mahjong_bottom.gif) no-repeat left bottom;
padding: 0 0 20px;
}
body#index_reversi div.index_reversi div.inner div.header{
width: 795px;
margin: 0 auto 8px;
}
body#index_reversi div.index_reversi div.inner div.header div.form_area{
background: url(http://img.tinierme.com/welcome/img/index_reversi/index_reversi_form_bg.jpg);
height: 97px;
}
body#index_reversi div.index_reversi div.inner div.header div.form_area p.input_line{
padding: 22px 0 0 357px;
}
body#index_reversi div.index_reversi div.inner div.header div.form_area p.input_line img{
vertical-align: middle;
}
body#index_reversi div.index_reversi div.inner div.header div.form_area p.explain{
padding: 5px 35px 0;
color: White;
}
body#index_reversi div.index_reversi div.inner div.contents{
width: 793px;
margin: 0 auto 8px;
}
body#index_reversi div.index_reversi div.inner div.contents ul{
overflow: auto;
}
body#index_reversi div.index_reversi div.inner div.contents ul li{
float: left;
}
div#registration_area h1{
text-align: center;
}
div#registration_area p.registration_steps{
text-align: center;
padding: 0 0 45px;
}
div#registration_area div.inner{
width: 626px;
margin: 0 auto;
background: none !important;
padding: 0 0 0 0;
}
div#registration_area div.inner h2{
text-align: center;
margin: 0 0 20px;
}
div#registration_area div.inner div.sec{
padding: 0 2em 2em 2em;
}
div#registration_area div.inner table.registration_table{
width: 598px;
}
div#registration_area div.inner table.registration_table,
div#registration_area div.inner table.registration_table th,
div#registration_area div.inner table.registration_table td{
border: 1px solid #ccc;
}
div#registration_area div.inner table.registration_table th,
div#registration_area div.inner table.registration_table td{
padding: 1em;
}
div#registration_area div.inner table.registration_table th{
width: 160px;
background: #fff3f3;
text-align: center;
}
div#registration_area div.inner table.registration_table td p img{
margin: 0 5px;
}
div#registration_area div.inner table.registration_table td p img,
div#registration_area div.inner table.registration_table td p input{
vertical-align: middle;
}
div#registration_area div.inner table.registration_table td div.sended_mail_explain{
margin: -1em 0 0 0;
}
div#registration_area div.inner table.registration_table td div.sended_mail_explain h3,
div#registration_area div.inner table.registration_table td div.sended_mail_explain p{
margin: 1em 0;
}
div#registration_area div.inner table.registration_table td div.sended_mail_explain h3,
div#registration_area div.inner table.registration_table td div.sended_mail_explain h4{
font-weight: bold;
font-size: 14px;
}
div#registration_area div.inner table.registration_table td div.sended_mail_explain h4{
margin: 0 0 -1em;
}
div#registration_area div.inner .btn_steps_ctrl{
padding: 20px;
}
div#registration_area div.inner .btn_steps_ctrl ul li{
text-align: center;
}
div#registration_area div.inner .btn_steps_ctrl ul li img{
margin: 0 30px;
}
div#regulation_area{
margin: 20px auto;
border: 1px solid #ddd;
}
div#regulation_area h2{
background: url(http://img.tinierme.com/account/img/free_regist_regulation_bg.gif);
border-bottom: 1px solid #ddd;
padding: 5px;
font-size: 14px;
font-weight: bold;
color: White;
text-align: left;
}
div#regulation_area iframe{
display: block;
width: 598px;
height: 400px;
margin: 5px auto;
}
#page_anchor{
background: url(http://img.tinierme.com/welcome/img/index_mahjong/footer_resist_bg.jpg);
width: 799px;
height: 67px;
margin: 0 auto;
}
#page_anchor ul li{
padding: 6px 0 0 452px;
}
/*library*/
.rollover{}
.burasagari_single1{
padding-left: 1em;
text-indent: -1em;
}
.burasagari_single1:first-letter{
font-family:"arial",  monospace;
}
.colorRed{
color: Red;
font-size: 90%;
}
.colorOrange{
color: #f60;
}
#index_aol {
background:url(http://img.tinierme.com/account/regist_aol/img/index_aol_gran_bg.jpg) 0 0 repeat-x;
}
#index_aol .landing_core .landing_core_inner .index_aol .inner .header .form_area {
background:url(http://img.tinierme.com/account/regist_aol/img/index_aol_h21.jpg) 0 0 no-repeat;
height:81px;
padding:47px 0 0 0;
}
#index_aol .landing_core .landing_core_inner .index_aol .inner .contents ul {
margin:14px 0 30px 14px;
}
#index_aol .landing_core .landing_core_inner .index_aol .inner .contents ul li{
float:left;
}
#index_aol .landing_core .landing_core_inner .index_aol .inner {
background:url(http://img.tinierme.com/account/regist_aol/img/index_aol_innerBg.gif) 0 0 ;
}
#index_aol .landing_core .landing_core_inner .index_aol {
background:url(http://img.tinierme.com/account/regist_aol/img/index_aol_bottom.gif) left bottom no-repeat;
padding:0 0 27px;
margin:0 0 40px;
}
#index_aol .landing_core .landing_core_inner .index_aol .inner .header .form_area .input_line{
padding:5px 0 0 372px;
}
#index_aol .landing_core .landing_core_inner .index_aol .inner .header .form_area .input_line .mail_form {
border:3px solid white;
position:relative;
top:3px;
margin:0 10px 0 0;
}
#index_aol .landing_core .landing_core_inner .index_aol .inner .header .form_area .explain {
width:740px;
margin:2px auto 0;
color:white;
}
#index_aol .landing_core .landing_core_inner .index_aol .inner .contents p {
position:absolute;
top:-9999px;
left:-9999px;
width:100px;
height:100px;
overflow:hidden;
}
#index_aol .landing_core .landing_core_inner .index_aol .inner #registration_area .inner {
background:none !important;
}
/*============================================
最終更新日：08/01/15
【1】全体設定
【2】コンテンツ内枠設定
【3】ゲームコンテンツ背景
【4】ヘッダーテキスト
【5】登録
【6】フッター
============================================*/
/*---------------------------------------------
【1】全体設定
----------------------------------------------*/
#index_portal body {
background: url(http://img.tinierme.com/welcome/img/index_portal/bg_body.gif) repeat-x;
margin: 0;
padding: 0;
font-family:"arial", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#index_portal img {
border: none;
}
/*---------------------------------------------
【2】コンテンツ内枠設定
----------------------------------------------*/
#index_portal .cnt_border {
border-left: solid 1px #DDD;
border-right: solid 1px #DDD;
border-bottom: solid 1px #DDD;
background: #FFFFFF;
}
/*---------------------------------------------
【3】ゲームコンテンツ背景
----------------------------------------------*/
#index_portal .gameinfo {
background: url(http://img.tinierme.com/welcome/img/index_portal/games_infobk.gif);
width: 760px;
padding: 20px;
}
#index_portal .gameinfo_bk {
background: #FFFFFF;
}
#index_portal .gameinfo_text {
color: #4c3c2c;
font-size: 12px;
line-height: 160%;
}
/*---------------------------------------------
【4】ヘッダーテキスト
----------------------------------------------*/
#index_portal .head_text {
font-size: 12px;
color: #000;
}
/*---------------------------------------------
【5】登録
----------------------------------------------*/
#index_portal .form {
width: 800px;
height: 72px;
margin: 0;
padding: 0;
background: url(http://img.tinierme.com/welcome/img/index_portal/landing_flash_regist_form_bg.jpg) no-repeat;
}
#index_portal .form_btn {
width: 800x;
height: 22px;
position: relative;
top: -15px;
left: 690px;
margin: 0;
padding: 0;
}
#index_portal .form ul{
list-style: none;
margin: 0;
padding: 0;
}
#index_portal .form .mail_address{
width: 215px;
position: relative;
top: 8px;
left: 469px;
}
/*---------------------------------------------
【6】フッター
----------------------------------------------*/
#index_portal .foot_txt {
font-size: 12px;
color: #CCC;
}
#index_portal .cnt_border .form .form_btn {
width:73px;
}
#index_portal .sec0{
margin: 13px auto 4px;
width: 795px;
height: 123px;
position: relative;
}
#index_portal .sec0 .forms{
position: absolute;
top: 47px;
left: 321px;
}
#index_portal .sec0 .forms li{
float: left;
margin: 0 4px 0 0;
display: inline;
}
#index_portal .sec0 .forms li.input_box{
background: White;
padding: 4px;
}
#index_portal .sec0 .forms li.input_box input{
width: 320px;
font-size: 12px;
line-height: 1.1;
}
#index_portal .sec0 p{
position: absolute;
bottom: 10px;
left: 70px;
color: White;
font-size: 12px;
line-height: 1.2;
}
#index_panya #wrapper {
width: 846px;
margin: 0px auto 0px auto;
text-align: center;
}
#index_panya .table_header {
font-size:12px;
 padding-left:23px;
}
#index_panya #img_top {
margin-top: 10px;
}
#index_panya .td_touroku {
width: 800px;
height: 111px;
background: url(http://img.tinierme.com/welcome/img/index_pangya/bg_touroku.gif) no-repeat;
position: relative;
}
#index_panya .tx_kantan_touroku {
top: 0px;
left: 0px;
position: absolute;
}
#index_panya .mail_form {
border: #ffffff;
position: absolute;
left: 325px;
top: 43px;
width: 325px;
}
#index_panya .table_tyui {
font-size: 10px;
color: #333333;
position: absolute;
left: 13px;
top: 78px;
line-height: 130%;
}
#index_panya #bu_soushin {
position: absolute;
left: 669px;
top: 18px;
}
#index_panya #bu_soushin a span {
display: none;
}
#index_panya #bu_soushin a {
height: 66px;
width: 121px;
background: url(http://img.tinierme.com/welcome/img/index_pangya/bu_soushin_top.gif) no-repeat; 
display: block;
}
#index_panya #bu_soushin a:hover {
background: url(http://img.tinierme.com/welcome/img/index_pangya/bu_soushin_top.gif) no-repeat -121px 0px; 
}
#index_panya .td_tyui_left {
width: 102px;
}
#index_panya .table_contents {
margin-top: 14px;
}
#index_panya .td_contents {
padding: 0px 5px;
}
#index_panya .td_contents_tx {
width: 235px;
color: #544230;
font-size: 12px;
line-height: 130%;
padding-left: 8px;
}
#index_panya .td_contents_img_left {
width: 130px;
}
#index_panya .td_contents_img_right {
width: 255px;
}
#index_panya .img_contents_top {
margin-top: 7px;
}
#index_panya .table_touroku_2 {
margin-top: 11px;
margin-bottom: 9px;
}
#index_panya2{
background-image: url(http://img.tinierme.com/welcome/img/index_pangya/bg_body.gif);
}
#index_panya #img_body_bottom{
margin-top: 10px;
}