@charset "utf-8";
/* ======================
 * base CSS
======================= */
/* Global Reset (html5doctor.com)
 * - Author: Richard Clark - http://richclarkdesign.com
------------------------------------------ */
/*----- for HTML5 -----*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ul, ol {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}

/* Custom Reset
------------------------------------------ */
/*----- for HTML5 -----*/
main {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
hr, legend {
	display: none;
}
time {
	display: block;
}
sub, sup{
	position: relative;
	font-size: 80%;
	line-height: 1;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	vertical-align: bottom;
}
img.w100per {
	width: 100%;
}

/* Base Setting
------------------------------------------ */
/*----- for HTML5 -----*/
/* page */
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%;
}
body {
	color: #333333;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height:1.4;
}

a {
	color:#00358A;
	text-decoration:underline;
}
a:hover {
	color:#BD274C;
}

#headerContainer {
	width: 100%;
	background: url(/content/dam/daiwasecurities/es/images/header_bg01.gif) repeat-x 0 0;
	border-bottom: 1px solid #e8e8e8;
	padding:3px 0 0 0;
}
#header,
#socialContainer {
	width: 1200px;
	margin: 0 auto;
}
.header_inner {
	padding: 23px 0px 22px 120px;
}
#logo {
	width: 140px;
}
.social_btn {
	padding: 8px 120px 24px 0;
	text-align: right;
}
.social_btn div.pds10.middle,
.social_btn div#fc_btn {
	display: inline-block;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}
#pageContainer {
	width: 1200px;
	margin: 0 auto;
}
#footer {
	width: 960px;
	margin: 13px auto 0;
	font-size: 12px;
	font-size: 1.2rem;
}
#footer .linkArea {
	padding: 3px 15px;
	border: 1px solid #a6a7a7;
}
.societyList01 li a span {
	padding-left: 17px;
	background: url(/content/dam/daiwasecurities/resource/images/icn_blank.gif) no-repeat 0 0;
}

.societyList02 li a span {
	padding-left: 17px;
	background: url(/content/dam/daiwasecurities/resource/images/icn_blank.gif) no-repeat 0 0;
}

#footer #copyArea {
	padding: 3px 9px;
	background-color: #8b1a1e;
}
#footer #copyArea p {
	color: #FFFFFF;
	text-align: right;
}

/* Javascript によるレスポンシブ処理用
------------------------------------------ */
.rwd {
	display: inline;
	font-size: 0.1px;
	text-indent: 1000000px;
	direction: rtl;
}
.invisible {

	display: none;
}

/* common
------------------------------------------ */
.pageTop {
	width: 960px;
	margin: 0 auto;
	text-align: right;
}
.pageTop a{
	padding-left: 9px;
	background: url(/content/dam/daiwasecurities/resource/images/arrow1_up.gif) no-repeat 0 0.5em;
	font-size: 11px;
	font-size: 1.1rem;
	text-align: right;
}

ul.colWrap > li {
	float: left;
	margin-left: 20px;
}
ul.colWrap > li:first-child {
	margin-left: 0;
}

/* Clearfix */
.colWrap:after,
.DUMMY:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.colWrap,
.DUMMY {
	zoom: 1;  /* for IE 7*/
}

