﻿@charset "utf-8";

.list_official li{
position:relative;
padding-left:6em;
}

.list_official li span{
position:absolute;
top:0;
left:0;
}

.point-left{
float:left;
width:400px;
padding: 19px 0 0 14px;
}

.point-right{
float:right;
}


/*-----------------------------------
 岡三オンライン証券について 
-------------------------------------*/
/* 岡三オンライン証券の魅力 */
.reason-box,
.reason-box tr{
border:none !important;
}
.reason-box td{
padding:0 !important;
}

.reason-box .ttl {
border-top:solid 2px #ed3131;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
margin-bottom:1em;
padding:0 !important;
}
.reason-box .ttl p{
padding:5px 10px 5px;
border-bottom:solid 1px #ffffff;
background:url(../images/gradation_bg.jpg) 0 100% no-repeat;
font-weight:bold;
}
.reason-box td.space{
padding:0 !important;
border:none;
}
.reason-box .txt{
padding:0 10px 10px 10px;
}

/* 取扱商品 */
.reason-products th{
color:#ffffff;
}
.reason-products .kabu{
background:url(/company/reason/images/bg_kabu.gif) left top repeat-x #d28fb5;
}
.reason-products .fund{
background:url(/company/reason/images/bg_fund.gif) top left repeat-x #62bcc9;
}
.reason-products .bond{
background:url(/company/reason/images/bg_bond.gif) top left repeat-x #a6c238;
}
.reason-products .fop{
background:url(/company/reason/images/bg_fop.gif) top left repeat-x #e6c31e;
}
.reason-products .fx{
background:url(/company/reason/images/bg_fx.gif) top left repeat-x #7cbe62;
}
.reason-products .cfd{
background:url(/company/reason/images/bg_cfd.gif) top left repeat-x #74a2d1;
}
.reason-products{
font-size:93%;
}
	.reason-products th a {
	color:#ffffff;
	}
	.reason-products th a:hover {
	color:#eeeeee;
	}


/*-----------------------------------
 岡三オンライン証券について
-------------------------------------*/
#corporate_reason_index {
}
	#corporate_reason_index #maincolumn .btn {
	width:300px;
	margin:0 auto 1em;
	}
		#corporate_reason_index #maincolumn .btn a {
		padding:15px;
		}
	#corporate_reason_index #maincolumn .beginnerBtn {
	width:380px;
	}
		#corporate_reason_index #maincolumn .beginnerBtn a {
		padding:15px 15px 15px 37px;
		}
#welcomeCatch01,
#welcomeCatch02,
#welcomeCatch03,
#welcomeCatch04 {
font-size:146.5%;
margin-bottom:1em;
width:740px;
height:125px;
background-repeat:no-repeat;
background-position:0 0;
margin-left: auto;
margin-right: auto;
}
	#welcomeCatch01 span,
	#welcomeCatch02 span,
	#welcomeCatch03 span,
	#welcomeCatch04 span {
	display:block;
	padding-left:25px;
	}
	#welcomeCatch01 span,
	#welcomeCatch03 span {
	padding-top:30px;
	}
	#welcomeCatch02 span,
	#welcomeCatch04 span {
	padding-top:45px;
	}
		#welcomeCatch01 span em,
		#welcomeCatch02 span em,
		#welcomeCatch03 span em,
		#welcomeCatch04 span em {
		color:#df0025;
		}
#welcomeCatch01 {background-image:url(/company/reason/images/welcomeCatch01.jpg);}
#welcomeCatch02 {background-image:url(/company/reason/images/welcomeCatch02.jpg);}
#welcomeCatch03 {background-image:url(/company/reason/images/welcomeCatch03.jpg);}
#welcomeCatch04 {background-image:url(/company/reason/images/welcomeCatch04.jpg);}

