@charset "UTF-8";
/*************************************
  BASE
  基本要素
*************************************/

/*RESET
--------------------------------------------*/
html{height:100%;margin:0;padding:0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,script{margin:0;padding:0;word-break:break-all;/* for IE */}
table{border-collapse:collapse;border-spacing:0;text-align:left;}
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;}
hr{color:#cacaca;background-color:#cacaca;border:none;height:1px;}



body{
	font:14px/1.231 "MS PGOTHIC",arial,helvetica,clean,sans-serif;
	color:#333;
	line-height:140%;
}

/*--　ベース　------------------*/
ul,ol{
	list-style:none;
}


.left, 
.alpha, 
.beta {
	float: left;
}
.right, 
.gamma {
	float: right;
}

.clr {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}


a{color:#2000cc;text-decoration:underline;}
a:hover{color:#4cb7db;text-decoration:none;}

/*************************************
  COMMON
  共通要素
*************************************/

/*clearfix
--------------------------------------------*/
.clrfix:after{
content:".";
clear:both;
display:block;
height:0px;
visibility:hidden;
line-height:0;
font-size:0;
}

.clrfix{
display:inline-block;
}

/*�*/
* html .clrfix{height:0;}
.clrfix{display:block;}
/**/




/*************************************
  LAYOUT
*************************************/
/*layout
--------------------------------------------*/
body{background:#ffffff url(../images/bg.jpg) repeat-x 0 0;margin:0;text-align:center;height:100%;}



#header{
	margin: 0 auto;
	width: 100%;
	height: 93px;
	text-align: center;
	background:url(../images/head_bg.jpg) no-repeat top center;
}
#header #headerArea{
	margin: 0 auto;
	width: 960px;
	height: 93px;
	text-align: center;
}
#page{
	background-color: #fff;
	margin: 2px auto 20px;
	width: 960px;
	height: auto;
	text-align: center;
}
#page #contents{
	margin: 0 10px;
	padding: 20px 0 0 0;
	width: 940px;
	height: auto;
	text-align: left;
}
/*==右寄せ==
#page #contents #main{
	margin: 0;
	padding: 0;
	width: 725px;
	height: auto;
	float: right;
}
*/
/*==センター寄せ==*/
#page #contents #main{
	margin: 0 107px;
	padding: 0;
	width: 725px;
	height: auto;
}
#page #contents #sub{
	margin: 0;
	padding: 0;
	width: 200px;
	height: auto;
	float: left;
	background-color: #f6f5f2;
}
#footer{
	margin: 0 auto;
	padding: 25px 0 20px 0;
	width: 960px;
	height: auto;
	text-align: center;
	background:url(../images/foot_line.gif) repeat-x 0 20px;
	background-color: #ffffff;
}


/* 要素
--------------------------------------------*/
#header #headerArea h1 {
	margin-top: 18px;
	width: 200px;
	height: 61px;
	float:left;
}
#header #headerArea #Nav {
	margin: 0 auto 10px auto;
	width: 600px;
	height: auto;
	float:right;
}

#header #headerArea #Nav ul{
	margin: 0;
	width: auto;
	height: 40px;
	float:right;
}

#header #headerArea #Nav li {
	display: inline;
	border-left:1px solid #ffffff;
	padding: 20px 15px 20px 60px;
	margin: 0;
	width: auto;
	height: 40px;
	color: #ffffff;
	text-align: left;
	font-size:12px;
	font-weight:bold;
	background:url(../images/nv_icon.gif) no-repeat 8px 10px;
	line-height: 40px;
}
#header #headerArea #Nav li a:link{
	color: #ffffff;
	text-decoration: none;
}

#header #headerArea #Nav li a:visited{
	color: #ffffff;
	text-decoration: none;
}

#header #headerArea #Nav li a:hover{
	color: #ffffff;
	text-decoration: underline;
}

#page #contents #main p.pagetop{
	margin-top: 25px;
	padding: 0px;
	clear: both;
	color: #333333;
	text-align: right;
	font-size:10px;
}

#footer p.copyright{
	clear: both;
	color: #999999;
	text-align: center;
	font-size:10px;
}