@charset "UTF-8";
/* common */
body{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:18px;
color:#333333;
background-color:#d2e7ff;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

a img {border:0; }

/* mist */
div#main div#mist {
width:800px;
}
div#main div#mist p {
padding:0;
margin:0;
}

div#main div#mist div.jumpbtn {
background-image:url(http://spicas.jp/pufiily/mist/images/top3.jpg);
padding:4px 10px 4px 284px;
_padding:4px 6px 4px 284px;
}
div#main div#mist div.jumpbtn div.order {
margin-top:0;
clear:both;
height:58px;
}
div#main div#mist div.jumpbtn div.order div.ordertxt {
font-size:13px;
line-height:20px;
font-weight:bold;
width:331px;
position:relative;
}
div#main div#mist div.jumpbtn div.order div.ordertxt img {
float:left;
margin-right:2px;
}
div#main div#mist div.jumpbtn div.order a {
width:171px;
height:44px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(http://spicas.jp/pufiily/mist/images/jumpbtn.gif);
}
div#main div#mist div.jumpbtn div.order ul {
float:right;
position:relative;
top:7px;
right:0;
}

div#main div#mist div.jumpbtn div.order li {
list-style-type:none;
}
div#main div#mist div.jumpbtn div.order li a:hover {  
background-position: 0 -44px;  
}

/* mist01 */
div#mist01 {
clear:both;
padding-top:10px;
}
div#mist01 div.mist01tit {
margin-bottom:10px;
}
div#mist01 div.mist01tit p.atttxt{
font-size:10px;
color:#999999;
text-align:right;
}
div#mist01 div.mist01_l {
float:left;
width:270px;
}
div#mist01 div.mist01_l div.usehead {
padding:20px 0 0 0;
margin:0;
}
div#mist01 div.mist01_l div.usebox {
background-image:url(../mist/images/s1_img03.gif);
font-size:12px;
line-height:20px;
padding:2px 18px 18px 28px;
}
div#mist01 div.mist01_r {
float:left;
padding-left:30px;
width:500px;
}
div#mist01 div.mist01_r div.m_mai img.maipic {
float:left;
}
div#mist01 div.mist01_r div.m_mai div.m_maitxt {
font-size:13px;
line-height:20px;
width:310px;
padding-top:10px;
height:190px;
float:left;
}
div#mist01 div.mist01_r div.m_aya {
clear:both;
}
div#mist01 div.mist01_r div.m_aya img.ayapic {
float:right;
}
div#mist01 div.mist01_r div.m_aya div.m_ayatxt {
font-size:13px;
line-height:20px;
width:310px;
padding-top:10px;
height:190px;
float:right;
}

div#mist01 div.mist01mask {
width:690px;
margin:auto;
padding:10px 0;
clear:both;
}
div#mist01 div.m_keiko {
float:left;
width:390px;
margin-right:20px;
}
div#mist01 img.m_mask {
float:right;
}
div#mist01 div.m_satomi {
float:left;
width:390px;
}
div#mist01 div.m_masktxt {
font-size:12px;
line-height:18px;
}



div#mist02 {
clear:both;
margin-bottom:20px;
padding-top:20px;
}
div#mist02 div.mist02tit {
padding:0 0 10px 0;
}
div#mist02 div.mist02txt {
font-size:14px;
line-height:22px;
padding-bottom:20px;
}
div#mist02 div.mist02txt p.p10 {
font-size:10px;
line-height:14px;
padding-top:10px;
}
div#mist02 div.mist02_l {
float:left;
width:370px;
margin-right:20px;
}
div#mist02 div.mist02_l img.tit {
margin-bottom:10px;
clear:both;
}
div#mist02 div.mist02_l div.mist02_l01 {
height:310px;
}
div#mist02 div.mist02_l div.mist02_l01 img.pic {
float:left;
margin-right:8px;
}
div#mist02 div.mist02_l div.mist02_l01 div.l01txt{
font-size:12px;
line-height:18px;
float:left;
padding-top:12px;
width:158px;
}
div#mist02 div.mist02_l div.mist02_l02 {
font-size:12px;
line-height:18px;
}

div#mist02 div.mist02_r {
float:left;
width:400px;
}
div#mist02 div.mist02_r img.tit {
margin-bottom:10px;
clear:both;
}
div#mist02 div.mist02_r p {
font-size:12px;
line-height:18px;
}
div#mist02 div.mist02_r img.pic {
margin:10px 0 20px 0;
}