@charset "UTF-8";

html{
color:#333333;
background:#FFFFFF;
}

body{
color:#333333;
font:10px/1.5 arial,helvetica,clean,sans-serif;
*font-size:xx-small; /* for IE */
*font:56%; /* for IE in quirks mode */
*line-height:1.5;
}
select,input,button,textarea{
font:99% arial,helvetica,clean,sans-serif;
}
table{
font-size:inherit;
font:100%;
*line-height:1.5;
}
pre,code,kbd,samp,tt{
font-family:monospace;
*font-size:108%;
line-height:1.5;
}

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;
}
del,ins{
text-decoration:none;
}

#container a{
	font-weight: normal;
	text-decoration: underline;
}
#container a:link{}
#container a:visited{}
#container a:hover{}
#container a:active{}


/*------------------------------------------------------------------------------
	layout
------------------------------------------------------------------------------*/

#container{
	width:900px;
	margin:0 auto;
}

#box{
	width:900px;
	margin:0 auto;
}

#contents{
	width:880px;
	margin:0 0 5px 0;
	padding:10px 10px 25px 10px;
}

#header{
	width:880px;
	height:90px;
	margin:0 0 10px 0;
}

#footer{
	width:880px;
	height:90px;
	margin:0;
	padding:10px 10px 0 10px;
}


/*------------------------------------------------------------------------------
	background
	body:背景を差し替える場合はここを変更

	#contentsfoot{display:none;}
	背景を透かす場合はこのスタイルを適用

	#contents,#contentsfoot:背景を透かす場合はコメントアウト

------------------------------------------------------------------------------*/
body{
	background-image: url(img/bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
}
#footer{
	background-image: url(img/bg_footer.gif);
	background-repeat: no-repeat;
}

#contents{
	margin:0;
	padding:10px 9px 0 9px;
	border-right:1px solid #A1A1A1;
	border-left:1px solid #A1A1A1;
	background-color:#FFFFFF;
}
#contentsfoot{
width:900px;
margin:0 0 5px 0;
}

/*------------------------------------------------------------------------------
	header
------------------------------------------------------------------------------*/
#header h1{
	float: left;
}
#header .banner{
	float: right;
}


/*------------------------------------------------------------------------------
	footer
------------------------------------------------------------------------------*/
#footer p{
	text-align:center;
	color:#FFFFFF;
}
#footer p.link{
	padding-bottom:8px;
	font-size:12px;
	line-height:1.8;
	background-image: url(img/border_white.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#footer p.link a{color:#FFFFFF;}

#footer p.copyright{
	height:38px;
	line-height:38px;
}

/*------------------------------------------------------------------------------
	drupal menu
------------------------------------------------------------------------------*/
#sidebar-left li, #sidebar-right li {
  font-size: 1.6em;
}

