/* CSS Document */
body{
	padding:0px;
	margin:0px auto;
	display:block;
	background-color:#ffe08a;
	font-family:sans-serif;
	font-size:80%;
	color:#ffffff;
	background-image: url(images/bk.gif);
	background-repeat: repeat;
	background-position: center top;
	height: 100%;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

img{
border:none;
}

/*A*/
a{
	color:#000000;
}

a:hover{
	color:#333333;
}
a:active{
	color:#333333;
}


/*WRAPPER*/
div#wrapper{
	margin: 0 auto;
height: 100%;
/*min-height: 100%;*/
	background-image: url("images/bk03.gif");
	background-repeat: repeat-y;
	background-position: center top;
	text-align:center;
}

/*CONTAINER*/
div#container{
	width: 810px;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
text-align:left;
}


div#header{
	width:900px;
	height:530px;
}


div#main{
width: 800px;
height:100%;
position:relative;
display:block;
left:0px;
}



div#left{
	float:left;
	width:670px;
	padding-bottom:20px;
}

/*.campaign{
width:600px;
position:relative;
top:10px;
left:70px;
padding-bottom:20px;
}*/

.pv{
width:600px;
position:relative;
top:20px;
left:60px;
margin-bottom:20px;
}

.pv .p{
margin-top:10px;
margin-bottom:10px;
}



.about{
width:600px;
position:relative;
top:20px;
left:60px;
margin-bottom:20px;
font-size:1.2em;
line-height:1.5em;
}

.about img{margin-right:5px;}

.about .p{
	float:left;
width:180px;
margin:10px;
}

.about .e{
float:right;
width:400px;
text-align:left;
margin-top:10px;
}

span.title{
font-size:18px;
line-height:22px;
color:#C00;
text-align:left;
margin:10px;
}

span.explain{
font-size:14px;
line-height:18px;
color:#000;	
}

span.spec{
font-size:14px;
line-height:20px;
color:#000;	
}



div#right{
	float:right;
	width:230px;
}

.mobile{
	margin-top:10px;
margin-left:10px;	
}

.banners{
margin-top:20px;
width:190px;
}


.bannerexp{
font-size:10px;
line-height:14px;
color:#333;
width:160px;
margin-left:10px;
}

div.clear{
	clear:both;
}


div#footer{
	width: 800px;
    font-size: 10px;
    line-height: 16px;
    text-align: left;
    margin-top: 70px;
    margin-left: 20px;
    padding-bottom: 8px;
    color: #000;
}


/* to chara */

div#header2{
	width:900px;
	height:90px;
}
  
div#main2{
width:900px;
height:100%;
position:relative;
display:block;
left:0px;
}

div#left2{
	float:left;
	width:600px;
	margin-top:20px;
	margin-left:60px;
	padding-bottom:20px;
}

.shortcut{
	width:300px;
	font-size:10px;
	line-height:12px;
	color:#000;
	padding-bottom:10px;
}

.title{
width:602px;
padding-bottom:10p;
}

.newchara{
	width:590px;
	margin-top:10px;
margin-left:10px;	
}

span.comment{
font-size:12px;
line-height:16px;
color:#000;
margin-left:5px;
}

.newchara .t{
width:584px;
padding-bottom:5px;
}

.newchara .p{
	float:left;
width:165px;
padding-bottom:5px;
}

.newchara .e{
	float:right;
width:425px;
padding-bottom:10px;
}

.thumb{
width:550px;
margin-top:10px;
margin-left:10px;	
}


.thumb img{
	margin-left:5px;
	margin-top:5px;
}


span.caption{
font-size:10px;
line-height:12px;
color:#000;
margin-left:5px;
}

/* to special */

.steel{
	width:590px;
	margin-top:10px;
margin-left:10px;
}

.steel .t{
	width:584px;
padding-bottom:0px;
}

.steel .thumb{
	margin-left:20px;
}

.banner{
	width:590px;
	margin-top:10px;
margin-left:10px;
padding-bottom:20px;
}

.banner .t{
width:584px;
padding-bottom:5px;
}

.banner .thumb img{
	margin-left:5px;
	margin-top:5px;
}


.machiuke{
	width:590px;
	height:600px;
	margin-top:10px;
margin-left:10px;
padding-bottom:20px;
}

.machiuke .t{
width:584px;
padding-bottom:5px;
}

.machiuke .p{
	float:left;
width:242px;
padding-bottom:5px;
}

.machiuke .e{
	float:right;
width:342px;
padding-bottom:10px;
font-size:12px;
line-height:16px;
color:#000;
}

/*cd*/

.cd{
width:600px;
position:relative;
top:0px;
left:0px;
margin-bottom:20px;
}

