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

/* リセットCSS 
--------------------------------------------------------------------------------*/
* { font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,span,img,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",
	"Osaka","ＭＳ Ｐゴシック","MS PGothic","sans-serif";
}

/* ボディに関するCSS 
--------------------------------------------------------------------------------*/
body {
    /*background-image: url("../img/bg.gif");
    background-position: center top;
	background-repeat: no-repeat;*/
	margin: 0px auto;
	padding: 0px;
	color: #666666;
	font-size: 75%;
	line-height: 1.5;
}

img{
	vertical-align: bottom;
	vertical-align:top;
}

h1{
	margin-bottom: 15px;
}

h2{
	color: #666666;
	font-size: 130%;
	line-height: 1.8;
	
}

h3{
	color: #666666;
	font-size: 110%;
	
}

.title{
	color:#666666;
	font-size:140%;
	line-height:1.8;
}

/*.link{
	text-decoration: none;
	color: #8FC31F;
}

.link a:hover{
	text-decoration: none;
	color: #FFF;
	background-color:#8FC31F;
}*/

a.link {
    color: #8FC31F;
    text-decoration: none;
}
a.link:hover {
	color: #FFF;
    background-color: #8FC31F;
}

a.link02 {
    color: #666;
    text-decoration: none;
}
a.link02:hover {
	color: #FFF;
    background-color: #8FC31F;
}


/* wrapperに関するCSS 
--------------------------------------------------------------------------------*/
#wrapper {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}


/* headerに関するCSS 
--------------------------------------------------------------------------------*/
#header {
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	height: 80px;
}

#tel{
	width: 960px;
	height: 40px;
	margin: 0px;
	padding: 0px;
}

#tel li{
	float: right;
	list-style-type: none;
	margine: 0px;
	padding: 0px;
}

#logo{
	width: 960px;
	height: 50px;
	margin: 0px;
	padding: 0px;
}

/*#header a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}
*/

/* navに関するCSS 
--------------------------------------------------------------------------------*/
#nav {
	width: 960px;
	height: 40px;
	margin: 20px 0px 20px 0px;
	background-color: #CFF;
}


#nav li{
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
}


/* mainimgに関するCSS 
--------------------------------------------------------------------------------*/
#mainimg {
	width: 960px;
	height:260px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}


/* sideに関するCSS 
--------------------------------------------------------------------------------*/
#side{
	float: left;
	width: 230px;
	margin: 0px 30px 30px 0px;
}


/* sidenavに関するCSS 
--------------------------------------------------------------------------------*/
#sidenav{
	width: 230px;
	margin: 0px;
	padding: 0px;
}

#sidenav li {
	margin: 0px;
	padding: 0px;
}


#sidenav li img {
	margin: 0px;
	padding: 0px;
}

/* bannerに関するCSS 
--------------------------------------------------------------------------------*/
#banner{
	width: 230px;
	margin: 40px 0px 30px 0px;
	padding: 0px;
}

#banner li{
	list-style-type: none;
	margin-bottom: 10px;
	padding: 0px;
}

#banner a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}

#topbanner{
	width: 230px;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

#topbanner li{
	list-style-type: none;
	margin-bottom: 10px;
	padding: 0px;
}

#topbanner a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}



/* contentsに関するCSSは各ページのCSSに記載
--------------------------------------------------------------------------------*/




/* footerに関するCSS  
--------------------------------------------------------------------------------*/

#pagetop{
	clear: both;
	width: 960px;
	height: 30px;
	margin: 0px auto;
	padding: 0px;
	text-align:right;

}

#pagetop img{
	vertical-align: bottom;
	vertical-align: top;	
}

#footer {
	clear:both;
	background-color: #333;
	/*background-image: url(../img/bg_footer.gif);
	background-repeat: repeat-x;*/
	height: 80px;
	margin: 0px auto;
	
}

#footernav {
	width: 960px;
	height: 30px;
	text-align: right;
	background-color:#333;
	padding-top: 15px;
	margin: 0px auto;
}

#footernav li {
	display: inline;
	color: #EEEEEE;
	font-size: 10px;
}

#footernav a:link {
	color: #EEEEEE;
	text-decoration: none;
}

#footernav a:visited {
	color: #EEEEEE;
	text-decoration: none;
}

#footernav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#footernav a:active {
	color: #EEEEEE;
	text-decoration: none;
}

#copy {
	color: #FFFFFF;
	text-align: right;
	width: 960px;
	background-color:#333;
	font-size: 9px;
	margin: 0px auto;
}



/* その他共通要素
--------------------------------------------------------------------------------*/

.clear{
	clear: both;
	margin: 0px;
	padding: 0px;
}

.rollover {}

.mgn-0 {
	margin-left: 0px;
	margin-right: 0px;
}

.mgn-l8 {
	margin-left: 8px;
	margin-right: 0px;
}

.mgn-l20 {
	margin-left: 20px;
	margin-right: 0px;
}

.mgn-t{
	margin-top: 30px;
	margin-bottom: 15px;
}

.mgn-t20{
	margin-top: 30px;
}

.img_right{
	float: right;
	margin-left: 10px;
}

.mgn_b20{
	margin-bottom: 20px;
}

.mgn_b30{
	margin-bottom: 30px;
}

.float_left{
	float: left;
}

.float_right{
	float: right;
}


/* clearfix 
--------------------------------------------------------------------------------*/
.cf:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cf{
	min-height: 1px;
}
* html .clearfix{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/