@charset "utf-8";
/* ------- css list created date 2013
common
index
message
philosophy
outline
history
system
------------------------------------------------------------------------ */
/* ------------------ index ------------------ */
#index .block{
float:left;
width:375px;
background: url(../common/images/index_frame_bg.png) no-repeat left top;
}
#index .blockWrap{
padding:10px;
background: url(../common/images/index_frame_bm.png) no-repeat left bottom;
min-height:100px;
}
#index .block h2{
margin: 0;
padding:5px 10px;
font-size:1.2em;
font-weight: bold;
line-height: 1.2;
border-left:#e8428e solid 3px;
}
#index .block p{
margin-top:10px;
padding:10px 0;
line-height: 1.6;
background: url(../common/images/index_line.png) no-repeat left top;
}
#index .block a{
color:#605a59;
}
#index .block a:hover, #index .block a:active{
text-decoration: none;
}
#index #section01 .over,
#system #section01 .over{
cursor:pointer;
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}


/* ------------------ philosophy ------------------ */
#philosophy .ttlArea{
position: relative;
width:100%;
height:210px;
}
#philosophy .ttlArea .ttl{
position: absolute;
top:0;
left:0;
width:289px;
height:43px;
}
#philosophy .ttlArea .pict01{
position: absolute;
right:0;
top:0;
}

#philosophy .pictArea{
margin:30px 0;
padding: 0;
list-style-type: none;
zoom:1;
}
#philosophy .pictArea:after{
content: " ";
display: block;
height: 0;
clear: both;
line-height:0;
visibility: hidden;
}
#philosophy .pictArea li{
float:left;
}
#philosophy #contentsArea .txt01,
#philosophy #contentsArea .txt02,
#philosophy #contentsArea .txt03{
margin:30px 0;
text-align: center;
}
#philosophy #section02,
#philosophy #section03{
margin-top:40px;
}
#philosophy .mask img{
filter: alpha(opacity=30);
-moz-opacity:0.30;
opacity:0.30;
}


/* ------------------ brandlogo ------------------ */
#brandlogo .ttlArea{
position: relative;
width:100%;
height:210px;
}
#brandlogo .ttlArea .ttl{
position: absolute;
top:0;
left:0;
width:100%;
height:43px;
}

h1{
font-size:160%
}

#brandlogo .ttlArea .pict01{
position: absolute;
right:0;
top:0;
}

#brandlogo .pictArea{
margin:auto;
padding: 0;
list-style-type: none;
zoom:1;
}
#brandlogo .pictArea:after{
content: " ";
display: block;
height: 0;
clear: both;
line-height:0;
visibility: hidden;
}
#brandlogo .pictArea li{
float:left;
}

#brandlogo #contentsArea .txt01,
#brandlogo #contentsArea .txt02,
#brandlogo #contentsArea .txt03,
#brandlogo #contentsArea .txt04,
#brandlogo #contentsArea .txt05{
margin:30px 0;
text-align: left;
}
#brandlogo #section01,
#brandlogo #section02,
#brandlogo #section03,
#brandlogo #section04,
#brandlogo #section05{
margin-top:40px;
}
#brandlogo .mask img{
filter: alpha(opacity=30);
-moz-opacity:0.30;
opacity:0.30;
}




/* ------------------ outline ------------------ */
#outline #section01 dl{
margin:0;
padding:10px 0;
background: url(../common/images/line_dotted.png) repeat-x left top;
zoom:1;
}
#outline #section01 dl:after{
content: " ";
display: block;
height: 0;
clear: both;
line-height:0;
visibility: hidden;
}
#outline #section01 dt{
margin:0;
padding:0;
float:left;
width:100px;
white-space: nowrap;
}
#outline #section01 dd{
margin:0;
padding:0;
float:left;
width:500px;
}
#outline #section01 dd p{
margin:0;
padding:0;
}
#outline #section02 .txt01{
margin-top:30px;
}
#outline #section02 .pict01{
float:left;
}
#outline #section02 .pict02{
float:right;
}
#outline #section02 .inner{
padding:20px;
}
#outline #section01 dd table td{
padding:0;
}

/* ------------------ outline map ------------------ */
.layerWrap{
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.6;
	z-index:99998;
}
.layerArea{
	display: block;
	position:absolute;
	width:100%;
	z-index:99999;
}
.layerAreaWrap{
	padding:20px;
	position:relative;
	background:#fff;
}
#layerMap{
left:50%;
margin-left:-225px;
display:none;
font-size:12px;
line-height:1.5;
width:450px;
}
#layerMap p{
margin-top:10px;
}
#layerMap .layerClose{
cursor: pointer;
position: absolute;
bottom:20px;
right:20px;
}

/* ------------------  history ------------------ */
#history #section01 table td{
padding:5px 0;
vertical-align: top;
line-height: 1.4;
}
#history #section01 table td.t01{
padding-right:15px;
}
#history #section01 table td.t02{
padding-right:30px;
text-align:right;
}

/* ------------------  system ------------------ */
#system .pict01{
margin:30px 0;
text-align: center;
}
#system .txt01{
margin-top:0;
}
#system #section01 .block{
float:left;
width:375px;
background: url(images/system_block_bg.png) no-repeat left top;
}
#system #section01 .blockWrap{
padding:1px 4px 4px 1px;
background: url(images/system_block_bm.png) no-repeat left bottom;
}
#system .blockWrap2{
padding:10px 10px 10px;
position: relative;
min-height90px;
}
#system #block01 .blockWrap2{
border-left:#e8428e solid 3px;
}
#system #block02 .blockWrap2{
border-left:#5cc2d0 solid 3px;
}
#system #block03 .blockWrap2{
border-left:#e8428e solid 3px;
}
#system #block04 .blockWrap2{
border-left:#112a87 solid 3px;
}
#system #block05 .blockWrap2{
border-left:#e8428e solid 3px;
}
#system #block06 .blockWrap2{
border-left:#e8428e solid 3px;
}
#system #block07 .blockWrap2{
border-left:#e8428e solid 3px;
}
#system #block08 .blockWrap2{
border-left:#e8428e solid 3px;
}
#system #block09 .blockWrap2{
border-left:#e8428e solid 3px;
}
#system #block10 .blockWrap2{
border-left:#e8428e solid 3px;
}
#system #block11 .blockWrap2{
border-left:#e8428e solid 3px;
}
#system #section01 .block h2{
margin-bottom:10px;
}

#system .block .btnMore{
position: absolute;
right:10px;
bottom:10px;
}
#system .block ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#system .block li{
margin: 0;
padding: 0 0 0 12px;
background:url(../common/images/icon_disc.png) no-repeat left 3px;
}

#system .btnArea01{
margin:15px 0;
text-align: left;
}
#system .btnArea01{
width:230px
}