@charset "UTF-8";

/*↓↓↓↓↓restスタイル
===============================*/

html,body {
	height: 100%;
	}

html {
	background:#f7f7f7;
	color:#535354;
	overflow-y:scroll;
	}
	
body {
	font: 12px/1.6 'Arial','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	margin:0;
	padding:0;
	color:#5f5f5f;
	}
 
*+html body { font-size:75%; }  
* html body { font-size:75%; }


a img, fieldset, img { border:0; } 
blockquote, dd, div, dl, dt, fieldset, form,
h1, h2, h3, h4, h5, h6, input, li, ol, p, pre,  
select, span, textarea, td, th, ul,img {  
margin:0;  
padding:0;  
} 

address, caption, cite, code, dfn, em, th, strong, var { font-style:normal; font-weight:normal; } 

caption, th { text-align:left; } 

h1, h2, h3, h4, h5, h6 {
	font-size:100%; font-weight:normal;
	}
	
h2 {background: none;}

input, select, textarea{ 
	font-size:99%; 
	font-family:'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;
	padding: 2px;
	}  
ol,ul {
	list-style:none;
	} 
q:before,q:after {
	content:'';
	}

img {
	vertical-align: top;
	}

a {
	color:#4c9827;
	text-decoration: none;
	}

a:hover {
	color: #9bc586;
	text-decoration: underline;
	}

label{
	cursor: pointer;
	}
/* tables still need 'cellspacing="0"' */  
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
	}
	
#TB_iframeContent {
	overflow: hidden;
	overflow-x: hidden;
	}
	
#TB_iframeContent {
	overflow-x: hidden;
	}
	
/*↓↓↓↓↓commonクラス
===============================*/

.fLeft { float: left;}
.fRight { float: right;}
.altTxt { display: block; text-indent: -9999px;}
.clearB { clear:both;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
	
.clearfix {
	min-height: 1px;
	}
	
.btn-arrow {
	background: url(../img/icon_arrow.png) no-repeat left center;
	padding-left: 25px;
	}
	
.btn-arrow a {
	font-size: 119%;
	}
	
.btn-arrow02 {
	background: url(../img/icon_arrow_small.png) no-repeat left center;
	padding-left: 15px;
	}

.ico-outerLink01 {
	background: url(../img/icon_outerlink_wh.gif) no-repeat right center;
	padding-right: 16px;
	}

.ico-outerLink02 {
	background: url(../img/icon_outerlink_lg.gif) no-repeat right center;
	padding-right: 16px;
	}

.ico-outerLink03 {
	background: url(../img/icon_outerlink_ye.gif) no-repeat right center;
	padding-right: 16px;
	}

.ico-outerLink04 {
	background: url(../img/icon_outerlink_gr.gif) no-repeat right center;
	padding-right: 16px;
	}

.ico-new {
	background: url(../img/icon_new.gif) no-repeat right center;
	padding-right: 35px;
	}

/*==========================================

コーポレート共通

============================================*/

/*↓↓#header
===============================*/
#header {
	background-color: #FFF;
	}

#header #header-gnavi {
	display: none;
	}

/*↓↓#contents-foot
===============================*/
#contents-foot {
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
	background: url(../img/bg_fbread-inner.gif) repeat-x scroll left top #444444;
	}

#contents-foot ul.bread {
    font-size: 83.3%;
	}

#contents-foot ul.bread li {
    display: inline;
    line-height: 1;
	}

#contents-foot ul.bread a {
    margin-right: 5px;
    text-decoration: none;
	}

#contents-foot ul.bread strong {
	font-weight: bold;
	}
	
/*↓↓#footer
===============================*/
#footer {
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
	}

/*==========================================

index.html

============================================*/

/*↓↓#main-navi
===============================*/
.main-image {
	background: url(../img/bg_index.jpg) no-repeat top center;
	}
#main-navi {
	width: 100%;
	}
	
