@charset "utf-8";

/*------------------------------------------------
   Reset
------------------------------------------------*/

*{
margin:0;
padding:0;
}

table{
font-size:inherit;
}


textarea{
font-size:inherit;
}

th{
text-align:left;
font-weight:normal;
}

img{
border:0;
}

ul{
list-style:none;
}

h3{
font-size:12px;
}

h4{
font-size:12px;
}

a:link{
color:#000;
}

a:visited{
color:#000;
}

a:hover{
color:#ccc;
text-decoration:none;
}

a:active{
color:#000;
}

::selection{
color:#fff;
background:#000;
}

::-moz-selection{
color:#fff;
background:#000;
}


/*------------------------------------------------
   Layout
------------------------------------------------*/
html{
width:100%;
height:100%;
}

body{
width:100%;
height:100%;
font-size:12px;
color:#000;
line-height:1;
font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

#wCover{
position:absolute;
width:100%;
height:100%;
background:#fff;
z-index:1000;
}

#wrap{
position:relative;
width:100%;
height:100%;
min-width:1024px;
min-height:740px;
overflow:hidden;
}

.scrollContents{
}

.scrollContents .customScrollBox{
position:relative;
height:100%;
overflow:hidden;
}

.scrollContents .customScrollBox .container{
position:relative;
width:240px;
top:0;
float:left;
}

#images.scrollContents .customScrollBox .container{
width:336px;
}

#texts.scrollContents .customScrollBox .container{
width:240px;
}

.scrollContents .customScrollBox .content{
clear:both;
}

.scrollContents .dragger_container{
position:relative;
width:6px;
height:500px;
float:left;
margin:40px 0 0 6px;
background:#fff;
cursor:pointer -moz-border-radius:2px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
cursor:s-resize;
}

.scrollContents .dragger{
position:absolute;
width:6px;
height:100px;
background:#eee;
text-align:center;
line-height:60px;
color:#666;
overflow:hidden;
cursor:pointer;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}

.scrollContents .dragger_pressed{
position:absolute;
width:6px;
height:100px;
background:#ccc;
text-align:center;
line-height:60px;
color:#666;
overflow:hidden;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
cursor:s-resize;
}


/*---------- Left Contents ----------*/
#leftContents{
position:relative;
width:576px;
height:100%;
/*min-height:640px;*/
min-height:740px;
padding:0 0 0 48px;
background:#fff url(../img/all_bg01.gif) no-repeat left bottom;
z-index:110;
}

.second #leftContents{
width:384px;
}

/*---------- Head ----------*/
#leftContents #head{
position:relative;
float:left;
width:288px;
height:100%;
}

#leftContents #head h1{
position:absolute;
left:0px;
top:180px;
}

#leftContents #head h1 a{
display:block;
width:220px;
height:74px;
text-indent:-9999px;
background:url(../img/all_ttl01.gif) no-repeat 0 0;
overflow:hidden;
}

#leftContents #head h1 a:hover{
/*background:url(../img/all_ttl01.gif) no-repeat 0 -74px;*/
}

#leftContents #head #logo{
position:absolute;
left:0px;
top:104px;
}

#leftContents #head #logo a{
display:block;
width:48px;
height:23px;
text-indent:-9999px;
background:url(../img/all_logo01.gif) no-repeat 0 0;
overflow:hidden;
}

#leftContents #head #copy{
position:absolute;
left:0px;
top:36px;
display:block;
width:57px;
height:8px;
text-indent:-9999px;
background:url(../img/all_copy01.gif) no-repeat 0 0;
overflow:hidden;
}

#leftContents #head #creator{
position:absolute;
left:0px;
top:300px;
}

#leftContents #head #creator li{
margin:0 0 5px 0;
font-size:0;
}

#leftContents #head #creator .design{
}

#leftContents #head #creator .design a{
display:block;
width:147px;
height:11px;
text-indent:-9999px;
background:url(../img/all_auth01.gif) no-repeat 0 0;
overflow:hidden;
}

#leftContents #head #creator .design a:hover{
background:url(../img/all_auth01.gif) no-repeat 0 -11px;
}

#leftContents #head #creator .auth{
}

#leftContents #head #creator .auth a{
display:block;
width:100px;
height:11px;
text-indent:-9999px;
background:url(../img/all_auth02.gif) no-repeat 0 0;
overflow:hidden;
}

#leftContents #head #creator .auth a:hover{
background:url(../img/all_auth02.gif) no-repeat 0 -11px;
}


/*---------- Menu ----------*/
#leftContents #menu{
position:relative;
float:left;
width:288px;
height:100%;
}

#leftContents #menu ul{
padding:36px 0 40px 0;
font-family:Arial, Helvetica, sans-serif;
line-height:1.2;
}

#leftContents #menu ul li{
}

