@charset "utf-8";


/* base
--------------------------------------------------*/

html{
    overflow-y:scroll;
}

body{
    color:#000;
	font-family:"Hiragino Kaku Gothic ProN","游ゴシック",YuGothic,Meiryo,sans-serif;
	font-size:20px;
	line-height:1.5;
	zoom:1;
	-webkit-text-size-adjust:100%;
}


/* font
--------------------------------------------------*/

p,pre,address,h1,h2,h3,h4,h5,h6{
	font-weight:normal;
    margin:0;
    padding:0;
}

.bold{font-weight:bold;}

.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}

.red{color:#da0e0e;}


/* link
--------------------------------------------------*/

a{
	color:0078ff;
    text-decoration:none;
}

a:hover{
	color:0078ff;
    text-decoration:underline;
}

a img:hover{
    filter:alpha(opacity=70);
    opacity:0.70;
	-moz-opacity:0.70;
}


/* float
--------------------------------------------------*/

.ft_r{float:right;}
.ft_l{float:left;}


/* text-align
--------------------------------------------------*/

.txt_r{text-align:right;}
.txt_c{text-align:center;}
.txt_l{text-align:left;}


/* margin
--------------------------------------------------*/

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt55{margin-top:55px;}
.mt60{margin-top:60px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:55px;}
.mb60{margin-bottom:60px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}


/* width
--------------------------------------------------*/

.w100p{width:100%;}


/*wrapper
--------------------------------------------------*/

#wrapper{
	width:980px;
	margin:0 auto;
}

/*ヘッダー
--------------------------------------------------*/

#header{
	background-color:#fff;
	border-bottom:#b0b0b0 solid 1px;
	height:120px;
	padding:10px 0;
	position:fixed;
	width:100%;
	z-index:999;
}

#header h1{
	margin-top:17px;
}


/*content
--------------------------------------------------*/

#content{
	padding-top:120px;
}


/*TOPへ戻る
--------------------------------------------------*/

#pagetop{
	position:fixed;
	bottom:20px;
	right:25px;
	z-index:1;
}

#pagetop a:hover img{
	filter:alpha(opacity=100);
    opacity:1.00;
	-moz-opacity:1.00;
}


/*フッター
--------------------------------------------------*/

#footer{
	border-top:#dadada solid 1px;
	font-size:14px;
	line-height:1.4;
}

#footer .footer_inner{
	padding:25px 0;
	text-align:center;
}

#footer .f_menu{
	border-top:#dadada solid 1px;
	padding:15px 0 10px;
}

#footer .f_menu ul li{
	float:left;
}

#footer .f_menu ul li a{
	color:#092f55;
	text-decoration:none;
}

#footer .f_menu ul li a:hover{
	text-decoration:underline;
}

#footer .f_menu ul li:after{
	content:" ｜ ";
}

#footer .f_menu ul li:last-child:after{
	content:"";
}

#footer .f_menu p{
	color:#092f55;
	font-weight:bold;
}


/*メイン画像
--------------------------------------------------*/

.main{
	background:url(/img/main.jpg) no-repeat center;
	min-width:980px;
	height:770px;
	width:100%;
}


/*メニュー
--------------------------------------------------*/

nav{
	background:url(/img/bg_menu.gif) repeat-x;
	margin-bottom:60px;
}

nav ul li{
	float:left;
}


/*お悩み解決
--------------------------------------------------*/

.solution_inner{
	background:url(/img/bg_solution.png) no-repeat;
	height:375px;
	margin-bottom:10px;
	padding:20px 25px;
	text-align:center;
}

.solution_inner ul li{
	float:left;
	margin:0 40px 15px 0;
}

.solution_inner ul li:nth-child(2n){
	margin:0 0 15px 0;
}


/*対応メーカー
--------------------------------------------------*/

.maker{
	margin:60px 0 10px;
}