#main-navi > .inner {
	width: 966px;
	margin: 0 auto;
	padding: 20px 0px 0 0px;
	position:relative;
	}
	
	/*-------.site-elements-------*/
	.site-elements {
		overflow: hidden; /zoom:1;
		margin-bottom: 13px;
		padding:0 5px 0 3px;
		min-height: 26px;
		}
	.site-elements h1 {
		float: left;
		font-size: 92%;
		padding-top: 6px;
		}
		
	.site-elements ul {
		float: right;
		}

	.site-elements ul li {
		float: left;
		}
	
	.site-elements #bookmark {
		padding:0 230px 0 0;
		}

	.site-elements #bookmark .twitter {
		width: 115px;
		}
	
	.site-elements ul.login {
		text-indent: -9999px;
		width: 218px;
		height: 30px;
		position: absolute;
		right: 3px;
		top: 20px;
		}
	
	.site-elements ul.login a {
		background: url(../img/bnr_control.png) no-repeat left top;
		width: 218px;
		height: 30px;
		}
		
	/*-------.site-header-------*/
	.site-header {
		overflow: hidden; /zoom:1;
		margin-bottom: 10px;
		padding: 0 3px;
		}
		
	.site-header .site-logo {
		float: left;
		}
		
	.site-header .head-bnr {
		float: right;
		padding-bottom: 1px;
		margin-left: 8px;
		}
		
	.site-header .bnr-request a {
		background: url(../img/bnr_request.png) no-repeat left top;
		width: 218px;
		height: 64px;
		}

	.site-header .bnr-simulate a {
		background: url(../img/bnr_simulate.png) no-repeat left top;
		width: 206px;
		height: 64px;
		}
		
	/*-------#gnavi-------*/
	#gnavi,
	#gnavi02 {
		overflow: hidden;
		/zoom:1;
		margin-bottom: 0;
		}
		
	#gnavi li,
	#gnavi02 li {
		float: left;
		}
		
	#gnavi li a {
		background: url(../img/gnavi.png) no-repeat left top;
		width: 160px;
		height: 46px;
		}
		
	#gnavi .point a {
		width: 163px;
		}
		
	#gnavi .service a {
		background-position: -163px 0;
		}
		
	#gnavi .charge a {
		background-position: -323px 0;
		}
		
	#gnavi .term a {
		background-position: -483px 0;
		}
		
	#gnavi .caution a {
		background-position: -643px 0;
		}
		
	#gnavi .case a {
		width: 163px;
		background-position: -803px 0;
		}
	
	/*-------#gnavi02-------*/
		
	#gnavi02 li a {
		background: url(../img/gnavi02.png) no-repeat left top;
		width: 192px;
		height: 46px;
		}
		
	#gnavi02 li.case {
		display: none;
		}
		
	#gnavi02 .point a,
	#gnavi02 .caution a {
		width: 195px;
		}
		
	#gnavi02 .service a {
		background-position: -195px 0;
		}
		
	#gnavi02 .charge a {
		background-position: -387px 0;
		}
		
	#gnavi02 .term a {
		background-position: -579px 0;
		}
		
	#gnavi02 .caution a {
		background-position: -776px 0px;
		}
		
/*↓↓#bookmark
===============================*/
#bookmark .hatebu {
	margin-right: 10px;
	}
	
#bookmark .google {
	width: 70px;
	overflow: hidden;
}

#bookmark .rss a {
	text-indent: -9999px;
	background: url(../img/icon_rss.png) no-repeat left top;
	height: 20px;
	width: 20px;
	display: block;
	}
	
/*↓↓#keyvijyual
===============================*/
#keyvisual {
	width: 960px;
	height: 393px;
	position: relative;
}
.keyvisual {
	position: relative;
	background: url(../img/img_keyvisual.png) no-repeat;
	height: 393px;
}
.keyvisual img {
	display: block;
	position: absolute;
	top: 0
}
.thum-navi {
	text-align: center;
	position:absolute;
	bottom: 25px;
	z-index: 20;
	width: 100%;
	height: 10px;
}
.thum-navi img {
	margin: 0 8px;
}
	

		
/*↓↓ #maincontents
===============================*/
#maincontents {
		overflow: hiddenl;
		/zoom:1;
		width: 966px;
		margin: 0 auto;
		}

/*↓↓ #infomation
===============================*/
#infomation {
	background: url(../img/line_width.gif) repeat-x left top;
	margin: 0 3px 19px 3px;
	padding-top: 20px;
	}
	
#infomation dl dt,
#infomation dl dd {
	display: inline-block;
	/display: inline;
	/zoom:1;
	vertical-align: middle;
	}
	
#infomation dl dt {
	margin-right: 10px;
	}
	
#infomation dl dd {
	width: 826px;
	}
	
#infomation dl dd.important a {
	color: #e00000;
	}
	
#infomation dl dd.important  a:hover {
	color: #e53131;
	}
	
/*↓↓ #index-plan
===============================*/
#index-plan {
	padding-bottom: 2px;
	background: url(../img/line_width.gif) repeat-x left bottom;
	}
	
#index-plan .contHeader {
	background: url(../img/line_width.gif) repeat-x left top;
	overflow: hidden;
	padding-top: 20px;
	/zoom:1;
	margin: 0 3px 19px 3px;
	}


