@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);

body {
        background: #fff;
}

a:link,a:visited,a:active{
	color: #4B8ABA;
	text-decoration: none;
}

.container {
	position: relative;
	width: 100%;  /*vw;*/
	height: 100%; /*vh;*/
}

.container > header,
.cf-top {
	color: #fff;
	font-family: 'Lato', Arial, sans-serif;
}

.container > header {
	margin: 0 auto;
	padding: 12em 2em;
	padding-left: 370px;
/*	background: rgba(0,0,0,0.05); */
	background: #34495e;
}

.container > header a {
	color: #566473;
	text-decoration: none;
	outline: none;
}

.container > header a:hover {
	color: #4f7bab;
}

.container > header h1 {
	font-size: 3.2em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
}

.container > header span {
	display: block;
	font-size: 55%;
	color: #74818e;
	padding: 0 0 0.6em 0.1em;
}

/* To Navigation Style */
.cf-icon:before {
	font-family: 'FontAwesome';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.codrops-icon:before {
	font-family: 'FontAwesome';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-arrow-left:before {
    content: "\f060";
}


@media screen and (max-width: 1025px) {
	.container > header {
		margin: 0 auto;
		padding: 120px 50px;
		font-size: 70%;
		text-align: right;
	}
}

@media screen and (max-width: 740px) {
	.cf-icon span {
		display: none;
	}
}

#main {
	background: #fff;
	margin: 0px auto 0px auto;
	padding: 8px 2px 9px 2px;
	width: 960px;
}

/* -------------------------------------------------------------- */
/* 画像位置 smartphone横表示 6plus(414px x 736px), 6(375 x 667), 5s(320 x 568) */
/* -------------------------------------------------------------- */
/* iPad縦表示 */
/* Smartphone横表示 */
/* @media screen and (min-width:320px) and (max-width: 736px) { */
@media screen and (min-width:320px) and (max-width: 768px) {

    #main {
        width:100%;
    }
}

/* for Smartphone */
#main_smt{
	background: #fff;
	margin: 0px auto 0px auto;
	padding: 8px 2px 9px 2px;
       display:none;
}

p {
	line-height: 1.6;
	text-indent: 1em;
	margin: 0px;
	align:left;
}

span.centrmenu{
	font-size:16px;
	padding-right:10px;
	padding-left:10px;
	padding-top:6px;
	padding-bottom:6px;
	border-color:#663300;
	border-width:1px;
	border-style:solid
}


span.centrmenu a{
	color:#37474f;
    font-weight:500;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;

}

span.centrmenu a:hover{
    color:#e88565;
	text-decoration: underline;
	box-shadow:0px 0px 0px #556b2f;
}

.block1 {
	width:100%;
	overflow:hidden;
	line-height: 24px;
	font-size:18px;
}

.block1div4{
	background-color:#FFFFFF;
	overflow:hidden;
	width:25%;
	float:left;
	padding-right:10px;
}
.block1div4 h3{
	color:#191970;
}

.category{
	background-color:#663300;
	font-size:16px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode';
	color:#fff;
	padding-left:10px;
	padding-right:10px;
}

.infoblk1 {
	background:transparent url("./../images/stockss.jpg") no-repeat 0 0;
	background-size: 100%;
	overflow:hidden;
	float: left;
}

.infoblk1 img.transparent {
	filter:alpha(opacity=60);
	opacity:0.8;
}

.infoblk2 {
	background:transparent url("./../images/image20ss.jpg") no-repeat 0 0;
	background-size: 100%;
	overflow:hidden;
	float: left;
}

.infoblk2 img.transparent {
	filter:alpha(opacity=60);
	opacity:0.8;
}

.infoblk3 {
	background:transparent url("./../images/worldss.jpg") no-repeat 0 0;
	background-size: 100%;
	overflow:hidden;
	float: left;
}

.infoblk3 img.transparent {
	filter:alpha(opacity=60);
	opacity:0.8;
}

.infoblk4 {
	background:transparent url("./../images/reportss.jpg") no-repeat 0 0;
	background-size: 100%;
	overflow:hidden;
	float: left;
}

.infoblk4 img.transparent {
	filter:alpha(opacity=60);
	opacity:0.8;
}

.block2{
	width:100%;
        margin-top:32px;
	padding:8px 0;
	text-align: left;
	position-left:0;
        font-size:14px;
	font-family: 'Lato', Arial, sans-serif;
	overflow:hidden;
}

