@charset "utf-8";

/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ ブラウザのマージンとパディング初期化
------------------------------------------*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*------------------------------------------
■ イメージ初期化
------------------------------------------*/
img {vertical-align:top;margin:0;padding:0;border:none;}
/*------------------------------------------
■ 境界線
------------------------------------------*/
hr { display:none;}
/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img{border: none;}
a:hover img { opacity:0.7;}


a {color: #930042;text-decoration:none;}
a:hover {color:#930042;text-decoration:underline;}
a:visited {color:#666;text-decoration:underline;}
/*------------------------------------------
■ float対策
------------------------------------------*/
.f_left { float:left;}
.f_right { float:right;}
.fcl,.row {zoom: 100%;}
.fcl:after,.row:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
/*------------------------------------------
■ テキスト
------------------------------------------*/
.align_center {text-align:center;}
.align_left {text-align:left;}
.align_right {text-align:right;}
/*------------------------------------------
■ マージン/パディング調整
------------------------------------------*/

.m_top5 { margin-top: 5px;}
.m_top10 { margin-top: 10px;}
.m_top15 { margin-top: 15px;}
.m_top20 { margin-top: 20px;}
.m_top25 { margin-top: 25px;}
.m_top30 { margin-top: 30px;}
.m_top35 { margin-top: 35px;}
.m_top40 { margin-top: 40px;}
.m_top45 { margin-top: 45px;}
.m_top50 { margin-top: 50px;}

.m_bottom5 { margin-bottom: 5px;}
.m_bottom10 { margin-bottom: 10px;}
.m_bottom15 { margin-bottom: 15px;}
.m_bottom20 { margin-bottom: 20px;}
.m_bottom25 { margin-bottom: 25px;}
.m_bottom30 { margin-bottom: 30px;}
.m_bottom35 { margin-bottom: 35px;}
.m_bottom40 { margin-bottom: 40px;}
.m_bottom45 { margin-bottom: 45px;}
.m_bottom50 { margin-bottom: 50px;}

.p_bottom5 { padding-bottom: 5%;}
.p_bottom85 { padding-bottom: 8%;}
.p_bottom10 { padding-bottom: 10%;}
.p_bottom15 { padding-bottom: 15%;}

.m_left5 { margin-left: 5%;}
.m_left8 { margin-left: 8%;}
.m_left10 { margin-left: 10%;}
.m_left15 { margin-left: 15%;}

.m_auto { margin: 0 auto;}
.p_auto { padding: 0 auto;}
/*------------------------------------------
■ リストアイコン
------------------------------------------*/
ul{
list-style:none;
margin:0;
padding:0;
}
/*------------------------------------------
■ サイズ調整
------------------------------------------*/
.none{display:none;}
.size_s{width:120px;}
.size_m{width:180px;}
.size_l{width:300px;}
.max_w{max-width:100%;}

/*------------------------------------------
■ 非表示
------------------------------------------*/
.hidden { font-size:0px;}


/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ共通　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
color:#666;
font-size: 16px;
line-height: 1.3;
letter-spacing: -0.01em;
background:url(../img/ecm_bg.png) no-repeat top center;
}

.bg_full {
	width:100%;
	margin:0;
}

.bg_white { background:#FFF; padding:0;}
.bg_gray { background:#e6e6e6; padding: 0 0 50px 0;}
.bg_blue { background:url(../img/ecm_entry_bg.png); padding: 0 0 50px 0;}

.box_960 {
	width:1000px;
	min-height:10px;
	margin: 0 auto;
}

/*------------------------------------------
■ h1 h2 h3 h4 h5
------------------------------------------*/
h1,h2,h3{
margin: 0;
padding: 0;
line-height:1;
font-weight:normal;
}


/*------------------------------------------
■ content
------------------------------------------*/
.comment_area_aka {
	width:890px;
	margin: 0 auto 50px;
	border: solid 5px #F00;
	padding:30px;
}

.comment_area {
	width:960px;
	margin: 0 auto 50px;
}

.comment_area_aka p,
.comment_area p { margin-bottom: 1em;}

/*------------------------------------------
■ voice
------------------------------------------*/
.bg_voice { background:#e6e6e6; padding: 40px 0 10px;}
.box_voicewrap {
	width:860px;
	min-height:10px;
	margin: 0 auto 20px;
	padding:30px 50px 30px 50px;
	background:#FFF;
}
div.box_voice01 {
	width:380px;
	min-height:10px;
	margin:0 80px 0 0;
	float:left;

}
div.box_voice02 {
 	width:380px;
	min-height:10px;
	margin: 0;
	float:left;
}

.box_voicewrap b {
	font-size:1.9em;
	color:#ed1c24;
}
.customer_name {
	background:#ed1c24;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	padding:0.5em 1em;
	margin: 10px 0 20px;
	text-align:right;
}

.box_voicewrap img {
	margin: 0 1.5em 0.8em 0;

	float:left;
} 
.box_voicewrap p.txt {
	color:#333;
	font-size:1.1em;
	line-height:1.8em;
	letter-spacing:-0.05em;
}

/*------------------------------------------
■ entry
------------------------------------------*/
.entry_01 {
	width:960px;
	margin: 0 auto;
	text-align:center;
	clear:both;
}
.entry_01 img { }
.entry_02 {
	width:920px;
	height:115px;
	margin: 0 auto;
	padding:20px;
	background:url(../img/ecm_sec03_bg.png) no-repeat top center;
}
.entry_02 .f_left { float:left;}
.entry_03 {
	width:920px;
	height:100px;
	padding: 100px 40px 20px 40px;
	background:url(../img/ecm_sec07_img01.png) no-repeat top center;
}

/*------------------------------------------
■ form
------------------------------------------*/

.bg_form { 
	background:url(../img/ecm_entry_bg.png); 
	padding:50px 0;
}
.box_980 {
	width:940px;
	min-height:10px;
	margin: 0 auto;
	background:#FFF;
	border: solid 10px #ff7c6e;
}

.ecm_form {
	width:800px;
	min-height:10px;
	margin:30px auto;
	color:#333;
}
.ecm_form p:nth-child(even) {
	background:#f4f4d3;
	border-left:solid 8px #da3a3a;
	padding: 10px;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	clear:both;
}

.ecm_form p:last-child {
	background:transparent;
	border-left:none;
	text-align:center;
}
.ecm_form input[type="text"] {
	width:46%; 
	height:2em;
	margin-bottom: 0.5em;
	margin-left:2em;
	margin-right:1em;
}
.ecm_form textarea {
	width:46%; 
	height:5em;
	margin-bottom: 0.5em;
	margin-left:2em;
	margin-right:1em;
	float:left;
}
.ecm_form input[type="radio"] {
	margin-left: 1em;
}

.ecm_form input[type="submit"] {
background-color:#e95a24;
-webkit-border-radius: 10px;  
    -moz-border-radius: 10px; 
	border-radius: 10px;
	padding: 15px 40px;
	font-size: 1.2em;
	font-weight:bold;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.5, #FF8B1E),
	color-stop(1, #E95824)
);
	background-image: -o-linear-gradient(bottom, #FF8B1E 50%, #E95824 100%);
	background-image: -moz-linear-gradient(bottom, #FF8B1E 50%, #E95824 100%);
	background-image: -webkit-linear-gradient(bottom, #FF8B1E 50%, #E95824 100%);
	background-image: -ms-linear-gradient(bottom, #FF8B1E 50%, #E95824 100%);
background-image: linear-gradient(to bottom, #FF8B1E 50%, #E95824 100%);
	color: #fff;
	border-style: none;
}

.ecm_form input[type="submit"]:hover {
    opacity: 0.8;
}

/*------------------------------------------
■ footer
------------------------------------------*/

p.copyright {
	margin-top:30px;
	color:#FFF;
	text-align:center;
}

/*------------------------------------------
■ pagetop
------------------------------------------*/
#page-top {
	position:fixed;
	bottom:10px;
	right: 10px;
}
#page-top a {
	width:34px;
	height:34px;
	padding: 8px;
	border: solid 1px #00ccff;
	background:url(../img/ecm_icon_top.png) #FFF no-repeat 8px 8px;
	border-radius:6px;
	display:block;
	text-indent: -9999px;
}
#page-top a:hover { 
	border: solid 1px #FFF;
	background:url(../img/ecm_icon_top_ov.png) #00ccff no-repeat 8px 8px;	opacity:0.7;
}