@charset "utf-8";

body{
line-height:1.85;
}
a{outline:none;}

fieldset, img {
border:0;
vertical-align:top;
}

.main{
margin:0 auto;
width:960px;
}

/* container ========================================== */

.container{
margin:0 auto;
width:960px;
padding-bottom:100px;
}

.container section{
padding-top:30px;
}

.container section:first-child{
padding-top:0;
}

.container section .region > .hdg:first-child img{
vertical-align:bottom;
}

.content table th > :last-child,
.content table td > :last-child,
.container section .region > .content > :last-child,
.container section .region > .content > [class~="kv-box"] :last-child,
.content .layout_grid > .unit > :last-child,
.content .layout_image > .image > :last-child,
.content .layout_image > .description > :last-child,
.content .layout_image > .description > [class*="indent-"]:last-child > :last-child,
.content .layout_text > .description > :last-child,
.content .layout_box[class*="type-"] > div > :last-child,
.content .tab .panels .panel > :last-child,
.content .layout_grid > .unit > [class*="indent-"]:last-child > :last-child,
.se .content .card-recommendations .guide :last-child{
margin-bottom:0;
}

/* h1 ========================================== */
h1{
margin:37px auto;
text-align:center;
}

/* box01 ========================================== */
.box01{
background-color:#fff940;
margin-bottom:20px;
}

/* box02 ========================================== */
.box02{
background-color:#009944;
background:url(/service/cardservice/oshiharai/aruaru/images/box02_bg_top_01.gif) #009944 no-repeat top;
color:#FFF;
font-size:125%;
margin-bottom:20px;
text-align:center;
}

.box02 .inner01{
background:url(/service/cardservice/oshiharai/aruaru/images/box02_bg_btm_01.gif) no-repeat bottom;
padding:0 30px;
}

/* box03 ========================================== */
.box03{
background-color:#fff940;
font-size:125%;
margin-bottom:20px;
text-align:center;
}

.box03 .inner01{
background:url(/service/cardservice/oshiharai/aruaru/images/box03_bg_top_01.gif) no-repeat top;
}

.box03 .inner02{
background:url(/service/cardservice/oshiharai/aruaru/images/box03_bg_btm_01.gif) no-repeat bottom;
padding:0 30px;
}


/* tab ========================================== */
#tab ul{
margin:25px auto 0;
width:900px;
}

#tab ul li{
float:left;
cursor:pointer;
}
.tabtext{
visibility: hidden;
}

#tab .tab1{
width:221px;
height:102px;
}

#tab .tab1 {
background:url(/service/cardservice/oshiharai/aruaru/images/index_img_01.png) no-repeat top;
}
#tab .tab1:hover {
background:url(/service/cardservice/oshiharai/aruaru/images/index_img_01_o.png) no-repeat top;
}
#tab .active .tab1 {
background:url(/service/cardservice/oshiharai/aruaru/images/index_img_01_c.png) no-repeat top;
}

#tab .tab2{
width:301px;
height:102px;
}

#tab .tab2 {
background:url(/service/cardservice/oshiharai/aruaru/images/index_img_02.png) no-repeat top;
}
#tab .tab2:hover {
background:url(/service/cardservice/oshiharai/aruaru/images/index_img_02_o.png) no-repeat top;
}
#tab .active .tab2 {
background:url(/service/cardservice/oshiharai/aruaru/images/index_img_02_c.png) no-repeat top;
}

#tab .tab3{
width:378px;
height:102px;
}

#tab .tab3 {
background:url(/service/cardservice/oshiharai/aruaru/images/index_img_03.png) no-repeat top;
}
#tab .tab3:hover {
background:url(/service/cardservice/oshiharai/aruaru/images/index_img_03_o.png) no-repeat top;
}
#tab .active .tab3 {
background:url(/service/cardservice/oshiharai/aruaru/images/index_img_03_c.png) no-repeat top;
}

.case{
width:900px;
margin:0 auto;
}


/* table ========================================== */

table{
width:100%;
margin:30px 0;
}

table th{
background-color:#e0faa2;
color:#009944;
font:bold 115%;
padding:5px 10px;
}

table td{
border-bottom:#e0faa2 solid 1px;
padding:5px 10px;
}

/* ========================================== */

.pt30{
padding-top:30px;
}

.pt40{
padding-top:40px;
}

.mb15{
margin-bottom:15px;
}

.mb20{
margin-bottom:20px;
}

.mb30{
margin-bottom:30px;
}

.mb40{
margin-bottom:40px;
}

.mb10{
margin-bottom:10px;
}

.mb5{
margin-bottom:5px;
}

.txt-l{
text-align:left;
}

.bold_g{
color:#009944;
font:bold;
}

.boxtext{
padding-bottom:45px;
}

/* list ========================================== */

ul.attention li{
text-indent:-1em;
padding-left:1em;
}

ul.link01{
padding-left:1.2em;
background:url(/service/cardservice/oshiharai/aruaru/images/icon_01.gif) no-repeat left;
}

ul.link01 a:link{
color:#e0faa2;
}
ul.link01 a:visited{
color:#e0faa2;
} 

ul.link02{
padding-left:1.2em;
background:url(/service/cardservice/oshiharai/aruaru/images/icon_02.gif) no-repeat left;
color:#009944;
}

ul.link02 a:link{
color:#009944;
}
ul.link02 a:visited{
color:#009944;
} 

ul.dotlist{
list-style:disc;
padding-left:20px;
}


/* qabox01 ========================================== */
.qabox01{
background-color:#fff940;
margin-bottom:20px;
color:#4c4c4c;
font-size:125%;
}

.qabox01 .inner{
background:url(/service/cardservice/oshiharai/aruaru/images/qabox_bg_btm_01.gif) no-repeat bottom;
}

/* Toggle ========================================== */

.jsToggle{
background-color:#fff940;
margin:0 30px;
}

.jsToggleUi{
position:relative;
clear:both;
}

.jsToggleContent .iconarea{
float:left;
}

.jsToggleContent .textarea{
float:left;
padding-left:20px;
}

.jsToggleContent .textarea01{
margin-left:40px;
}

.jsToggleContent .imgarea{
float:right;
}

.left{
float:left;
width:50%;
}

.right{
float:right;
width:50%;
text-align:right;
}

.clear:after {
content: "";
display: block;
clear: both;
}

.closed button{
background:url(/service/cardservice/oshiharai/aruaru/images/index_btn_01.gif) no-repeat right;
border: 0 none;
bottom: 0;
cursor: pointer;
margin: 0;
overflow: hidden;
padding-top:86px;
padding-left:900px;
position: absolute;
right: 0;
top: 0;
}

.closed button:hover{
background:url(/service/cardservice/oshiharai/aruaru/images/index_btn_a.gif) no-repeat right;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
position: absolute;
right: 0px;
top: 0;
}
.opened button:hover{
background:url(/service/cardservice/oshiharai/aruaru/images/index_btn_b.gif) no-repeat right;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
position: absolute;
right: 0px;
top: 0;
}
.opened button{
background:url(/service/cardservice/oshiharai/aruaru/images/index_btn_02.gif) no-repeat right;
border: 0 none;
bottom: 0;
cursor: pointer;
margin: 0;
overflow: hidden;
padding-top:86px;
padding-left:900px;
position: absolute;
right: 0;
top: 0;
}

.opened a:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}