@charset "utf-8";

/*-----------------------------------------------
	index.css
	TOP
-----------------------------------------------*/




/* TOP */
/* ▽------------------------------------------▽ */
#container_top {
	margin: 0px 0px 0px 26px;
	width: 930px;
	padding-bottom: 20px;
}
#side_top {
	float:left;
	width: 220px;
}
#main_top {
	float:right;
	width: 695px;
}

/* ナビとメインイメージ */
.top_2015 {
	margin:0 0 5px 23px;
	width:928px;
	height: 468px;
	display: block;}


.top_content {
	margin:auto;
	margin:0 0 5px 23px;
	width:928px;
	/*height: 453px;*/
}
.top_content dl.tnavi {
	float:left;
	width: 241px;
	height: 327px;
	background: url(../image/top_navi02.jpg) no-repeat 0px 0px;
}
.top_content dl.tnavi dt {
	height:108px;
}
.top_content dl.tnavi dt span {
	display:none;
}
.top_content dl.tnavi dd {
	padding-left: 22px;
}
.top_content dl.tnavi dd a {
	display:block;
	width:196px;
	height: 39px;
}
.top_content dl.tnavi dd a span {
	display:none;
}
.top_content dl.tnavi dd.ec a {
	background: url(../image/top_navi02.jpg) no-repeat -22px -108px;
}
.top_content dl.tnavi dd.ec a:hover {
	background: url(../image/top_navi02.jpg) no-repeat -266px -108px;
}
.top_content dl.tnavi dd.appli a {
	background: url(../image/top_navi02.jpg) no-repeat -22px -147px;
}
.top_content dl.tnavi dd.appli a:hover {
	background: url(../image/top_navi02.jpg) no-repeat -266px -147px;
}
.top_content dl.tnavi dd.server a {
	background: url(../image/top_navi02.jpg) no-repeat -22px -186px;
}
.top_content dl.tnavi dd.server a:hover {
	background: url(../image/top_navi02.jpg) no-repeat -266px -186px;
}
.top_content dl.tnavi dd.gyomu a {
	background: url(../image/top_navi02.jpg) no-repeat -22px -225px;
}
.top_content dl.tnavi dd.gyomu a:hover {
	background: url(../image/top_navi02.jpg) no-repeat -266px -225px;
}
.top_content dl.tnavi dd.digital a {
	background: url(../image/top_navi02.jpg) no-repeat -22px -264px;
}
.top_content dl.tnavi dd.digital a:hover {
	background: url(../image/top_navi02.jpg) no-repeat -266px -264px;
}
.top_content .mainimage {
	float:right;
}
.top_content .mainimage img {
	display:block;
}

/* バナー群 */
.wrap_top_bnr {
	margin: 10px 0px 8px 20px;
	width: 939px;
	height: 82px;
	background: url(../image/line_blue.jpg) repeat-x 0px bottom;
}
.wrap_top_bnr li {
	float:left;
	margin-right: 5px;
}
.wrap_top_bnr li a {
	display:block;
	width:231px;
	height:74px;
}
.wrap_top_bnr li a span {
	display:none;
}
.wrap_top_bnr li.appli a {
	background: url(../image/top_bnr_appli.jpg) no-repeat 0px 0px;
}
.wrap_top_bnr li.appli a:hover {
	background: url(../image/top_bnr_appli.jpg) no-repeat 0px -74px;
}
.wrap_top_bnr li.promise a {
	background: url(../image/top_bnr_promise.jpg) no-repeat 0px 0px;
}
.wrap_top_bnr li.promise a:hover {
	background: url(../image/top_bnr_promise.jpg) no-repeat 0px -74px;
}
.wrap_top_bnr li.recruit a {
	background:url(../image/top_bnr_recruit03_s1.jpg) no-repeat 0px 0px;
}
.wrap_top_bnr li.recruit a:hover {
	background: url(../image/top_bnr_recruit03_s1.jpg) no-repeat 0px -74px;
}
/*.wrap_top_bnr li.blog a {
	background: url(../image/top_bnr_blog.jpg) no-repeat 0px 0px;
}
.wrap_top_bnr li.blog a:hover {
	background: url(../image/top_bnr_blog.jpg) no-repeat 0px -74px;
}*/

