@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 17, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
/* タブレット タップ時に画面全体が選択状態になるのを回避 */
body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* line 22, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html {
	line-height: 1;
}
/* line 24, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol,
ul {
	list-style: none;
}

/* line 26, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
	border-collapse: separate;
	border-spacing: 0;
}

/* line 28, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption,
th,
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

/* line 30, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q,
blockquote {
	quotes: none;
}

/* line 103, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before,
q:after,
blockquote:before,
blockquote:after {
	content: "";
	content: none;
}

/* line 32, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
	border: none;
}

/* line 116, C:/Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
	display: block;
}

/* line 11, ../sass/screen.scss */
body {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meriyo,sans-serif;
	font-size: 15px;
	width: 100%;
	color: #333;
	line-height: 130%;
}

/* line 19, ../sass/screen.scss */
#wrap {
	padding: 20px;
}

/* line 23, ../sass/screen.scss */
header {
	width: 100%;
	position: relative;
}

/* line 26, ../sass/screen.scss */
header h1 {
	font-size: 20px;
	margin-bottom: 10px;
	border-left: 5px solid #999999;
	height: 30px;
	padding-left: 10px;
	line-height: 30px;
}

/* line 34, ../sass/screen.scss */
header #chgPeriod {
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
	*zoom: 1;
}

/* line 39, ../sass/screen.scss */
header #chgPeriod li {
	float: left;
	width: 60px;
	height: 40px;
	margin-left: 10px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #999999;
	background-color: #bbb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
}

/* line 50, ../sass/screen.scss */
header #chgPeriod li.current {
	border: 1px solid #003366;
	background-color: #003366;
}

/* line 56, ../sass/screen.scss */
header .frame {
	margin-top: 20px;
}

/* line 59, ../sass/screen.scss */
.frame {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #94adc9;
	background-color: #eaf2f8;
}

/* line 67, ../sass/screen.scss */
#sort {
	width: 100%;
	margin: 10px auto 0;
}

/* line 70, ../sass/screen.scss */
#sort tr.space {
	height: 10px;
}

/* line 71, ../sass/screen.scss */
#sort th {
	width: 60px;
	border-right: 1px solid #94adc9;
	white-space: nowrap;
	height: 30px;
	padding-right: 10px;
}

/* line 78, ../sass/screen.scss */
#sort td {
	width: 100%;
	padding-left: 10px;
}

/* line 82, ../sass/screen.scss */
#sort td #sortList td {
	width: 10%;
	height: 40px;
	padding: 0 5px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #999999;
	background-color: #d9eef3;
	font-size: 12px;
}

/* line 91, ../sass/screen.scss */
#sort td #sortList td:hover {
	cursor: pointer;
}

/* line 92, ../sass/screen.scss */
#sort td #sortList td.space {
/*	width: 5px;*/
	width: 1px;
	border: none;
	background-color: #fff;
}

/* line 97, ../sass/screen.scss */
#sort td #sortList td.nonactive {
	border: 1px solid #dddddd;
	background-color: #fff;
	color: #ddd;
}

/* line 102, ../sass/screen.scss */
#sort td #sortList td.current {
	border: 1px solid #348fa7;
	background-color: #348FA7;
	color: #fff;
}

/* line 109, ../sass/screen.scss */
#sort td .categoryList {
	display: none;
	max-height: 70px;
	overflow-y: scroll;
}

/* line 113, ../sass/screen.scss */
#sort td .categoryList table {
	width: 100%;
}

/* line 115, ../sass/screen.scss */
#sort td .categoryList table td {
	width: 20%;
	height: 40px;
	padding: 0 5px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #999999;
	background-color: #d9eef3;
	font-size: 12px;
}

/* line 124, ../sass/screen.scss */
#sort td .categoryList table td.blank {
	border: none;
	background-color: transparent;
}

/* line 128, ../sass/screen.scss */
#sort td .categoryList table td:hover {
	cursor: pointer;
}

/* line 129, ../sass/screen.scss */
#sort td .categoryList table td.space {
	width: 5px;
	border: none;
	background-color: #fff;
}

/* line 134, ../sass/screen.scss */
#sort td .categoryList table td.nonactive {
	border: 1px solid #dddddd;
	background-color: #fff;
	color: #ddd;
}

/* line 139, ../sass/screen.scss */
#sort td .categoryList table td.current {
	border: 1px solid #348fa7;
	background-color: #348FA7;
	color: #fff;
}

/* line 144, ../sass/screen.scss */
#sort td .categoryList table td a {
	color: #333;
	text-decoration: none;
}

/* line 154, ../sass/screen.scss */
#content {
	margin-top: 20px;
	/* overflow: hidden; XXX 2013.9.13 takaizumi del*/
	*zoom: 1;
}

