@charset "Shift_JIS";

.clear {
	clear:both;
}

/* main-img
---------------------*/

#campaign {
	margin:0;
	float:right;
}


#main div.main-img h2{
	margin: 0;
	width:700px;
	height:225px;
}

#campaign {
	margin:0;
	float:right;
}

/****全体位置の決定****/
/****サブメニュー用スタイル****/

ul#btn_main {
	width:700px;
	margin:0;
	padding:0;
	position:relative;
}

ul#btn_main { /* IE6対策 */
	behavior:url("../js/csshover3.htc");
}

ul#btn_main li {
	float:left;
	width:233px;
	height:71px;
}

ul#btn_main li a {
	background:url(../images/index/topimage_back_off.jpg) no-repeat;
	width:233px;
	height:71px;
	display:block;
}

ul#btn_main li a:hover {
	background:url(../images/index/topimage_back_on.jpg) no-repeat;
	width:233px;
	height:71px;
	display:block;
}

ul#btn_main li div {
	display:none;
}

ul#btn_main li#main01 a { background-position:left; }
ul#btn_main li#main02 a { background-position:center; }
ul#btn_main li#main03 a { background-position:right; }

/* 110912 seo ----------------------- */
#main #main_txt {
	padding:10px 15px 15px 15px;
}
/* /110912 seo ----------------------- */

/*** ボタンにロールオーバーするとサブメニューを表示 ***/

ul#btn_main li:hover div {
	display:block;
	position:absolute;
	z-index:300;
	top:-225px;
	left:0;
}

/* server
---------------------*/
#main div.server{
	clear:both;
	margin:0 0 15px 0;
}

#kir_linup {
	width: 700px;
	margin-top:10px;
}

#kir_linup ul {
	margin:0;
	padding:0;
	width:700;
}

#kir_linup ul li {
	margin:0;
	padding:0;
	width:165px;
	float:left;
}

#kir_linup ul li#d3g_p {
	margin-left:13px;
	margin-right:7px;
}

#kir_linup ul li#db_p {
	margin-left:7px;
	margin-right:13px;
}

#kir_linup ul li#database {
	background:url(../images/index/database.jpg) no-repeat;
	width:165px;
	height:212px;
	display:block;
}

#kir_linup ul li#mailplan {
	float:right;
}

#kir_linup ul li ul {
	margin-top:161px;
	margin-left:9px;
}

#kir_linup ul li ul li {
	width:148px !important;
	line-height:normal;
	margin-top:3px !important;
}

/* 110912 seo ----------------------- */

#kir_linup2 {
	width: 700px;
	margin-top:10px;
}

#kir_linup2 ul {
	margin:0;
	padding:0;
	width:700;
}

#kir_linup2 ul li {
	margin:0;
	padding:0;
	width:163px;
	float:left;
	border:1px solid #676767;
	display:block;
}
#kir_linup2 ul li dl {
	margin:0;
	padding:0;
}
#kir_linup2 ul li dl dt {
	display:block;
	width:151px;
	margin:1px 1px 0 1px;
	background:url(../images/index/kir_linup_bg.gif) repeat-x #595959;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:4px 5px 3px 5px;
	font-size:110%;
}
#kir_linup2 ul li dl dd {
	text-align:center;
}
#kir_linup2 ul li ul li,
#kir_linup2 ul li dl dd ul li {
	border:none;
	float:none;
	width:auto;
}
#kir_linup2 ul li a {
	color:#333;
	text-decoration:none;
}
#kir_linup2 ul li a:hover {
	color:#333;
	text-decoration:none;
}



/* shared */
#kir_linup2 ul li#shared {
	margin-right:13px;
	width:163px;
	position:relative;
}

#kir_linup2 ul li#shared .plan {
	margin-top:11px;
}
#kir_linup2 ul li#shared .sub {
	background-color:#3e8eff;
	margin:7px 1px 8px 1px;
	width:153px;
	display:block;
	padding:2px 4px;
	color:#FFFFFF;
	font-size:85%;
}
#kir_linup2 ul li#shared .txt {
	margin:12px 0 10px 0;
	padding:0 8px;
	text-align:left;
	font-size:95%;
	line-height:110%;
	color:#333;
}
#kir_linup2 ul li#shared .btn {
	position:absolute;
	bottom:10px;
	left:8px;
	text-align:center;
}