#leftContents #menu ul li a{
text-decoration:none;
}

#leftContents #menu ul li a b{
display:block;
font-size:14px;
font-weight:bold;
}

#leftContents #menu ul li a span{
display:block;
margin:0 0 22px 0;
font-size:11px;
}


/*---------- Right Contents ----------*/
#rightContents{
position:absolute;
left:624px;
top:0px;
width:auto;
height:100%;
z-index:100;
}

.second #rightContents{
left:432px;
}

#rightContents .section{
position:absolute;
left:0px;
top:0px;
width:288px;
height:100%;
}

#rightContents .list{
font-family:Arial, Helvetica, sans-serif;
line-height:1.2;
}

.second #rightContents .list{
width:252px;
font-family:Arial, Helvetica, sans-serif;
line-height:1.2;
}

#rightContents .list .head{
margin:0 0 36px 0;
padding:36px 0 0 0;
}

.second #rightContents .list .head{
margin:0 0 24px 0;
}

#rightContents .list .head h2{
font-size:14px;
}

#rightContents .list .head h3{
font-size:11px;
font-weight:normal;
}

#rightContents .list .head .link{
padding:12px 0 0 0;
font-size:11px;
line-height:1;
}

#rightContents .list .head .link a{
display:block;
width:70px;
height:12px;
padding:0 0 0 15px;
background:url(../img/all_arw02.gif) no-repeat 0 1px;
}

#rightContents .list .subject{
font-size:11px;
line-height:1.4;
}

#rightContents .list .subject h4{
}

#rightContents .list .subject h5{
margin:0 0 10px 0;
font-weight:normal;
}

#rightContents .list .subject p{
margin:0 0 12px 0;
}

#rightContents .list .links{
margin:0 0 18px 0;
font-size:11px;
line-height:1.4;
}

#rightContents .list .links li{
}

#rightContents .list .links li a{
}

#rightContents .list .thumb{
padding:0 0 36px 0;
}

#rightContents .list .thumb li{
margin:0 0 9px 0;
}

#rightContents .list .thumb li img{
width:240px;
}

#rightContents .list .image{
padding:36px 0 36px 0;
}

#rightContents .list .image li{
margin:0 0 9px 0;
}

#rightContents .list .image li img{
}

#rightContents .list .detail{
font-size:11px;
line-height:1.4;
}

#rightContents .list .detail p{
margin:0 0 12px 0;
}

#rightContents #images{
width:384px;
}

#rightContents #texts{
width:252px;
}




/*---------- Social ----------*/
#social{
position:absolute;
left:336px;
bottom:17px;
}

#social li{
}

#social li a{
display:block;
height:12px;
text-indent:-9999px;
overflow:hidden;
}

#social .fb{
float:left;
padding:0 8px 0 0;
}

#social .fb a{
width:61px;
background:url(../img/all_fb01.gif) no-repeat 0 0;
}

#social .fb a:hover{
background:url(../img/all_fb01.gif) no-repeat 0 -12px;
}

#social .tw{
float:left;
}

#social .tw a{
width:48px;
background:url(../img/all_tw01.gif) no-repeat 0 0;
}

#social .tw a:hover{
background:url(../img/all_tw01.gif) no-repeat 0 -12px;
}


/*---------- Arrow ----------*/
#arwL{
position:absolute;
left:24px;
top:50%;
z-index:200;
}

#arwL a{
display:block;
width:63px;
height:63px;
margin:-31px 0 0 0;
text-indent:-9999px;
overflow:hidden;
background:url(../img/all_arw01_l.png) no-repeat 0 0;
}

#arwL a:hover{
background:url(../img/all_arw01_l.png) no-repeat 0 -63px;
}

#arwL a.off{
background:url(../img/all_arw01_l.png) no-repeat 0 -126px;
cursor:default;
}

#arwR{
position:absolute;
right:24px;
top:50%;
z-index:200;
}

#arwR a{
display:block;
width:63px;
height:63px;
margin:-31px 0 0 0;
text-indent:-9999px;
overflow:hidden;
background:url(../img/all_arw01_r.png) no-repeat 0 0;
}

#arwR a:hover{
background:url(../img/all_arw01_r.png) no-repeat 0 -63px;
cursor:default;
}

#arwR a.off{
background:url(../img/all_arw01_r.png) no-repeat 0 -126px;
}


/*---------- Close ----------*/
#close{
position:absolute;
right:24px;
top:24px;
z-index:200;
}

#close a{
display:block;
width:35px;
height:35px;
text-indent:-9999px;
background:url(../img/all_close01.gif) no-repeat 0 0;
overflow:hidden;
}

#close a:hover{
background:url(../img/all_close01.gif) no-repeat 0 -35px;
}


/*------------------------------------------------
   Default
------------------------------------------------*/

