﻿@charset "utf-8";


/*---------------------------------------
*
*	00.GROBAL TAGS
*	01.STRUCTURE
*		01-01.HEADER
*		01-02.CONTENTS
*	02.PARTS
*		02-01.BOX
*		02-02.TEXT
*		02-03.HEADING
*		02-04.TABLE
*		02-05.FORM
*		02-06.LIST
*	03.LAYOUT
*		03-01.VERISIGN
*
*	MODULES
*		MO_01.CLEARFIX
*		MO_02.TEXT
*		MO_03.LIST
*
*--------------------------------------*/



/**--------------------------------------
	00.GROBAL TAGS
---------------------------------------**/

html {
	background:#fff;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #333333;
	line-height:150%;
	background:#fff;
}

strong {
	font-weight: bold;
}

/* hover透過 */
a.alpha:hover img, #contents a:hover img,#sidebar a:hover img{
/*モダンブラウザ用*/
opacity:0.65;
/*IE7以下用*/
filter:alpha(opacity=65);
/*IE8用*/
-ms-filter:"alpha(opacity=65)";
}

/**--------------------------------------
	01.BASIC_STRUCTURE
---------------------------------------**/

#container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	padding:0 5px;
}

h2, h3, h4, p {
	clear:both;
}

/*----- 01-01.HEADER -----**/

header {
	margin:0;
	padding:0;
}

header h1 {
	width:960px;
	height:70px;
	margin:0 auto;
	padding:0;
}

header h1 img {
	margin:14px 0 0 10px;
}

/*----- 01-02.NAVIGATION -----**/

nav {
	height:100px;
    text-align:right;
}

nav.navi-ld {
	background:#44B035;
}

nav.navi-sens {
	background:#F29417;
}

nav #nav-box {
	width:960px;
	margin:0 auto;
	position:relative;
}

nav ul {
    position:absolute;
    right:0;
    min-width:300px;
}

nav li{
    float:left;
    min-width:100px;
    color:#FFF;
    font-size:36px;
    line-height:42px;
}

nav td{
	height:100px;
}

/*ゲート種別*/
.gate-type{
	width:960px;
    min-width:300px;
    font-size:72px;
    margin-top:10px;
    line-height:normal;
}

/*ゲート名*/
.gate-name{
	width:960px;
    min-width:300px;
    font-size:48px;
    margin-top:10px;
    line-height:normal;
}

/*参加者ＩＤ*/
.user-number{
	width:680px;
    font-size:36px;
    line-height:normal;
    margin-top:20px;
}

/*参加者名*/
.user-name{
	width:680px;
    min-width:300px;
    font-size:48px;
    margin-top:20px;
    margin-bottom:20px;
    line-height:normal;
}

/*受付結果*/
.result-area{
	width:680px;
    min-width:300px;
    font-size:48px;
    margin-top:30px;
    line-height:normal;
}



.left-area {
	width:280px;
    float:left;
}
    .left-area .OK
    {
        margin-top:46px;
        margin-left:46px;
        width:128px;
        height:128px;
	    background-image: url(../../App_Themes/images/Crystal_Clear_action_up.png);
        background-position-x:center;
        background-repeat:no-repeat;
    }

    .left-area .NG{
        margin-top:46px;
        margin-left:46px;
        width:128px;
        height:128px;
	    background-image: url(../../App_Themes/images/Crystal_Clear_action_stop.png);
        background-position-x:center;
        background-repeat:no-repeat;
    }

    .left-area .EMPTY{
        margin-top:46px;
        margin-left:46px;
        width:128px;
        height:128px;
	    background-image: url(../../App_Themes/images/Crystal_Clear_app_amor.png);
        background-position-x:center;
        background-repeat:no-repeat;
    }

.right-area {
	width:680px;
    float:right;
}

    .right-area .OK {
        color:blue;
    }

    .right-area .NG {
        color:red;
    }

    .right-area .EMPTY {
    }