/* line 159, ../sass/screen.scss */
#leftColumn {
	float: left;
	text-align: center;
}

/* line 162, ../sass/screen.scss */
#leftColumn img {
	width: 70%;
}

/* line 165, ../sass/screen.scss */
#rightColumn {
	/* float: right; XXX 2013.9.13 takaizumi del*/
	margin-left:auto;
	border: 1px solid #999999;
	padding: 1%;
}

/* line 170, ../sass/screen.scss */
#rightColumn table {
	margin-top: 20px;
	width: 100%;
	font-size: 12px;
	border-top: 1px solid #bbbbbb;
	border-radius: 6px;
}

/* line 175, ../sass/screen.scss */
#rightColumn table tr.etc {
	display: none;
}

/* line 176, ../sass/screen.scss */
#rightColumn table tr.first span {
//	border-top: 1px solid #bbbbbb;
}

/* line 177, ../sass/screen.scss */
#rightColumn table tr.second span {
	background-color: #DDD;
}

/* line 178, ../sass/screen.scss */
#rightColumn table tr.close {
	border-bottom: none;
}

/* line 179, ../sass/screen.scss */
#rightColumn table tr.taped {
	background-color: #EEFFFF;
}

/* line 182, ../sass/screen.scss */
#rightColumn table tr.close td:first-child span {
	background: url("../images/icon02.png") no-repeat 10px 12px #dddddd;
}

/* line 185, ../sass/screen.scss */
#rightColumn table tr.open td:first-child span {
	background: url("../images/icon01.png") no-repeat 10px 16px #dddddd;
}

/* line 187, ../sass/screen.scss */
#rightColumn table td,
#rightColumn table th {
	text-align: center;
}

/* line 189, ../sass/screen.scss */
#rightColumn table td:first-child,
#rightColumn table th:first-child {
    border-left: 1px solid #bbbbbb;
}

/* line 190, ../sass/screen.scss */
#rightColumn table td span,
#rightColumn table th span {
	position: relative;
	display: block;
	padding: 10px 0;
//	width: 100%;
	height: 100%;
//	border-bottom: 1px solid #bbbbbb;
//	border-left: 1px solid #bbbbbb;
}

/* line 198, ../sass/screen.scss */
#rightColumn table td span.left_top_corner,
#rightColumn table th span.left_top_corner {
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-ms-border-radius: 5px 0 0 0;
	-o-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

/* line 199, ../sass/screen.scss */
#rightColumn table td span.right_top_corner,
#rightColumn table th span.right_top_corner {
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-ms-border-radius: 0 5px 0 0;
	-o-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}

/* line 200, ../sass/screen.scss */
#rightColumn table td span.left_btm_corner,
#rightColumn table th span.left_btm_corner {
	-webkit-border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-ms-border-radius: 0 0 0 5px;
	-o-border-radius: 0 0 0 5px;
	border-radius: 0 0 0 5px;
}

/* line 201, ../sass/screen.scss */
#rightColumn table td span.right_btm_corner,
#rightColumn table th span.right_btm_corner {
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-ms-border-radius: 0 0 5px 0;
	-o-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
}

/* line 203, ../sass/screen.scss */
#rightColumn table td span .acordion,
#rightColumn table th span .acordion {
	position: absolute;
	left: 10px;
	top: 13px;
}

/* line 209, ../sass/screen.scss */
#rightColumn table td.last span,
#rightColumn table th.last span {
//	border-right: 1px solid #bbbbbb;
}

/* line 212, ../sass/screen.scss */
#rightColumn table th.first {
	width: 60%;
//	border-radius: 6px 0 0 0;
}

/* line 214, ../sass/screen.scss */
#rightColumn table th.first span {
//	padding-left: 10px;
}

/* line 216, ../sass/screen.scss */
#rightColumn table th.second {
	width: 20%;
}

/* line 217, ../sass/screen.scss */
#rightColumn table th.third {
	width: 20%;
}

/* line 220, ../sass/screen.scss */
#rightColumn table td:first-child {
	text-align: left;
}

/* line 222, ../sass/screen.scss */
#rightColumn table td:first-child span {
	padding-left: 30px;
}
#rightColumn th, td {
    /*border-top: 1px solid #bbbbbb;*/
    border-bottom: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    /*border-left: 1px solid #bbbbbb;*/

}

.last.second td{
    background-color: #DDDDDD;
}
/* line 228, ../sass/screen.scss */
footer {
	margin-top: 20px;
}

/* line 230, ../sass/screen.scss */
#copyright {
	margin-top: 10px;
	text-align: center;
}

/* line 236, ../sass/screen.scss */
.category01 span {
	background-color: #DB7093;
	color: #fff;
}
.category11 span {
	background-color: #DB7093;
	color: #fff;
}
.category12 span {
	background-color: #DB7093;
	color: #fff;
}
.category13 span {
	background-color: #DB7093;
	color: #fff;
}

