@charset "UTF-8";

/* ------------------------------------------------------------
ご利用ガイド　2013 10
------------------------------------------------------------ */


/*************************
box
*************************/
#about div,
#about span,
#about object,
#about iframe,
#about h1,
#about h2,
#about h3,
#about h4,
#about h5,
#about h6,
#about p,
#about blockquote,
#about pre,
#about a,
#about abbr,
#about acronym,
#about address,
#about code,
#about del,
#about dfn,
#about em,
#about img,
#about q,
#about dl,
#about dt,
#about dd,
#about ol,
#about ul,
#about li,
#about fieldset,
#about form,
#about label,
#about legend,
#about table,
#about caption,
#about tbody,
#about tfoot,
#about thead,
#about tr,
#about th,
#about td {
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	font-weight:100;
	font-size:12px;
	font-style: normal;
	font-weight: normal;
}

#about  {
	font:12px "ＭＳ Ｐゴシック",centuly gothic,arial,helvetica,clean,sans-serif;
	line-height:1.2;
	font-weight:100;
	*font-size:small;
	*font:x-small;
	color:#464646;
	width:765px;
}

#about table {
	border-collapse:separate;border-spacing:0;
}

#about caption,
#about th,
#about td {
	text-align:left;font-weight:normal;
}

#about table,
#about td,
#about th {
	vertical-align:top;
}

#about a {
	outline: 0;
}

#about div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#about div{
	display: inline-block;
}

*html #about div {
	height : 1%;
}

#about div{
	display: block;
}

#about ul{
	list-style-type: none ;
}


#about a img{
	text-decoration:none;
}

#about br.clear {
line-height:0px;
font-size:0px;
height:0px;
clear: both;
}


/*汎用------------------*/
#about .mgr15{/*左15px*/
margin-left:15px;}
#about .ta_r{
text-align:right;}
#about .ta_l{
text-align:left;}
#about .ta_cen{
text-align:center;}
#about .ta_mgau{
margin:0 auto;}

#about .mgr10{
margin-right:10px;}
#about .mgtb10{/*天地10px*/
margin:10px 0;}
#about .mgtb15{/*天地15px*/
margin:15px 0;}
#about .mgtb30{/*天地30px*/
margin:30px 0;}

#about div.cmg{/*コンテンツマージン代わり*/
width:10px;height:30px;}

/*テキスト------------------*/

#about .txt10{line-height:1.4em;
font-size:10px;
color:#999999;}
#about strong{color:#e60012;font-weight:bold;}
#about .txt_red{
color:#CC0000;}
#about .txt_gre{
color:#888888;}


/* テーブル リセット
------------------------------------------*/
div#about  table {
border-collapse: collapse;
border: none;
border-spacing: 0;}
div#about th {
padding:0;
margin:0px;
font-weight: normal;
text-align: left;
vertical-align: top;}
div#about td {
padding:0;
margin:0px;
font-weight: normal;
text-align: left;
vertical-align: top;}


/* テーブル左右フル
------------------------------------------*/
div#about table.aut_fll{
width:100%;}


/*リンクカラー
------------------------------------------*/

#about a{ color:#43894c;text-decoration:underline;}
#dcmx #about a{ color:#1683df;text-decoration:underline;}
#about a:hover{ color: #d4d9dc;text-decoration:none;}
#about a:visited{ color: #898989;text-decoration:none;}
#about a img{text-decoration:none;border:0;margin:0;padding:0;vertical-align: top;}

/*FF画像隙間回避
------------------------------------------------------------------*/
#about img{
vertical-align: top;}

/* Ffリンク点線回避 */
#about a{outline:0;}
#about br.clear {clear: both;}




/*画像ロールオーバー
-----------------------------*/
#about a:hover img.btn_on {
filter:alpha(opacity=80);
opacity:0.8;
background-color:#FFFFFF;
text-decoration:none;}






/*************************
  本体
*************************/

/*タイトル
-------------------------------------------------------------------*/
#about h2{
	width:765px;
	font-size:34px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
	padding-bottom:30px;
}



/*menuボタン
------------------------------------------*/

/* 大枠 */
#about div.m_btn{
width: 724px;
margin:0;
padding:0;
text-align:right;}

#about div.m_btn ul{
list-style-type: none;
margin:0;
padding:0;}

#about div.m_btn ul li{
float: left;
list-style-type: none;
display: block;
}

#about div.m_btn li a{
display: block;
width: auto;
margin: 0px;
padding: 0px;}





/*-----------------------h3------------------*/