#index-plan .contHeader h2 {
	background: url(../img/h2_index-plan.gif) no-repeat left top;
	height: 24px !important;
	width: 580px;
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	}
	
#index-plan .btn-simulate {
	overflow: hidden;
	zoom:1;
	}
	
#index-plan .btn-simulate img {
	float: left;
	padding-left: 3px;
	}
	
#index-plan .btn-simulate a {
	background: url(../img/btn_simulate.gif) no-repeat left top;
	width: 481px;
	height: 62px;
	float: right;
	margin-top: 5px;
	}
	
	/*-------.index-example-------*/
	.index-example {
		overflow: hidden;
		/zoom:1;
		margin-right: -2px;
		margin-bottom: 17px;
		}
		
	.index-example li {
		float: left;
		width: 240px;
		background: url(../img/bg_index-example.gif) repeat-y left top;
		margin-right: 2px;
		}
		
	.index-example li p.altTxt {
		background: url(../img/txt_indx-example.gif) no-repeat left top;
		height: 54px;
		width: 240px;
		}
		
	.index-example li p.example-02 {
		background-position: -242px;
		}
		
	.index-example li p.example-03 {
		background-position: -484px;
		}
		
	.index-example li p.example-04 {
		background-position: -725px;
		}
		
	.index-example li > .inner {
		padding: 0 0 15px 15px;
		background: url(../img/bg_index-example-02.gif) no-repeat left bottom;
		position: relative;
		margin: 0 auto;
		}

	.index-example li > .inner .catch {
		color:#535354;
		margin-bottom: 10px;
		text-align: center;
		}
		
	.index-example li > .inner .catch strong {
		font-size: 92%;
		font-weight: bold;
		line-height: 1.4;
		}
		
	.index-example li > .inner .catch + a + p + div {
		margin-bottom: 10px;
		}
		
	.index-example li > .inner .estimation {
		text-indent: -9999px;
		display: block;
		background: url(../img/btn_estimation.gif) no-repeat left top;
		width: 211px;
		height: 38px;
		position: absolute;
		bottom: 19px;
		}
		
	.index-example li > .inner a {
		display: block;
		margin-bottom: 10px;
		}
		
	.index-example li > .inner .estimation:hover {
		background-position: 0 -38px;
		}
		
	.index-example .monthly {
		font-size: 119%;
		margin-bottom: 14px;
		text-align:center;
		}
		
	.index-example .monthly span {
		font-size: 150%;
		font-family: Arial, Helvetica, sans-serif;
		}
		
	.index-example .disk {
		font-size: 83.3%;
		padding-bottom: 3px;
		}
		
	/*-------.plan-cont-------*/
	.plan-cont {
		padding: 7px 6px 7px 6px;
		background:#efefef;
		}
		
	.plan-cont .border {
		background: url(../img/line_dotted02.gif) repeat-x left top;
		padding-top: 8px;
		margin-top: 8px;
		}
		
	.plan-cont .total {
		overflow: hidden;
		/zoom:1;
		}
		
	.plan-cont .detail {
		margin-top: 3px;
		background: #CFCFCF;
		padding:5px 0;
		}
		
	.plan-cont .detail li {
		width: auto;
		float: none;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		font-size: 92%;
		padding: 1px 7px;
		overflow: hidden;
		/zoom:1;
		background: none;
		position: relative;
		line-height: 1.2;
		color: #777;
		}
		
	.plan-cont p {
		font-weight: bold;
		line-height: 1.3;
		}
		
	.plan-cont .detail p {
		font-size: 87%;
		}
		
	.plan-cont p .mini-font {
		font-size: 87%;
		}
		
	.plan-cont p.cost {
		text-align: right;
		padding-top: 7px;
		background: url(../img/line_dotted02.gif) repeat-x left top;
		margin-top:1px;
		}
		
	.plan-cont .spec {
		font-size: 75%;
		}

/*↓↓#maincontens-aside
===============================*/
#maincontens-aside {
	overflow: hidden;
	/zoom:1;
	background: url(../img/line_width02.gif) repeat-y left top;
	padding-top: 10px;
	padding-bottom: 40px;
	position:relative;
	}
	
#maincontens-aside .colum-left {
	float: left;
	width: 681px;
	padding-top: 6px;
	}

/*↓↓#index-about
===============================*/

#index-about {
	background: url(../img/line_width.gif) repeat-x left bottom;
	padding-bottom: 24px;
	margin-bottom: 25px;
	}

