@charset "utf-8";

/**
 *
 *  見積もりダウンロード等共通部分
 *
 */

/*--------------------------------------------------------------------------
   download
---------------------------------------------------------------------------*/
#Content #download{
	padding:30px 0 0 0;
	border-top:1px solid #dedede;
}
#Content #download h5{
	margin:0 0 15px 0;
}
/* table
-----------------------------------------------------------------*/
#Content #download table{
	width:100%;
	margin:30px 0 0 0;
}
#Content #download table th,
#Content #download table td{
	height:48px;
	text-align:center;
	vertical-align:middle;
	line-height:1;
	border:1px solid #e3e3e3;
}
#Content #download table thead td{
	background:url(/images/front/price/common/price_bg_grey.png);
}
#Content #download table thead th{
	width:182px;
	background:#79bbc1;
}
#Content #download table thead th.basic{
	background:#4ea3a9;
}
#Content #download table tbody th{
	background:url(/images/front/shared/main_bg_grey.png);
}
#Content #download table tbody td{
	background:url(/images/front/price/common/price_bg_white.png);
}


/*--------------------------------------------------------------------------
   download
---------------------------------------------------------------------------*/
#Content .btnlist{
	padding:60px 0;
	text-align:center;
}
#Content .btnlist ul,
#Content .btnlist ul li{
	display:inline;
}
#Content .btnlist ul li{
	padding:0 46px;
}


/*--------------------------------------------------------------------------
   about
---------------------------------------------------------------------------*/
#Content .about{
	width:100%;
	padding:0 0 20px 0;
	background:url(/images/front/shared/main_bg_grid.png) repeat 50% 0;
}
#Content .about-inside{
	width:980px;
	margin:0 auto;
	padding:44px 0 30px 0;
}
#Content .about h3{
	margin:0 0 15px 0;
}
/*--------------------------------------------------------------------------
   about
---------------------------------------------------------------------------*/
#Content .flow{
	width:100%;
	background:url(/images/front/shared/main_bg_grey.png);
}
#Content .flow-inside{
	width:980px;
	margin:0 auto;
	padding:40px 0 0 0;
}
#Content .flow h3{
	margin:0 0 10px 0;
}
#Content .flow dl{
	padding:20px 0 58px 0;
	background:url(/images/front/price/common/flow_ico_arrow.png) no-repeat 0 100%;
}
#Content .flow dl.last{
	padding:20px 0 48px 0;
	background:none;
}
#Content .flow dl dt{
	float:left;
}
#Content .flow dl dd{
	float:right;
}
#Content .flow dl dd img{
	margin:20px 0 0 0;
	border:1px solid #e3e3e3;
}
#Content .flow dl dd ul{
	margin:10px 0 0 0;
}
#Content .flow dl dd ul li{
	padding:0 0 0 1em;
	text-indent:-1em;
	line-height:1.6;
	font-size:85%;
}
#Content .flow .arrow01{
	text-align:center;
	background:url(/images/front/shared/main_bg_white_grey.png) repeat-x 0 0;
}

#Content .arrow02{
	text-align:center;
	background:url(/images/front/shared/main_bg_grey_white.png) repeat-x 0 0;
}

/*--------------------------------------------------------------------------
   caution
---------------------------------------------------------------------------*/
#Content .caution{
	width:980px;
	margin:0 auto;
}
#Content .caution p.btn{
	padding:60px 0 40px 0;
	text-align:center;
	border-bottom:1px solid #EDEDED;
}
#Content .caution ul{
	width:450px;
	font-size:85%;
	line-height:1.6;
}
#Content .caution ul li{
	margin:20px 0 0 0;
	padding:0 0 0 13px;
	background:url(/images/front/price/common/flow_ico_note.png) no-repeat 0 3px;
}
#Content .caution ul li.none{
	padding:0 0 0 1em;
	text-indent:-1em;
	background:none;
	line-height:1.8;
}
#Content .caution .list01{
	float:left;
	padding:15px 0 15px 12px;
}
#Content .caution .list02{
	float:right;
	padding:15px 12px 15px 0;
}

/*--------------------------------------------------------------------------
   service
---------------------------------------------------------------------------*/
#Content .service{
	margin:0 0 30px 0;
}
#Content .service h3{
	margin:0 0 23px 0;
}
#Content .service h4{
	padding:15px 0 0 16px;
}
#Content .service h4.clip{
	padding:11px 0 0 16px;
}
#Content .service .slide{
	padding:0 0 12px 0;
}