/* line 237, ../sass/screen.scss */
.category02 span {
	background-color: #4169E1;
	color: #fff;
}

/* line 238, ../sass/screen.scss */
.category03 span {
	background-color: #2E8B57;
	color: #fff;
}

/* line 239, ../sass/screen.scss */
.category11 span {
	background-color: #FFB6C1;
}

/* line 240, ../sass/screen.scss */
.category12 span {
	background-color: #6495ED;
}

/* line 241, ../sass/screen.scss */
.category13 span {
	background-color: #98FB98;
}

/* line 242, ../sass/screen.scss */
.category20 span {
	background-color: #778899;
	color: #fff;
}

/* line 243, ../sass/screen.scss */
.category30 span {
	background-color: #778899;
	color: #fff;
}

/* line 244, ../sass/screen.scss */
.category40 span {
	background-color: #778899;
	color: #fff;
}

/* line 246, ../sass/screen.scss */
li.category01 {
	background-color: #DB7093;
	color: #fff;
}

/* line 247, ../sass/screen.scss */
li.category02 {
	background-color: #4169E1;
	color: #fff;
}

/* line 248, ../sass/screen.scss */
li.category03 {
	background-color: #2E8B57;
	color: #fff;
}

/* line 249, ../sass/screen.scss */
li.category04 {
	background-color: #FFB6C1;
}

/* line 250, ../sass/screen.scss */
li.category05 {
	background-color: #6495ED;
}

/* line 251, ../sass/screen.scss */
li.category06 {
	background-color: #98FB98;
}

/* line 252, ../sass/screen.scss */
li.category07 {
	background-color: #778899;
	color: #fff;
}

/* line 253, ../sass/screen.scss */
li.category08 {
	background-color: #778899;
	color: #fff;
}

/* line 254, ../sass/screen.scss */
li.category09 {
	background-color: #778899;
	color: #fff;
}

/*--------page別スタイル--------------*/
/* line 259, ../sass/screen.scss */
#risk #content {
//	height: 350px;
	padding-top: 5px;
}

/*
 * 2013/09/18　nasukawa 追加
 */
#risk #leftColumn {
    margin-left: 70px;
    margin-right: 3%;
}

/* line 260, ../sass/screen.scss */
#risk #leftColumn,
#risk #rightColumn {
/*
 * 2013/09/18　nasukawa del
 */
//	width: 48%;
}

/* line 262, ../sass/screen.scss */
#risk #leftColumn img {
	width: 95%;
	max-width: 980px;
}

/* line 264, ../sass/screen.scss */
#risk #rightColumn {
    height: 322px;
	overflow-y: scroll;
}

/* line 271, ../sass/screen.scss */
#geraku #content {
//	height: 500px;
}

/* line 272, ../sass/screen.scss */
#geraku #leftColumn,
#geraku #rightColumn {
	width: 48%;
}

/* line 274, ../sass/screen.scss */
#geraku #leftColumn img {
	max-width: 245px;
}

/* line 276, ../sass/screen.scss */
#geraku #rightColumn {
	height: 478px;
	overflow-y: scroll;
}

/* line 283, ../sass/screen.scss */
#fand #content {
	height: 500px;
}

/* line 284, ../sass/screen.scss */
#fand #leftColumn {
	width: 39%;
}

/* line 286, ../sass/screen.scss */
#fand #leftColumn select {
	width: 100%;
	height: 30px;
}

/* line 290, ../sass/screen.scss */
#fand #leftColumn #selectResult {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 20px;
	padding: 5px;
	text-align: left;
	border: 1px solid #999999;
}

/* line 296, ../sass/screen.scss */
#fand #leftColumn #selectResult ul {
	width: 100%;
}

/* line 298, ../sass/screen.scss */
#fand #leftColumn #selectResult ul li {
	padding: 5px;
}

/* line 304, ../sass/screen.scss */
#fand #rightColumn {
	width: 58%;
	height: 478px;
	overflow-y: scroll;
	float: right;
//    -webkit-overflow-scrolling: touch;
}

/* line 309, ../sass/screen.scss */
#fand #rightColumn table th {
	height: 50px;
}

/* line 311, ../sass/screen.scss */
#fand #rightColumn table th.first {
	width: 45%;
}

/* line 311, ../sass/screen.scss */
#fand #rightColumn table th.first span {
	line-height: 40px;
	padding: inherit;
}

/* line 312, ../sass/screen.scss */
#fand #rightColumn table th.second {
	width: 10%;
}

/* line 312, ../sass/screen.scss */
#fand #rightColumn table th.second span {
//	line-height: 40px;
}