/*.wrap_top_bnr li.blog a {
	background: url(../image/top_bnr_blog.jpg) no-repeat 0px 0px;
}
.wrap_top_bnr li.blog a:hover {
	background: url(../image/top_bnr_blog.jpg) no-repeat 0px -74px;
}*/
.wrap_top_bnr li.last {
	margin-right: 0px!important;
}

/* サイド(TOP) */
.top_link {
	width: 222px;
	background: url(../image/top_link_bg.jpg) repeat-y 0px 0px;
}
.top_link img {
	display:block;
}
.top_link .mds {
	margin-bottom: 6px;
}
.top_link .lnk {
	margin: 0 auto;
	width: 204px;
}
.top_link .btm {
	height: 10px;
	overflow:hidden;
	background: url(../image/top_link_bg_btm.jpg) no-repeat 0px 0px;
}

/* ツイッターのウィジェット設置場所：メイン(TOP) */
.top_twitter {
	width: 695px;
	height: 300px;
	margin-top:3px;
	margin-bottom:5px;
}

/* バナー群 */
.wrap_top_bnr2 {
	width: 695px;
	height:108px;
}
.wrap_top_bnr2 li {
	float:left;
	margin-right:4px;
}
.wrap_top_bnr2 .bnr_top_contact {
	width: 230px;
	position:relative;
}
.wrap_top_bnr2 li.last {
	margin-right: 0px!important;
}
.wrap_top_bnr2 .bnr_top_contact .btn {
	position:absolute;
	top: 69px;
	left: 9px;
}
.wrap_top_bnr2 .bnr_top_contact .btn a {
	display:block;
	width: 212px;
	height: 33px;
	background: url(../image/bnr_side_contact_btn.jpg) no-repeat 0px 0px;
}
.wrap_top_bnr2 .bnr_top_contact .btn a:hover {
	background: url(../image/bnr_side_contact_btn.jpg) no-repeat 0px -33px;
}
.wrap_top_bnr2 .bnr_top_contact .btn a span {
	display:none;
}
/* ▲------------------------------------------▲ */

/*a:hover img{opacity:0.6;filter: alpha(opacity=60);}*/
.top_content a img{
    opacity:1;
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
	background:#ffffff;
}

.top_content a:hover img{
    opacity:0.5;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
}


/*a:hover img{opacity:0.6;filter: alpha(opacity=60);}*/
a img{
    opacity:1;
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
	background:#ffffff;
}

a:hover img{
    opacity:0.5;
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
}

#bnr_list { margin-top:15px;}
#bnr_list li { margin-top:5px;}

#bnr { margin:0px auto; padding:0; width:204px;}
#bnr li { list-style-type:none; overflow:hidden; margin-bottom:5px;}
#bnr li a { display:block; width:100%;}
#bnr li#bnr01 { height:95px;}
#bnr li#bnr02 { height:122px;}
#bnr li#bnr03 { height:125px;}
#bnr li#bnr04, #bnr li#bnr05 { height:83px;}
#bnr01_in { background:url(../image/top_link_salon.jpg) left top no-repeat; padding-top:95px;}
#bnr02_in { background:url(../image/top_link_kaitori.jpg) left top no-repeat; padding-top:122px;}
#bnr03_in { background:url(../image/top_link_keihin.jpg) left top no-repeat; padding-top:125px;}
#bnr04_in { background:url(../image/top_link_bride.jpg) left top no-repeat; padding-top:83px;}
#bnr05_in { background:url(../image/top_link_mairakuten.jpg) left top no-repeat; padding-top:83px;}

/* お休みのお知らせ */

#notification { text-align:center; padding:20px; background:#D8FAFC; width:645px; margin:0 auto 20px; border-radius:10px;  -webkit-border-radius:10px; -moz-border-radius:10px;}
#notification #title01 { font-weight:bold; font-size:16px; color:#F66013; margin-bottom:8px;}
#notification #title02 { font-size:1.2em; line-height:1.5;} 
.banner{margin-bottom:12px;}
.img-main{margin-bottom:50px;}
.text-amazon{ color:#666; font-size:1em;}

/* 電話番号一時待避 */

#side_top .top_link > p:nth-of-type(2) {
display:none;
}

#header .tel {
	display: none;
}