@charset "utf-8";

html{
height:100%;
overflow-y:scroll;
}
body{
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
font-size:75%;
line-height:1.5;
color:#333;
height:100%;
position:relative;
}
h1, h2, h3, h4, h5, h6{
margin-bottom:10px;
font-size:100%;
font-weight:normal;
}
ul{
list-style:none;
padding:0;
margin-bottom:16px;
}
table{
border-collapse:collapse;
border-spacing:0;
}
hr{display:none;}
img{border:0;}
input,
textarea{
font-family:"ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
font-size:12px;
vertical-align:middle;
outline:none;
}
input[type="text"]{padding:5px;}
textarea{padding:5px;overflow:auto;}
select{padding:1px 1px;}
option{padding:0 3px;}
em,address{font-style:normal;}
em{font-weight:bold;}
*{margin:0;}
p{margin-bottom:16px;}
table{margin-bottom:16px;}
li{margin-bottom:0;}
ol{margin:0 0 16px;}
dl{margin-bottom:16px;}
dt,dd{margin-bottom:0;}
a{color:#0000ff;text-decoration:underline;}
a:hover{
color:#0000ff;
text-decoration:none;
}
input.rollover:hover{
filter:alpha(opacity=80) !important;
-moz-opacity:0.8 !important;
opacity:0.8 !important;
/zoom:1;
}
label{
display:inline-block;
/display:inline;
padding-left:20px;
vertical-align:middle;
cursor:pointer;
/zoom:1;
}
option{padding:1px;}
textarea{font-size:12px!important;}
/* document
----------------------------------------------------------------------------------------------*/
#document{
background:#ffcccb;
min-width:960px;
min-height:100%;
position:relative;
overflow:hidden;
/zoom:1;
}
/* global header
----------------------------------------------------------------------------------------------*/
#gheader{min-width:960px;}
#container{background:url(/assets/img/common/mod_bg_pattern_02.gif) repeat 0 0;}
#contents{
background:url(/assets/img/common/mod_bg_pattern_02.gif) repeat 0 0;
min-width:960px;
}
#contentsInner01{
width:960px;
margin:0 auto;
padding:15px 0 30px;
position:relative;
/zoom:1;
}
#contentsInner01:after{
content:".";
clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
.column01Type01 #mainContents{
width:960px;
margin:0 auto;
/zoom:1;
}
.column01Type01 #mainContents{
width:960px;
margin:0 auto;
/zoom:1;
}
/* global footer
----------------------------------------------------------------------------------------------*/
#gfooter{
min-width:100%;
color:#595150;
}
#gfooterInner01{
min-width:960px;
padding:20px 0 25px;
position:relative;
}
#gfooterContents01{
width:960px;
margin:0 auto;
overflow:hidden;
position:relative;
}
#gfooterContents01 .inner01{width:550px;}
#gfooterContents01 .inner01, #copyright{
display:inline-block;
/display:inline;
vertical-align:bottom;
/zoom:1;
}

#gfooter #copyright{
margin-left:50px;
float:right;
font-size:9px;
}
.passwordSaveTypeA01{
display:block!important;
margin-top:8px;
}
.passwordSaveTypeA01 label{
font-weight:bold;
color:#999;
}
.inputCheckTypeA01 {
position:absolute;
top:3px;
/top:0px;
}
.inputWrapTypeA01 {
display:inline-block;
/display:inline;
vertical-align:middle;
position:relative;
/zoom:1;
}
.fcTypeB01 {color:#333!important;}
.marginB08{margin-bottom:8px!important;}
.clearfix:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
line-height:0;
/zoom:1;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.unitType32 {margin-bottom:32px;}
.mhfAlignR{text-align:right !important;}
/* CH101GR
----------------------------------------------------------------------------------------------*/
#CH101GR #box01 {
background: url(/assets/img/common/CH101GR/CH101GR_bg_01.jpg) no-repeat 0 0;
width: 751px;
min-height: 301px;
margin: 60px auto 32px;
padding: 35px 0 0 12px;
}
#CH101GR #box01:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
/zoom:1;
}
#CH101GR #box01 .imageColumn {
float: left;
width: 360px;
text-align: center;
}

#CH101GR #box01 .imageColumn #logo1 {margin: 100px 0 10px 0;}

#CH101GR #box01 .blockColumn {
float: left;
width: 296px;
padding: 0 32px 0 32px;
}
#CH101GR #box01 .blockColumn .password01 a {
color: #333;
font-weight: bold;
}
#CH101GR #box02 {
width: 730px;
margin: 0 auto 32px;
}
#CH101GR #box01 {
background: url(/assets/img/common/CH101GR/CH101GR_bg_01.jpg) no-repeat 0 0;
background-size: 100% 100%;
min-height: 316px;
width: 751px;
margin: 60px auto 32px;
padding: 35px 0 0 12px;
}
#CH101GR #box01:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
/zoom:1;
}
#CH101GR #box01 .imageColumn {
float: left;
width: 360px;
text-align: center;
}

#CH101GR #box01 .blockColumn {
float: left;
width: 296px;
padding: 0 32px 0 32px;
}
#CH101GR #box01 .blockColumn p {margin-bottom: 3px;}
.blockColumn dl{
width: 100%;
overflow: hidden;
margin-bottom: 5px;
}
.blockColumn dl dt{
float:left;
width: 40px;
}
.blockColumn dl dt{
padding: 11px 0;
height: 17px;
_padding:11px 0 9px;
/margin-top:2px;
background-color: #FBFBFB;
border-top: 1px solid #D6D6D6;
border-left: 1px solid #D6D6D6;
border-bottom: 1px solid #D6D6D6;
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
text-align: center;
}
.blockColumn dl dd{
float:left;
vertical-align: middle;
}
.blockColumn dl dd input {
width: 230px;
padding:11px 10px;
font-size: 14px;
height: 17px;
_height:15px;
zoom:1;
border: 1px solid #D6D6D6;
border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
}
#CH101GR #box01 .blockColumn .password01 a {
color: #333;
font-weight: bold;
}
#CH101GR #box02 {
width: 730px;
margin: 0 auto 32px;
}
.alertBoxTypeA01 {
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:#ffdfdf;
padding:15px 20px;
width:256px;
margin-top: 7px;
}
.alertBoxTypeA01 ul {margin:0;}
.alertBoxTypeA01 li {
background:url(/assets/img/common/mod_ico_circle_red_01.gif) no-repeat 0 0.5em;
padding-left:12px;
color:#f00;
}
input#button01 {
border-left:1px solid #f86034;
border-right:1px solid #c9010d;
border-top:1px solid #f86034;
border-bottom:1px solid #c9010d;
background-color: #F73D08;
background: -moz-linear-gradient(top, #F73D08, #E70212);
background: -webkit-gradient(linear, left top, left bottom, from(#F73D08), to(#E70212));
background: linear-gradient(to bottom, #F73D08, #E70212);/* IE10+, W3C */
/*IE6 IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F73D08, endcolorstr=#E70212));
/* IE8 IE9 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#F73D08, endcolorstr=#E70212))";
padding:10px 15px;
color:#fff;
font-weight: bold;
font-size:16px;
text-align: center;
text-decoration:none;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
position:relative;
/zoom:1;
width:293px;
display: block;
}
.client,
.pass{
height: 17px;
width: 16px;
display: block;
margin:0 auto;
}
.client{
background:url("/assets/img/common/icon_login.png") no-repeat;
background-position:0 0;
}
.pass{
background:url("/assets/img/common/icon_login.png") no-repeat;
background-position:-16px 0;
}