#index-about h3 {
	background: url(../img/h3_index-about.gif) no-repeat left top;
	width: 277px;
	height: 26px;
	margin-bottom: 19px;
	padding-left:3px;
	}
	
	/*-------.about-cont01-------*/
	.about-cont01 {
		padding: 0 0 8px 0px;
		background: url(../img/bg_index-about-03.gif) no-repeat 0px bottom;
		/zoom:1;
		}
		
	/*-------.about-cont02-------*/
	.about-cont02 {
		background: url(../img/bg_index-about-02.gif) repeat-y left top;
		}
		
	/*-------.about-cont03-------*/
	.about-cont03 {
		background: url(../img/bg_index-about-01.png) no-repeat 0px top;
		padding: 25px 0 13px 20px;
		position: relative;
		overflow: hidden;
		/zoom:1;
		}
		
	.about-cont03 .lead {
		width: 344px;
		margin-bottom: 21px;
		text-align: justify;
		text-justify: distribute;
		}

	.about-cont03 .lead .sup {
		color: #888;
		font-size: 75%;
		vertical-align: super;
		}

	.about-cont03 .lead span {
		color: #888;
		font-size: 83.3%;
		}
		
	.about-cont03 .point {
		margin-bottom: 10px;
		}
		
	.about-cont03 .point a {
		height: 50px;
		background: url(../img/btn_about.gif) no-repeat left top;
		width: 624px;
		}
		
	.about-cont03 .service{
		margin-right: 9px;
		float: left;
		}
		
	.about-cont03 .service a {
		height: 38px;
		background: url(../img/btn_about.gif) no-repeat 0 -100px;
		width: 308px;
		}
		
	.about-cont03 .charge {
		float: left;
		}
		
	.about-cont03 .charge a {
		height: 38px;
		width: 308px;
		background: url(../img/btn_about.gif) no-repeat -0 -138px;
		}
		
/*↓↓#index-term
===============================*/

#index-term {
	background: url(../img/line_width.gif) repeat-x left bottom;
	padding-bottom: 2px;
	margin-bottom: 25px;
	overflow: hidden;
	/zoom:1;
	}
	
#index-term h3 {
	background: url(../img/h3_index-repuest.gif) no-repeat left top;
	width: 441px;
	height: 19px;
	margin-bottom: 20px;
	padding-left: 1px;
	}
	
#index-term ul {
	overflow: hidden;
	/zoom:1;
	}
	
#index-term ul {
	margin-right: -36px;
	padding-bottom: 29px;
	background: url(../img/bg_index-term.gif) no-repeat left center;
	}
	
#index-term ul li {
	float: left;
	width: 198px;
	background: url(../img/bg_index-repuest-01.gif) repeat-y left top;
	margin-right: 35px;
	}
	
#index-term ul li .inner {
	background: url(../img/bg_index-repuest-02.gif) no-repeat left bottom;
	padding: 20px 0 22px 0;
	font-weight: bold;
	}
	
#index-term ul li .inner p {
	text-align: center;
	font-size: 125%;
	color: #5f5f5f;
	}
	
#index-term ul li p.altTxt {
	height: 186px;
	}
	
#index-term ul li .step01 {
	background: url(../img/img_index-step-01.gif) no-repeat left top;
	}
	
#index-term ul li .step02 {
	background: url(../img/img_index-step-02.gif) no-repeat left top;
	}
	
#index-term ul li .step03 {
	background: url(../img/img_index-step-03.gif) no-repeat left top;
	}
	
#index-term ul > img {
	float: left;
	}
	
#index-term .repuest {
	padding-right: 16px;
	margin-left: 3px;
	}

.repuest {
	padding-top: 5px;
	}

.repuest a {
	background: url(../img/btn_repuest.gif) no-repeat left top;
	width: 659px;
	height: 90px;
	}
	
/*↓↓#index-schedule
===============================*/

#index-schedule .title-wrap {
	overflow: hidden;
	/zoom:1;
	margin-bottom: 16px;
	}

#index-schedule .title-wrap h3 {
    color: #5F5F5F;
    font-size: 150%;
    line-height: 1;
    padding-left: 3px;
	float: left;
	margin-right: 17px;
	}
	
