/* ====================================================
	初期化
==================================================== */
/* ------------------------------------------
              YUI Fonts CSS
------------------------------------------*/
:contributor [
	:name "Yahoo";
	:title "YUI Fonts CSS";
	:description "ブラウザ間のフォントサイズを揃えるライブラリ";
	:revisiton "2.4.0";
	:homepage <http://developer.yahoo.com/yui/fonts/>;
	:license <http://developer.yahoo.com/yui/license.txt>;
	:note "
		Font-size Adjustment.
			77% = 10px	|	122% = 16px	|	167% = 22px	
			85% = 11px	|	129% = 17px	|	174% = 23px 
			92% = 12px	|	136% = 18px	|	182% = 24px 
			100% = 13px	|	144% = 19px	|	189% = 25px 
			107% = 14px	|	152% = 20px	|	197% = 26px 
			114% = 15px	|	159% = 21px	| 
			"
	] .

/* Do not edit*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ------------------------------------------
              clear
------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset {
	border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}
strong {
	font-weight: bold;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:normal;
}
ol,ul,li,dl,dt,dd {
	list-style:none;
}
img {
	vertical-align: top;
}
a img {
	border: none;
}
a img,:link img,:visited img {
	border: none;
}
q:before,
q:after {
	content: '';
}
abbr,
acronym {
	border: 0;
}
/* ====================================================
	ダミーカラー （デザイン後削除）
==================================================== */
/* ====================================================
	メインスタイル - 構造（編集不可）
==================================================== */
a:link{color: #FFFFFF;}
a:visited{color: #FFFFFF;}
a:active{color: #FFFFFF;}


body {
	text-align: center;
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", "Arial", "ＭＳ Ｐゴシック", Helvetica, sans-serif;
	color: #333;
	line-height:150%;
	background:#0054C3;
}

body#present {
	background:#0075c3 url('../img/huyasuo/bg_tile2.png') 0 0;
}

#bd {
	position:relative;
	background:#0054C3 url('../img/huyasuo/bg_tile.png') top center;
	text-align:center;
}

body#common {
	background:#0054C3 url('../img/huyasuo/bg_tile_xx.gif') top center !important;
}

body#common #container {
	width: 800px;
	background:#0054C3 url('../img/huyasuo/bg_tile_xx.gif') top center !important;

	text-align:left;
	margin:0 auto;
}

body#common #chara {
	position:relative;
	width: 800px;
	min-height:750px;
	text-align:left;
	margin:0 auto;
	background:#0054C3 url('../img/huyasuo/bg_cloud2.gif') top center repeat-y !important;
}


body#wrap {
	background:#0054C3 url('../img/huyasuo/bg_tile3_xx.gif') top center !important;
}

#thanks {
	position:relative;
	width: 800px;
	min-height:750px;
	height:750px;
	text-align:left;
	margin:0 auto;
	background:#0054C3 url('../img/huyasuo/bg_sunset.gif') top center no-repeat !important;
}

#thanks .description {
	position:absolute;
	width:619px;
	height:179px;
	top:350px;
	left:100px;
	filter: alpha(opacity=80);
	opacity: 0.9;
}

#thanks .announce {
	position:absolute;
	width:619px;
	height:60px;
	top:550px;
	left:100px;
	filter: alpha(opacity=80);
	opacity: 0.9;
}

#thanks .copyright {
	position:absolute;
	bottom:10px;
	left:200px;
	text-align:center;
	color:#000000;
}


#chara #usrid {
	text-align:center;
	padding:0 17px 0 0px;
	width:250px;
	height:30px;
margin: 0 auto;
	background:#0054C3 url('../img/huyasuo/bg_id.gif') top right no-repeat;
}

#chara #usrid span {
	color:#FFF;
display:block;
	font-size:120%;
	height:30px;
padding:3px 0 0 5px;
	background:#0054C3 url('../img/huyasuo/bg_id.gif') 0 0 no-repeat;
	
}

#chara #balloon {
	position:absolute;
	top:5px;
	right:10px;
}

#chara .description {
	width:496px;
	height:114px;
	margin:150px 0 100px 140px;
	filter: alpha(opacity=90);
	opacity: 0.9;

}

/* IE6用 ------------------------------------------------ */
*html #chara #usrid {
	margin-bottom:100px;
}

*html #chara .description {
	background:none;
	width:196px;
	height:144px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src='../img/huyasuo/description_chara.png' ,sizingmethod=image);
	z-index:200;
}

* html #chara .description img{
    display:none;
}
/* //IE6用 ------------------------------------------------ */ 


#chara ol#charalist {
	width:750px;
	height:240px;
	margin:0 0 20px 25px;
}

#chara ol#charalist li {
	width:250px;
	float:left;
	position:relative;
}

.usrname,
#chara ol#charalist li div{
	width:230px;
	text-align:center;
	margin:0 auto;

}

.usrname p.input_n,
#chara ol#charalist li p.input_w{
	background:url(../img/huyasuo/inputbox_r.png) top right no-repeat; 
	_background-position: 1px right;
	padding-right:14px;
	height:28px;
	line-height:28px;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.usrname input.text,
#chara ol#charalist li input.text {
	border:none; 
	height:28px;
	_height:23px;
	padding-top:5px;
	text-indent:18px;
	display:block; 
	font-size:15px; 
	color:#FFFFFF; 
	width:100%; 
	background:url(../img/huyasuo/inputbox.png) top left no-repeat; 

}


