@charset "UTF-8";

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

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html {
	color: #000;
	background: #FFF;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
	vertical-align:top;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
	font-style: inherit;
	font-weight: inherit;
}

strong{
	font-weight:bold;
}


del,
ins {
	text-decoration: none;
}

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: baseline;
}

sub {
	vertical-align: baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,
button,
textarea,
select {
	*font-size: 100%;
}


/*--------------------------------------------------------------------
layout
--------------------------------------------------------------------*/

body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align: center; 
	color:#333;
	line-height:1;
}

a:link {color:#194997;}
a:active {color: #007297;}
a:visited {color:#660066;}
a:hover {text-decoration: none; color:194997;}

#header{
	width:900px;
	height:115px;
	margin:0 auto;
	padding:0px 10px;
	background:url(../img/bg_head.gif) repeat-y;
	text-align: left;
}

#gnavi{
	clear:both;
	background:#559bde;
}

#contents{
	clear:both;
	width:900px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/bg_contents.gif) repeat-y;
	text-align: left;	
    overflow: hidden;
    zoom: 1;
}

#footer-wrapper{
	clear:both;
	background:#3197dd;
}

#footer{
	width:900px;
	margin:0 auto;
	padding:0 10px;
	background:url(../img/bg_footer.gif) repeat-y;
	text-align: left;
    overflow: hidden;
    zoom: 1;
}


/*--------------------------------------------------------------------
header
--------------------------------------------------------------------*/
#logo{
	float:left;
	padding:20px 0 0 15px;
}

#header-right{
	float:right;
	padding:20px 15px 0 0;
	text-align:right;
}

#header-right p.tel{
	margin:0 0 10px 0;
}

#header-right p.menu{
	font-size:93%;
}


/*--------------------------------------------------------------------
gnavi
--------------------------------------------------------------------*/
#gnavi ul{
	width:900px;
	height:55px;
	margin:0 auto;
	padding:0px 10px;
	background:url(../img/bg_gnavi.gif) repeat-y;
	text-align: left;
}

#gnavi ul li{
	float:left;
}

/*--------------------------------------------------------------------
ぱんくず
--------------------------------------------------------------------*/
#topicpath{
	padding:10px 0 10px 20px;
	font-size:77%;
	background:#FFF;
	line-height:1;
}

/*--------------------------------------------------------------------
footer
--------------------------------------------------------------------*/
#footer{
	font-size:85%;
	color:#FFF;
}

#footer a:link {color:#fff;}
#footer a:active {color: #fff;}
#footer a:visited {color:#fff;}
#footer a:hover {text-decoration: none; color:#fff;}



#footer p.menu{
	padding:10px 0 10px 20px;
	float:left;
}

#footer p.copyright{
	padding:10px 20px 10px 0;
	float:right;
}


/*--------------------------------------------------------------------
contents
--------------------------------------------------------------------*/
#mainContents{
	float:left;
	padding:0 20px;
	width:635px;
	line-height:1.5;
}

#mainContents h1{
	padding:0 0 20px 0;
}




#sideContents{
	float:right;
	padding:0 20px;
	width:185px;
}

#sideContents li{
	margin:0 0 3px 0;
}


#sideContents ul{
	margin:0 0 10px 0;
}




#pageTop{
	clear:both;
	font-size:85%;
	padding:20px 10px 10px 10px;
	background:#FFF;
	text-align:right;
}