@charset "utf-8";

@import url("../up.css");

/*=========================================
　common.css
=========================================*/

/*-----------------------------------------
common
-----------------------------------------*/
body {
	background: #FFF;
	font-size: 12px;
	font-family: "Hiragino Kaku Gothic Pro", /*"ヒラギノ角ゴ Pro W3", */'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Arial, sans-serif;
	/*font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", sans-serif;*/
	text-align: center;
	color: #333;
}


/* link */
a:link {
	color: #0099CC;
	text-decoration: underline;
}

a:visited {
	color: #0099CC;
	text-decoration: underline;
}

a:hover {
	color: #0099CC;
	text-decoration: none;
}

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

img {
	vertical-align: top;
}

ol.list,
ol.list_parentheses{
  padding:0 0 0 1em;
  margin:0;
}
 
ol.list li,
ol.list_parentheses li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  line-height: 1.5;
}
ol.list.track li:nth-child(-n + 9):before{
  display: marker;
  content: "0" counter(cnt) ".";
}
ol.list.track li:nth-child(n + 10):before{
  display: marker;
  content: counter(cnt) ".";
}

ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}


/*-----------------------------------------
wrappar
-----------------------------------------*/
#wrappar {
	background: url(../common/bg_body.jpg) #FFF repeat 50% 0;
}

/*-----------------------------------------
header
-----------------------------------------*/
#header {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../common/bg_header.png) repeat 0 0;
	border-bottom: 1px solid #E1E3E6;
	padding: 16px 0;
	width: 100%;
	text-align: left;
	z-index: 5;
}

#headerInner {
	width: 960px;
	margin: 0 auto;
}

#header .ps {
	float: left;
}

#header #social {
	float: right;
}

#header #social li {
	float: right;
	margin-left: 10px;
}

/*-----------------------------------------
visual
-----------------------------------------*/
#visual {
	position: relative;
	width: 960px;
	margin: 0 auto 0 auto;
	height: 277px;
}

#visual .bg {
	position: absolute;
	top: 0;
	left: 392px;
	z-index: 1;
}

#visual .logo {
	position: absolute;
	top: 62px;
	left: 0;
	z-index: 2;
}

/*-----------------------------------------
globalNav
-----------------------------------------*/
#globalNav {
	position: relative;
	background: url(../common/bg_gnav.png) repeat-x 0 0;
	height: 86px;
	z-index: 5;
}

#globalNav ul {
	width: 960px;
	margin: 0 auto;
}

#globalNav li {
	position: relative;
	float: left;
	padding-top: 8px;
}

#globalNav li .new {
	position: absolute;
	top: 0;
	left: 80px;
}

/*-----------------------------------------
localNav
-----------------------------------------*/
#localNav {
	position: relative;
	margin: -8px 0 0 0;
	padding-bottom: 8px;
	z-index: 5;
}

#localNav ul {
	background: #000;
	padding: 15px 0;
	text-align: center;
	zoom: 1;
}

#localNav ul li {
	display: inline;
	margin: 0 10px;
}

/*-----------------------------------------
contents
-----------------------------------------*/
#contents {
	position: relative;
	background: url(../common/bg_contents.png) repeat 0 0;
	border: 1px solid #E9E9E9;
	border-top: 2px solid #545B6B;
	width: 960px;
	margin: 32px auto 0 auto;
	line-height: 250%;
	text-align: left;
	z-index: 5;
	font-size: 12px;
}

#contents .pageTop {
	position: absolute;
	padding: 150px 0 15px 0;
	left: 960px;
}

/*-----------------------------------------
side
-----------------------------------------*/
#contents #side {
	float: left;
	width: 179px;
}

#contents #side #pageTitle {
	padding: 43px 0 100px 58px;
}

/*-----------------------------------------
main
-----------------------------------------*/
#contents #main {
	background: url(../common/bg_main.gif) repeat-y 0 0;
	float: right;
	width: 778px;
	padding-left: 1px;
}

