@charset "Shift_JIS";


/* Style Index ========================

	01: news,recommend Setting
	02: mobileTop Setting
	03: news Setting

==================================== */




/*------------------------------------------------------
01. news,recommend Setting
------------------------------------------------------*/
.news {
float:left;
margin-bottom:0px;
margin-right:38px;
width:410px;
}

.recommend {
float:left;
margin-bottom:0px;
width:412px;
}

/*------------------------------------------------------
02. mobileTop Setting
------------------------------------------------------*/

.mobileTop{
border:1px solid #E6E6E6;
margin-top:10px;
padding:5px;
}

/* clearfix */
.mobileTop:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.mobileTop {display: inline-block;}

/* Hides from IE-mac \*/
* html .mobileTop {height: 1%;}
.mobileTop {display: block;}
/* End hide from IE-mac */
/* End clearfix*/

.mobileTop img,
.mobileTop form {
float:left;
}

.mobileTop form {
padding:0 8px;
}

.mobileTop img.qr{
border:2px solid #E6E6E6;
}


/*------------------------------------------------------
03. news Setting
------------------------------------------------------*/


.news dl {
font-size:0.96em;
line-height: 130%;
background: url(../common/images/line.gif) repeat-x bottom;
}

/* clearfix */
.news dl:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.news dl {display: inline-block;}

/* Hides from IE-mac \*/
* html .news dl {height: 1%;}
.news dl {display: block;}
/* End hide from IE-mac */
/* End clearfix*/

.news dl dt {
padding:8px 8px;
float:left;
width:15px;
}

.news dd.title {
padding:8px 0;
float:left;
width:290px;
}

.news dd.date {
padding:8px 0 8px 330px;
}

.news a {
color:#333;
}

.news a:hover {
color:#D273A8;
}

.banner .banner01{
margin-right:8px;
}

#main h3.img {
margin: 0 0 10px 0;
}