/* slide-inside
-----------------------------------------------------------------*/
#Content .service .slide-inside{
	padding:48px 58px 35px 58px;
}
/* strong */
#Content .service .slide-inside strong{
	color:#F88730;
}
/* long-txt */
#Content .service .slide-inside .long-txt{
	width:100%;
	clear:both;
	padding:20px 0 0 0;
}
/* txt */
#Content .service .slide-inside .txt{
	float:left;
	width:630px;
}
#Content .service .slide-inside .txt span{
	padding:0 0 0 1.2em;
	text-indent:-1.2em;
	display:block;
	color:#F88730;
}
/* price */
#Content .service .slide-inside .price{
	float:right;
	width:210px;
	height:48px;
	background:#FFF;
	border:1px solid #E1E3E1;
	font-size:124%;
	text-align:center;
	line-height:48px;
}
#Content .service .slide-inside .price span{
	font-size:75%;
}
/* img */
#Content .service .slide-inside p.img{
	width:100%;
	clear:both;
	padding:35px 0 0 0;
	text-align:center;
}
/* option */
#Content .service .slide-inside dl.option{
	margin:0;
}
/* world */
#Content .service .slide-inside dl.world{
	display:inline;
	width:413px;
	margin:20px 0 0 0;
	background:#FFF;
	border:5px solid #E3E3E3;
}
#Content .service .slide-inside dl.box01{
	float:left;
}
#Content .service .slide-inside dl.box02{
	float:right;
}
#Content .service .slide-inside dl.world dt{
	height:238px;
	padding:32px 0 0 0;
	text-align:center;
}
#Content .service .slide-inside dl.world dd{
	padding:20px;
	border-top:1px solid #E3E3E3;
	line-height:1.5;
}

/* note */
#Content .service .slide-inside ul.note{
	clear:both;
	width:100%;
	margin:10px 0 0 0;
	line-height:1.5;
}
#Content .service .slide-inside ul.note.mt{
	margin:35px 0 0 0;
}
#Content .service .slide-inside ul.note.mb{
	margin:10px 0 35px 0;
}
#Content .service .slide-inside ul.note li{
	padding:0 0 0 1em;
	text-indent:-1em;
}

/* ol */
#Content .service .slide-inside ol li ol{
	margin:0 0 0 1em;
}

#Content .service .slide-inside .btn{
	clear:both;
	width:100%;
	padding:40px 0 0 0;
	text-align:center;
}

/* clip */
#Content .service .clip{
}
#Content .service .clip dl{
	float:left;
	padding:10px 0 38px 0;
	border-bottom:2px solid #f0f1f0;
}
#Content .service .clip dl.first{
	padding-right:33px;
}
#Content .service .clip dl dt{
	margin-top:17px;
}
#Content .service .clip dl .mr{
	margin-right:14px;
}
#Content .service .clip dl dd{
	margin-top:21px;
}
#Content .service .clip .btn{
}
#Content .service .clip .btn span{
	display:block;
	margin-top:10px;
	font-size:85%;
	font-weight:bold;
	color:#BABABA;
}

/*--------------------------------------------------------------------------
   modalWindow
---------------------------------------------------------------------------*/
#Content .modalWindow{
	display:none;
}
.modal-inside{
	overflow:auto;
	width:735px;
	padding:45px 0 28px 0;
}
.modal-inside .section{
	padding:0 28px;
}
.modal-inside .title_line{
	padding:0 0 10px 0;
	border-bottom:2px solid #898989;
}
/* lead
-----------------------------------------------------------------*/
.modal-inside .lead{
	margin:15px 0 20px 8px;
}
/* fig
-----------------------------------------------------------------*/
.modal-inside .fig{
	text-align:center;
	margin:0 0 53px 0;
}
.modal-inside .graph{
	float:left;
	padding:37px 0 40px 20px;
}
.modal-inside .graph_text{
	width:350px;
	float:right;
	padding:30px 0 30px 0;
	line-height:1.5;
}
.modal-inside .graph_text p{
	margin-bottom:20px;
}

/* recommend
-----------------------------------------------------------------*/
.modal-inside .recommend{
	margin:31px 9px 76px 9px;
}
.modal-inside .recommend li{
	margin-top:21px;
}
/* clip
-----------------------------------------------------------------*/
.modal-inside .clip{
	margin:-20px 0 13px 0;
	text-align:center;
}
/* note
-----------------------------------------------------------------*/
.modal-inside .note{
	margin:0 5px;
	padding-left:1em;
	text-indent:-1em;
}
/* survey
-----------------------------------------------------------------*/
.modal-inside .survey{
	background:#fbf5e2;
	margin:28px 5px 0 5px;
	padding:0 20px;
}
.modal-inside .survey dl{
	position:relative;
	padding-bottom:40px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #ecdda9;
	line-height:1.5;
}
.modal-inside .survey dl.box01{
	border-top:none;
}
.modal-inside .survey dl.box03{
	border-bottom:none;
}
.modal-inside .survey dl .pic{
	position:absolute;
	left:24px;
}
.modal-inside .survey dl.box01 .pic,
.modal-inside .survey dl.box03 .pic{
	top:41px;
}
.modal-inside .survey dl.box02 .pic{
	top:29px;
}
.modal-inside .survey dl .text{
	padding:41px 20px 0 211px;
}
.modal-inside .survey dl dd{
	padding:10px 20px 0 208px;
}
/* close
-----------------------------------------------------------------*/
.modal-inside .close{
	margin-top:32px;
	text-align:center;
}
.modal-inside .close img{
	cursor:pointer;
}
body #fancybox-close {
	top: 3px;
	right: -48px;
	width: 31px;
	height: 31px;
	background: url(/images/front/price/common/popup_ico_close.png) no-repeat;
}