#index-schedule .title-wrap span {
	font-size: 87%;
	color:#999999;
	padding-top: 2px;
	display: inline-block;
	}
	
	/*-------.schedule-cont01-------*/
	.schedule-cont01 {
		background: url(../img/bg_index-about-02.gif) repeat-y left top;
		}
		
	/*-------.schedule-cont02-------*/
	.schedule-cont02 {
		background: url(../img/bg_index-about-03.gif) no-repeat left bottom;
		padding-bottom: 8px;
		}
		
	/*-------.schedule-cont03-------*/
	.schedule-cont03 {
		background: url(../img/bg_schedule.gif) no-repeat 1px top;
		padding: 23px 57px 13px 20px;
		width: 624px;
		}
		
	.schedule-cont03 span {
		margin-top: 5px;
		font-size: 87%;
		color:#999999;
		margin-bottom: 5px;
		}
		
	.schedule-cont03 .text {
		margin-bottom: 17px;
		}
		

		
	.schedule-cont03 table {
		width: 100%;
		line-height: 1.4;
		}
		
	.schedule-cont03 table th,
	.schedule-cont03 table td {
		padding: 5px 10px;
		}
		
	.schedule-cont03 table th {
		 text-align: center;
		 background: #dddddd;
		 font-size: 87%;
		 }
		 
	.schedule-cont03 table th.border {
		border-right: 1px solid #d1d0d0;
		border-left: 1px solid #d1d0d0;
		}
		
	.schedule-cont03 table td.border {
		border-right: 1px solid #ebeaea;
		border-left: 1px solid #ebeaea;
		color: #888;
		font-size: 87%;
		}
		 
	.schedule-cont03 table .zebra-color {
		background: #f3f3f3;
		}

	.schedule-cont03 table .function {
		width: 28%;
		}

	.schedule-cont03 table .day {
		text-align: center;
		width: 16%;
		font-size: 87%;
		}

/*↓↓#side
===============================*/
#side { float: left; width: 283px; position:relative; height: 100%;}
#side .side-cont {
	padding: 0 0 16px 19px;
	background: url(../img/line_width.gif) repeat-x left bottom;
	margin-bottom: 11px;
	/zoom:1;
	}
	
#side .side-cont .inner {
	background: url(../img/bg_side-cont01.gif) repeat-y left top;
	padding-top: 15px;
	
	}
	
#side .side-cont .inner .in {
	background: url(../img/bg_side-cont02.gif) no-repeat left bottom;
	padding: 0 13px 13px 13px;
	}
	
#side .side-cont .inner ul li {
	overflow: hidden;
	/zoom:1;
	
	}
	
#side .side-cont p.altTxt {
	width: 264px;
	height: 40px;
	}
	
#side #case p.altTxt {
	background: url(../img/text_snavi_case.gif) no-repeat left top;
	}
	
#side #case ul {
	background: url(../img/line_dotted.gif) repeat-x left bottom;
	margin-bottom: 9px;
	}
	
#side #case ul li {
	padding-bottom: 18px;
	}
	
#side #case ul li img {
	float: left;
	}
	
#side #case ul li dl {
	padding-left: 6em;
	}
	
#side #case ul li dl dd {
	font-size: 92%;
	color: #221815;
	}
	
#side #news p.altTxt {
	background: url(../img/txt_snavi_news.gif) no-repeat left top;
	}
	
#side #news .title-wrap {
	position: relative;
	}
	
#side #news .rss {
	position: absolute;
	right: 15px;
	top: 16px;
	}
	
#side #news .inner ul li {
	background: url(../img/line_dotted.gif) repeat-x left bottom;
	padding-bottom: 8px;
	margin-bottom: 8px;
	}
	
#side #news .inner ul li dl dt {
	font-size: 87%;
	color: #221815;
	}
	
#side #news .inner ul li dl dd {
	line-height:1.4;
	}
	
#side a.altTxt {
	width: 132px;
	height: 36px;
	float: left;
	background: url(../img/btn_snavi.gif) no-repeat left top;
	}
	
#side .btn-area {
	overflow: hidden;
	/zoom:1;}
	
#side .btn-area .btn-online {
	background-position: -132px 0; 
	}
	
#side #other p.altTxt {
	background: url(../img/txt_snavi_other.gif) no-repeat left top;
	}

#side #other ul {	
	background: url(../img/line_dotted.gif) repeat-x left bottom;
	margin-bottom: 9px;
	padding-bottom:9px;
}
#side #other ul li a {
	display:block;
	padding: 3px 0;
}
	
#side .bna-area {
	background: none;
	}
	
#side .bna-area img {
	margin-bottom: 7px;
	}
	
/*gnavi footer*/
#gnavi-foot {
	margin: 20px 0;
	width: 100%;
	background: url(../img/bg_footer_gnavi.gif) repeat-x;
	height: 58px;
}
#gnavifoot {
	margin: 0 auto;
	width: 965px;
	overflow: hidden;
}
#gnavifoot li {
	float: left;
	height: 58px;
	line-height: 58px;
}
#gnavifoot li a {
	display: block;
}
	