.welcomeIcnList,
.welcomeIcnList2 {
padding:15px 0 0 8px;
width: 730px;
margin-left: auto;
margin-right: auto;
}
.welcomeIcnList {
margin-bottom:2em;
background-color:#ededed;
}
.welcomeIcnList2 {
margin-bottom:1em;
background-color:#ffecb8;
}
	.welcomeIcnList a,
	.welcomeIcnList2 a {
	color:#000000;
	float:left;
	border:solid #d6d5d5;
	border-width: 0 0 3px;
	background-repeat:no-repeat;
	background-position:0 50%;
	background-color:#ffffff;
	margin-top:-3px;
	}
	.welcomeIcnList a {
	width:230px;
	height:100px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:15px;
	}
	.welcomeIcnList2 a {
	width:352px;
	height:100px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:15px;
	}
	.welcomeIcnList a:hover,
	.welcomeIcnList2 a:hover {
	margin-top:-6px;
	border-width:0 0 6px;
	text-decoration:none;
	}
	.welcomeIcnList a:active,
	.welcomeIcnList2 a:active {
	margin-top:0;
	border-width:0;
	}

	.welcomeIcnList dl {
	padding:16px 0 0 70px;
	}
	.welcomeIcnList2 dl {
	padding:23px 0 0 70px;
	}
	.welcomeIcnList dt,
	.welcomeIcnList2 dt {
	font-weight:bold;
	}
	.welcomeIcnList2 dt {
	font-size:131%;
	}
	.welcomeIcnList dd {
	font-size:85%;
	}
		.welcomeIcnList dd span,
		.welcomeIcnList2 dd span {
		color:#df0025;
		}
		.welcomeIcnList dd em,
		.welcomeIcnList2 dd em {
		font-size:85%;
		}

	.welcomeIcnList .icn01_01 {background-image:url(/company/reason/images/icn01_01.png);}
	.welcomeIcnList .icn01_02 {background-image:url(/company/reason/images/icn01_02.png);}
	.welcomeIcnList .icn01_03 {background-image:url(/company/reason/images/icn01_03.png);}
	.welcomeIcnList .icn01_04 {background-image:url(/company/reason/images/icn01_04.png);}
	.welcomeIcnList .icn01_05 {background-image:url(/company/reason/images/icn01_05.png);}
	.welcomeIcnList .icn01_06 {background-image:url(/company/reason/images/icn01_06.png);}
	.welcomeIcnList .icn01_07 {background-image:url(/company/reason/images/icn01_07.png);}
	.welcomeIcnList .icn01_08 {background-image:url(/company/reason/images/icn01_08.png);}
	.welcomeIcnList .icn01_09 {background-image:url(/company/reason/images/icn01_09.png);}

	.welcomeIcnList .icn02_01 {background-image:url(/company/reason/images/icn02_01.png);}
	.welcomeIcnList .icn02_02 {background-image:url(/company/reason/images/icn02_02.png);}
	.welcomeIcnList .icn02_03 {background-image:url(/company/reason/images/icn02_03.png);}

	.welcomeIcnList2 .icn04_01 {background-image:url(/company/reason/images/icn04_01.png);}
	.welcomeIcnList2 .icn04_02 {background-image:url(/company/reason/images/icn04_02.png);}

.welcomeIcnList3 {
margin-bottom:2em;
background-color:#ededed;
padding:15px 0 0 8px;
width: 730px;
margin-left: auto;
margin-right: auto;
}
	.welcomeIcnList3 li {
	float:left;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:0 50%;
	background-color:#ffffff;
	border:solid #d6d5d5;
	border-width: 0 0 3px;
	margin-top:-3px;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:15px;
	}
	.welcomeIcnList3 li a {
	width:161px;
	padding:30px 0 30px 70px;
	color:#000000;
	display:block;
	text-decoration:none;
	}
	.welcomeIcnList3 li:hover {
	margin-top:-6px;
	border-width:0 0 6px;
	}
	.welcomeIcnList3 li:active {
	margin-top:0;
	border-width:0;
	}

	.welcomeIcnList3 .icn03_01 {background-image:url(/company/reason/images/icn03_01.png);}
	.welcomeIcnList3 .icn03_02 {background-image:url(/company/reason/images/icn03_02.png);}
	.welcomeIcnList3 .icn03_03 {background-image:url(/company/reason/images/icn03_03.png);}
	.welcomeIcnList3 .icn03_04 {background-image:url(/company/reason/images/icn03_04.png);}
	.welcomeIcnList3 .icn03_05 {background-image:url(/company/reason/images/icn03_05.png);}
	.welcomeIcnList3 .icn03_06 {background-image:url(/company/reason/images/icn03_06.png);}
	.welcomeIcnList3 .icn03_07 {background-image:url(/company/reason/images/icn03_07.png);}
	.welcomeIcnList3 .icn03_08 {background-image:url(/company/reason/images/icn03_08.png);}
	.welcomeIcnList3 .icn03_09 {background-image:url(/company/reason/images/icn03_09.png);}














