body {
	-webkit-text-size-adjust: 100%;
  font-family: Roboto, Arial, 'メイリオ', Meiryo, Helvetica, "Helvetica Neue", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Droid Sans', sans-serif;
	background: #ecf3ff;
	text-align: left;

}

.pull-down-inner {
	width: 100%;
	position: relative;

	box-sizing: border-box;

}

.top-img {
	width: 100%;
	top: 0px;
    overflow: hidden;
	  left: 0px;
	  right: 0px;
	z-index: 1;
}

.sub-top-img {
	width: 100%;
	top: 0px;
    overflow: hidden;
	  left: 0px;
	  right: 0px;
	z-index: 1;
}

.pc_btn div {
		width: 100%;

}

.pc_btn ul{

		font-size: 12px;
		line-height: 36px;
		right: 45px;
		text-align: right;

		padding-right: 55px;
		padding-bottom: 0px;

		margin-bottom: 8px;
		border-bottom: 1px solid #333333;

}

.pc_btn a{
      color: #000192;      
      text-decoration: none;

}

.pc-img {
		width: 44px;
		height: 36px;
		margin: 0px;
		padding: 0px;
		position: absolute;
    right: 5px;

}

.top-logo {
	width: 60%;
	color: #000000;
	position: absolute;

	bottom: 10%;
    left: 5px;
	z-index: 3;
}

.menu-icon {
	width: 30pt;
	position: absolute;
	bottom: 12%;
	right:  3%;
	cursor: pointer;
	z-index: 5;
}

.menu-icon-close {
	width: 30pt;
	position: absolute;
	bottom: 12%;
	right:  3%;
	cursor: pointer;
	z-index: 4;
	opacity: 0;

}

.menu-icon.current {
	opacity: 0;
}

.menu-icon-close.current {
	opacity: 0.8;
}

.pull-down-list li a {
	display: block;
	width: 100%;
	position: relative;
	padding: 15px;
	box-sizing: border-box;
	text-decoration: none;
}

.pull-down-list li:nth-child(n+1) {
	background: #1b60b4;

}

.pull-down-list li:first-child {
	background: #000388;
}

.theme-headline {
	font-size: 20px;
	line-height: 1.5;
	margin: 3px;
}

.grid_list {
		width: 300px;
		margin: 10px auto;
		padding-top: 10px;
		padding-bottom: 10px;
}

.grid_list li {
		float: left;

		margin-bottom: 0;
		padding-bottom: 20px;
		-webkit-background-size: 90px 150px;
		background-size: 90px 150px;
}

.grid_list li:nth-child(3n-1),
.grid_list li:nth-child(3n-2) {

		margin-right: 15px;
}

.grid_list a {
		display: block;
		text-decoration: none;
}

.grid_list a {
		display: block;
		width: 90px;
		height: 150px;
}

.grid_list img {
		width: 88px;
		height: auto;
}

.explanation {
	font-size: 12px;
	margin-top: 0px;

}

a .explanation {
      color: #000000;

}

.toppage-news{
		width: 100%;
		margin-bottom: 25px;

}

.toppage-news h1{
		width: 100%;
		font-size: 18px;
		text-decoration: bold;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-left: 0px;
		margin-right: 0px;
		line-height: 1.5;
		padding-left: 7px;
		padding-top: 3px;
		padding-bottom: 3px;

		margin-bottom: 5px;
		color: #ffff00;
		background: #000099;

		border-top: 2px solid #ffffcc;
		border-left: 2px solid #ffffcc;
		border-right: 3px solid #3282e0;
		border-bottom: 4px solid #3282e0;

}

.toppage-news ul{
		width: 100%;
		height: auto;
		overflow: auto;
		margin-top: 3px;
		background: #ecf3ff;
}

.toppage-news li{
	font-size: 13px;
	line-height: 1.2;

		margin-left: 0px;
		margin-right: 0px;

	padding: 3px;
	background: #ffffff;

  border-width: 1px;
  border-style: solid;
  border-color: #000099;
	margin-bottom: 0px;

}

.news-date{
	font-size: 11px;
}

.newslist{
		line-height: 1.2;

}

.newslist_btn a{
      color: #000192;      
      text-decoration: none;
}

.newslist_btn img{
		vertical-align: bottom;
		padding-right: 5px;
}

.newslist_img {
		width: 40pt;
		height: auto;
		margin: 0px;
		padding: 0px;
		position: absolute;
    right: 5px;
}

.outset-page{
	width: 100%;
	border:1px;
	margin-bottom: 15px;
}

.outset-page h1{
		font-size: 16px;
		text-decoration: bold;
		line-height: 1.5;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		padding-left: 7px;
		padding-top: 3px;
		padding-bottom: 3px;

		color: #ffff00;
		background: #000099;

		border-top: 2px solid #ffffcc;
		border-left: 2px solid #ffffcc;
		border-right: 3px solid #3282e0;
		border-bottom: 4px solid #3282e0;
		margin-bottom: 5px;
}

.outset-page h2{
		font-size: 12px;
		text-decoration: none;
		text-align: center;
		line-height: 1.3;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		padding-top: 5px;
		padding-bottom: 3px;

		margin-left: 3px;
		margin-right: 3px;

		color: #fdfdff;
		background: #000099;

}

