/* * * * * * * * * * * * * * * * * * * *
 * darling custom.css
 * * * * * * * * * * * * * * * * * * * */

/* ■■■■ body設定 ■■■■ */
body {
color : #ffe4e1;
background-color : #4e454a;
background-image : url("/i.cgi?n=/back/01");
}

/* ■■■■ リンク周り ■■■■ */
a:link{color : #dcd3b2;}
a:visited{color : #c0c0c0;}

.bgc1{ background-color:#eae5e3;
 color:#4e454a;}

/* ■■■■ サイトのフォントカラー設定 ■■■■ */
/* 強調するとき用　黄色 */
.st_1 {color : #f8b500;}

/* 強調するとき用　薄い紫 */
.st_2 {color : #e0b5d3;}

/* 強調するとき用　薄いピンク */
.st_3 {color : #da81b2;}

/* 強調するとき用　薄い灰色 */
.st_4 {color : #eae5e3;}

/* 強調するとき用　濃い灰色 */
.st_5 {color : #4e454a;}

/* 強調するとき用　濃いピンク */
.st_6 {color : #d0576b;}

/* 強調するとき用　灰色 */
.st_7 {color : #808080;}

/* 強調するとき用　青紫 */
.st_8 {color : #cc99ff;}

/* 強調するとき用　白 */
.st_9 {color : #ffffff;}

/* 強調するとき用　濃い灰色 */
.st_10 {color : #505050;}

/* 強調するとき用　濃いオレンジ */
.st_11 {color : #FF8C00;}


/* ■■■■ Inc用hr設定 ■■■■ */
.hr {
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #454d5a;
background : -webkit-gradient(linear, left top, left bottom, from(#454d5a), to(#454d5a));
font-size : 0;
line-height : 0;
width : 100%;
height : 1px;
margin : 10px auto;
}



/* ■■■■ マーキー設定 ■■■■ */
#marquee {
border : none;
background-color : #fd9640;
color : #ffeee1;
width : 100%;
overflow : hidden;
overflow : -webkit-marquee;
display : -wap-marquee;
-wap-marquee-loop : infinite;
white-space : nowrap;
}



/* ■■■■ TOPに戻る ■■■■ */
#box_top {
border : solid 1px #8c3310;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffb501;
background : -webkit-gradient(linear, left top, left bottom, from(#d8be9a), to(#ba9866));

font-size : 100%;
line-height : 30px;
width : 95%;
height : 30px;
margin-left : 1px;
margin-right : 1px;
text-align : left;
text-shadow : -1px -1px 0 #969696;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 5px #000000;
}

#box_top a{
display : block;
width : auto;
text-decoration : none;
color : #572d00;
}



/* ■■■■ 登録する ■■■■ */
/* ▼汎用▼ */
.box_reg {
border : solid 1px #8c3310;
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #e22092;
background : -webkit-gradient(linear, left top, left bottom, from(#f45cb5), to(#e22092));
font-size : 150%;
line-height : 30px;
width : 60%;
height : 30px;
color : #ffffff;
margin-left : auto;
margin-right : auto;
text-align : center;
text-shadow : -1px -1px 0 #969696;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 5px #000000;
}

.box_reg a{
display : block;
width : auto;
text-decoration : none;
color : #ffffff;
}

/* ▼new CSSボタン▼ */
a.btn1{
	width：100%;
	text-align:center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	border-radius: 10px;
	font-weight:bold;
	background: #e22092 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f45cb5), to(#e22092)); 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.25);}
a.btn2{
	width:100px;
	text-align:center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #fff;
	font-size : 150%;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	border-top: 1px solid #d25f11;
	border-right: 1px solid #d25f11;
	border-bottom: 1px solid #b85511;
	border-left: 1px solid #d25f11;
	font-weight: bold;
	-webkit-box-shadow:inset 0 1px 0px #ffc290;
	background: -webkit-gradient(linear, left top, left bottom, from(#fe923b), 
		to(#e26411));}



/* ■■■■ 角丸ボックス　影つき ■■■■ */
.box_tokubetu {
padding : 5px;
box-shadow : 0px 0px 10px #000000;
-webkit-box-shadow : 0px 0px 10px #000000;
border : solid 3px #f76700;
border-radius : 10px;
-webkit-border-radius : 10px;
}



/* ■■■■ 枠（白　角丸） ■■■■ */
.waku {
border : solid 1px #ffffff; /*枠の色*/
border-radius : 8px;
-webkit-border-radius : 8px;
background-color : #ffffff; /*背景色*/
background : -webkit-gradient(linear, left top, left bottom,);
width : 90%; /*横幅*/
height : auto; /*高さ　自動*/
margin-left : auto;
margin-right : auto;
padding : 10px 10px 10px 10px; /*枠と文字の隙間　上右下左*/
box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
-webkit-box-shadow : 0px 0px 5px #000000; /*枠全体の影*/
}


/* ■■■■ 枠(タイトルあり) ■■■■ */

.waku_corner {
margin : 2% auto;
margin-right : auto;
margin-left : auto;
width : 96%;
height: auto;
background-image : -webkit-gradient(linear,0 0,0 25,from(#fed66c),to(#c96d3b));
background-image : linear-gradient(-90deg,#fed66c) 0%,#c96d3b 20%,#c96d3b 100%);
color : #000000;
text-decoration: none;
text-shadow: 0 -1px 1px #666;padding : 2px;
padding-top : 5px;
text-align : center;
border-radius : 6px;
box-shadow : 0 0 2px #ffffff;
-webkit-box-shadow : 0 0 2px #ffffff;
}

.waku_corner .main {
text-align : left;
width : auto;
height: auto;
border : none;
background-color : #4e454a;
background-image : url("/i.cgi?n=/back/01");
color : #ffe4e1;
margin : 0 auto;
margin-top : 2px;
padding : 10px;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
box-shadow : 0 0 2px #ffffff;
-webkit-box-shadow : 0 0 2px #ffffff;
}



/* ■■■■ 汎用リスト02 背景とかの装飾設定なしバージョン ■■■■ */
.list_02 {
border-bottom : solid 1px #666666; /*一番外の枠色*/
width : 100%;
list-style : none;
font-size : 90%;
}

.list_02 li {
position : relative;
border-bottom : solid 1px #666666; /*リスト内の区切り線の色*/
/*height : auto;*/
height : 35px;
}

.list_02 li a:not(.noListLink) {
position : relative;
display : block;
width : 100%;
height : 100%;
padding : 10px;
text-decoration : none;
-webkit-box-sizing : border-box;
}

.list_02 li:last-child {
border-bottom : none;
}

.list_02 li a:not(.noListLink):after {
content : "";
position : absolute;
right : 10px;
top : 50%;
display : block;
width : 6px;
height : 6px;
margin-top : -4px;
border-top : solid 2px #666666; /*右端　>　の色*/
border-right : solid 2px #666666; /*右端　>　の色*/
-webkit-transform : rotate(45deg);
}

/* ■■■■ マーケリンク(first_top以外) ■■■■ */

.markl{
text-align : center;
}




/* ■■■■ お客様の声 ■■■■ */
.top_inner_box {
margin:0 auto;
width:96%;
}

/* ftop voice */
.top_voice {
	margin-bottom:18px;
	padding:8px;
	-webkit-border-radius:4px;
	border-radius:2px;
	position:relative;
	min-height:18px;
	background-color:#ffffff;
	color:#000;
}
.top_voice.arrow_left {
	margin-left:40px;
}
.top_voice.arrow_right {
	margin-right:40px;
}
.top_voice:after {
	content:"";
	position:absolute;
	top:16px;
	bottom:auto;
	border-style:solid;
}
.top_voice.arrow_left:after {
	left:-20px;
	border-width:10px 20px 0 0;
	border-color:transparent #ffffff; 
}
.top_voice.arrow_right:after {
	right:-20px;
    left:auto;
	border-width:10px 0 0 20px;
	border-color:transparent #ffffff; 
}

/* ftop voice icon */
.top_voice_icon {
	border-radius: 12px 12px 0 0;
	position: relative;
	top:26px;
	background: -webkit-gradient(radial, right top, 0, left bottom, 100%, color-stop(0%,#f76a63), color-stop(100%,#9c0c0c)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(right top, ellipse cover,  #f76a63 0%,#9c0c0c 100%); /* Chrome10+,Safari5.1+ */
	background: radial-gradient(ellipse at 65% 30%,  #f76a63 0%,#9c0c0c 100%);
	width: 24px;
	height: 26px;
	clear:both;
}

.top_voice_icon:before {
	border-radius: 50%;
	position: absolute;
	top: -20px;
	left: 2px;
	content: "";
	width: 20px;
	height: 20px;
	background: -webkit-gradient(radial, right top, 0, left bottom, 100%, color-stop(0%,#f76a63), color-stop(100%,#9c0c0c)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(right top, ellipse cover,  #f76a63 0%,#9c0c0c 100%); /* Chrome10+,Safari5.1+ */
	background: radial-gradient(ellipse at 65% 30%,  #f76a63 0%,#9c0c0c 100%);
}