/* float */
.cf:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.cf{
display:inline-block;
}
/* Hides from IE-mac \*/
*html .cf{
height:1%;
}
.cf{
display:block;
}
/* End hide from IE-mac */

.fleft{float:left;}
.fright{float:right;}

/* text */
.lh01{line-height:1;}
.lh02{line-height:1.1;}
.lh03{line-height:1.2;}
.lh04{line-height:1.3;}
.lh05{line-height:1.4;}
.lh06{line-height:1.5;}
.lh07{line-height:1.6;}
.lh08{line-height:1.7;}
.lh09{line-height:1.8;}
.lh10{line-height:1.9;}
.lh11{line-height:2;}

.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}

.blt{font-weight:bold;}
.nlt{font-weight:normal;}

.mint{font-size:10px;}
.bigt{font-size:14px;}

.alignl{text-align:left;}
.alignc{text-align:center;}
.alignr{text-align:right;}

.valignt{vertical-align:top;}
.valignm{vertical-align:middle;}
.valignb{vertical-align:bottom;}

.black01{color:#000000;}
.glay01{color:#333333;}
.glay02{color:#666666;}
.glay03{color:#999999;}
.blue01{color:#003366;}
.blue02{color:#006699;}
.blue03{color:#0099cc;}
.red01{color:#cc0000;}
.red02{color:#990000;}
.red03{color:#CC3300;}
.orange01{color:#FF9900;}
.orange02{color:#FF6600;}
.green01{color:#339900;}
.green02{color:#006600;}

/* margin */
.mat01{margin-top:5px;}
.mat02{margin-top:10px;}
.mat03{margin-top:15px;}
.mat04{margin-top:20px;}
.mat05{margin-top:25px;}
.mat06{margin-top:30px;}
.mat07{margin-top:35px;}
.mat08{margin-top:40px;}
.mat09{margin-top:45px;}
.mat10{margin-top:50px;}

.mar01{margin-right:5px;}
.mar02{margin-right:10px;}
.mar03{margin-right:15px;}
.mar04{margin-right:20px;}
.mar05{margin-right:25px;}
.mar06{margin-right:30px;}
.mar07{margin-right:35px;}
.mar08{margin-right:40px;}
.mar09{margin-right:45px;}
.mar10{margin-right:50px;}

.mab01{margin-bottom:5px;}
.mab02{margin-bottom:10px;}
.mab03{margin-bottom:15px;}
.mab04{margin-bottom:20px;}
.mab05{margin-bottom:25px;}
.mab06{margin-bottom:30px;}
.mab07{margin-bottom:35px;}
.mab08{margin-bottom:40px;}
.mab09{margin-bottom:45px;}
.mab10{margin-bottom:50px;}

.mal01{margin-left:5px;}
.mal02{margin-left:10px;}
.mal03{margin-left:15px;}
.mal04{margin-left:20px;}
.mal05{margin-left:25px;}
.mal06{margin-left:30px;}
.mal07{margin-left:35px;}
.mal08{margin-left:40px;}
.mal09{margin-left:45px;}
.mal10{margin-left:50px;}


/* padding */
.pat01{padding-top:5px;}
.pat02{padding-top:10px;}
.pat03{padding-top:15px;}
.pat04{padding-top:20px;}
.pat05{padding-top:25px;}
.pat06{padding-top:30px;}
.pat07{padding-top:35px;}
.pat08{padding-top:40px;}
.pat09{padding-top:45px;}
.pat10{padding-top:50px;}

.par01{padding-right:5px;}
.par02{padding-right:10px;}
.par03{padding-right:15px;}
.par04{padding-right:20px;}
.par05{padding-right:25px;}
.par06{padding-right:30px;}
.par07{padding-right:35px;}
.par08{padding-right:40px;}
.par09{padding-right:45px;}
.par10{padding-right:50px;}

.pab01{padding-bottom:5px;}
.pab02{padding-bottom:10px;}
.pab03{padding-bottom:15px;}
.pab04{padding-bottom:20px;}
.pab05{padding-bottom:25px;}
.pab06{padding-bottom:30px;}
.pab07{padding-bottom:35px;}
.pab08{padding-bottom:40px;}
.pab09{padding-bottom:45px;}
.pab10{padding-bottom:50px;}

.pal01{padding-left:5px;}
.pal02{padding-left:10px;}
.pal03{padding-left:15px;}
.pal04{padding-left:20px;}
.pal05{padding-left:25px;}
.pal06{padding-left:30px;}
.pal07{padding-left:35px;}
.pal08{padding-left:40px;}
.pal09{padding-left:45px;}
.pal10{padding-left:50px;}

.paa01{padding:5px;}
.paa02{padding:10px;}
.paa03{padding:15px;}
.paa04{padding:20px;}