/*clearfix*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom: 1;
}

html {
font-size: 14px;
line-height: 2em;
color:#333333;
}

li {
list-style: none;
}

.clr{
clear:both;
font-size:0;
line-height:0;
margin:0;
padding:0
}

.arrow {
	color:#f7941d;
	padding-left: 8px;
	background: url(/share/images/arrow_black.gif) no-repeat left 0.3em;
}

.btn{
	margin:10px 0;
}

/*----------------------------------------------------------
       PC—p
-----------------------------------------------------------*/

.intro{
	margin:0 0 25px 0;
	*margin:0 0 50px 0;
	line-height:1.8em;
	position:relative;
}


.intro p.donyu{
	position: absolute;
	top: 55px;
}


.intro p.setsumei{
	position: absolute;
	left: 665px;
	top: -78px;
}


p.shise{
	margin:10px;
	color:#a18a7d;
line-height:1.4em;
}

span.point{
color:#f7941d;
font-weight:bold;
}


span.shiatan{
color:#ffa000;
font-weight:bold;
}
span.u-wan{
color:#29abe2;
font-weight:bold;
}



.qa1 {
margin:0;
background-image:url(../images/bg_q1_top.png);
background-position:top;
background-repeat:no-repeat;
zoom:1;
}
.qa1-inner {
background-image:url(../images/bg_q_btm.gif);
background-position:bottom;
background-repeat:no-repeat;
padding:110px 30px 30px;
margin:-10px 0 0 0;
zoom:1;
}



.qa2 {
margin:20px 0 0 0;
background-image:url(../images/bg_q2_top.png);
background-position:top;
background-repeat:no-repeat;
zoom:1;
}
.qa2-inner {
background-image:url(../images/bg_q_btm.gif);
background-position:bottom;
background-repeat:no-repeat;
padding:75px 30px 30px;
margin:0;
zoom:1;
}

h2{
	margin:0 0 20px 0;
}

p.que{
	color:#009a9a;
	font-weight:bold;
}

h3{
	margin:10px 0;
	color:#f58500;
}

img.img-right{
float:right;
margin:10px 0 20px 20px;
}
img.img-left{
float:left;
margin:10px 20px 20px 0;
}






#product{
background-image:url(../images/bg_product.gif);
background-repeat:no-repeat;
width:950px;
height:250px;
margin-top:20px;
margin-bottom:10px;
clear:both;
}
#product div{
padding: 20px;
}
#product ul li{
float: left;
margin:10px 0;
padding: 0 20px 0 0;
}
#product p{
float: left;
margin-right:30px;
display: block;
}


#character_intro{
background-color:#e6f2f4;
border:#d1d1ce solid 1px;
margin:30px 0 0 0;
clear:both;
}
#character_intro .profile {
clear: both;
margin: 15px 0 0 0;
*zoom: 1;
}
#character_intro .profile:after {
content: '';
display: block;
clear: both;
height: 0; }

#character_intro .profile .item {
float: left;
*display: inline;
width: 400px;
margin: 0 5px 10px 40px;
padding: 0;
}
#character_intro .profile .item .item-image {
float: left;
display: inline-block;
margin-right: 10px; }
#character_intro .profile .item .item-text {
font-size: 12px;
margin:10px 0 0 0;
overflow: hidden;
*zoom: 1;
}
#character_intro .profile .item .item-text p{
font-size: 12px;
line-height: 1.6;
}



#main-visual{
	margin:0 0 10px 0;
}


img.u-wan{
	margin-top:50px;
}

@media (max-width:640px){
html {
font-size: 18px;
line-height: 1.8em;
color:#333333;
}

#main-visual img {
width:100%;
height:auto;
margin:0 0 0 0;
}

.intro{
	margin:0;
	line-height:1.6em;
}


.intro .donyu-MB{
	margin:10px 0 0 0;
	line-height:2em;
}



	
.qa1 {
margin:0;
background-image:none;
border:3px solid #000000;
zoom:1;
padding:0;
}
.qa2 {
margin:15px 0 0 0;
background-image:none;
border:3px solid #000000;
zoom:1;
padding:0;
}
.qa1-inner,.qa2-inner {
background-image:none;
padding:20px;
line-height: 1.6em;
}
img.img-right,img.img-left{
float:none;
width:100%;
height:auto;
margin:10px 0;
}


p.que{
color:#009a9a;
font-weight:normal;
line-height: 1.6em;
margin:0 0 0 0;
}



h2{
	margin:0 0 10px 0;
	line-height:1.4em;
}


h3{
	margin:10px 0;
	color:#f58500;
	font-size:150%;
	line-height:1.4em;
	vertical-align:middle;
}


h3 img{
	margin:0 0 0 0;
}




span.name{
	color:#666666;
	font-weight:normal;
	font-size:10px;
	margin:0 0 0 0;
}







#product{
background-image:none;
width:100%;
margin-top:10px;
padding:0
}
#product div{
padding: 0;
}

#product p{
float: none;
margin:0;
}

#product p img{
width: 100%;
height: auto;
}

#product img{
width: 100%;
height: auto;
}
#product ul li{
float: left;
margin:5px 0 0 0;
}
#product span{
width: 100%;
height: auto;
}




#character_intro .profile .item {
width:90%;
float:none;
margin:0 0 0 15px;
}

#character_intro .profile .item .item-text {

clear:both;
font-size: 12px;
margin:10px 0 0 0;
overflow: hidden;
*zoom: 1;
}



img.u-wan{
	margin:0px;
}




}