@charset "utf-8";


/*==========#info============*/
#info {
	background: url(../images/bg_info.png) #748da8 repeat-x left bottom;
	width: 760px;
	margin: 0 auto;
	}

#info a {
	color: #FFF;
	padding: 0 0 0 14px;
	background: url(../images/icon_arrow_news.png) no-repeat 1px 3px;
	}

#info .inner td.title {
	vertical-align: middle;
	padding: 10px 0 8px 25px;
	}

#info .inner td.date {
	font-size: 95%;
	color: #0a3867;
	font-weight: bold;
	vertical-align: middle;
	padding: 11px 10px 10px 7px;
	}

#info .inner td.detail {
	font-size: 95%;
	color: #fff;
	font-weight: bold;
	padding: 11px 0 10px 0;
	}


/*==========#exAndFlex============*/
#exAndFlex {
	margin-bottom: 38px;
	overflow: hidden;
	/zoom:1;
	line-height: 1;
	}

#exAndFlex .item {
	width: 352px;
	float: left;
	}

#exAndFlex .item .bg-top {
	background: url(../images/bg_series.png) repeat-y left top;
	}

#exAndFlex .item .bg-top .bg-bottom {
	background: url(../images/bg_series_bottom.png) no-repeat left bottom;
	padding: 15px 20px 22px 20px;
	}

#exAndFlex .item .bg-top .bg-bottom > dl {
	color: #fff;
	margin-bottom: 7px;
	/margin-bottom: 4px;
	overflow: hidden;
	/zoom:1;
	}

#exAndFlex .item .bg-top .bg-bottom > dl dt {
	font-weight: bold;
	margin-bottom: 5px;
	}

#exAndFlex .item .bg-top .bg-bottom > dl dd {
	padding-right: 7px;
	float: left;
	}

#exAndFlex .item .bg-top .bg-bottom > dl dd + dd + dd {
	padding-right: 0px;
	}

#exAndFlex .item .bg-top .bg-bottom > dl dd span {
	display: inline-block;
	vertical-align: top;
	/zoom:1;
	width: 60px;
	}

#exAndFlex .item .bg-top .bg-bottom > dl dd:first-child {
	padding-top: 3px;
	}

#exAndFlex .point {
	overflow: hidden;
	/zoom:1;
	float: left;
	}

#exAndFlex .point li {
	float: left;
	margin-left: 5px;
	}

#exAndFlex .point li:first-child {
	margin-left: 0;
	}

#exAndFlex .price {
	float: right;
	margin-bottom: 10px;
	}

#exAndFlex .spec {
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
	/zoom:1;
	}

#exAndFlex .spec li {
	float: left;
	padding-left: 6px;
	}

#exAndFlex .spec li:first-child {
	padding-left: 0px;
	}

#exAndFlex .message {
	padding: 6px 0;
	color: #fff;
	text-align: center;
	background: #606060;
	font-weight: bold;
	margin-bottom: 17px;
	}

#exAndFlex .action {
	text-align:center;
	}

#exAndFlex .action a:first-child {
	margin-right: 10px;
	}

#exAndFlex #ex {
	float: left;
	}

#exAndFlex #flex {
	float: right;
	}

#exAndFlex #flex .option dd {
	padding-right: 6px;
	}

#exAndFlex #flex .option dd + dd {
	padding-right: 0px;
	}

#exAndFlex #ex .point {
	padding-top: 0px;
	}

#exAndFlex #flex .action {
	padding-top: 7px;
	/padding-top: 1px;
	}

#exAndFlex #ex .bg-top .bg-bottom > dl {
	min-height: 152px;
	}

#exAndFlex > p {
	padding-left: 6px;
	font-size: 92%;
	}

#exAndFlex #ex h2 a {
    background: url("../../images/title_series_ex.png") no-repeat scroll 0 0 transparent;
}
#exAndFlex #flex h2 a {
    background: url("../../images/title_series_flex.png") no-repeat scroll 0 0 transparent;
}

#exAndFlex h2 a {
    display: block;
    height: 103px;
    text-indent: -9999px;
    width: 352px;
}

