@charset "UTF-8";

/*

base.css

*/

/*		YUI - reset.css 
---------------------------------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/

html{}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;}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%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#4c4c4c;}del,ins{text-decoration:none;}


/*----------------------------------

 Basic Layout 

----------------------------------*/

html {
	
}

body {
	color: #222222;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: Helvetica, Arial, sans-serif;
	background: #FFF;
}

a {
	color: #222;
	text-decoration: underline;
}

a:hover {
	color: #666;
}


#container {
	
}

.attention {
	color: #F00;
	font-size: 12px;
	line-height: 18px;
}



/*----------------------------------
 button_base
----------------------------------*/

.button_base {
	font-size: 12px;
	width: auto;
	display:inline-block;
	cursor: pointer;
	padding: 3px 5px;
	text-decoration: none;
	padding: 3px 5px;
	background: #000;
	color: #FFF;
}

.button_base:hover {
	background: #666;
}

.button_base:active {
	background: #FF0000;
}


/*----------------------------------
 clear_after
----------------------------------*/

.clear_after:after,
.clear_after:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/*\*/
* html .clear_after,
* html .clear_after {
    height: 1em;
}


/*----------------------------------
 simple_button
----------------------------------*/

.simple_button {
	font-size: 12px;
	width: auto;
	display:inline-block;
	cursor: pointer;
	padding: 3px 5px;
	text-decoration: none;
	padding: 3px 5px;
	background: #000;
	color: #FFF;
}

.simple_button a {
	color: #FFF;
	text-decoration: none;
}

.simple_button:hover {
	background: #666;
}

.simple_button:active {
	background: #FF0000;
}


.rollover {
	
}


/*----------------------------------
 debug
----------------------------------*/

#debug {
	clear: both;
	margin: 10px 0;
	border: solid 1px #CCC;
	background: #eee;
	padding: 10px;
	font-size: 12px;
}