.outset-page div{
		padding: 10px 3px 3px 3px;
		line-height: 1.2;

		margin-left: 3px;
		margin-right: 3px;

	  border-width: 1px;
	  border-style: solid;
	  border-color: #000099;
		background: #f9f9ff;

}

.outset-page p{
		font-size: 13px;
		text-indent: 1.0em;

}

.news-page{
	width: 100%;
	border:1px;
	margin-bottom: 15px;
}

.news-page h1{
		font-size: 16px;
		text-decoration: bold;
		line-height: 1.5;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		padding-left: 7px;
		padding-top: 3px;
		padding-bottom: 3px;

		color: #ffff00;
		background: #000099;
		border-top: 2px solid #ffffcc;
		border-left: 2px solid #ffffcc;
		border-right: 3px solid #3282e0;
		border-bottom: 4px solid #3282e0;

		margin-bottom: 5px;
}

.news-page h2{
		font-size: 12px;
		text-decoration: none;
		text-align: center;
		line-height: 1.3;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		padding-top: 5px;
		padding-bottom: 3px;

		margin-left: 3px;
		margin-right: 3px;

		color: #fdfdff;
		background: #000099;

}

.news-page div{
		padding: 10px 3px 3px 3px;
		line-height: 1.2;

		margin-left: 3px;
		margin-right: 3px;

	  border-width: 1px;
	  border-style: solid;
	  border-color: #000099;
		background: #f9f9ff;

}

.news-page p{
		font-size: 13px;
		text-indent: 1.0em;

}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.top-right{
    margin-top: -20px;
    float: right;
}

.right{
    float: right;
}

.left{
    float: left;
}

.middle{
		vertical-align: middle;
}

.top{
		vertical-align: top;
}

.bottom{
		vertical-align: bottom;
}

img.right{
    margin-left: 3px;
}

#top_btn{

      position: fixed;
      bottom:  5px;
      right: 5px;
      width: 10.0em;

      display: none;

      background-color: #000099;
      opacity: 0.75;
      border-radius: 24px;
      text-align: center;
      font-size: 14px;

      margin: 10px;
      padding: 6px;
			z-index: 10;
}

#top_btn a{
      color: #ffffff;
      text-decoration: none;
}

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

.news-page dl{
		padding-left: 3px;
		padding-right: 3px;
}

.news-page dt{
	font-size: 11px;

}

.news-page dd{
		font-size: 12px;
		line-height: 1.5em;
		padding-left: 10px;

	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-color: #000099;

		margin-bottom: 6px;
}

p.medium{
		width: 96%;
		margin-left: 3px;
		margin-right: 3px;
    line-height: 1.3;
    text-align : left;
}

p.medium2{
		width: 100%;
		margin-left: 0px;
		margin-right: 3px;

		padding-left: 0px;

    line-height: 1.3;
    text-align : left;
}

#outline-Area p.classification{
		width: 100%;
		margin-left: 0px;
		margin-right: 3px;
		padding-left: 0px;
    text-align : left;	
		font-size: 12px;

}

#outline-Area .outline-Rating table{
		width: 94%;
    margin-left: 3%;
    margin-right: 3%;
}

#outline-Area td.Company-name {
		font-size: 14px;
    color: #000388;
		font-style: normal;
}

#outline-Area .outline-Rating th.item5{
		font-size: 15px;
    font-weight: bold;
}

#outline-Area .outline-Rating td.item6{
		font-size: 15px;
    font-weight: bold;
		background-color: #ffffff;
    color: #000388;
}

th.item7{
	width: 35%;

}

th.item8{
	width: 35%;
}

td.item7-td{
		white-space: nowrap;
}

p.frame{
		width: 96%;
		margin-left: 3px;
		margin-right: 3px;
    text-align : center;

}

em{
    line-height: 1.3;

		font-size: 14px;
    font-weight: bold;
		font-style: normal;
}

.outline-sp em{

		font-size: 16px;
    color: #000388;
    font-weight: bold;
		font-style: normal;
}

#qa-area em{ /* 2015/10/27 ADD */
    line-height: 1.3;

		font-size: 14px;
    font-weight: bold;
		font-style: normal;
}

.under_nav{
	width: 100%;
	margin-bottom: 0px;

}

.under_nav p{
		font-size: 12px;
		text-indent: 1.0em;
		text-align: center;

		padding: 3px 0px 3px 0px;
		line-height: 1.5;

	  border-top-width: 1px;
	  border-bottom-width: 1px;
	  border-style: solid;
	  border-color: #000099;
		background: #f9f9ff;

}

.under_nav_sub{
	width: 100%;
	margin-bottom: 0px;

}

.under_nav_sub p{
		font-size: 12px;
		text-indent: 1.0em;
		text-align: center;

		padding: 3px 0px 3px 0px;
		line-height: 1.5;

	  border-top-width: 1px;
	  border-bottom-width: 1px;
	  border-style: solid;
	  border-color: #000099;
		background: #f9f9ff;

}

.footer{
	width: 100%;

}

.footer p{
		font-size: 12px;
		text-align: center;

		padding: 0px 0px 45px 0px;
		line-height: 1.5;

}