.usrname span.input_note {
	display:block;
	width:229px;
	height:20px;
	margin:0 auto;
	background:url(../img/huyasuo/input_note.png) top left no-repeat; 
	text-indent:-9999px;
}

#chara ol#charalist li span.md {
	display:block;
	width:119px;
	height:19px;
	margin:0 auto;
	background:url(../img/huyasuo/inputmd.png) top left no-repeat; 
	text-indent:-9999px;
}

#chara .chooseyasuo {
	margin-bottom:20px;
}

.info p {
	margin-bottom:10px;
}


#policy h1 {
	font-size:150%;
	font-weight:bold;
	margin-bottom:15px;
}

#policy dt {
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:1px solid #FFF;
}

#policy dd {
	margin-bottom:20px;
}

#bd #howto,
#bd #invitation {
	color:#FFFFFF;
	width: 600px;
	background:#1eaadb url('../img/huyasuo/bg_cloud.gif') 0 0 repeat-y!important;
	margin:0 auto;
	padding:20px 0;
}

#present,
#campaign,
#policy {
	position:relative;
	background:#ff5a09 url('../img/huyasuo/bg_tile2_xx.gif') top center !important;
	text-align:center;
	color:#FFFFFF;
}

#present #container,
#campaign #container,
#policy #container{
	position:relative;
	text-align:left;
	width: 540px;
	background:#ff5a09;
	margin:0 auto;
	padding:20px 30px;
}

#present h1,
#present h2,
#campaign h1,
#howto h1{
	position:relative;
	/*HideMacIE¥*/
	overflow:hidden;
	/**/
}

#present h1 span,
#present h2 span,
#campaign h1 span,
#howto h1 span,
#invitation h1 span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#present a {
	color:#FFFFFF;
}

#present h1 {
	width:523px;
	height:85px;
	margin:0 auto 15px auto;
}

#campaign h1 {
	width:523px;
	height:58px;
	margin:0 auto 15px auto;
}

#present h1 span {
	background:#ff5a09 url('../img/huyasuo/ttl_present.gif') 0 0 no-repeat !important;
}

#campaign h1 span{
	background:#ff5a09 url('../img/huyasuo/ttl_campaign.gif') 0 0 no-repeat !important;
}

#campaign h2 {
	margin-bottom:20px;
}


#present h2 {
	width:371px;
	height:42px;
	margin-bottom:5px;
}

#present h2.knit span{
	background:#ff5a09 url('../img/huyasuo/sttl_knit.gif') left !important;
}
#present h2.banner span{
	background:#ff5a09 url('../img/huyasuo/sttl_banner.gif') left !important;
}

#present .unit {
	clear:both;
	margin-bottom:25px;
	min-height:150px;
}

#present .unit p.img {
	float:left;
	margin:5px 10px 10px 0;
}

#present .description {
	min-height:150x;
}

.smaller {
	font-size:0.8em;
}

.larger {
	font-size:120%;
	margin-bottom:5px;
}

#campaign dl.howtoenter dd {
	margin-bottom:15px;
}

#campaign a {
	color:#FFFFFF;
}

.organizer {
	margin-bottom:20px;
}

p.cntr {
	text-align:center;
}


#present h1,
#present h2,
#howto h1,
#invitation h1 {
	position:relative;
	/*HideMacIE¥*/
	overflow:hidden;
	/**/
}

#howto {
	position:relative;
}

#howto a {
	font-size:1.2em;
	color:#FFFFFF;
	font-weight:bold;
}

#howto h1 {
	color:#0084d8;
	width:325px;
	height:40px;
	margin:0 auto 15px auto;
}



#howto .usr {
	margin:5px 0;
}

#bd #howto .section {
	margin-bottom:20px;
}

#howto img.btnimg {
	margin-bottom:5px;
}

#howto h1 span {
	background: url('../img/huyasuo/ttl_howto.gif') left !important;
}

#howto .section a.btn {
	display:block;	
	width:304px;
	height:31px;
	margin:0 auto;
}


#invitation h1 {
	color:#0084d8;
	width:262px;
	height:40px;
	margin:0 auto 15px auto;
}

#invitation h1 span {
	background: url('../img/huyasuo/ttl_invitation.gif') left !important;
}

#invitation hr {
	width:450px;
	height:1px
	color:#000000;
	border-width:0.1;
	border-color:#000000;
	
}

#invitation .reg p {
	margin-bottom:10px;
}



.bubble {
	position: relative;
	width: 580px;
	margin: 0 auto 20px auto !important;
	padding:0 0 0 0 !important;
	background: url("../img/huyasuo/bg_bubble.gif") no-repeat 0 0;
}

.bubble .inner { 
	width: 560px;
	padding: 30px 10px 10px 10px;
	background: url("../img/huyasuo/bg_bubble_btm.gif") no-repeat left bottom;
}

.bubble p {
	margin-bottom:10px;
}

p.mrg {
	margin-bottom:20px !important;
}

#invitation .note {
	font-size:90%;
	margin-bottom:15px;
}

.copyright {
	margin-top:20px;
	padding-top:10px;
	text-align:center;
	color:#FFFFFF;
}

#chara .copyright {
	background:#0054C3;
}


.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

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