/*↓↓Fancyboxのローディング画像
===============================*/
#fancybox-content { background: url(../fancybox/ajax-loader.png) no-repeat center;}
	
	

/*↓↓Twitterウィジェットカスタマイズ
===============================*/
#side #twitter { padding-left: 17px;}
#twitter-header { padding: 10px; background: url(../img/bg_twitter_head.gif) no-repeat left top;}
#twitter-header h3 { color: #5F5F5F; font-size: 130%; font-weight: bold; margin-bottom: 3px;}
#twitter-header h4 {color: #4C9827; font-size: 92%;}
#twtr-widget-1 .twtr-doc { background: url(../img/bg_side-cont02.gif) no-repeat 0px bottom; padding-bottom: 3px;}
#twtr-widget-1 .twtr-doc .twtr-hd { display: none;}
#twtr-widget-1 h3, #twtr-widget-1 h4 { background-color: none !important;}
#twtr-widget-1 h3 { font-size: 130% !important; margin-bottom: 3px !important; font-weight: bold !important; color:#5f5f5f !important; padding-top: 2px !important;}
#twtr-widget-1 h4 { font-size: 92% !important; color:#4c9827 !important;}
.twtr-ft { display: none;}
#twtr-widget-1 .twtr-timeline {width: 264px; /zoom:1;}
.twtr-timeline { -webkit-border-radius:0px !important;  -moz-border-radius:0px !important; border-radius:0px !important;}
.twtr-widget { background: url(../img/bg_side-cont01.gif) repeat-y center top !important; }


/*===============================
↓↓↓さくらのクラウド特徴↓↓↓
===============================*/



/*↓↓.underlayer
===============================*/

.sub-image {
	background: url(../img/bg_sub.jpg) no-repeat  center top;
	}

.underlayer {
	margin-bottom:0px !important;
	}

/*↓↓.bred
===============================*/
.bred {
	overflow: hidden;
	/zoom:1;
	padding:10px 0;
	margin: 0 3px;
	}
	
.bred li {
	float: left;
	margin-right: 5px;
	font-size: 87%;
	
	}
	
.bred li a {
	margin-right:5px;
	}

/*↓↓page-title
===============================*/
#page-title {
	min-height:101px;
	margin: 0 3px;
	}
	
#page-title h2 {
	color: #52973c;
	font-size: 248%;
	padding-top: 24px;
	}
	
.title-feature {
	background: url(../img/img_keyvisual_feature.png) no-repeat left bottom;
	}

.title-information {
	background: url(../img/img_keyvisual_information.png) no-repeat left bottom;
	}

/*-------section-------*/

.colum-left .section {
	padding-bottom: 28px;
	background: url(../img/line_width.gif) repeat-x left bottom;
	margin-bottom: 16px;
	/zoom:1;
	}

.section h3 {
	font-size: 150%;
	line-height: 1.6;
	margin-bottom: 5px;
	padding-left: 3px;
	color: #5f5f5f;
	}
	
.section .text {
	line-height: 1.6;
	padding: 0 0 7px 0;
	text-align: justify;
	text-justify: distribute;
	}
	
.section .center {
	width: auto;
	padding: 10px 0 20px;
	margin: 0 auto;
	text-align: center;
	}
	
.section .unit {
	padding: 10px 0 0 0;
	}
	
.section .top {
	padding: 0;
	}
	
	/*-------.unit-------*/
	.unit {
		overflow: hidden;
		/zoom:1;
		}
		
	.unit p {
		padding-bottom: 10px;
		text-align: justify;
		text-justify: distribute;
		}
		
	.unit h4 {
		font-size: 119%;
		font-weight: bold;
		margin-bottom: 10px;
		color: #5f5f5f;
		}
		
	.unit .fRight {
		padding: 0 0 10px 10px}

	/*-------cont01-------*/
	.cont01 {
		background: url(../img/bg_index-about-02.gif) repeat-y left top;
		}
		
	/*-------cont02-------*/
	.cont02 {
		background: url(../img/bg_index-about-03.gif) no-repeat left bottom;
		padding-bottom: 8px;
		}
		
	/*-------cont03-------*/
	.cont03 {
		background: url(../img/bg_schedule.gif) no-repeat 1px top;
		padding: 20px 54px 8px 18px;
		width: 627px;
		}
	/*-------cont03-------*/	
	.cont04 table {
		width: 100%;
		line-height: 1.4;
		}
		
	.cont04 table th,
	.cont04 table td {
		padding: 5px 10px;
		}
		
	.cont04 table th {
		 text-align: center;
		 background: #dddddd;	
		 font-size: 90%;
		 }
		 
	.cont04 table th.border {
		border-right: 1px solid #d1d0d0;
		border-left: 1px solid #d1d0d0;
		}
		
	.cont04 table td.border {
		border-right: 1px solid #ebeaea;
		border-left: 1px solid #ebeaea;
		color: #888;
		font-size: 100%;
		}
		 
	.cont04 table .zebra-color {
		background: #f3f3f3;
		}

	.cont04 table .function {
		width: 28%;
		}

	.cont04 table .day {
		text-align: center;
		width: 16%;
		font-size: 87%;
		}	
	
	
	/*-------btn-control-------*/
	.btn-control {
		background: url(../img/btn_control.gif) no-repeat left top;
		width: 405px;
		height: 38px;
		margin-bottom: 10px;
		}

	/*-------btn-control-------*/
	.btn-payment {
		background: url(../img/btn_payment.gif) no-repeat left top;
		width: 405px;
		height: 38px;
		margin-bottom: 10px;
		}
		