.pc {
	display: block;
}
.pc_inline {
	display: inline;
}
.sp,
.sp_inline {
	display: none;
}
/* img
------------------------------------------ */
.btn_image {
	width:555px;
}
.btn_image:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
.btn2_image {
	width:425px;
}
.btn2_image:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
.cap_image {
	width:875px;
}
.illust_image {
	width:309px;
}
.list_image {
	width:428px;
}
.logo_image {
	width:333px;
}
/* hero
------------------------------------------ */
.hero_inner {
	position: relative;
	height: 311px;
	margin: 0 auto;
	width: 960px;
}
.hero_image {
	position: absolute;
	bottom: 0;
}
.hero_btn_index {
	position: absolute;
	bottom: 22px;
	right: 10px;
}
/* risk
------------------------------------------ */
.sectionTypeRisk {
	width: 960px;
	margin: 0 auto ;
	margin-top: 10px;
}
.sectionTypeRisk .attention {
	font-size: 70%;
	margin-bottom: 2em;
}
.sectionTypeRisk .sectionTypeRisk-01{
	border:4px #ebebeb solid;
	margin-bottom:35px;
	font-size:80%;
}
.sectionTypeRisk .sectionTypeRisk-01 h3{
	font-size:115%;
	font-weight:bold;
	background-color:#f7f7f7;
	background-image:url(/content/dam/daiwasecurities/es/images/icon-06.gif);
	background-repeat:no-repeat;
	background-position:8px 0.8em;
	padding:10px 10px 10px 36px;
	margin-top: 0;
	margin-bottom: 0;
}
.sectionTypeRisk .sectionTypeRisk-01 .sectionTypeRisk-01-01{
	padding:15px 16px 20px 13px;
}
.sectionTypeRisk .sectionTypeRisk-01 .sectionTypeRisk-01-01 h4{
	border-bottom:1px #cdcdcd solid;
	background-image:url(/content/dam/daiwasecurities/es/images/icon-07.gif);
	background-repeat:no-repeat;
	background-position:1px 0.85em;
	padding:4px 0 5px 12px;
	font-weight:bold;
	font-size:96%;
	margin:0 0 11px 0;
}
.sectionTypeRisk .sectionTypeRisk-01 .sectionTypeRisk-01-01 p{
	font-size:96%;
}
.sectionTypeRisk .sectionTypeRisk-01 .sectionTypeRisk-01-01 li{
	margin-bottom:10px;
	background-image:url(/content/dam/daiwasecurities/es/images/icon-08.gif);
	background-repeat:no-repeat;
	background-position:4px 0.6em;
	padding-left:12px;
}
/* ======================
 * parts
======================= */
/* text 
------------------------------------------ */
.text-center {
	text-align: center;
}
.text-left {
	text-align:left;
}
.text-red_bold{
	color: #c22112;
	font-weight: bold;
}
.text-blue_bold{
	color: #191f61;
	font-weight: bold;
}
.text-sky_bold{
	color: #03b8df;
	font-weight: bold;
}
.text-bold{
	font-weight: bold;
}
.text-underline{
	text-decoration: underline;
}
.exltxt,
.exltxtb {
	font-size:230%;
}
.lltxt,
.lltxtb {
	font-size:110%;
	line-height:140%;
}
.ltxt,
.ltxtb {
	font-size:90%;
	line-height:139%;
}
.mtxt,
.mtxtb {
	font-size:87.5%;
	line-height:130%;
}
.stxt,
.stxtb {
	font-size:70%;
	line-height:130%;
}
.sstxt,
.sstxtb {
	font-size:68%;
	line-height:128%;
}
/* caps 
------------------------------------------ */
.caps1 {
	padding-left:1em;
	text-indent:-1em;
}
.caps2 {
	padding-left:2em;
	text-indent:-2em;
}
/* common
------------------------------------------ */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.left_0101 {
	float: left;
	width:293px;
	margin:0 20px 0 0;
}
.left_0102 {
	float: left;
	width:293px;
	margin:0;
}
.left_0201 {
	float: left;
	width:50%;
	margin:20px 0 0 0;
}
.left_0202 {
	margin:5px;
}
.left_0301 {
	float: left;
	width:590px;
}
.left_0302 {
	float: left;
	width:310px;
	margin:0 0 0 20px;
	text-align:center;
}
/* heading 
------------------------------------------ */
h2 {
	padding: 5px 0 5px 14px;
	border-left: 6px solid #03b8df;
	font-size:110%;
	font-weight:bold;
	color:#191f61;
}
.h3_title {
	background-color:#03b8df;
	padding:10px;
	color:#FFFFFF;
	text-align:center;
	font-size:120%;
}
.h3_box {
	border:2px solid #03b8df;
	padding:20px;
}
.h3_box02 {
	border:2px solid #03b8df;
	padding:20px 10px;
}
.h4_title {
	background-color:#c30d23;
	padding:10px 0;
	color:#FFFFFF;
	text-align:center;
}
.h4_box {
	border:1px solid #c30d23;
	padding:10px;
	height:118px;
}
/* section
------------------------------------------ */
.sectiontitle, .section01, .section02, .section03 {
	width: 960px;
	margin: 0 auto;
	margin-top: 28px;
}
.sectioninner20{
	padding:20px;
}
.sectioninner10{
	padding:10px;
}
/* movie_list
------------------------------------------ */
.movie_list {
	font-size: 15px;
	margin-left: -8px;
	margin-top: 20px;
	text-align: center;
	zoom: 1;
}
.movie_list:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.movie_list > li {
	float: left;
	width: 25%;
}
.movie_list > li > a {
	display: block;
	margin-left: 8px;
}
.movie_list .movie_thumb {
	margin-bottom: 3px;
	transition: all .5s linear;
}
.movie_list img {
	height: auto;
	max-width: 100%;
}
.movie_list a:hover .movie_thumb {
	opacity: .7;
}