#exAndFlex #ex h2 a:hover {
    background-position: 0 -103px;
}
#exAndFlex #flex h2 a:hover {
    background-position: 0 -103px;
}
#exAndFlex .clearboth {
	clear: both;
	overflow: hidden;
}

/*=========#feature============*/

#feature {
	margin-bottom:50px;
	}

#feature .cate-title {
	margin-bottom:30px;
	}

#feature h3 {
	font-size: 250%;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 15px;
	}

#feature p.red{
	line-height: 1.2;
	font-size:130%;
	font-weight: bold;
	color:#fd4170;
	}


#feature .point {
	overflow: hidden;
	/zoom:1;
	}

#feature #p1 img,#feature #p3 img {
	float: left;
	padding-left: 7px;
	}

#feature #p1 h3,#feature #p3 h3 {
	padding-top: 0px;
	 }

#feature #p1 h3 img,#feature #p3 h3 img {
	float: none;
	padding-left: 0;
	}

#feature #p2 {
	margin-bottom: 34px;
	}

#feature #p2 h3,#feature #p4 h3 {
	padding-left: 7px;
	}

#feature #p2 > img,#feature #p4 > img {
	float: right;
	}

#feature .point > p {
	margin-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
	}

#feature .point > p + p {
	margin-top: -12px;
	position: relative;
	}

#feature .point > p span {
	font-size: 92%;
	}

#feature #p2 > a {
	padding-left: 21px;
	display: inline-block;
	/zoom:1;
	margin-bottom: 15px;
	}

#offer {
	clear: both;
	}

#offer h4 + div {
	margin-bottom: 10px;
	overflow: hidden;
	/zoom:1;
	}

#offer .bg-contents-bottom-w712 h4 {
	margin: 0 0 10px;
	}

#offer .bg-contents-bottom-w712 div > a {
	margin: 0 10px 0 -4px;
	position: relative;
	float: left;
	}

#offer .bg-contents-bottom-w712 div > img {
	margin: 0 10px 0 -4px;
	position: relative;
	float: left;
	}

#offer .bg-contents-bottom-w712 div > img.last {
	margin-right: 0px;
	}

#offer .bg-contents-bottom-w712 > p {
    margin: 5px 0 0;
	font-size: 92%;
	}

#offer dl {
	float: left;
	margin-right: 15px;
	width: 210px;
	}

#offer dl + dl + dl{
	margin-right: 0px;
	}

#offer dl dt {
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 2px;
	}

#offer dl dd {
	font-size: 92%;
	line-height: 1.4;
	}

#offer dl dd img {
	margin-top: 15px;
	}

#feature #p4 > a {
	padding-left: 20px;
	display: inline-block;
	/zoom:1;
	margin-bottom: 15px;
	}

#feature #p4 > div {
	clear: both;
	}

#feature #p4 .cate-sub {
	font-size: 125%;
	margin-bottom: 6px;
	}

#feature #p4 .bg_contents_middle_2column {
	margin-bottom: 13px;
	}

#feature #p4 .bg_contents_bottom_2column {
	position: relative;
	}

#feature #p4 .control-left {
	width: 305px;
	float: left;
	padding-bottom: 10px;
	}

#feature #p4 .control-right {
	width: 305px;
	float: right;
	padding-bottom: 10px;
	}



#feature #p4 .start {
	width: 265px;
	float: left;
	padding-bottom: 180px;
	}

#feature #p4 .start img {
	position: absolute;
	left: 26px;
	bottom: 17px;
	}

#feature #p4 .start dl {
	}

#feature #p4 .start dl dt {
	margin-bottom: 2px;
	font-size: 85%;
	}

#feature #p4 .start dl dd {
	padding-left: 0.5em;
	text-indent: -0.5em;
	line-height: 1.5;
	}

#feature #p4 .scaleout {
	width: 345px;
	float: right;
	padding-bottom: 180px;
	}

#feature #p4 .scaleout img {
	position: absolute;
	right: 26px;
	bottom: 17px;
	}

#feature #p4 .scaleout ul {
	margin-bottom: 4px;
	}

#feature #p4 .scaleout ul li {
	margin-bottom: 2px;
	}

