@charset "utf-8";
/*	index.html
-----------------------------------------------------------------------------------*/

/* index only :::::::::::::::::::: */
#index .wrapBg { background:url(../top_images/bg02.gif) repeat-x 0 0; }
#index #headerWrapInner { background:url(../images/header/header_bg_left.gif) no-repeat 0 0; }
#index #header { background:url(../images/header/header_bg.gif) no-repeat 0 0; }
#index #flashnone { background:url(../images/header/header_flash_bg.jpg) no-repeat center }
#index #contents {
padding:10px 0 30px 0;
background:none;
}
#index #footer {
background:none;
clear:both;
}
#index #contentsInner { width:690px; }
#index .vi #flashnone {
padding:0 15px;
background-image:url(../top_images/bg03.jpg);
background-repeat:no-repeat;
background-position:top left;
}
/* con01 :::::::::::::::::::: */
.con01 {
padding:63px 20px 30px 19px;
background-image:url(../top_images/bg01.gif);
background-repeat:no-repeat;
}
.con01 h2 { padding:0 0 10px 0; }
/* service :::::::::::::::::::: */

.service .listBlock01 dt {
float:left;
width:340px;
}
.service .listBlock01 dd {
float:right;
width:350px;
background-image:url(../top_images/frame01m.gif);
background-repeat:repeat-y;
background-position:right;
}
.service .listBlock01 dd .bgBlock01t {
background-image:url(../top_images/frame01t.gif);
background-repeat:no-repeat;
background-position:top right;
}
.service .listBlock01 dd .bgBlock01b {
padding:14px 20px 14px 30px;
background-image:url(../top_images/frame01b.gif);
background-repeat:no-repeat;
background-position:bottom right;
}
.service .listBlock02 {
clear:both;
margin:5px 0 0 0;
}
.service .listBlock02 div.left {
float:left;
width:350px;
}
.service .listBlock02 div.left dd {
background-image:url(../top_images/frame02m.gif);
background-repeat:repeat-y;
}
.service .listBlock02 dd .bgBlock01t {
background-image:url(../top_images/frame02t.gif);
background-repeat:no-repeat;
background-position:top left;
}
.service .listBlock02 dd .bgBlock01b {
padding:20px 20px 10px;
background-image:url(../top_images/frame02b.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
.service .listBlock02 div.right {
float:right;
width:340px;
}
.service .listBlock02 div.right dd {
background-image:url(../top_images/frame03m.gif);
background-repeat:repeat-y;
}
.service .listBlock02 dd .bgBlock02t {
background-image:url(../top_images/frame03t.gif);
background-repeat:no-repeat;
background-position:top left;
}
.service .listBlock02 dd .bgBlock02b {
padding:20px 20px 10px;
background-image:url(../top_images/frame03b.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
/* info :::::::::::::::::::: */
#contentsInner .info {
width:690px;
margin:20px 0 0 0;
background:url(../top_images/info_bg.gif) repeat-y 0 0;
clear:both;
}
#contentsInner .infoInner {
padding:0 24px 24px 24px;
background:url(../top_images/info_bg_btm.gif) no-repeat bottom left;
}
#contentsInner .infoInner p {
margin-top:8px;
padding-bottom:8px;
padding-left:1em;
text-indent:-1em;
font-size:10px;
background:url(../top_images/info_line.gif) no-repeat bottom;
}
#contentsInner .infoInner ul { padding:8px 0 0 8px; }
#contentsInner .infoInner .line{
height:10px;
background:url(../images/step/step_boxline.gif) no-repeat center;
}
#contentsInner .infoInner .line hr{display:none;}
/* chara :::::::::::::::::::: */
.chara { margin:28px 0 0 0; }
.chara .charaInner { margin:25px 0 0 5px; }
.chara div.left {
width:450px;
float:left;
}
.chara div.left p.arrow { text-align:right; }
.chara div.right {
width:227px;
float:right;
background-image:url(../top_images/frame04m.gif);
background-position:left;
background-repeat:repeat-y;
}
.chara div.right .bgBlock01t {
background-image:url(../top_images/frame04t.gif);
background-position:top left;
background-repeat:no-repeat;
}
.chara div.right .bgBlock01b {
padding:20px;
background-image:url(../top_images/frame04b.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
.chara .btnBlock01 { position:relative; }
.chara .btnBlock01 p {
position:absolute;
left:344px;
top:51px;
}
.chara .btnBlock02 {
position:relative;
margin:20px 0 0 0;
}
.chara .btnBlock02 p {
position:absolute;
left:344px;
top:52px;
}
.chara div.right .txt01 {
margin:10px 10px 0 10px;
text-align:center;
}
.chara div.listBlock01 {
clear:both;
margin:18px 10px 0 0;
background-image:url(../top_images/line01.gif);
background-position:bottom;
background-repeat:repeat-x
}
.chara .listBlock01 li { float:left; }
.chara .listBlock01 li.btn1 { width:230px; }
.chara .listBlock01 li.btn2 { width:230px; }
.chara .listBlock01 li.btn3 { width:220px; }
.chara .btn4 {
margin:10px 10px 0 0;
text-align:right;
}
.chara .textBlock01 {
min-height:94px;
background-image:url(../top_images/img10.gif);
background-repeat:no-repeat;
background-position:bottom right;
}
.chara .textBlock01 p { padding:10px 180px 30px 0; }
.chara .arrow { padding:0 0 8px 0; }
.chara .arrow a {
padding:0 0 0 15px;
font-size:10px;
color:#333;
background-image:url(../top_images/arrow01.gif);
background-repeat:no-repeat;
background-position:left middle;
}
/* con02 :::::::::::::::::::: */
.con02 { margin:20px 0 0 0; }
/* guide :::::::::::::::::::: */
.guide { margin:25px 0 0 0; }
.guide p { margin:10px 0 0 0; }
.guide li { float:left; }
.guide li.list01 { width:145px; }
.guide li.list02 { width:138px; }
.guide li.list03 { width:138px; }
.guide li.list04 { width:138px; }
.guide li.list05 { width:126px; }
.guide p.border01 { margin:0; }
.guide p.arrow {
padding:0px 2px 5px 0;
text-align:right;
}
.guide p.arrow a {
padding:0 0 0 15px;
font-size:10px;
color:#333;
background-image:url(../top_images/arrow01.gif);
background-repeat:no-repeat;
background-position:left middle;
}
/* footer :::::::::::::::::::: */
#footer { padding:0; }
#footer .listBlock01 {
width:900px;
margin:0 auto;
background-image:url(../top_images/frame05m.gif);
background-repeat:repeat-y;
}
#footer .listBlock01 .bgBlock01t {
background-image:url(../top_images/frame05t.jpg);
background-position:left 82px;
background-repeat:no-repeat;
}
#footer .listBlock01 .bgBlock01b {
padding:0 0 20px 0;
background-image:url(../top_images/frame05b.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
#footer .listBlock01 .li01,
#footer .listBlock01 .li02,
#footer .listBlock01 .li03 {
width:210px;
float:left;
}
#footer .listBlock01 .li04 {
width:190px;
float:left;
}
#footer .listBlock01 .li05 {
width:280px;
float:left;
}
#footer .listBlock01 dt { text-align:left; }
#footer .listBlock01 li {
margin:0 15px 0 0;
padding:0;
text-align:left;
display:block;
border:none;
}
#footer .listBlock01 li li { margin:0; }
#footer .listBlock01 li a {
color:#387338;
background-position:0.2em left;
background-image:url(../top_images/arrow02.gif);
}
#footer .listBlock01 .data02 { margin:0 20px 0 20px; }
#index .return {
margin:12px 0 10px 0;
border-bottom:5px solid #d9d9d9;
}
#index .return p {
width:880px;
margin:0 auto;
text-align:right;
background-image:none;
}
/* :::::::::::::::::::::::::::: */
/* iInfo :::::::::::::::::::: */
#index .info_red {
padding-bottom:15px;
}

