@charset "utf-8";

/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

/* reset CSS
----------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
article, aside, figure, footer, header, hgroup, nav, section {
display: block;
}
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;
}
ol,ul {
	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;
}
/* clearfix 
----------------------------------------------------------------------------- */
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.fl {
	float:left;
}

.fr {
	float: right;
}

.cb {
	clear: both;
}

/* -------------------------------------------------------------------------- */
/*                                 element                                                         */
/* -------------------------------------------------------------------------- */

* {
margin:0;
padding:0;
}

a {text-decoration:none; /*color:#*/}
a:hover {/*color: #;*/}
a:link {}
a:visited {}
a:active {}

body {
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  font-size: 14px;
  line-height: 25px;
  /*font-size: small;
  font: x-small;*/
  background: url(../images/left.gif) repeat-y -100px top;
  color: #000;
}


/* container
----------------------------------------------------------------------------- */
#container {
	width: 980px;
}


/* left side
----------------------------------------------------------------------------- */
#side {
	width: 195px;
	padding: 25px 0 25px 25px;
	float: left;
  color: #999;
}

#side a {
  color: #FFF;
}

#side a:hover {
  color: #2F5FE8;
}

#side header {
	padding-bottom: 25px;
}

#side header #logo {
	padding-bottom: 15px;
}

nav hr {
  margin: 15px 25px 15px 0;
  border-color: #888;
}

nav ul {
  margin: 5px 0;
}

nav li {
  padding: 5px 0;
}

nav .mail {
  font-size: 18px;
  line-height: 32px;
}
nav .mail i {
  font-size: 32px;
  vertical-align: middle;
  color: #80aaff;
}
nav .mail a:hover i {
  color: #2F5FE8;
}


/* content
----------------------------------------------------------------------------- */
#contents {
  width: 700px;
  padding: 0 0 20px 60px;
  float: left;
}

#contents #header {
}

#contents .topImg,
#contents .block {
	margin-bottom: 30px;
}

#contents .block h3 {
	font-size: 28px;
	line-height: 40px;
	padding-bottom: 15px;
}

#contents .block .fl {
	padding-right: 15px;
}

#contents small {
	font-size: 11px;
	line-height: 0.8;
}

#contents p.small {
	font-size: 11px;
	line-height: 18px;
}


/* footer
----------------------------------------------------------------------------- */
footer {
  margin-left: 280px;
  border-top: 1px solid #DDD;
  padding: 20px 0;
  clear: both;
}

footer #copyright {
  font-size: 12px;
  color: #DDD;
}