.maker .maker_inner{
	border-right:#0078ff solid 7px;
	border-bottom:#0078ff solid 7px;
	border-left:#0078ff solid 7px;
    -webkit-border-bottom-right-radius: 7px; 
    -webkit-border-bottom-left-radius: 7px;   
    -moz-border-radius-bottomright: 7px; 
    -moz-border-radius-bottomleft: 7px;
	padding:15px 35px 10px;
	margin-bottom:60px;
	text-align:center;
}

.maker .maker_inner ul li{
	display:inline-block;
	margin-bottom:35px;
	vertical-align:middle;
	width:218px;
}

.maker .company_inner{
	border-right:#0078ff solid 7px;
	border-bottom:#0078ff solid 7px;
	border-left:#0078ff solid 7px;
    -webkit-border-bottom-right-radius: 7px; 
    -webkit-border-bottom-left-radius: 7px;   
    -moz-border-radius-bottomright: 7px; 
    -moz-border-radius-bottomleft: 7px;
	padding:13px 17px 17px;
	text-align:center;
}


/*ご依頼の流れ
--------------------------------------------------*/

.flow{
	margin:60px 0 10px;
}

.flow .flow_inner{
	border-right:#0078ff solid 7px;
	border-bottom:#0078ff solid 7px;
	border-left:#0078ff solid 7px;
    -webkit-border-bottom-right-radius: 7px; 
    -webkit-border-bottom-left-radius: 7px;   
    -moz-border-radius-bottomright: 7px; 
    -moz-border-radius-bottomleft: 7px;
	padding:30px 25px 0;
}

.flow .step_photo{
	float:left;
	margin-right:25px;
	width:250px;
}

.flow .step_content{
	float:left;
	width:625px;
}


/*料金について
--------------------------------------------------*/

.cost{
	margin:60px 0 10px;
}

.cost .cost_inner{
	border-right:#0078ff solid 7px;
	border-bottom:#0078ff solid 7px;
	border-left:#0078ff solid 7px;
    -webkit-border-bottom-right-radius: 7px; 
    -webkit-border-bottom-left-radius: 7px;   
    -moz-border-radius-bottomright: 7px; 
    -moz-border-radius-bottomleft: 7px;
	padding:30px 15px 25px;
	margin-bottom:10px;
}

.cost .cost_att{
	font-size:15px;
	padding:0 15px;
}

.cost .attention_inner{
	border-right:#050505 solid 2px;
	border-bottom:#050505 solid 2px;
	border-left:#050505 solid 2px;
	margin-bottom:30px;
	padding:3px 33px 24px;
}

.cost .cost_example_inner{
	border-right:#0078ff solid 5px;
	border-bottom:#0078ff solid 5px;
	border-left:#0078ff solid 5px;
	padding:13px 13px 20px;
}

.cost ul.accordion{
	width:940px;
}