/* dedicated */
#kir_linup2 ul li#dedicated {
	margin-right:14px;
	position:relative;
	width:163px;
}
#kir_linup2 ul li#dedicated .plan {
	margin-top:11px;
}
#kir_linup2 ul li#dedicated .sub {
	background-color:#014365;
	margin:7px 1px 8px 1px;
	width:153px;
	display:block;
	padding:2px 4px;
	color:#FFFFFF;
	font-size:85%;
}
#kir_linup2 ul li#dedicated .txt {
	margin:12px 0 10px 0;
	padding:0 8px;
	text-align:left;
	font-size:95%;
	line-height:110%;
}
#kir_linup2 ul li#dedicated .btn {
	position:absolute;
	bottom:10px;
	left:8px;
	text-align:center;
}

/* database */
#kir_linup2 ul li#database {
	width:163px;
}
#kir_linup2 ul li#database .plan {
	margin-top:4px;
}
#kir_linup2 ul li#database .sub {
	background-color:#7e7e7e;
	margin:3px 1px 6px 1px;
	width:153px;
	display:block;
	padding:2px 4px;
	color:#FFFFFF;
	font-size:85%;
}
#kir_linup2 ul li#database .txt {
	margin:12px 0 10px 0;
	padding:0 8px;
	text-align:left;
	font-size:95%;
	line-height:110%;
}
#kir_linup2 ul li#database .btn1 {
	margin-bottom:5px;
}
#kir_linup2 ul li#database .btn2 {
	margin-bottom:10px;
}

/* mailplan */
#kir_linup2 ul li#mailplan {
	float:right;
	position:relative;
	width:163px;
}
#kir_linup2 ul li#mailplan .plan {
	margin-top:11px;
}
#kir_linup2 ul li#mailplan .sub {
	background-color:#326401;
	margin:7px 1px 8px 1px;
	width:153px;
	display:block;
	padding:2px 4px;
	color:#FFFFFF;
	font-size:85%;
}
#kir_linup2 ul li#mailplan .txt {
	margin:12px 0 10px 0;
	padding:0 8px;
	text-align:left;
	font-size:95%;
	line-height:110%;
}
#kir_linup2 ul li#mailplan .btn {
	position:absolute;
	bottom:10px;
	left:8px;
	text-align:center;
}



/* /110912 seo ----------------------- */

#kir_case {
	width:700px;
	margin:0;
	padding:0;
}

#kir_case dl dd {
	width:345px;
	height:100px;
	margin-top:10px;
	float:left;
}

#kir_case dl dd#kir_case1 {
	background:url(../images/index/case1.jpg) no-repeat;
}

#kir_case dl dd#kir_case2 {
	background:url(../images/index/case2.jpg) no-repeat;
}

#kir_case dl dd#kir_case3 {
	background:url(../images/index/case3.jpg) no-repeat;
	margin-left:10px;
}

#kir_case dl dd#kir_case4 {
	background:url(../images/index/case4.jpg) no-repeat;
	margin-left:10px;
}

#kir_case dl dd ul {
	margin:58px 0 0 92px;
	_margin:58px 0 0 85px;
}

#kir_case dl dd ul li {
	float:left;
	width:115px;
	list-style:circle;
	margin-left:10px;
}

#kir_case dl dd ul li.w60 { width:60px; }
#kir_case dl dd ul li.w70 { width:70px; }
#kir_case dl dd ul li.w110 { width:110px; }
#kir_case dl dd ul li.w150 { width:150px; }

/* FLEX,DC+
---------------------*/

#flex_dc {
	width: 700px;
	height: 170px;
	margin: 10px 0 20px;
	background: url("../images/index/flex_dc.jpg") no-repeat;
}

#flex {
	width: 350px;
	float: left;
}

#flex dt {
	float:left;
	margin:122px 0 0 10px;
	padding:0;
}

#flex a {
	color: #FFF;
	width:74px;
	height:22px;
	background:url("../images/index/btn_flex.jpg") no-repeat;
	display: block;
	padding:6px 0 0 25px;
}

#flex a:hover {
	color:#FF0;
	width:74px;
	height:22px;
	background:url("../images/index/btn_flex_on.jpg") no-repeat;
	display: block;
	padding:6px 0 0 25px;
	text-decoration:underline;
}

#flex dd {
	width: 220px;
	float: right;
	margin-top:38px;
	padding:0;
}

#flex dd p {
	margin-top:30px;
}

#dc {
	width: 350px;
	float: right;
}

#dc dt {
	float:left;
	margin:122px 0 0 10px;
	padding:0;
}

#dc a {
	color: #FFF;
	width:74px;
	height:22px;
	background:url("../images/index/btn_dc.jpg") no-repeat;
	display: block;
	padding:6px 0 0 25px;
}

#dc a:hover {
	color:#FF0;
	width:74px;
	height:22px;
	background:url("../images/index/btn_dc_on.jpg") no-repeat;
	display: block;
	padding:6px 0 0 25px;
	text-decoration:underline;
}

#dc dd {
	width: 210px;
	float: right;
	margin-top:95px;
	margin-right:10px;
	padding:0;
}