#index .info iframe {
border:none;
height:60px;
width:100%;
}
#index .info .bgBlock01b {
background-image:url(../top_images/frame06b.gif);
background-repeat:no-repeat;
background-position:left bottom;
}
#index .info .bgBlock01m {
background-image:url(../top_images/frame06m.gif);
background-repeat:repeat-y;
background-position:left;
}
#index .info .frameBlock01 {
margin:0 auto 10px auto;

padding:15px 0 0 0;
width:640px;
}
#index .iInfo {
font-size:12px;
text-align:left;
}
#index .iInfo ul {
padding:0;
}
#index .iInfo li {
list-style:none;
background-image:url(../top_images/arrow04.gif);
background-repeat:no-repeat;
background-position:left 0.3em;
padding:0 0 0 10px;
}
#index .iInfo a { color:#387338; }
#index .iInfo a:link,
#index .iInfo a:visited { text-decoration:underline; }
#index .iInfo a:hover,
#index .iInfo a:active { text-decoration:none; }
#index .info .api .txt01 {
margin:0 0 10px 0;
padding:4px;
background-color:#e4ecf9;
}
#index .info .api .txt01 p {
text-indent:0;
padding:0;
margin:0;
font-size:14px;
line-height:1;
color:#3366cd;
font-weight:bold;
}
#index .info .twitter .txt02 {
margin:13px 0 0;
padding:4px;
background-color:#e4ecf9;
}
#index .info .twitter .txt02 p {
text-indent:0;
padding:0;
margin:0;
font-size:14px;
line-height:1;
color:#3366cd;
font-weight:bold;
}
#index .info .twitter .txt02 p a {
margin-left:240px;
}

