@charset "utf-8";
/* CSS Document */

/*
css reset 3.0.0
*/
html{color:#000;background:#FFF;}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%;font-weight:normal;}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:#000;}
/*
fonts reset 3.0.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* 
basic
*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{ display:inline-table; }
/* mac os \*/
* html .clearfix{ height 1%; }
*+html .clearfix{ height 1%; }
.clearfix{ display:block; }
/**/



*{
	margin:0px;
	padding:0px;
	font-family:"Helvetica Neue Bold",Helvetica,Arial,sans-serif;
}

img{
	border:0px;
}

html, body{
	background:#eee;
	height:100%;
}

h1 {
	color:#fff;
	font-size:12px;
	margin-bottom:5px;
}

h2 {
	color:#fff;
	font-size:16px;
}

a{text-decoration:none;}

#wrapper{
	width:100%;
	height:100%;
	margin:0px;
}



/*-----
header
*/
#header
{
	padding:20px 0px 20px 40px;
	background-color:#111;
}

#headbox{
		width:810px;
}

#sitetitle{
	margin-top:5px;
}

#siteicon{
	
}

.f_left{
	float:left;
}
.f_right{
	float:right;
}


/*-----
main
*/
#main
{
	padding:0px 0px 50px 0px;
	border-bottom:#ddd solid 1px;
	background-color:#cde;
	position:relative;
}

#colum{
	padding:20px 0px 0px 40px;
}

#colum p{
	display:inline;
	padding:0px 20px 0px 0px;
}

#colum a
{
	color:#03F;
}

#profile a{
	color:#400;
	text-decoration:none;
}

#profile a:hover{
	color:#03F;
	text-decoration:underline;
}

.cbox{
	float:left;
	width:500px;
	margin:40px 40px 40px 0px;
	
}

.cbox_w{
	float:left;
	width:640px;
	margin:30px 40px 30px 0px;
	background-color:#FFF;
}

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

#menu a:hover{
	color:#bbf;
}

#menu
{
	padding: 5px 0px 5px 35px;
	letter-spacing:0.15em;
	font-size:11px;
	font-family:"hydrophilia-iced-1","hydrophilia-iced-2", "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", sans-serif;
	border-top:#444 solid 1px;
	border-bottom:#ddd solid 1px;
	background-color:#03F	;
}




/*-----
footer
*/
#footer{
	color:#999;
	padding:20px 0px 40px 40px;
}



/*-----
common
*/
.t_elg, .t_elg a
{
	letter-spacing:1px;
	line-height:2em;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	font-family:Helvetical, Arial, sans-serif;
	
}

.sml
{
	font-size:12px;
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
 
li{
	padding:0em 0.5em;
	display:inline;
}



/*-----
after
*/
#colum:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}

.clear_fix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}