@charset "UTF-8";

body {
	background:#eeeeee;
	font-family	: helvetica, arial, verdana, sans-serif;
}
a {
	text-decoration: none;
}
div#clear {
	clear:both;
}
/**************************************************************************************************
* 見出し
**************************************************************************************************/
h3 {
	color:#ff2222;
	font-size	: 16px;
	padding: 5px 10px;
}

div.blankSpace {
	height:20px;
	background:#d1d1d1;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset;
}
div.blankSpace a {
	display		: block;
	text-align	: right;
	text-decoration	: none;
	font-size	: 16px;
	color		: #888;
	line-height	: 18px;
	padding		: 3px;
}
#main {
	margin		: 5px auto;
	box-shadow: 0 3px 3px #aaaaaa;
	position	: static;
	max-width		: 640px;
}

/*****************************************************************************************
* タイトル部分
******************************************************************************************/
header{
	background-color: #333333;
	box-shadow: 0 3px 3px #aaaaaa;
}
#toparea {
	margin		: 0px auto;
	overflow	: hidden;
	position	: static;
	max-width	: 640px;
}
#toparea .carrierbox{
	width	: 100%;
	display		: block;
	display: -webkit-box;
	display: -moz-box;
}
#toparea .carrierbox .carrierleft{
	display		: block;
	min-width: 50px;
}
#toparea .carrierbox  a{
	display		:block;
	text-decoration	: none;
	font-size	: 10px;
	color		: #eeeeee;
	}
