@charset "utf-8";

/**
 *
 *  �T�C�g����
 *
 */

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

*{font-size:100%;}
body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,pre,form,blockquote,fieldset,input,address{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,caption,address,em{font-style:normal;font-weight:normal;}
ul,ol,li,dl,dt,dd{list-style-type:none;list-style-position:outside;}
table{border-spacing:0;border-collapse:collapse;}
fieldset{border:none;}
img{border:0;vertical-align:top;}
br{letter-spacing:0;}
button,fieldset,form,input,label,legend,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}


/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/

html{
	overflow-y:scroll;
}


/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/

body{
	min-width:980px;
	color:#666;
    font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:12px;
	font-size:75%\9;
	line-height:1.8;
	background:url(../../images/shared/section_bg_repeat.gif);
}


/*--------------------------------------------------------------------------
   base link
---------------------------------------------------------------------------*/

a{
	color: #28a07a;
	outline:none;
}
a:link,
a:visited{
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}


/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/
#Page{
}


/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/
#Header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
#Header .header-outside{
	width: 100%;
	background: #35a581;
}
#Header .header-inside{
	width: 980px;
	height: 50px;
	margin: 0 auto;
}
#Header p.logo{
	float: left;
	width: 198px;
	padding: 12px 0 0 20px;
}

/* nav
-----------------------------------------------------------------*/
#Header .nav{
	float: right;
	height: 33px;
	padding: 9px 0 0 0;
	background:url(../../images/shared/header_bg_navi.gif) no-repeat 0 15px;
}
#Header .nav li{
	float: left;
	padding: 0 5px;
	background:url(../../images/shared/header_bg_navi.gif) no-repeat 100% 50%;
}
#Header .nav li.last{
	padding: 0 0 0 5px;
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
#Content{
	padding: 50px 0 0 0;
	border-bottom:1px solid #e7e7e7;
}

/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
#Footer{
	width: 980px;
	margin: 0 auto;
	padding: 18px 0;
	line-height: 1;
}
#pagetop{
	position: fixed;
	bottom: 30px;
	right: 30px;
}
#Footer ul{
	float: left;
	padding: 0 0 0 20px;
}
#Footer ul li{
	float: left;
	padding: 0 10px 0 0;
	font-size: 92%;
	white-space: nowrap;
}
#Footer ul li a{
	color: #666;
}
#Footer .copyright{
	float: right;
	padding: 0 20px 0 0;
	font-size: 10px;
	line-height: 1.4;
	letter-spacing: 0;
}


/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/
#Main{
	width: 980px;
	margin: 0 auto;
	background: #FFF;
}

/* clearfix
-----------------------------------------------------------------*/
.cf:before,
.cf:after{
	content:"";
	display:table;
}
.cf:after{
	clear:both;
}
.cf{
	zoom:1;
}