/* option
---------------------*/
#main div.option{
	clear:both;
	position:relative;
	margin:0 0 6px 0;
	background:url("../images/index/bg_option.gif") repeat-y 0 0;
}
#main div.option div.option-bottom{
	padding:0 0 4px 0;
	background:url("../images/index/bg_option_bottom.gif") no-repeat 0 100%;
}
#main div.option p.btn{
	position:absolute;
	top:16px;
	right:16px;
}
#main div.option dl{
	padding:11px 22px 0 22px;
}
#main div.option dl dt{
	padding:0 0 10px 35px;
	font-weight:bold;
	background:url("../images/index/ico_new.gif") no-repeat 0 2px;
}
#main div.option dl dd{
	float:left;
	width: 300px;
	margin:0 0 8px 1px;
	padding:0 0 10px 20px;
	background:url("../images/index/ico_check.jpg") no-repeat 0 0px;
}

#main div.option div.list{
	width:670px;
	margin:10px auto 5px auto;
	padding:3px 0 0 0;
	background:url("../images/index/bg_option_list_top.gif") no-repeat 0 0 #EFF9C8;
}
#main div.option div.list ul{
	padding:0 0 3px 0;
	background:url("../images/index/bg_option_list_bottom.gif") no-repeat 0 100%;
}
#main div.option div.list ul li{
	float:left;
	display:inline;
	padding:5px 10px 5px 10px;
	font-size:84%;
}
#main div.option div.list ul li a.yen{
	padding:0 15px 0 0;
	background:url("../images/index/ico_yen.jpg") no-repeat 100% 1px;
}
#main div.option p.kome{
	width:660px;
	font-size:84%;
	margin:0 auto 15px auto;
}
#main div.option p.kome img{
	vertical-align:middle;
	padding:0 3px 0 0;
}
#main div.option h4{
	width:670px;
	margin:0 auto 10px auto;
}
#main div.option ul.bnr{
	width:670px;
	margin:0 auto 0 auto;
	padding:0 0 8px 0;
}
#main div.option ul.bnr li{
	float:left;
	display:inline;
	margin:0 20px 0 0;
}
#main div.option ul.bnr li.last{
	margin:0;
}

/* introduction
---------------------*/
#main div.introduction{
	margin:0 0 15px 0;
}

/* date */
#main div.introduction div.date{
	width:340px;
	height:119px;
	float:left;
	display:inline;
	background:url("../images/index/bg_date.jpg") no-repeat 0 100%;
}
#main div.introduction div.date p{
	margin:5px 0 5px 20px;
}

/* academic */
#main div.introduction div.academic{
	width:340px;
	height:119px;
	float:right;
	display:inline;
	background:url("../images/index/bg_academic.jpg") no-repeat 0 100%;
}
#main div.introduction div.academic p{
	margin:5px 0 5px 20px;
}

/* information
---------------------*/
#main div.information{
	clear:both;
	margin:0 0 0 0;
}
#main div.information h4{
	margin:15px 0 0 0;
}
#main div.information p{
	padding:5px 0 5px 0;
}
#main div.information ul.btn{
	position:absolute;
	top:7px;
	right:10px;
}
#main div.information ul.btn li{
	float:left;
	display:inline;
	margin:0 0 0 8px;
}
#main div.information dl{
	clear:both;
	padding:10px 0 10px 0;
	background:url("../images/common/bg_border_ccc.gif") repeat-x 0 100%;
}
#main div.information dl dd{
	width:90px;
	font-size:84%;
	float:left;
}
#main div.information dl dt{
	width:230px;
	float:left;
	display:inline;
	margin:0 0 0 10px;
}

/* news */
#main div.information div.news{
	width:340px;
	float:left;
	display:inline;
	position:relative;
}

/* info */
#main div.information div.info{
	width:340px;
	float:right;
	display:inline;
	position:relative;
}

/* service
---------------------*/
#main div.service{
	clear:both;
	padding:20px 0 0 0;
}
#main div.service ul{
	margin:18px 0 0 0;
}
#main div.service ul li{
	width:210px;
	float:left;
	display:inline;
	margin:0 5px 5px 15px;
	font-size:84%;
}
/* 110310修正
---------------------*/
.btnbg{
	padding: 20px 112px;
	background: #ECECEC;
	border: 1px solid #DDDDDD;
	width: 483px;
	clear: both;
	margin:13px 0px 26px;
	text-align: center;
}
.btnbg{
	padding: 20px 112px;
	background: #ECECEC;
	border: 1px solid #DDDDDD;
	width: 483px;
	clear: both;
	margin:13px 0px 26px;
	text-align: center;
}
.bnr02{margin-bottom:15px;}