.cd .p{
float:left;
width:200px;
margin:10px;
}
s
.cd .e{
float:right;
width:370px;
text-align:left;
margin-top:10px;
}

span.cdtitle{
font-size:14px;
line-height:22px;
color:#C00;
text-align:left;
margin:0px;
}

span.explain{
font-size:12px;
line-height:18px;
color:#000;	
}

span.spec{
font-size:10px;
line-height:16px;
color:#000;	
}

.cd.clear{
clear:both;	
}

span.caption2{
font-size:12px;
line-height:18px;
color:#000;
margin-top:10px;
}


#open{
    position:absolute;
    z-index:1;
    width:580px;
    padding:10px;
    text-align:left;
    background-color:#f0f0f0;
    color:#000000;
}


/*Characters*/

.characters{
width:600px;
position:relative;
top:0px;
left:0px;
margin-bottom:20px;
}

.characters .p{
float:left;
width:160px;
margin:10px;
}

.characters .p2{
margin:10px;
}

.characters .e{
float:right;
width:420px;
text-align:left;
margin-top:10px;
}

.charastitle{
font-size:18px;
line-height:24px;
color:#C00;
text-align:left;
padding-bottom:10px;
}

.characters .explain{
font-size:12px;
line-height:14px;
color:#000;
}

.name{
font-size:18px;
line-height:24px;
	margin-top:5px;
	padding-bottom:5px;
	color:#000;
	}

span.furigana{
	font-size:0.5em;
	
}

.characters .e2{
text-align:left;
margin-top:10px;
}

.vc{
position:relative;	
display:block;
left:0px;
width:200px;
text-align:left;
}

.vc01{
	position:relative;
	width:101px;}
.vc01 a{
	background-image: url(/100corda/images/character/b_sample.gif);
	background-repeat: no-repeat;
	height:17px;
	width: 101px;
	display: block;
	float:left;
	background-position: 0px 0px;
	text-indent: -9999px;
}



/*goods*/

.goods{
width:600px;
position:relative;
top:0px;
left:0px;
margin-bottom:20px;
}

.goods .p{
float:left;
width:220px;
margin:10px;
}

.goods .p2{
margin:10px;
}

.goods .e{
float:right;
width:360px;
text-align:left;
margin-top:10px;
}

.goods .e2{
text-align:left;
margin-top:10px;
}

span.goodstitle{
font-size:14px;
line-height:22px;
color:#C00;
text-align:left;
margin:0px;
}

/*Accrodion*/
#accordion{
     border: 1px #ccc solid;
     border-top:none;
     width:580px;
     }
#accordion dt{
     background: #ddd;
     padding: 5px;
     border-top: 1px #ccc solid;
     }
#accordion dt a{color: #000; text-decoration:none;display:block;}
#accordion dd{padding: 5px}

/*Accrodion*/
#accordion2{
     border: 1px #ccc solid;
     border-top:none;
     width:580px;
     }
#accordion2 dt{
     background: #ddd;
     padding: 5px;
     border-top: 1px #ccc solid;
     }
#accordion2 dt a{color: #000; text-decoration:none;display:block;}
#accordion2 dd{padding: 5px}



 #globalnavi{
  margin: 0;
  padding: 0;
  width: 600px;
  height: 97px;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  text-indent: -9999px;
  float:left;
  width: 50px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  display: block;
  width: 100%;
  height: 97px;
  background-image: url(images/character/select_chara.jpg);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -50px 0;}
#menu3 a{background-position: -100px 0;}
#menu4 a{background-position: -150px 0;}
#menu5 a{background-position: -200px 0;}
#menu6 a{background-position: -250px 0;}
#menu7 a{background-position: -300px 0;}
#menu8 a{background-position: -350px 0;}
#menu9 a{background-position: -400px 0;}
#menu10 a{background-position: -450px 0;}
#menu11 a{background-position: -500px 0;}
#menu12 a{background-position: -550px 0;}

#globalnavi a:hover{
  background-image: url(images/character/select_chara.jpg);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -97px;}
#menu2 a:hover{background-position: -50px -97px;}
#menu3 a:hover{background-position: -100px -97px;}
#menu4 a:hover{background-position: -150px -97px;}
#menu5 a:hover{background-position: -200px -97px;}
#menu6 a:hover{background-position: -250px -97px;}
#menu7 a:hover{background-position: -300px -97px;}
#menu8 a:hover{background-position: -350px -97px;}
#menu9 a:hover{background-position: -400px -97px;}
#menu10 a:hover{background-position: -450px -97px;}
#menu11 a:hover{background-position: -500px -97px;}
#menu12 a:hover{background-position: -550px -97px;}