/*↓↓#side-navi
===============================*/

#side .bnr {
	display: block;
	margin-bottom: 6px;
	}

#side .bnr-simulate {
	display: block;
	margin-bottom: 10px;
	}

#side-navi dl {
	margin-bottom: 11px;
	}
	
#side-navi dl.last {
	margin-bottom:0px;
	}

#side-navi dl dt a {
	width: 238px;
	height: 32px;
	text-indent: -9999px;
	display: block;
	background: url(../img/btn_side_navi.gif) no-repeat left top;
	}
	
#side-navi dl dd a {
	width: 100%;
	height: 100%;
	padding: 3px 0;
	display: block;
	color: #5f5f5f;
	text-decoration: none;
	background: #e2e2e2;
	text-align:center;
	}

#side-navi dl dd.hidden {
	display: none;
	}
	
#side-navi .snavi02{
	background-position: 0px -32px;
	}

#side-navi .snavi03{
	background-position: 0px -64px;
	}
	
#side-navi .snavi04{
	background-position: 0px -96px;
	}
	
#side-navi .snavi05{
	background-position: 0px -128px;
	}
	
#side-navi .snavi06{
	background-position: 0px -160px;
	}
	
#side-navi .snavi07{
	background-position: 0px -192px;
	}
	
#side #side-navi .inner {
	padding-top:0px;
	}
	
#side-navi .in02 {
	background: url(../img/bg_side-cont03.gif) no-repeat left top;
	padding-top: 14px;
	}
	
	
/*===============================
↓↓↓料金シュミレーション↓↓↓
===============================*/

/*-------#simulation-cont-------*/
#simulation-cont p.text {
	margin-bottom: 24px;
	}

/*-------.title-simulation-------*/
.title-simulation {
	background: url(../../payment/img/img_keyvisual_simulation.png) no-repeat left top;
	}
	
/*-------.title-simulation-------*/

.simulation-unit {
	overflow: hidden;
	zoom:1;
	}
	
.simulation-unit input.num {
	width: 2em;
	}
	
.simulation-unit > h3 {
	float: left;
	margin:0px;
	padding:0px;
	}
	
.simulation-unit > div {
	width: 475px;
	float: right;
	}

	
.simulation-unit > div > p {
	padding-top: 3px;
	margin-bottom: 6px;
	}	

.simulation-unit .cation {
    font-size: 87%;
    margin-bottom: 10px;
	}	
		
.simulation-unit > div > ul li {
	position: relative;
	margin-bottom: 10px;
	}
	
.simulation-unit > div > ul li select {
    margin-right: 9px;
    vertical-align: middle;
    font-size: 0.83em;
    }
    
.simulation-unit > div > ul li select.sel {
    margin-right: 9px;
    }

:root *> .simulation-unit > div > ul li select.sel {
    margin-right: 9px;
    width: 250px;
    }

.simulation-unit > div > ul li > a {
	position: absolute;
	right:0;
	top: 3px;
	}
	
.simulation-unit > div > ul li > label {
	margin-right: 5px;
	vertical-align: middle;
	}
	
.simulation-unit > div > ul li > label + input {
	margin-right: 5px;
	vertical-align: middle;
	}
	
.simulation-unit .btn_add {
	width: 130px;
	height: 32px;
	background: url(../../payment/img/btn_add.gif) no-repeat left top;
	float: right;
	}
	
.simulation-unit .btn_add:hover {
	background-position: 0 -32px;
	}
	
	