#feature #p4 .bg-contents-bottom-w712 {
	position: relative;
	padding-bottom: 215px;
	}

#feature #p4 .bg-contents-bottom-w710 {
	position: relative;
	padding-bottom: 120px;
	}

#feature #p4 .scaleup img {
	position: absolute;
	left: 28px;
	bottom: 17px;
	}

#feature #p4 .scaleup ul li {
	padding:0 20px 0 0.5em;
	text-indent: -0.5em;
	line-height: 1.5;
	margin-bottom: 2px;
	}

/*==========#future-plans============*/

#future-plans {
	margin:0 0 30px 0;
	padding: 0 7px;
	}

#future-plans .lead {
	margin-bottom: 17px;
	}

#future-plans table {
	width: 100%;
	border: 3px solid #d5d5d5;
	background: #ffffff;
	}

#future-plans table th {
	background: #c9dbeb;
	color: #0e65ab;
	border-right: 1px solid #aebecc;
	padding: 10px 0;
	}

#future-plans table td {
	padding: 6px 0 6px 10px;
	border: 1px solid #dddddd;
	font-size: 85%;
	}

#future-plans table td + td + td {
	text-align: center;
	width: 100px;
	padding-left: 0;
	}

#future-plans .dot-radius-middle {
	background: url(../images/bg_dot_radius_middle.png) repeat-y left top;
	/zoom:1;
	}

#future-plans .dot-radius-bottom {
	background: url(../images/bg_dot_radius_bottom.png) no-repeat left bottom;
	}

#future-plans .dot-radius-top {
	background: url(../images/bg_dot_radius_top.png) no-repeat left top;
	padding: 10px;
	}



/*==========#recommend============*/

#recommend {
	margin-bottom: 50px;
	overflow: hidden;
	/zoom:1;
	margin:30px 0 30px 0;
	padding: 0 7px;
	}

#recommend dl {
	float: left;
	width: 242px;
	margin-right: 27px;
	padding-left: 87px;
	background: url(../images/icon_recommend1.png) no-repeat left top;
	}

#recommend dl + dl {
	background: url(../images/icon_recommend3.png) no-repeat left top;
	padding-left: 100px;
	margin-right: 00px;
	margin-bottom: 25px;
	}

#recommend dl + dl + dl {
	margin-right: 27px;
	padding-left: 87px;
	margin-bottom: 0;
	min-height: 90px;
	background: url(../images/icon_recommend2.png) no-repeat left top;
	}

#recommend dl + dl + dl + dl {
	padding-left: 100px;
	margin-right: 0px;
	margin-bottom: 0;
	background: url(../images/icon_recommend4.png) no-repeat left top;
}

#recommend dl dt {
	font-weight: bold;
	margin-bottom: 10px;
	}

#recommend dl dd {
	line-height: 1.5;
	font-size: 92%;
	}
#line-up {
	overflow: hidden;
	margin-bottom: 40px;
	}
#line-up ul { overflow: hidden; zoom:1; margin-bottom: 10px;}

#line-up ul li  {
	float: left;
	position: relative;
	width: 235px;
	}

#line-up ul li p {
	text-align:center;
	position: absolute;
	top: 317px;
	left: 13px;
	}

#line-up dl {
    float: left;
    padding: 5px 0 0 7px;
    white-space: nowrap;
}

#line-up dl dt {
    border-left: 4px solid #AEAEAE;
    font-size: 168%;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 6px;
    padding-left: 5px;
}

#line-up  dl + .btnArea {
    float: right;
    padding-right: 7px;
    white-space: nowrap;
}

.btnArea {
    background: url("../../images/bg_btn_simulation.png") no-repeat scroll 0 0 transparent;
    height: 53px;
    padding-top: 8px;
    text-align: center;
    width: 216px;
}

.server-future { background: url(../images/bg_contents_middle2.png) repeat-y left top;}
.server-future .row1,
.server-future .row2,
.server-future .row3,
.server-future .row4 { overflow: hidden; zoom:1;}

.server-future .row1 > div,
.server-future .row2 > div,
.server-future .row3 > div,
.server-future .row4 > div {
	width: 345px;
	}

