@charset "UTF-8";

/******************************
 * Universal Selecter
 ******************************/
* {
	margin:0px;
	padding:0px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

li{
	list-style-type:none;
}

ul{
	list-style-type:none;
}

ol ul{
	margin-left:20px;
}

a {
	color:#b5708e;
	text-decoration:none;
}

a:hover {
	color:#b5708e;
	text-decoration:underline;
}

img {
	border: none;
}

/******************************
 * Style
 ******************************/
body {
        background-image: url(../img/bg.png);
        background-repeat: repeat;
	height: 100%
        text-align:center;
	color:#7582c2;
}

h1 {
	font-size:30px;
	text-align:center;
}

address {
	text-align:center;
	font-size:80%;
	font-style:normal;
}

/******************************
 * Layout
 ******************************/
#main {
	margin: 50px auto 50px auto;
	padding: 50px 0 50px 0;
	width: 760px;
        background-color: #ffffff;
        text-align:center;
	display: block;
}

#header_contents {
	padding: 0 0 20px 0;
}

#result_contents {
	margin:0 auto 0 auto;
	width: 400px;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	line-height:1.2em;
	display:block;
}

#footer_contents {
	margin-top: 10px;
	width:100%;
}

.dcy_form {
	margin: 10px 0 10px 0;
	font-size: 26px;
	text-align:center;
	display:block;
}


.dcy_form .box {
	margin: 0 auto 0 auto;
        padding: 5px 0 5px 0;
        width:600px;
        height:50px;
	display:block;
}

.dcy_form .vs {
	width: 50px;
	height: 30px;
	font-size: 28px;
	text-align: center;
	display:block;
	float: left;
}

.dcy_form .input_text_right,.input_text_left {
	margin: 0;
	padding: 0;
	width:265px;
	height: 30px;
	font-size: 26px;
	display:block;
	float:left;
}

.dcy_form .input_text_left {
	color: #ffbd26;
	border: solid 5px #ffbd26;
}

.dcy_form .input_text_right {
	color: #9ec238;
	border: solid 5px #9ec238;
}

.dcy_form .form_button {
	margin: 0 auto 0 auto;
	width: 140px;
	height:30px;
	color:#ffffff;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	background-color: #7582c2;
	border: solid 2px #7582c2;
	display: block;
	clear:both;
}

.catch {
	font-weight:bold;
	font-size: 16px;
	letter-spacing: 0.1em;
}

.hit {
	letter-spacing: 0.05em;
}

#winner {
	margin-top: 5px;
}

#winner .word {
	font-size:100px;
}

#winner .hit {
	font-size: 18px;
}

#loser {
	margin-top: 20px;
}

#loser .word {
	font-size:24px;
}

#loser .hit {
	margin-top: 5px;
        font-size: 14px;
}

#draw .word {
	font-size:28px;
}

#draw .hit {
	margin-top: 5px;
	font-size: 16px;
}

.comment {
	margin: 5px auto 5px auto;
	width: 600px;
	font-size: 10px;
	line-height:1.5em;
	white-space:normal;
}

#caution {
        margin: 0 10px 10px 10px;
        padding: 5px;
        color:#714B26;
        font-size:60%;
        line-height:1.2em;
        text-align:center;
	border-top: dotted 1px #E6CDAE;
	border-bottom: dotted 1px #E6CDAE;
}