/* margin
------------------------------------------ */
.mb05{
	margin:0 0 5px 0;
}
.mt05{
	margin:5px 0 0 0;
}
.mt10{
	margin:10px 0 0 0;
}
.mt15{
	margin:15px 0 0 0;
}
.mt20{
	margin:20px 0 0 0;
}
.mt30{
	margin:30px 0 0 0;
}
.mr05{
	margin:0 5px 0 0;
}
.mbr05{
	margin:0 5px 5px 0;
}
.ml05{
	margin:0 0 5px 0;
}

/* title
------------------------------------------ */
#heroContainer {
	margin-bottom: 10px;
	width: 100%;
	background: #c2f4ff;
}
.number_img {
	width:24px;

}
@media screen and (max-width: 1200px) {
/* ======================
 * base CSS
======================= */	
	#header,
	#socialContainer,
	#pageContainer {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
/* ======================
 * base CSS
======================= */	
	body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
		color: #333333;
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 1.6;
		width: 100%;
		min-width: 320px !important;
	}
	.header_inner {
		padding: 23px 0px 22px 0px;
	}
	#logo {
		margin: 0 auto;
		width: 140px;
	}
	#mainContents {
		margin: 0 5px;
	}
	.pageTop {
		width: 100%;
	}
	.pc,
	.pc_inline {
		display: none;
	}
	.sp {
		display: block;
	}
	.sp_inline {
		display: inline;
	}
	/* img
	------------------------------------------ */
	.btn_image, .cap_image, .list_image{
		width:100%;
		}
	/* heading 
	------------------------------------------ */
	h1 {
		background: url(/content/dam/daiwasecurities/es/images/h1_sp.png) no-repeat left center;
		margin:0;
		padding:1% 20%;
		font-size: 120%;
		line-height: 1.6;
		background-color:#191f61;
		font-weight:bold;
		color:#ffffff;
		text-align:center;
	}
	h2 {
		padding: 5px 0 5px 14px;
		border-left: 3px solid #03b8df
	}
	/* hero
	------------------------------------------ */
	.hero_inner {
		width: 100%;
		height: auto;
	}
	.hero_image {
		position: relative;
		height: auto;
		margin: 0;
		width: 100%;
	}
	.hero_btn_index {
		display: block;
		bottom: 5%;
		right: 3%;
		width: 20%;
	}
	.hero_btn_index img {
		width: 100%;
	}
	.hero_text {
		padding: 1em;
		background: #f7f3e1;
	}
	/* risk 
	------------------------------------------ */
	.sectionTypeRisk {
		width: 100%;
	}
	#footer {
		width: 100%;
	}
	#footer .linkArea {
		border: none;
		padding: 0;
	}
	#footer .linkArea .title {
		padding: 10px;
		background-color: #999999;
		color: #FFFFFF;
	}
	
	#footer .societyList01 li {
		float: none;
		margin-left: 0;
		border-top: 1px solid #dddddd;
	}
	#footer .societyList01 li:first-child {
		border: none;
	}
	#footer .societyList01 li a {
		display: block;
		padding: 12px 10px;
	}
	.societyList01 li a span {
		padding: 0 22px 2px 0;
		background: url(/content/dam/daiwasecurities/resource/images/icn_blank.gif) no-repeat 100% 0.2em;
	}
	
	#footer .societyList02 li {
		float: none;
		margin-left: 0;
		border-top: 1px solid #dddddd;
	}

	#footer .societyList02 li a {
		display: block;
		padding: 12px 10px;
	}
	.societyList02 li a span {
		padding: 0 22px 2px 0;
		background: url(/content/dam/daiwasecurities/resource/images/icn_blank.gif) no-repeat 100% 0.2em;
	}
	
	#copy {
		padding: 8px 0;
	}
	#copy span {
		display: block;
		text-align: center;
	}

	/* レスポンシブ判別用
	------------------------------------------ */
	.rwd {
		display: none;
	}

	/* ページ内インデックス
	------------------------------------------ */
	.contentsIndex {
		width: 100%;
	}
	.contentsIndex ul li {
		width: 100%;
	}
		/* common
	------------------------------------------ */
	.left_0101 {
		float: left;
		width:32%;
		margin:0 2% 0 0;
	}
	.left_0102 {
		float: left;
		width:30%;
		margin:0;
	}
	.left_0201, .left_0202, .left_0301, .left_0302 {
		float: none;
		width:100%;
		margin:2% 0;
		padding:0;
	}
	 .left_0201{
		margin:2% 0;
	}
	.h4_box {
		height: auto;
		min-height:100px;
	}
	.tips, .tips.large {
		padding: .5em;
		background-image: none;
	}
	.col1table{
		width: 100%;
		height: auto;
	}
	.social_btn {
		padding: 8px 0px 16px 0;
	}
	.col1table img {
		width: 100%;
	}
	.col3table tr th {
		display: none;
	}
	.col3table tr > td {
		width: 100%;
	}
	.col3table tr > td > div {
		padding: 0.3em;
	}
	.col3table tr > td:nth-child(1) {
		float: none;
		display: block;
		background: #f3ede4;
	}
	.col3table tr > td:nth-child(2) {
		float: left;
		display: block;
		border-bottom: none;
		border-top: none;
	}
	.col3table tr > td:nth-child(2) img {
		height: auto;
		max-height: 60px;
		margin: .5em 0;
	}
	.col3table tr > td:nth-child(3) {
		float: left;
		display: block;
		margin-bottom: 0.5em;
		border-top: none;
	}
	/* section
	------------------------------------------ */
	.sectiontitle, .section01, .section02, .section03 {
		width: 100%;
		margin: 0 auto;
		margin-top: 10px;
	}
	.sectioninner, .sectioninner10{
		padding:0;
	}
	.sectiontitle, .section01 p img, .section02 p img, .section03 p {
		width: 100%;
	}
	.middle {
		vertical-align: middle;
	}
	img {
		border: medium none;
	}
	/* title
	------------------------------------------ */
	#heroContainer {
		margin-bottom: 5px;
		width: 100%;
	}
	/* movie_list
	------------------------------------------ */
	.movie_list {
		font-size: 13px;
	}
	.movie_list > li {
		margin-bottom: 10px;
		width: 50%;
	}
	.movie_list > li:nth-child(2n+1) {
		clear: both;
	}
}
@media screen and (max-width: 414px) {
	/* img
	------------------------------------------ */
	.btn_image, .btn2_image, .cap_image, .illust_image, .list_image, .logo_image {
		width:100%;
	}
	.exltxt,
	.exltxtb {
		font-size:130%;
	}
	.number_img {
		width:9%;		
	}
	.left_0101, .left_0102{
		float: none;
		width:100%;
		margin:2% 0;
		padding:0;
	}
	.h4_box{
		padding:2%;
		min-height: 0;
	}
	/* movie_list
	------------------------------------------ */
	.movie_list {
		text-align: left;
		margin-left: 0;
	}
	.movie_list > li {
		float: none;
		margin-bottom: 10px;
		width: 100%;
	}
	.movie_list > li:nth-child(2n+1) {
		clear: both;
	}
	.movie_list > li > a {
		display: table;
		margin-left: 0;
	}
	.movie_list .movie_thumb {
		display: table-cell;
		margin-bottom: 0;
		vertical-align: top;
		width: 110px;
	}
	.movie_list .movie_title {
		display: table-cell;
		padding-left: 10px;
		vertical-align: top;
	}
}
/* 分析用要素
------------------------------------------ */
.scimage {
	position: absolute;
	top: 0;
	z-index: 0;
}