.cost ul.accordion li h4{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9ed6ef), color-stop(0.00, #d7eef9));
	background: -webkit-linear-gradient(#d7eef9, #9ed6ef);
	background: -moz-linear-gradient(#d7eef9, #9ed6ef);
	background: -o-linear-gradient(#d7eef9, #9ed6ef);
	background: -ms-linear-gradient(#d7eef9, #9ed6ef);
	background: linear-gradient(#d7eef9, #9ed6ef);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#d7eef9',EndColorStr='#9ed6ef',GradientType=0);
	border:#97c7dc solid 1px;
	cursor: pointer;
	font-size:24px;
	font-weight:bold;
	padding:20px 35px 15px;
	position: relative;
}

.cost ul.accordion li h4.active:after{
	display: block;
	content: "";
	content: url(/img/arrow_close.png);
	position: absolute;
	top: 25%;
	right: 30px;
	width: 26px;
	height: 18px;
}

.cost ul.accordion li h4:after{
	display: block;
	content: url(/img/arrow_open.png);
	position: absolute;
	top: 30%;
	right: 30px;
	width: 26px;
	height: 18px;
}

.cost ul.accordion li ul{
	border-right:#a7a7a7 solid 1px;
	border-bottom:#a7a7a7 solid 1px;
	border-left:#a7a7a7 solid 1px;
	padding:20px 30px 0;
}

.cost ul.accordion li ul li{
	margin-bottom:30px;
}



/*トラブル事例とお客様の声
--------------------------------------------------*/

.voice{
	margin:60px 0 10px;
}

.voice .voice_inner{
	border-right:#0078ff solid 7px;
	border-bottom:#0078ff solid 7px;
	border-left:#0078ff solid 7px;
    -webkit-border-bottom-right-radius: 7px; 
    -webkit-border-bottom-left-radius: 7px;   
    -moz-border-radius-bottomright: 7px; 
    -moz-border-radius-bottomleft: 7px;
	padding:14px 12px 0;
}

.voice .voice_inner ul li{
	float:left;
	margin:0 12px 25px 0;
}

.voice .voice_inner ul li:nth-child(3n){
	margin:0 0 25px 0;
}


/*対応エリア
--------------------------------------------------*/

.area{
	margin:60px 0 10px;
}

.area .area_inner{
	border-right:#0078ff solid 7px;
	border-bottom:#0078ff solid 7px;
	border-left:#0078ff solid 7px;
    -webkit-border-bottom-right-radius: 7px; 
    -webkit-border-bottom-left-radius: 7px;   
    -moz-border-radius-bottomright: 7px; 
    -moz-border-radius-bottomleft: 7px;
	padding:30px 15px 15px;
}

.area .area_inner table{
	border-right:#b4b4b4 solid 2px;
	border-bottom:#b4b4b4 solid 2px;
	border-left:#b4b4b4 solid 2px;
}

.area .area_inner .bt_line{
	border-bottom:#b4b4b4 solid 1px;
}

.area .area_inner table tr th{
	color:#fff;
	padding:10px;
	vertical-align:middle;
}

.area .area_inner table tr.ht{
	background-color:#83d27c;
	border-right:#83d27c solid 2px;
	border-left:#83d27c solid 2px;
}

.area .area_inner table tr.kk{
	background-color:#f3c400;
	border-right:#f3c400 solid 2px;
	border-left:#f3c400 solid 2px;
}

.area .area_inner table tr.chubu{
	background-color:#e26c2d;
	border-right:#e26c2d solid 2px;
	border-left:#e26c2d solid 2px;
}

.area .area_inner table tr.kinki{
	background-color:#00aac8;
	border-right:#00aac8 solid 2px;
	border-left:#00aac8 solid 2px;
}

.area .area_inner table tr.cs{
	background-color:#9d5ccb;
	border-right:#9d5ccb solid 2px;
	border-left:#9d5ccb solid 2px;
}

.area .area_inner table tr.ko{
	background-color:#c84281;
	border-right:#c84281 solid 2px;
	border-left:#c84281 solid 2px;
}

.area .area_inner table tr td{
	border-right:#b4b4b4 solid 1px;
	font-size:16px;
	padding:10px;
	vertical-align:middle;
}

.area .area_inner table tr td:last-child{
	border-right:none;
}

.area .area_inner table tr td.shop{
	width:155px;
}

.area .area_inner table tr td.map{
	text-align:center;
	width:150px;
}


/* 運営会社・サービス提供会社
--------------------------------------------------*/

#company h2{
	background-color:#0078ff;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	margin-top:40px;
	padding:5px 15px;
}

#company table{
	font-size:16px;
}

#company table tr{
	border-bottom:#b4b4b4 solid 1px;
}

#company table tr th{
	border-right:#b4b4b4 solid 1px;
	padding:20px 15px;
	width:230px;
}

#company table tr td{
	padding:20px 15px;
}

/* fix_bnr
----------------------------------*/
#fix_bnr{
	display: block;
	position:fixed;
	right:21px;
	bottom: 290px;
	text-align:center;
	width:164px;
	z-index:1;
}

@media screen and (max-width:1280px) {
	#fix_bnr{
		display: none;
	}
}