/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body{color:#000;background:#535353;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:Trebuchet MS;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*
Copyright (c) 2008, kyouare. All rights reserved.
*/

.errtxt
{
	display:block;
	background-color:#BACD1F;
	color:black;
	padding:4px;
	border:thin solid #F7F3F3;
}

body 
{
	color:#666;
	font-size:12px;
	margin:0px auto;
	text-align:center;
	font-family:Trebuchet MS !important;
	background-image:url(http://kyouare.com/tpl/shared/kyouare/img/background.gif);
	background-repeat:repeat-y;
}

form
{

}

input
{
	margin:6px;
}

input.kyouarebutton
{
   background-color:#D7D3D3;
   border-color:#F7F3F3;
   padding:3px;
}


a:link, a:active, a:visited, a:hover 
{
	color:#979797;
	text-decoration:none;
	font-family:Trebuchet MS !important;
}
a:hover 
{
	color:#83CEE6;
}

#head
{
	position:absolute;
	left:100px;
	width:801px;
	height:140px;
	background-image:url(http://kyouare.com/tpl/shared/kyouare/img/head.png);
	background-repeat:repeat-x;
}

#logo
{
	position:absolute;
	left:20px;
	top:20px;
	width:214px;
	height:89px;
	z-index:20202;
}

#claim
{
	position:absolute;
	left:250px;
	width:180px;
	height:28px;
	background-image:url(http://kyouare.com/tpl/shared/kyouare/img/claim.png);
	background-repeat:no-repeat;		
}

#sticker
{
	position:absolute;
	left:500px;
	width:300px;
	height:182px;
	z-index:3000;
}

#navigation
{
	position:absolute;
	width:140px;
	top:140px;
	left:100px;
	background-color:#BACD1F;
	z-index:10000;
	text-align:left;
}

#navigation .tr, #navigation .br 
{
	width:10px;
	height:10px;
	position:absolute;
	overflow:hidden;	
	right:0px;
}

#navigation .tr
{
	background:transparent url(http://kyouare.com/tpl/shared/kyouare/img/navigation-tr.png) no-repeat 0 0px;
}

#navigation .br 
{
	background:transparent url(http://kyouare.com/tpl/shared/kyouare/img/navigation-br.png) no-repeat 0 0;
	bottom:0px;
}


#navigation li
{
	padding:5px;
	padding-left:8px;
	border-width:0 0 thin 0;
	border-color:#979797;
	border-style:solid;
}

#navigation li a
{
	display:block;
	width:120px;
	color: white;
}

#navigation li a:hover
{
	color:black;
}

#active
{
	font-stretch:wide;
	font-weight:bold;
}

#buf-1
{
	position:relative;
	height:150px;
	width:800px;
	left:101px;
}

#buf-2
{
	height:4px;
	width:100px;
}

#buf-3
{
	height:8px;
	width:100px;
}

#ie_helper
{
	position: absolute;
	left:0px;
	top:160px;
	width:500px;
}

#content
{
	text-align:left;
	position:relative;
	width:640px;
	left:100px;
	background-image:url(http://kyouare.com/tpl/shared/kyouare/img/bottom.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	padding-left:160px;
	overflow:hidden;
}

/* box width */
.box1 
{
	width:220px; 
}

.box2
{
	width:320px; 
}

.box3
{
	width:520px; 
}

.box_full
{
	width:620px; 	
}

.box_half
{
	width:296px; 	
}

.kyouare-box 
{
	position:relative;
	margin-right:24px;
	margin-top:10px;
	float:left;
}

.kyouare-box h1
{
	background-image:url(http://kyouare.com/tpl/shared/kyouare/img/box-head-background.png);
	background-repeat:no-repeat;
	padding:4px;
	padding-left:8px;
	padding-bottom:0px;
	font-size:12px;
	color:white;
	height:16px;
	overflow:hidden;
	
}

.kyouare-box .bd 
{
	padding:8px;
	background-color:#E7E3E3;
	border-width:thin 0 thin 0;
	border-color:#979797;
	border-style:solid;	
}

.kyouare-box .tl, .kyouare-box .tr 
{
	width:8px;
	height:8px;
	position:absolute;
	top:-1px;
	overflow:hidden;	
}

.kyouare-box .tl 
{
	background:transparent url(../img/box-corners.gif) no-repeat 0 -10px;
	left:-1px;
}

.kyouare-box .tr 
{
	background:transparent url(../img/box-corners.gif) no-repeat 0 0;
	right:-1px;
}

#spreadbox
{
	position:relative;
	width:480px;
	z-index:-101;
}

#footer
{
	position:relative;
	border-width:thin 0 0 0;
	border-color:#979797;
	border-style:solid;	
	width:600px;
	padding:8px;
}

#footer a
{

}

ul.choose a
{
	color:#666;
	display:block;
	background-color:#D7D3D3;
	border:thin solid #F7F3F3;
	margin:4px;
	padding:4px;
}

ul.choose a:hover
{
	background-color:#BACD1F;
	color:black;
}

/* LOGIN */

			#oos_login_1
			{
				position: absolute;
				top:5px;
				right: 230px;
			}
			#oos_login_1 input
			{
				border: 1px solid #333333;
				width: 100px;
				height: 20px;
			}
			#oos_login_2
			{
				position: absolute;
				top:5px;
				right: 160px;
				background: #b2c7d0;
				color: #004664;
				border: 1px dotted #004664;
				height: 20px;
				width: 60px;
				text-align:left;
			}
			#oos_login_2 input
			{
				float: left;
			}
			#oos_login_2 span
			{
				position: relative;
				top: 3px;
			}
			
			#oos_login_3
			{
				position: absolute;
				top:5px;
				right: 10px;
				background: #b2c7d0;
				border: 1px dotted #004664;
				height: 20px;
				width: 140px;
				text-align:left;
			}
			#oos_login_3 img
			{
				float: left;
			}
			#oos_login_3 span
			{
				position: relative;
				top: 3px;
				color: #004664;
			}
			/*username*/
			#oos_login_4
			{
				position:relative;
				float: right;
				top:5px;
				right: 20px;
				color: white;
				height: 20px;
				text-align:left;
			}
			#oos_login_4 span
			{
				position: relative;
				top: 5px;
			}
			#oos_login_5
			{
				position:relative;
				float: right;
				top:5px;
				right: 10px;
				background: #b2c7d0;
				border: 1px dotted #004664;
				height: 20px;

				text-align:left;
			}
			#oos_login_5 img
			{
				float: left;
			}
			#oos_login_5 span
			{
				position: relative;
				top: 3px;
				color: #004664;
				padding-right:10px;
			}
			#oos_login
			{
				position: absolute;
				top: 110px;
				left: 9px;
				width: 742px;
				height: 32px;
				border: 1px dotted silver;
				background:#004664;
				font-family: Verdana;
				color: #b2c7d0;
				font-size: 11px;
				text-align:right;
			}