#about h3.tit1{
	margin-bottom:10px;
}
#about h3.tit1 span{
	font-size:20px;
	font-weight:bold;
}

#about h3.tit2{
	width:765px;
	height:40px;
	background-color:#000;
	font-size:18px;
	line-height:40px;
	margin-bottom:10px;
}
#about h3.tit2 span{
	padding-left:20px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

.tit_detail,.tit_detail02{
	line-height:22px;
}
.tit_detail strong,.tit_detail02 strong{
	color:#e60012;
	font-weight:bold;
}
.tit_detail02{
	padding-left:20px;
}

#about .about_menu{
	width:765px;
	height: auto;
	background-color:#f6f6f6;
	padding-top:16px;
	padding-bottom:6px;
	margin-bottom:30px;
}

#about .about_menu ul{
	display:block;
	margin-left:16px;

}
#about .about_menu ul li{
	width:235px;
	height:60px;
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}

#about .about_menu ul li a{
	text-indent:-9999px;
	text-decoration:none;
}

#about .about_menu ul li.menu01 a{
	width:235px;
	height:60px;
	display:block;
	background:url("../../image/about/btn_guide_top.gif") no-repeat 0 0;

}
#about .about_menu ul li.menu02 a{
	width:235px;
	height:60px;
	display:block;
	background:url("../../image/about/btn_guide_top.gif") no-repeat 0 -60px;
}
#about .about_menu ul li.menu03 a{
	width:235px;
	height:60px;
	display:block;
	background:url("../../image/about/btn_guide_top.gif") no-repeat 0 -120px;
}
#about .about_menu ul li.menu03.cedyna a{
	width:235px;
	height:60px;
	display:block;
	background:url("../../image/about/btn_guide_top_cedyna.gif") no-repeat 0 -120px;
}
#about .about_menu ul li.menu04 a{
	width:235px;
	height:60px;
	display:block;
	background:url("../../image/about/btn_guide_top.gif") no-repeat 0 -180px;
}
#about .about_menu ul li.menu05 a{
	width:235px;
	height:60px;
	display:block;
	background:url("../../image/about/btn_guide_top.gif") no-repeat 0 -240px;
}


#about .btn_area{
	width:765px;
	background-color:#f5f5f5;

}
#about .btn_area div img{
	margin-top:20px;
	margin-bottom:20px;
	display:block;
}

/*Vpボタン
------------------------------------------*/
#about div.btn_vp {
width: 220px;
height:33px;
background:url(../../image/about/smc/btn_s_01.gif) 0 0;}
#about div.btn_vp a {
width: 220px;
display: block;
height:33px;
background:url(../../image/about/smc/btn_s_01.gif) 0 0;}
#about div.btn_vp a:hover {
width: 220px;
display: block;
height:33px;
background:url(../../image/about/smc/btn_s_01.gif) 0 -33px;}

#about div.btn_vp a span {visibility: hidden;
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
	visibility: hidden;}

/*-----注意ボックス-----*/

div.shop_alertBox02{
	margin-bottom:30px;
}
div.shop_alertBox02 h4{
	margin-bottom:10px;
}
div.shop_alertBox02_inner{

}
div.shop_alertBox02 p{
	font-weight: bold;
}

div.shop_alertBox02 ol{
	margin: 0 0 10px 15px;
	*margin: 0 0 10px 25px;
}

div.shop_alertBox02 ol{
	list-style-type: disc;
	margin: 5px 0 0 10px;
}

#dcmx div.shop_alertBox02 ol li{
	list-style-type: none;
	margin: 5px 0 0 0;
}

div.shop_alertBox02 ol.sub{
	margin: 0 0 0 10px;
}

div.shop_alertBox02 ol.sub li{
	list-style: none;
	margin: 0;
}

div.shop_alertBox02 ol li.space{
	margin-top: 10px;
}

div.shop_alertBox02 span{
	font-weight: bold;
}
#about .cedynaSec{
    margin: 20px 20px 40px;
}
#about .cedynaSec .cedynaSec_lead{
    margin-bottom: 20px;
    line-height: 1.7;
}
#about .cedynaSec .cedynaSec_dl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 10px;
}
#about .cedynaSec .cedynaSec_dl .red{
    color: #f00;
}
#about .cedynaSec .cedynaSec_dl .ttl{
    display: inline-block;
    width: 100px;
    margin-right: 20px;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    background: #007253;
}
#about .cedynaSec .cedynaSec_list{
    padding-top: 20px;
    line-height: 1.7;
    border-top: 1px dashed #000;

}