/* CSS Document */

/*
 * Developer : moco mode
 * Author : mica
 * http://www.mocomode.com
*/
/*******************************************************/
/********************************************************/
/******************パソコン用！！***********************/	
@media screen and (min-width: 641px) {
#intro {
margin: 0;
padding: 0;
width: 930px;
}
    
#intro02 {
margin: 0;
padding: 0;
width: 930px;
}

#viewer_container {
float: left;
margin: 0;
padding: 10px;
width: 450px;
height: 320px;
background-image: url(../images/viewer_bg.png);
}

#viewer {
margin: 0 auto;
width: 430px;
height: 310px;
text-align: left;
overflow: hidden;
position: relative;
z-index: 1;
}

#viewer img {
top: 0;
left: 0;
position: absolute;
}

#intro_txt {
float: right;
margin: 0 10px 0 0;
padding: 0 20px 0 20px;
width: 410px;
height: 330px;
background-image: url(../images/intro_txt_bg.gif);
}

/* cam */
#top_cam_container {
margin: 10px 0 0 0;
padding: 0;
width: 930px;
height: 130px;
}

#top_cam_1 {
float: left;
margin: 0;
padding: 0;
width: 460px;
height: 130px;
font-size: 10px;
text-align: center;
}

#top_cam_2 {
float: left;
margin: 0;
padding: 0;
width: 910px;
height: 130px;
font-size: 10px;
text-align: center;
}

#top_cam_3 {
margin: 0;
padding: 0;
width: 930px;
height: 210px;
font-size: 10px;
text-align: center;
}

#top_cam_5 {
float:left;
margin: 0;
padding: 0;
width: 460px;
height: 130px;
font-size: 10px;
text-align: center;
}

/* news */
#top_nt_container {
margin: 5px 0 0 0;
padding: 0;
width: 930px;
height: 250px;
}

#top_news {
float: left;
margin: 0;
padding: 35px 0 0 0;
width: 660px;
height: 215px;
background-image: url(../images/top_t_news.png);
background-position: top;
background-repeat: no-repeat;
}

/* twitter */
#top_twt {
float: right;
margin: 0;
padding: 0;
width: 250px;
height: 250px;
}

/* media */
#top_mmb_container {
margin: 20px 0 0 0;
padding: 0;
width: 930px;
height: 450px;
}

#top_media {
float: left;
margin: 0;
padding: 35px 0 0 0;
width: 290px;
height: 415px;
background-image: url(../images/top_t_media.png);
background-position: top;
background-repeat: no-repeat;
font-size: 10px;
text-align: center;
}

/* mail mag */
#top_magbn_container {
float: right;
margin: 0 0 0 0;
padding: 0;
width: 620px;
height: 450px;
}

#top_mag {
	float: left;
	margin: 0;
	padding: 50px 0 0 20px;
	width: 380px;
	height: 400px;
	background-image: url(../images/top_mag_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: #FFF;
}

.mag_form {
margin: 10px 0 0 0;
padding: 0 10px 0 10px;
}

/* banner */
#top_bn {
float: right;
margin: 0;
padding: 0;
width: 200px;
height: 450px;
font-size: 10px;
text-align: center;
}

/* salon info */
#top_bn_info {
margin: 0;
padding: 45px 0 0 10px;
width: 190px;
height: 265px;
background-image: url(../images/top_bn_info.png);
font-size: 12px;
text-align: left;
}

#map_canvas {
margin: 0 0 20px 0;
padding: 0;
border: #FFF solid 1px;
}

}