@charset "utf-8";

/* CSS for Mahjong Expansion */

body {
	background-color: white;
	margin: 0 0;
	font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: black;
}

A {
	color: black;
	text-decoration: none; 
}

A:link {
	color: black;
	text-decoration: none; 
}

A:visited {
	color: black;
	text-decoration: none; 
}

A:hover {
	color: #8E1A1A;
	text-decoration: underline; 
}

A:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

th {
	background-color: #FFFFCC;
	text-align: center;
}

hr {
	border:none;
	border-top:2px #8E1A1A;
	background-color: #8E1A1A;
	height: 2px;
	margin-left: 0px;
	margin-right: 0px;
	width: 896px;
}
/** Layout **/
#container {
	width:896px;
	text-align: left;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
}

#header{
	width:896px;
	height: 155px;
	padding: 0;
	margin: 0;
}

#content{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#footer {
	width:896px;
	height: 55px;
	clear: both;
	padding: 6px 10px;
	text-align: center;
}


/* Main Contents */
#contents-box{
	width: 896px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}


.con-text{
	text-align: left;
	padding: 20px;
	font-size: 14px;
	line-height: 21px;
}

.contents_all {
	width: 896px;
	margin-left: 0px;
	text-align: left;
	clear: both;
}

.contents_left {
	width: 565px;
	margin-left: 0px;
	text-align: left;
	float: left;
}

.contents_right{
	width: 230px;
	margin-left: 0px;
	text-align: left;
	float: right;
}

/** font **/
.title_top {
	font-size: 100px;
	line-height: 100px;
	font-weight: bold;
}

.title {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
}

.subtitle {
	font-size: 15px;
	line-height: 26px;
	font-weight: bold;
}

.smallfont {
	font-size: 11px;
	line-height: 20px;
}

.fontRed {
	color: red;
}

.fontBrown {
	color: #8E1A1A;
}

.fontGray {
	color: #555555;
}

.altrow {
	background-color: #FFFFCC;
}

.altrow2 {
	background-color: #DEFFD2;
}

.data {
	text-align: right;
	padding-right: 20px;
}

.tips {
	display:inline-block;
	padding: 10px;
	background-color: #FFFFCC;
	font-size: 14px;
	border: 1px solid Orange;
	border-radius: 15px;
	width: 480px;
}

.intro {
	background-image: url("./images/box.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
}

.photoFrame {
//	box-shadow: 5px 5px 5px #000033;
	padding-left: 40px;
}

/** Navibar **/
ul.navibar {
  width: 896px;
  padding-top: 8px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 8px;
  font-size:0px;
}
ul.navibar li {
  display: inline-block;
  text-align: left;
  font-size:12px;
  font-weight: bold;
  padding: 0 18px;
}

/** Features **/
ul.features {
  padding-left: 0px;
  padding-right: 0px;
  font-size:0px;
}
ul.features li {
  width: 120px;
  display: inline-block;
  text-align: center;
  font-size: 10.5px;
  font-weight: bold;
  padding: 5px;
  background-color: beige;
  margin: 8px 0 0 8px;
  border-left-style: solid;
  border-left-color: #8e1a1a;
}

/** Staff **/
ul.staff {
  width: 896px;
  padding-top: 8px;
  padding-left: 0px;
  padding-right: 25px;
  padding-bottom: 8px;
  font-size: 11px;
  line-height: 19px;
}
ul.staff li {
  display: inline-block;
  width: 116px;
  padding-right: 33px;
  vertical-align: top;
}
ul.staff li.tsumiki {
  display: inline-block;
//  width: 116px;
//  padding-right: 33px;
  vertical-align: bottom;
}

/* 見出し */
.heading5 {
  position:relative;
  padding-left:24px;
  font-weight: bold;
  font-size: 15px;
  line-height: 26px;
}
     
.heading5:before {
  content:''; 
  border-radius:26px;
  -webkit-border-radius:26px;
  -moz-border-radius:26px; 
  height:13px; 
  width:13px; 
  display:block; 
  position:absolute; 
  top:6px; 
  left:0px; 
  background-color:#8E1A1A;
}