#toparea .carrierbox .carriercenter{
	display		: block;
	min-width: 50px;
}
#toparea .carrierbox .carrierright{
	display		: block;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align	:right;
}
#toparea .carrierbox .csp{
	display		: block;
	border-top		: 5px solid #ff0000;
	font-size	: 10px;
}
#toparea .carrierbox .cau{
	display		: block;
	border-top		: 5px solid #ff8800;
	font-size	: 10px;
}
#toparea .carrierbox .csb{
	display		: block;
	border-top		: 5px solid #cccccc;
	font-size	: 10px;
}
#toparea IMG{
	height		: 50px;
}
#toparea .login {
	-moz-box-sizing	: border-box;
	-webkit-box-sizing	: border-box;
	-ms-box-sizing	: border-box;
	box-sizing	: border-box;
	border		: 3px solid #ffffff;
	border-radius	: 5px;
	border-style	: solid;
	margin-top	: 2px;
	position	: relative;
	float		: right;
}
#toparea .login LI {
	display		: block;
	float		: left;
	border-left	: 1px solid #ffffff;
	border-right	: 1px solid #cccccc;
	background	: -moz-linear-gradient(#ffaa33, #ff5500);
	background	: -webkit-gradient(linear, left top, left bottom, from(#ffaa33), to(#ff5500));
}
#toparea .login LI a{
	display		: block;
	text-align	: center;
	text-decoration	: none;
	line-height	: 21px;
	font-size	: 16px;
	width		: 40px;
	height		: 40px;
	color		: #ffffff;
	font-weight	: bold;
}
#toparea .loginsp {
	-moz-box-sizing	: border-box;
	-webkit-box-sizing	: border-box;
	-ms-box-sizing	: border-box;
	box-sizing	: border-box;
	border: 3px solid #ffffff;
	border-radius	: 5px;
	border-style	: solid;
	margin-top	: 2px;
	position	: relative;
	float		: right;
}
#toparea .loginsp LI {
	display		: block;
	float		: left;
	border-left	: 1px solid #ffffff;
	border-right	: 1px solid #cccccc;
	background	: -moz-linear-gradient(#ff2222, #cc0000);
	background	: -webkit-gradient(linear, left top, left bottom, from(#ff2222), to(#cc0000));
}
#toparea .loginsp LI a{
	display		: block;
	text-align	: center;
	text-decoration	: none;
	line-height	: 21px;
	font-size	: 16px;
	width		: 40px;
	height		: 40px;
	color		: #ffffff;
	font-weight	: bold;
}
#toparea .loginsb {
	-moz-box-sizing	: border-box;
	-webkit-box-sizing	: border-box;
	-ms-box-sizing	: border-box;
	box-sizing	: border-box;
	border-radius	: 5px;
	border		: 3px solid #ffffff;
	border-style	: solid;
	margin-top	: 2px;
	position	: relative;
	float		: right;
}
#toparea .loginsb LI {
	display		: block;
	float		: left;
	border-left	: 1px solid #ffffff;
	border-right	: 1px solid #cccccc;
	background	: -moz-linear-gradient(#bbbbbb, #888888);
	background	: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#888888));
}
#toparea .loginsb LI a{
	display		: block;
	text-align	: center;
	text-decoration	: none;
	line-height	: 21px;
	font-size	: 16px;
	width		: 40px;
	height		: 40px;
	color		: #ffffff;
	font-weight	: bold;
}
#navarea{
	display		: block;
	background-color: #000000;
}
#navarea .dx_nav{
	display		: block;
	width		: 100%;
	background-color: #000000;
	margin		: 0px auto;
}
#navarea .dx_nav LI{
	display		: block;
	font-size	: 14px;
	width		: 25%;
	list-style	: none outside none;
	float		: left;
	background-color: #222222;
	background	: -moz-linear-gradient(#444444, #222222);
	background	: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
}
#navarea .dx_nav LI2{
	display		: block;
	font-size	: 14px;
	width		: 25%;
	list-style	: none outside none;
	float		: left;
	background-color: #222222;
	background	: -moz-linear-gradient(#444444, #222222);
	background	: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
}
#navarea .dx_nav LI3{
	display		: block;
	font-size	: 14px;
	width		: 1%;
	list-style	: none outside none;
	float		: left;
	background-color: #222222;
	background	: -moz-linear-gradient(#444444, #222222);
	background	: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
}
#navarea .dx_nav LI a{
	display		: block;
	border-left	: 1px solid #555555;
	border-right	: 1px solid #333333;
	padding		: 5px;
	color		: #ffffff;
	font-weight	: bold;
	text-decoration	: none;
}
#navarea .dx_nav LI2 a{
	display		: block;
	border-left	: 1px solid #555555;
	border-right	: 1px solid #333333;
	padding		: 5px;
	color		: #ffffff;
	font-weight	: bold;
	text-decoration	: none;
}
/*******************************************************************
*   コンテンツ
*******************************************************************/
.read{
	margin		: 5px;
	font-size	: 16px;
	line-height	: 18px;
	color		: #222;
	padding		: 5px;
	background	: #ddd;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) inset, 0 2px 2px #FFFFFF;
	-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5) inset, 0 2px 2px #FFFFFF;
	border		: 1px solid #222;
	border-right	: 1px solid #444;
	border-bottom	: 1px solid #444;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight	: bold;
}
.read2{
	margin		: 10px 5px 10px 5px;
	font-size	: 16px;
	line-height	: 18px;
	color		: #222;
	padding		: 5px;
	background	: #ddd;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5) inset, 0 2px 2px #FFFFFF;
	-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.5) inset, 0 2px 2px #FFFFFF;
	border		: 1px solid #222;
	border-right	: 1px solid #444;
	border-bottom	: 1px solid #444;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