#index .info .FB_box {
border: 3px solid #3b5998;
background-color:#ffffff;
margin-bottom:18px;
}
#index .info .FB_box .txt02 {
padding:10px 6px;
background-color:#edeff4;
}
#index .info .FB_box .txt02 p {
text-indent:0;
padding:0;
margin:0;
font-size:13px;
line-height:1;
color:#333333;
font-weight:bold;
}
#index .info .FB_box .txt03 p a {
margin-left:240px;
}


#index .info .api .feed-control { border:0; }
#index .info .api a { color:#000099; }

/* :::::::::::::::::::::::::::: */
/* general :::::::::::::::::::: */
/* border :::::::::::::::::::: */
.border01 {
background-image:url(../top_images/line01.gif);
background-position:bottom;
background-repeat:repeat-x
}
.border02 {
padding:0 0 5px 0;
margin:0 0 5px 0;
background-image:url(../top_images/line02.gif);
background-position:bottom;
background-repeat:repeat-x
}
.border03 {
padding:0 0 10px 0;
background-image:url(../top_images/line03.gif);
background-position:bottom;
background-repeat:repeat-x
}
.arrow a:link,
.arrow a:visited { text-decoration:none; }
.arrow a:hover,
.arrow a:active { text-decoration:underline; }
/* margin :::::::::::::::::::: */
#index .mt8 { margin-top:8px; }
#index .mt10 { margin-top:10px; }
#index .mt20 { margin-top:20px; }
#index .ml20 { margin-left:20px; }
* html .ently,
* html .indexLogin { height:1%; }

/* slideshow :::::::::::::::::::: */
#slideshow {
   position: relative;
   width:  660px; /* ボックスの横幅 */
   height: 255px; /* ボックスの高さ */
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 0;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 255px; /* ボックスの高さ */
}

#slideshow p.active {
   z-index: 2;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 1;
}

#slideshow p img {
   width:  660px; /* 画像の横幅 */
   height: 255px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 0px; /* 画像下部の余白 */
}