@charset "utf-8";
/* common.css */

/*--------------------------------------
General Setting 
-------------------------------------*/
body {
	font-size:12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333;
	margin:0;
	padding:0;
	background-color:#FFF;
	line-height:1.6;
}
/*-----リスト*/
li { list-style-position: outside; list-style-type: none;}
/*-----リンク*/
a {	color: #CA0000; text-decoration: none; outline:none;}
a:hover { color: #333; text-decoration: underline ; }

/*--------------------------------------
Wrapper
-------------------------------------*/
#wrapper{
	background:#FFF;	
}
.page {
	width:960px;
	margin:0 auto;
	clear:both;
	position:relative;
}
.page2 {
	width:900px;
	margin:0 auto;
	clear:both;
	position:relative;
}


/*--------------------------------------
Header
-------------------------------------*/
#headerArea {
	background:url(../img/header_bg.jpg) repeat-x #FFF top left;
	height:130px;
	overflow:hidden;
}
#headerArea h1 {
	width:400px;
	margin:0;
	padding:20px 0 0;
	z-index:1;
}
#headerArea h1 a {
	width:393x;
	display:block;
	margin:15px 0 0;
}
ul.headerBtn {
	width:564px;
	position:absolute;
	top:20px;
	right:0;
}
ul.headerBtn li {
	float:left;
	display:inline;
	margin-left:14px;
}

ul.gnavi {
	width:550px;
	height:48px;
	position:absolute;
	top:82px;
	right:0;
	overflow:hidden;
}
ul.gnavi li {
	float:left;
}
ul.gnavi li a {
	display:block;
}

/*--------------------------------------
Pagetop
-------------------------------------*/
.pagetop {
	text-align:right;
	margin:50px auto 20px;
}
.pagetop2 {
	text-align:right;
	margin:50px auto 20px;
}
/*--------------------------------------
Footer
-------------------------------------*/
#footer {
	background:url(../img/footer_line.gif) #FFF repeat-x top left;
	padding:20px 0 60px;
	font-size:14px;	
}
.footerContent {
	margin-bottom:20px;
	
}
#footer .footerLeft {
	width:495px;
	margin-left:5px;
	display:inline;
	float:left;
}
#footer .footerLeft p {
	margin:15px 0 15px 15px;
}
#footer .footerLeft ul {
	margin:0 0 10px 15px;	
}
#footer .footerLeft li {
	float:left;
	margin-right:10px;	
}
#footer .footerLeft li a {
	border:1px solid #FFF;
	display:block;
	}
#footer .footerLeft li a:hover {	border:1px solid #999;}

#footer .footerRight {
	width:460px;
	float:right;
}
#footer .footerRight ul {
	margin:10px 0 0 20px;
}
#footer .footerRight li {
	float:left;
	width:220px;
	margin-bottom:5px;
}
#footer .footerRight li a {
	background:url(../img/list_nav1.gif) no-repeat left top;
	padding-left:12px;
}
p.copyright {
	clear:both;
	text-align:center;
	font-size:14px;
}
/*--------------------------------------
Fixed Navigation
-------------------------------------*/
#fixedBottom {
	width:100%;
	position:fixed;
	bottom:0px;
	background-color:#000;
	height:30px;
	overflow:hidden;
	padding-top:10px;
	_border:1px solid #FFF;
	z-index:9999;
}

#fixedBottom ul.info li {
	float:left;
	margin-right:25px;
}
#fixedBottom ul.info li a {
	display:block;
}
#fixedBottom ul.action {
	float:right;
}
#fixedBottom ul.action li {
	float:left;
	margin-left:25px;
	display:inline;
}
#fixedBottom ul.action li a {
	display:block;
}
#fixedSide {
	position:fixed;
	right:0;
	top:200px;
}
#fixedSide a {	cursor: pointer;}

/*--------------------------------------
Other
-------------------------------------*/

/*--------------------------------Link*/
.detail {
	text-align:right;
}
.detail a {
	text-align:right;
	background:url(../img/list_nav2.gif) no-repeat left top;
	padding-left:15px;
}
/*--------------------------------Icon*/
a img.newIcon {
	margin: 0 0 0 5px;
}
a img.linkIcon {
	margin: 0 0 0 5px;
}