article{
	width: device-width;
}
article .titles{
	display: block;
	background	: -moz-linear-gradient(#ccc, #fff);
	background	: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fff));
	border-bottom	: 1px solid #999;
}
article .titles p{
	color:#333;
	font-size	: 16px;
	font-weight	: bold;
	line-height	: 18px;
	margin: 0;
	padding: 5px 5px;
}
article h1{
	display: block;
	background	: -moz-linear-gradient(#444444, #222222);
	background	: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
	color:#ffffff;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.25);
	border-left:solid 10px #ff3333;
	font-size:18px;
	margin: 0;
	padding: 5px 5px;
}
article h2{
	color		:#f00;
	font-size	:16px;
	margin		: 0;
	font-weight	: bold;
}
article p{
	color:#333;
	font-size	: 16px;
	line-height:18px;
	margin: 5px;
	padding		: 5px;
	font-weight	: bold;
}

article p.answer{
	color:#4169e1;
}


article ul li{
	display: block;
	list-style-type: none;
	border-bottom: solid 1px #999;
	border-top: solid 1px #fff;
	overflow : hidden;
}
article ul li:last-child{
	border-bottom: 0px;
}
article UL li a{
	display		: block;
	text-decoration	: none;
	background	: -moz-linear-gradient(#ffffff, #eeeeee);
	background	: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	margin: 0px;
	padding: 5px 5px 10px 5px;
	line-height:20px;
}

article ul li2{
	display: block;
	list-style-type: none;
	border-bottom: solid 1px #999;
	border-top: solid 1px #fff;
	overflow : hidden;
}
article ul li2:last-child{
	border-bottom: 0px;
}
article UL li2 a{
	display		: block;
	text-decoration	: none;
	background	: -moz-linear-gradient(#ff3737, #d72917);
	background	: -webkit-gradient(linear, left top, left bottom, from(#ff3737), to(#d72917));
	margin: 0px;
	padding: 5px 5px 10px 5px;
	line-height:20px;
}

article li a img {
	vertical-align: middle;
	float:left;
	width:80px;
	margin: 5px;
	padding: 0;
}


.avso ul li{
	display: block;
	list-style-type: none;
	border-bottom: solid 1px #333;
	border-top: solid 1px #fff;
	overflow : hidden;
	min-height:36px;
}
.avso ul li .location{
	color		:#f00;
	font-size	:18px;
	line-height	: 36px;
	margin		: 0;
	padding		: 5px 10px;
}
.avso ul li .gold{
	color		:#333333;
	font-size	:16px;
	font-weight	:bold;
	margin		: 0;
	padding		: 0px
}
.avso ul li .tmch{
	color		:#666;
	font-size	:16px;
	margin		: 0;
	padding		: 5px 15px;
}
.avso ul li .win{
	color		:#333;
	font-size	:16px;
	margin		: 0;
	padding		: 5px 15px;
}
.avso ul li .result{
	color		:#333;
	font-size	:16px;
	margin		: 0;
	padding		: 5px 15px;
}
.avso ul li .lose{
	color		:#333;
	font-size	:16px;
	margin		: 0;
	padding		: 5px 15px;
}
.avso ul li .hold{
	color		:#333;
	font-size	:16px;
	margin		: 0;
	padding		: 5px 15px;
}
.avso a{
	padding		: 10px;
	color		:#333;
	font-size	:16px;
	margin		: 0;
}

.toplink{
	position	: static;
}
.toplink UL LI {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #555555;
	list-style-type: none;
	background-color: #333333;
	display: block;
	overflow: hidden;
	padding: 0;
	width: auto;
}
.toplink UL LI A {
	color:#ffffff;
	display: block;
	padding: 10px;
	text-decoration	: none;
}


div#thumnail img{
	float:left;
	margin: 0px;
	padding: 0;
}


.tblset{
	height:30px;
	line-height:30px;
	text-align:center;
}
.tblset td{
	width:33%;
	line-height:30px;
	text-align:center;
	font-size	: 16px;
}
.tblset2{
	line-height:30px;
	font-size	: 16px;
	color:#555;
	border:1px solid #555;
}




/*******************************************************************
*   footer 
*******************************************************************/
footer {
	color:#ffe4ed;
	background	:#222222;
	text-align	: center;
	padding		: 0px;
	font-size	: 16px;
}
/*******************************************************************
*   clearfix 
*******************************************************************/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	//height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

div.guard{
	position	:relative;
	width		:80%;
	height		:100%;
	margin		:auto;
}

span.ng{
	position	:absolute;
	display		:block;
	width		:100%;
	height		:100%;
	background-image:url(/images/present/NG.gif);
}




.bigbtn{
	margin		: 5px auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width		: 200px;
	border		:1px solid #FFF;
	background	: -moz-linear-gradient(#555555, #000000);
	background	: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#000000));
	text-align	: center;
}
.bigbtn a{
	display		:block;
	text-decoration	: none;
	font-weight	: bold;
	color		: #ffffff;
	text-align	: center;
	font-size	: 16px;
	padding		: 10px;
}