div,img,h1,h2,h3,h4,p,span,ul,ol,dl,dd,dt{
margin:0;
padding:0;
}

body {
color: #666666;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size: middle;
line-height: 1.5em;
text-align: left;
margin: 0;
padding: 0;
}

/* link */
a:link,
a:visited,
a:active {
color: #666666;
text-decoration: none;
}
a:hover {
text-decoration: none;
}

ul{
list-style:none;
margin-left:10px;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

#container {
background-color: #FFFFFF;
padding: 0;
margin: 0 ;
}

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

img{
border:none;
}

* {
padding: 0;
margin: 0;
}

/* ブラウザ注意文 */
.hidden {
display: none;
}

/* 本体 */

/*　本文部分---------------*/
#main {
padding:0;
font-size:16px;
/*background-color:#fdfaec;*/
}

/*　強制左寄せ WINのIE6対応　*/
div#main .left {text-align:left}
div#main_outlink .left {text-align:left}


/*　段組み終了のタグ　---------------*/
div#clear{
clear: both;
}

/*　可変文字 */
.variable {
color: #333;
font-size: small;
line-height: 1.5em;
}

/* global */

.pl20{
padding-left:20px;
}
.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;
}
.ml20{
margin-left:20px!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;
}

/* 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;
}

/* float */
.fll{
float:left;
}
.flr{
float:right;
}
.fwb{
font-weight:bold;
}
.bggre{
background:#efefef;
}
#close_button{
text-align:center;
margin:0px 0 20px 0;
}
.fc_red{
color:#db0a00;
}
.fc_blue{
color:#0000ff;
}
.bg_gray{
background-color:#f2f2f3;
}
.pagenav:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}

/* index */

/* lifeplan */
.info-main img{
width: 880px;
height:640px;
}

/* succession */
.slider-area{
position: relative;
width: 1024px;
margin: 0 auto 2em;
}

.scrollable{
position: relative;
width: 964px;
height: 719px;
margin: 0 auto;
overflow: hidden;
}

.items{
width: 20000px;
position: absolute;
}

.item{
position: relative;
float: left;
width: 964px;
height: 719px;
}

.photo img{
width: 100%;
height: auto;
}

/* ボタンのCSS（http://jquerytools.org/media/css/scrollable-buttons.cssを参考） */

/* prev, next, prevPage and nextPage buttons */
a.browse {
background:url(../img/succession/hori_large.png) no-repeat;
display:block;
width:30px;
height:30px;
float:left;
margin:40px 10px;
cursor:pointer;
font-size:1px;
}

/* right */
a.right { 
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
background-position: 0 -30px;
clear:right; margin-right: 0px;
}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { 
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
margin-left: 0px;
}
a.left:hover  { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* disabled navigational button */
a.disabled {
visibility:hidden !important;
}

/* ナビゲーション部分のCSS（http://jquerytools.org/media/css/scrollable-navigator.css） */

/* position and dimensions of the navigator */
.navi {
text-align: center;
height:20px;
}

/* items inside navigator */
.navi a {
width:8px;
height:8px;
margin:3px;
background:url(../img/succession/navigator.png) 0 0 no-repeat;
display:inline-block;
font-size:1px;
}

/* mouseover state */
.navi a:hover {
background-position:0 -8px;
}

/* active state (current page state) */
.navi a.active {
background-position:0 -16px;
}