nav@charset "utf-8";


/*=======================================================================

共通レイアウト(layout.css)
 
========================================================================*/
body {
	color: #333;
}

::selection {
	background: #5183bc;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #5183bc;
	color: #fff;
	text-shadow: none;
}

/*----------------------------------------------------------------------
 Links
----------------------------------------------------------------------*/

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

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

a:hover {
	color: #e1689f;
	text-decoration: underline;
}

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


/*----------------------------------------------------------------------
 Wrapper
----------------------------------------------------------------------*/
#wrapper {
	min-width: 960px;
	/*min-height: 670px;*/
	background: #fff url(../images/bg.jpg) center top no-repeat fixed;
}


/*----------------------------------------------------------------------
 Header
----------------------------------------------------------------------*/
#header {
	width: 960px;
	margin: 0 auto;
}

#header h1 {
	padding: 25px 0 5px;
}

#header .nav {
	padding: 10px;
	background: url(../images/nav_bg.png);
	text-align: right;
	
	font-size: 88%;
}



#header .nav li {
	display: inline;
	margin-right: 5px;
	padding-left: 10px;
}

#header .nav li+li {
	border-left: 1px solid #ccc;
}

#header .nav li a {
	color: #333;
}

#header .nav li a:hover {
	color: #e1689f;
}

#header .nav li.active a {
	color: #477dba;
	text-decoration: none;
}


/*----------------------------------------------------------------------
 Content
----------------------------------------------------------------------*/
#content {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0 20px;
	line-height: 1.6;
	text-shadow: 1px 1px 0 #f7f7f7;
}

#content li,
#content dt,
#content dd,
#content th,
#content td {
	line-height: 1.4;
}




.pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}

.pagetop img {
	margin-bottom: 3px;
}

.pagetop a {
	background: url(../images/pagetop_bg.png);
	text-decoration: none;
	color: #fff;
	width: 70px;
	padding: 15px 0;
	text-align: center;
	display: block;
}

.pagetop a:hover {
	background: url(../images/pagetop_bg_on.png);
}


/*----------------------------------------------------------------------
 Footer
----------------------------------------------------------------------*/
#footer {
	text-align: center;
}

ul.footerNav {
	margin: 0 0 10px;
	padding: 25px 0;
	background: #5784c4;
	border-top: 1px solid #496fa5;
	font-size: 12px;
}

ul.footerNav li {
	display: inline;
	margin-right: 8px;
	padding-left: 15px;
}

ul.footerNav li+li {
	border-left: 1px solid #a5bde0;
}

ul.footerNav li a {
	color: #fff;
	text-decoration: none;
}
ul.footerNav li a:hover {
	text-decoration: underline;
}

.policy a {
	color: #5183bc;
	font-size: 88%;
}

.copyright {
	padding: 10px 0 20px;
	font-size: 10px;
}


/*----------------------------------------------------------------------
 TopicPath
----------------------------------------------------------------------*/
ul#topicPath {
	float: right;
	width: 400px;
	margin: 30px 10px 0;
	padding: 0;
	text-align: right;
	text-shadow: 0 0 1px #ededed;
}

ul#topicPath li {
	display: inline;
	font-size: 88%;
	color: #666;
}

ul#topicPath li a {
	margin: 0 2px 0 0;
	padding: 2px 10px 0 0;
	background: url(../images/arrow.gif) right center no-repeat;
}


/*----------------------------------------------------------------------
 Clearfix
----------------------------------------------------------------------*/
#header:after,
#main:after,
#content:after,
#topicPath:after {
   content: ".";
   display: block;
   height: 0px;
   clear: both;
   visibility: hidden;
}
#header,
#main,
#content,
#topicPath {
   display: inline-block;
}
* html #header,
* html #main,
* html #content,
* html #topicPath {
   height: 1px;
}
#header,
#main,
#content,
#topicPath {
   display: block;
}