/*-------#simulation-term-------*/
#simulation-term {
	overflow: hidden;
	/zoom:1;
	background: #fffce4;
	margin-top: 30px;
	}
	
#simulation-term h3 {
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
#simulation-term > div {
	padding: 20px 0px 13px 0;
	width: 495px;
	float: left;
	}
	
#simulation-term  p {
	padding-bottom: 6px;
	}
	
#simulation-term  p.att {
	padding: 6px 0;
	text-align: center;
	background-color: #f8e4ae;
	font-size: 87%;
	color: #b28306;
	}

#simulation-term  p > input {
	vertical-align: middle;
	line-height: 0;
	}
	
#simulation-term  p > input + label {
	vertical-align: middle;
	margin-left: 5px;
	}
	
#simulation-term ul {
	overflow: hidden;
	/zoom:1;
	padding-bottom: 8px;
	}
	
#simulation-term ul li {
	 float: left;
	 width: 235px;
	 padding-right: 9px;
	 text-align: right;
	 border-right: 1px solid #bebebe;
	 }
	 
#simulation-term ul li + li {
	border: none;
	padding: 0 0 0 9px;
	}
	 
#simulation-term ul li p {
	text-align: left;
	}

/*-------#wrapScroll-------*/
#wrapScroll {
	position: relative;
	}

#wrapScroll .side-cont .in02 {
	background: url(../img/bg_side-cont03.gif) no-repeat left top;
    padding-top: 14px;
	}
	
#side #wrapScroll .side-cont .inner {
	padding-top: 0;
	}

/*-------#simulation-result-------*/
#simulation-result h3 {
	margin-bottom: 6px;
	font-size: 119%;
	font-weight: bold;
	color: #52973C;
	}
	
#simulation-result ul {
	margin-bottom: 4px;
	}
	
#simulation-result ul li {
	overflow: hidden;
	/zoom:1;
	margin-bottom: 8px;
	}
	
#simulation-result ul li span
,#simulation-result .total span {
	padding-right: 5px;
	}

#simulation-result .term
,#simulation-result .total {
	overflow: hidden;
	/zoom:1;
	}
	
#simulation-result .term {
	padding: 5px 8px;
	background: #FFFCE4;
	margin-bottom: 15px;
	}
	
#simulation-result .total {
	font-size: 119%;
	font-weight: bold;
	padding: 10px 0 0 0;
	border-top: #5f5f5f 1px dashed;
	}

/*-------#simulation-estimation-------*/
#side #simulation-estimation {
	}
	
#side #simulation-estimation h3 {
	margin-bottom: 6px;
	font-size: 119%;
	font-weight: bold;
	color: #52973C;
	}
	
#side #simulation-estimation p {
	margin-bottom: 13px;
	}
	
#side #simulation-estimation input {
	width: 189px;
	margin-right: 5px;
	}
	
#simulation-estimation a.btn_issue {
	width: 238px;
	height: 54px;
	margin: 0 auto;
	display: block;
	background: url(../../payment/img/btn_estimation.gif) no-repeat left top;
	text-indent: -9999px;
	}

/*-------#simulation-reset-------*/
#side #simulation-reset {
	background: none;
	}
#side #simulation-reset a.btn_reset {
	width: 238px;
	height: 32px;
	margin: 0 auto;
	display: block;
	background: url(../../payment/img/reset.gif) no-repeat left top;
	text-indent: -9999px;
}

/*===============================
↓↓↓ご利用上の注意↓↓↓
===============================*/

.title-terms {
	background: url(../img/img_keyvisual_terms.png) no-repeat left top;
	}
	
.floatText {
	padding-left: 25em;
	margin-bottom: 10px;
	}

/*===============================
↓↓↓クラウドコントロールパネル↓↓↓
===============================*/	
.title-function {
	background: url(../img/img_keyvisual_function.png) no-repeat left top;
	}
	
/*===============================
↓↓↓サービス仕様↓↓↓
===============================*/

.title-specification {
	background: url(../img/img_keyvisual_specification.png) no-repeat left top;
	}
	
/*===============================
↓↓↓導入事例↓↓↓
===============================*/

.title-casestudy {
	background: url(../img/img_keyvisual_casestudy.png) no-repeat left top;
	}
	
	
/*===============================
↓↓↓ご利用フロー↓↓↓
===============================*/

.title-flow {
	background: url(../img/img_keyvisual_flow.png) no-repeat left top;
	}
	
/*===============================
↓↓↓料金について↓↓↓
===============================*/

.title-payment {
	background: url(../img/img_keyvisual_payment.png) no-repeat left top;
	}