.server-future .row1 > div h3,
.server-future .row2 > div h3,
.server-future .row3 > div h3,
.server-future .row4 > div h3{
	margin-bottom: 13px;
	}

.server-future .row1 > div p,
.server-future .row2 > div p,
.server-future .row3 > div p,
.server-future .row4 > div p {
	width: 228px;
	}

.server-future .row1 > div.right,
.server-future .row2 > div.right,
.server-future .row3 > div.right,
.server-future .row4 > div.right{
	width: 355px;
	}

.server-future .row1 > div.left,
.server-future .row2 > div.left,
.server-future .row3 > div.left,
.server-future .row4 > div.left{
	padding-left: 30px;
	}

.server-future .row1 a,
.server-future .row2 a,
.server-future .row3 a,
.server-future .row4 a {
	text-indent: -9999px;
	display: block;
	}

.server-future .bg-top {
	background: url(../images/bg_contents_top2.png) no-repeat left top;
	}

.server-future .bg-bottom {
	background: url(../images/bg_contents_bottom2.png) no-repeat left bottom;
	padding: 24px 6px;
	}

.btn-wrap { padding-top: 10px;}

.server-future .row1,
.server-future .row2,
.server-future .row3 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dbdbdb;
	}

.server-future .row1 .left {
	background: url(../images/img_top_s_01.png) no-repeat right 34px;
	}
.server-future .row1 .right {
	background: url(../images/img_top_s_02.png) no-repeat 230px 34px;
	}
.server-future .row2 .left {
	background: url(../images/img_top_s_03.png) no-repeat right 34px;
	}
.server-future .row2 .right {
	background: url(../images/img_top_s_04.png) no-repeat 230px 34px;
	}
.server-future .row3 .left {
	background: url(../images/img_top_s_05.png) no-repeat right 34px;
	}
.server-future .row3 .right {
	background: url(../images/img_top_s_06.png) no-repeat 230px 34px;
	}
.server-future .row4 .left {
	background: url(../images/img_top_s_07.png) no-repeat right 34px;
	}


.btn_row1 { background: url(../images/btn_top_s_01.png) no-repeat left top; width: 160px; height: 30px; display: block;}
.btn_row2 { background: url(../images/btn_top_s_02.png) no-repeat left top; width: 148px; height: 30px; float: left;}
.btn_row3 { background: url(../images/btn_top_s_02.png) no-repeat right top; width: 148px; height: 30px; float: left;}
.btn_row4 { background: url(../images/btn_top_s_03.png) no-repeat left top; width: 148px; height: 30px; float: left;}
.btn_row5 { background: url(../images/btn_top_s_03.png) no-repeat right top; width: 148px; height: 30px;}
.btn_row6 { background: url(../images/btn_top_s_05.png) no-repeat right top; width: 170px; height: 30px;}
.btn_row7 { background: url(../images/btn_top_s_06.png) no-repeat left top; width: 145px; height: 30px; float: left;}
.btn_row8 { background: url(../images/btn_top_s_06.png) no-repeat right top; width: 148px; height: 30px; float: left;}
.btn_row9 { background: url(../images/btn_top_s_04.png) no-repeat right top; width: 150px; height: 30px;}
.btn_row10 { background: url(../images/btn_top_s_07.png) no-repeat right top; width: 150px; height: 30px;}
.btn_row11 { background: url(../images/btn_top_s_08.png) no-repeat right top; width: 170px; height: 30px;}

.exm {padding: 0 30px;}

#service-use {
	padding: 40px 30px;
	}

/* sum_ctrlpanel */

#sum_ctrlpanel {
	width: 650px;
	margin: 0 auto;
	padding: 10px;
	border: 2px solid #c6c6c6;
	background-color: #f7f5ef;
	border-radius: 5px;
	behavior: url("http://server.sakura.ad.jp/common/css/PIE.htc");
	position: relative;
}

#sum_ctrlpanel dt {
	margin-bottom: 10px;
	font-weight: bold;
}

#sum_ctrlpanel dd {
	float: left;
	width: 216px;
	margin-bottom: 5px;
	font-size: 12px;
}

#sum_ctrlpanel dd:nth-child(4) {
	width: 196px;
	padding-left: 20px;
}