.block2s{
	width:100%;
	padding:8px;
	text-align: left;
	position-left:0;
        font-size:14px;
	font-family: 'Lato', Arial, sans-serif;
	overflow:hidden;
}

.block4{
	width:100%;
	position:static;
	text-align: left;
	position-left:0;
        font-size:18px;
	font-family:  sans-serif, Arial, 'Lato';
	overflow:hidden;
}

.block4 a,
.block4 a:link,
.block4 a:visited,
.block4 a:active {
	color: #4B8ABA;
	text-decoration: none;
	margin: 3px;
}

.block4 a:hover {
	text-decoration: underline;
}

.block5{
	width:48%;
	margin-left:6px;
	margin-bottom:6px;
	text-align: left;
	float:left;
	overflow:hidden;
	line-height: 26px;
	/*font-size:18px; */
	font-size:14px;
}

.block5 a {
    color:#37474f;
    font-weight:500;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
}

.block5 a:hover{
    color:#e88565;
}

.block5 h2{
	color:#0c0c50;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial,'MS　P明朝','MS　明朝', sans-selif;
}

.block5 div.block1{
	font-size:16px;
}

.block5m{
	width:98%;
	background: #FFF;
	border: 1px solid #D5D5D6;
	border-top-color: #E0E1E2;
	border-bottom-color: #C0C1C2;
	margin-left:6px;
	margin-bottom:6px;
	text-align: left;
       font-size:12px;
	float:left;
	overflow:hidden;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
	border-radius: 6px;
}
.block5m img {
	margin-bottom: 40px;
	margin-top: 48px;
}

#block5error_win{
	display:none;
	font-size:14px;
	overflow:auto;
}

.block6left{
	width:72%;
	float:left;
	padding:18px;
}
.block6right{
	width:22%;
	padding-left:0px;
	position:relative;
	float:left;
}

.refblk2{
	width:100%;
	position:relative;
	float:left;
	background-color: #E0E0E0;
	/* background-color: #CCFF90;*/
	/* box-shadow:0px 3px 3px #999999; */
	box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.7);
	border-radius: 3px;
	font-size:12px;
}

.refblk2 p{
	line-height:21px;
	font-size:14px;
}

span.refnum{
	color: red;
	font-size:12px;
	position:relative;
	bottom:6px;
}

.relsmallfont{
	font-size: smaller;
}

span.varsup{
	font-size:smaller;
	position:relative;
	bottom:6px;
}

.equation1{
	margin: 1em;
	padding: 1em;
	background-color:#F0F0F0;
}

.linecateg{
	border-width:1px;
	border-style:solid;
	border-color:#663300;
	position:relative;
	top:-14px
}
.emredchar{
	background-color: red;
	color:#fff;
	font-size:16px;
}
.embluechar{
	background-color:blue;
	color:#fff;
	font-size:16px;
}
.emorangechar{
	background-color:orange;
	color:#fff;
	font-size:16px;
}

/* table
---------------------------------*/


table.tblsample1 {
border-collapse : collapse;
border-color:#FFFFFF;/*333333;*/
font-size:14px;
}

table.tblsample1 a{
background-color:transparent;
color:#4B8ABA;
}

table.tblsample1 a:hover{
text-decoration:underline;
}

table.tblsample1 th{
    background-color:#C7C7C7;
    font-size:14px;
    line-height:2.0;
}
table.tblsample1 td{
	background-color:ivory;
	font-size:14px;
    line-height:2.0;
}

table.tblsample2 {
border-collapse : collapse;
border-color:#CCCCCC;
}

table.tblsample2 a{
text-decoration:underline;
background-color:transparent;
color:#FFFFCC;
}

table.tblsample2 th{
    background-color:#6633CC;
    font-size:11px;
    font-color:#ffffff;
}

table.tblsample2 td{
    background-color:#9966FF;
    font-size:11px;
	font-color:#333333;
}



/* Footer
---------------------------------*/

.footer{
	background:url(./../images/pw_black.png) left top repeat;
	padding:35px 0 35px;
}
.footer-logo{
	margin:15px auto 35px;
	width: 76px;
}
.footer2{
	background:url(./../images/pw_maze_white_2X.png) left top repeat;
	padding:35px 0 35px;
}

.copyright{
	color:#cccccc;
	font-size:14px;
	display:block;
	text-align:center;
}
.copyright a{
	color:#7cc576;
	font-weight:600;
	text-decoration: none;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.copyright a:hover {
	color: #fff;
}