/* line 313, ../sass/screen.scss */
#fand #rightColumn table th.third {
	width: 18%;
}

/* line 314, ../sass/screen.scss */
#fand #rightColumn table th.fourth {
	width: 14%;
}

/*---------------
clearfix
--------------------*/
/* line 324, ../sass/screen.scss */
.clearfix {
	zoom: 1;
}

/* line 325, ../sass/screen.scss */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


/* ==================
   module
   from general_g.css
================== */

/* margin */
.mt5{
margin-top:5px!important;
}
.mt10{
margin-top:10px!important;
}
.mt15{
margin-top:15px!important;
}
.mt20{
margin-top:20px!important;
}
.mt30{
margin-top:30px!important;
}
.ml5{
margin-left:5px!important;
}
.ml10{
margin-left:10px!important;
}
.ml15{
margin-left:15px!important;
}
.ml30{
margin-left:30px!important;
}
.mr5{
margin-right:5px!important;
}
.mr10{
margin-right:10px!important;
}
.mr15{
margin-right:15px!important;
}
.mr30{
margin-right:30px!important;
}

.mb0{
margin-bottom:0!important;
}
.mb2{
margin-bottom:2px!important;
}
.mb5{
margin-bottom:5px!important;
}
.mb10{
margin-bottom:10px!important;
}
.mb15{
margin-bottom:15px!important;
}
.mb20{
margin-bottom:20px!important;
}
.mb30{
margin-bottom:30px!important;
}


/* padding */
.pl10{
padding-left:10px!important;
}
.pl15{
padding-left:15px!important;
}
.pl30{
padding-left:30px!important;
}
.pr5{
padding-right:5px!important;
}
.pr15{
padding-right:15px!important;
}
.pr30{
padding-right:30px!important;
}
.pt10{
padding-top:10px!important;
}
.pt15{
padding-top:15px!important;
}
.pb5{
padding-bottom:5px!important;
}
.pb7{
padding-bottom:7px!important;
}
.pb10{
padding-bottom:10px!important;
}
.pb15{
padding-bottom:15px!important;
}


/* text-align */
.tac{
text-align:center;
}
.tal{
text-align:left;
}
.tar{
text-align:right;
}

/* vertical-align */
.vat,
table.vat td{
vertical-align:top;
}
.vam{
vertical-align:middle;
}
/*追加*/
#rightColumn table tr.etc td:first-child span {
    padding-left: 5px;
    padding-right: 5px;
}
#rightColumn table tr td:not(:first-child) span {
    font-size: 15px;
}
div#selectResult ul li:nth-child(3){
    margin-left: 10px;
}
div#selectResult ul li:nth-child(4){
    margin-left: 10px;
}
div#selectResult ul li:nth-child(5){
    margin-left: 10px;
}
div#selectResult ul li:nth-child(6){
    margin-left: 10px;
}
#sort td #sortList td.space.current {
    border: 0px solid #348fa7;
    background-color: #ffffff;
}
#rightColumn table th.first {
	border-radius: 6px 0 0 0;
}
#rightColumn table th.fifth.last {
    width: 60%;
    border-radius: 0 6px 0 0;
}
#rightColumn table tr:last-child td:first-child{
    border-radius: 0 0 0 5px;
}
#rightColumn table tr:last-child td:last-child{
    border-radius: 0 0 5px 0;
}
#rightColumn table tr.last.second.close td.last.right_btm_corner {
    border-radius: 0 0 5px 0;
}
#rightColumn table tr.last.second.close td.left_btm_corner {
    border-radius: 0 0 0 5px;
}
/* 吹き出し */
.arrow_box {
    position: absolute;
    background: #ffffff;
    border: 1px solid #000000;
    padding: 2px;
}
.arrow_box:after, .arrow_box:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 20px;
    left: 50%;
    margin-left: -20px;
}
.arrow_box:before {
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 21px;
    left: 50%;
    margin-left: -21px;
}

/**
 * 不要な「loader」非表示
 */
.ui-loader {
    display: none;
}
/* 相性の良いファンドのフッターの回りこみを除去 */
#fand #footer {
	clear: both;
}

/**
 * 画像選択不可設定
 */
canvas {
    user-select: none; /* CSS3 */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Safari、Chrome */
    -ms-user-select: none; /* IE10から */
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}


/*-----------------------------------------------
12/12追加分
-----------------------------------------------*/
#rightColumn a {
	color: #10418F;
}
.btn01 {
	cursor: pointer;
	padding: 10px 45px;
	border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	border-radius: 3px;
	/*font-size:12px;*/
	font-family:arial, helvetica, sans-serif;
	text-decoration:none;
	display:inline-block;
	/*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);*/
	font-weight:bold;
	color: #666;
	 background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
	 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
	 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
	 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
	 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
	 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);

}