﻿@charset "utf-8";
/* CSS Document */
.mid-mira {
	background-image:url(../img/mid-mira.jpg);
	width:790px;
	height:105px;"
	background-repeat: no-repeat;
}
.mid-mira-str {
	margin-left:260px;
	padding-top:50px;
	font-family:"HG丸ｺﾞｼｯｸM-PRO";
	font-size:16px;
}
.mira_style {
	position: relative;
	left: 5px;
	background-image: url(../img/back1.jpg);
	background-repeat: no-repeat;
	height: 474px;
	width:798px;
}
.mira_back2 {
	position:absolute;
	left: 20px;
	top:296px;
	width:356px;
	height:164px;
	background-image: url(../img/back3.jpg);
	background-repeat: no-repeat;
}

.hkt_mira_style {
	margin-left: 5px;
	background-image: url(../img/ktk_mira_backimg.jpg);
	background-repeat: no-repeat;
	height: 474px;
}
.gray_mira_style {
	margin-left: 5px;
	background-image: url(../img/gray_mira_backimg.jpg);
	background-repeat: no-repeat;
	height: 474px;
}
.bronze_mira_style {
	margin-left: 5px;
	background-image: url(../img/back3.jpg);
	background-repeat: no-repeat;
	height: 474px;
}
.mira_str1 {
	position:absolute;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}

.mira_str2 {
	position:absolute;
	left:10px;
	top:5px;
	font-family: "HGS明朝E", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
}

.mira_str3 {
	position:absolute;
	width:360px;
	left:10px;
	top:38px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:1.2em;
}


.mira_photo_pos {
	position:absolute;
	left:22px;
}
.photo_area{
	position:absolute;
	top:14px;
	left:1px;
	width:372px;
	height:284px;
}
.mira_name {
	position:absolute;
	top:40px;
//	width: 112px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
//	font-weight: bold;
}
.mira_type {
	padding-left:30px;
	padding-right:10px;
}
.mira_l {
	padding-left:32px;
}

.hanten1 {
	position:absolute;
	top:60px;
}
.hanten1:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
//	background: #fff;
}
.mira_det {
	position: relative;
	background-image: url(../img/back2.jpg);
	background-repeat: no-repeat;
	left:396px;
	top:15px;
	width:380px;
	height:190px;	
}
.mira_side {
	position: relative;
	left:396px;
	width:380px;
	
		
}
.mira_side_photo {
	position:absolute;
	top:56px;
}
.mira_str4 {
	position: absolute;
	top: 30px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.mira_str5 {
	position: absolute;
	top: 198px;
	left:8px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height:1.2em;
}

.title_line1 {
	background-image:url(../img/title_line1.png);
	background-repeat: no-repeat;
	width: 765px;
	height: 30px;
	margin-top: 50px;
	margin-left: 5px;
		
}

.title_line1_moji {
	margin-left: 40px;
	font-size: 15px;
	font-weight: 600;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 4px;
}
.variation{
	background-image:url(../img/main_title.png);
	width:700px;
	height:22px;
	background-repeat:no-repeat;
	margin-left:40px;
	margin-top:30px;
	
}
.variation_moji{
	margin-left:180px;
	font-size:12px;
	
}
.fl_m {
	margin-left:80px;
	margin-top:20px;
	width:107px;
	height:100px;
	background-image:url(../img/link_cl.png);
	border:none;
	background-repeat:no-repeat;
	float:left;
		
}
.fl_m:hover{
	width:107px;
	height:100px;
	background-position:bottom;
}
.hk_m {
	margin-left:60px;
	margin-top:20px;
	width:107px;
	height:100px;
	background-image:url(../img/link_hcl.png);
	border:none;
	background-repeat:no-repeat;
	float:left;
		
}
.hk_m:hover{
	width:107px;
	height:100px;
	background-position:bottom;
}
.br_m {
	margin-left:60px;
	margin-top:20px;
	width:107px;
	height:100px;
	background-image:url(../img/link_bronze.png);
	border:none;
	background-repeat:no-repeat;
	float:left;
		
}
.br_m:hover{
	width:107px;
	height:100px;
	background-position:bottom;
}
.gr_m {
	margin-left:60px;
	margin-top:20px;
	width:107px;
	height:100px;
	background-image:url(../img/link_gray.png);
	border:none;
	background-repeat:no-repeat;
	float:left;
		
}
.gr_m:hover{
	width:107px;
	height:100px;
	background-position:bottom;
}
.flm_back{
	background-image:url(../img/clear_m_img1.png);
	background-repeat:no-repeat;
	width:700px;
	height:500px;
	margin-top:40px;
	margin-left:40px;
	margin-bottom:20px;
	
}
.hkm_back{
	background-image:url(../img/hclear_m_img1.png);
	background-repeat:no-repeat;
	width:700px;
	height:500px;
	margin-top:40px;
	margin-left:40px;
	margin-bottom:20px;
	
}
.grm_back{
	background-image:url(../img/gray_m_img1.png);
	background-repeat:no-repeat;
	width:700px;
	height:500px;
	margin-top:40px;
	margin-left:40px;
	margin-bottom:20px;
	
}
.brm_back{
	background-image:url(../img/bronze_m_img1.png);
	background-repeat:no-repeat;
	width:700px;
	height:500px;
	margin-top:40px;
	margin-left:40px;
	margin-bottom:20px;
	
}
.m_title{
	padding-top:60px;
	margin-left:380px;
	font-size:16px;
	font-weight:600;
	
}
.m_content{
	margin-left:385px;
	margin-top:20px;
	line-height:25px;
	
}
.top{
	font-size:13px;
	color:#602D01;
	margin-left:650px;
	margin-top:8px;
	
}
.att_moji_red{
	font-size:13px;
	color:#F44346;
	margin-top:12px;
	margin-left:30px;
	
	
}
.att_moji{
	font-size:13px;
	margin-top:10px;
	margin-left:45px;
	margin-bottom:30px;
	
}
.att_moji1{
	font-size:13px;
	margin-top:10px;
	margin-left:45px;  
	margin-bottom:30px;
	float:right;
	text-align:left;
}
.fl_r {
	float:right;
	margin-top:30px;
	margin-left:140px;
	margin-right:30px;
	
}
.corner{
	background-image:url(../img/sample_img.png);
	background-repeat:no-repeat;
	width:710px;
	height:230px;
	margin-left:35px;
	margin-bottom:50px;
	margin-top:20px;
	
}
.link_cor{
	background-repeat:no-repeat;
	background-image:url(../img/sample_link.png);
	height:30px;
	width:200px;
	margin-top:170px;
	margin-left:470px;
}
.link_cor:hover{
	height:30px;
	width:200px;
	background-position:bottom;
}