#contents #main #contentsTitle {
	border-bottom: 1px solid #E9E9E9;
	padding: 40px 30px 20px 30px;
}

#contents #main .section .pict01 img {
	border: 1px solid #DDD;
	padding: 2px;
}

#contents #main .section .pict02 img {
	border: 1px solid #DDD;
	padding: 1px;
}

#contents #main .section {
	border-bottom: 3px double #777;
	padding: 50px 29px 70px 28px;
	width: 720px;
	overflow: hidden;
}

#contents #main .section.last {
	border: none;
	padding-bottom: 40px;
}

#contents #main .section .unit {
	margin-bottom: 20px;
}

#contents #main .section .unit.last {
	margin-bottom: 0;
}

/*-----------------------------------------
anchor
-----------------------------------------*/
#contents #main #anchor {
	padding-top: 38px;
}

#contents #main #anchor ul {
	width: 720px;
}

#contents #main #anchor li {
	float: left;
	background: url(../common/bg_anchor.gif) no-repeat 0 50%;
	margin: 5px 20px 0 0;
	padding-left: 10px;
	display: inline;
}

#contents #main #anchor li a {
	white-space: nowrap;
}

/*-----------------------------------------
title
-----------------------------------------*/
#contents #main .title01 {
	background: url(../common/bg_title01.gif) no-repeat 0 0.3em;
	margin-bottom: 40px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #33394C;
}

#contents #main .title02 {
	background: #eee url(../common/bg_title02.gif) no-repeat 14px 14px;
	margin-top: 30px;
	margin-bottom: 5px;
	padding: 5px 0 5px 38px;
	font-size: 13px;
	font-weight: bold;
	color: #33394C;
}

#contents #main .title03 {
	border-bottom: 1px solid #333;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #33394C;
}

/*-----------------------------------------
list
-----------------------------------------*/
#contents #main .list01 li {
	padding-left: 22px;
	background: url(../common/bg_list01.gif) no-repeat 8px 12px;
}

#contents #main .list01 li .highlight {
	color: #33394C;
}

#contents #main .list01 li strong {
	font-weight: bold;
	color: #E4389B;
}

#contents #main .note {
	text-indent: -1em;
	margin-left: 1em;
}

/*-----------------------------------------
table
-----------------------------------------*/
#contents #main .table01 {
	border-collapse : separate;
}

#contents #main .table01 th {
	border-bottom: 1px solid #9AA0AF;
	background: #686E7F;
	padding: 10px 15px;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
	color: #FFF;
}

#contents #main .table01 td {
	border-bottom: 1px solid #FFF;
	background: #F5F5F5;
	padding: 10px 15px;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

#contents #main .table02 {
	border-collapse : separate;
}

#contents #main .table02 th {
	border-right: 1px solid #9AA0AF;
	background: #686E7F;
	padding: 10px 15px;
	width: 120px;
	vertical-align: top;
	font-weight: normal;
	text-align: center;
	color: #FFF;
}

#contents #main .table02 td {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #F5F5F5;
	padding: 10px 15px;
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

#contents #main .table02 tr.even td {
	background: #F0F0F0;
}

/*-----------------------------------------
footer
-----------------------------------------*/
#footer {
	background: url(../common/bg_footer.png) repeat-x 0 0;
	margin-top: 50px;
	padding-top: 43px;
	text-align: left;
}

#footerWrappar {
	background: #FFF;
	margin: 0 auto;
	padding: 11px 0 50px 0;
}


#footerInner {
	width: 960px;
	margin: 0 auto;
}

#footer .brand {
	float: left;
	font-size: 10px;
	line-height: 200%;
}

#footer .brand img {
	vertical-align: middle;
}

#footer .ci {
	float: right;
	text-align: right;
}

#footer .ci .company {
	margin-bottom: 10px;
}