@charset "Shift_JIS";

/*-----------------------------------------------------
		COMMON
-------------------------------------------------------*/

/* h2
---------------------*/
#main div h2{
	width:700px;
	height:50px;
	margin:15px 0 10px 0;
	line-height:50px;
	text-indent:20px;
	font-size:150%;
	font-weight:bold;
	color:#305710;
	background-repeat:no-repeat;
	background-position:0 0;
}
#main div#mail h2						{background-image:url("../images/ttl/bg_ttl_mail.jpg");}
#main div#web h2						{background-image:url("../images/ttl/bg_ttl_web.jpg");}
#main div#domain h2					{background-image:url("../images/ttl/bg_ttl_domain.jpg");}
#main div#security h2				{background-image:url("../images/ttl/bg_ttl_security.jpg");}
#main div#database h2				{background-image:url("../images/ttl/bg_ttl_database.jpg");}
#main div#database_admin h2	{background-image:url("../images/ttl/bg_ttl_database_admin.jpg");}
#main div#e_commerce h2			{background-image:url("../images/ttl/bg_ttl_e_commerce.jpg");}
#main div#cms h2						{background-image:url("../images/ttl/bg_ttl_cms.jpg");}
#main div#groupware h2			{background-image:url("../images/ttl/bg_ttl_groupware.jpg");}
#main div#isp h2						{background-image:url("../images/ttl/bg_ttl_isp.jpg");}
#main div#board h2					{background-image:url("../images/ttl/bg_ttl_board.jpg");}
#main div#chat h2						{background-image:url("../images/ttl/bg_ttl_chat.jpg");}
#main div#etc h2						{background-image:url("../images/ttl/bg_ttl_etc.jpg");}

/* h3
---------------------*/
#main h3{
	width:700px;
	height:40px;
	line-height:40px;
	margin:0 auto 15px auto;
	clear:both;
	text-indent:20px;
	font-size:134%;
	font-weight:bold;
	background:url("../../images/common/bg_ttl_section.jpg") no-repeat 0 0;
}

/* h4
---------------------*/
#main h4{
	width:680px;
	height:31px;
	clear:both;
	margin:0 auto 10px auto;
	line-height:31px;
	font-weight:bold;
	text-indent:10px;
}
/* part01 */
#main h4.part01{
	background:#F0F7DD;
	border-top:1px solid #4E8125;
}
/* h4 */
#main h4.part02{
	color:#FFF;
	background:url("../../images/common/bg_ttl.gif") repeat-x 0 0;
}

/* main-area
---------------------*/
#main div.main-area{
	margin:0 0 15px 0;
}
#main div.main-area ul.plan{
	float:left;
	display:inline;
}
#main div.main-area ul.icon{
	float:right;
	display:inline;
}

/* plan
---------------------*/
#main ul.plan{
	margin:10px 0 0 0;
}
#main ul.plan li.ttl{
	padding:1px 3px 1px 3px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	background:#4E8125;
}
#main ul.plan li{
	float:left;
	display:inline;
	margin:0 0 0 5px;
	font-size:84%;
}
#main ul.plan li a{
	padding:0 5px 0 0;
}

/* icon
---------------------*/
#main ul.icon{
	margin:0 7px 0 0;
}
#main ul.icon li{
	float:left;
	display:inline;
	margin:0 2px 0 0;
}

/* detail-navi
---------------------*/
#main div.detail-navi{
	clear:both;
	margin:0 0 20px 0;
}
#main div.detail-navi p{
	width:700px;
}
#main div.detail-navi ul.navi{
	background:url("../images/common/bg_main_navi.jpg") no-repeat 0 0;
}
#main div.detail-navi ul.navi li.first{
	background:url("") no-repeat 0 0;
}
#main div.detail-navi ul.navi li{
	height:33px;
	line-height:33px;
	padding:1px 0 1px 0;
	float:left;
	text-align:center;
	background:url("../images/common/bg_main_navi_line.gif") no-repeat 0 0;
}
#main div.detail-navi ul.navi li a{
	display:block;
	color:#FFF;
	font-weight:bold;
}
#main div.detail-navi ul.navi.btn05 li{width:140px;}
#main div.detail-navi ul.navi.btn04 li{width:175px;}
#main div.detail-navi ul.navi.btn03 li{width:233px;}
#main div.detail-navi ul.navi.btn02 li{width:350px;}

/* foot-navi
---------------------*/
#main div.foot_navi{
	width:640px;
	margin:25px auto 20px auto;
	padding: 0;
	background:#3d6e14 url("../images/common/bg_foot_navi_bottom.gif") no-repeat left bottom;
}
#main div.foot_navi ul.top {
	padding: 5px 0 0;
	background:url("../images/common/bg_foot_navi_top.gif") no-repeat left top;
}
#main div.foot_navi ul.top li{
	float:left;
	display:inline;
	padding:0 5px 5px;
}
#main div.foot_navi ul.bottom{
	padding:0 5px 0 5px;
}
#main div.foot_navi ul.bottom li{
	float:left;
	display:inline;
	margin:0 5px 0 0;
	padding: 0 0 5px;
}
#main div.foot_navi ul.bottom li.last{
	margin:0;
	clear:right;
}


/* pager
---------------------*/
#main ul.pager{
	width:680px;
	height:15px;
	margin:0 auto 20px auto;
	position:relative;
}
#main ul.pager li{
	position:absolute;
}
#main ul.pager li.prev{
	left:0;
}
#main ul.pager li.next{
	right:0;
}

/* list
---------------------*/
#main div.section.list{
	width:640px;
	margin:0 auto 0 auto;
}
#main div.section.list h4.ttl{
	margin:0 0 20px 0;
}
#main div.section.list h4.ttl a{
	color:#333;
}
#main div.section.list ul{
	width:159px;
	float:left;
	display:inline;
	border-right:1px solid #CCC;
}
#main div.section.list ul.last{
	border:none;
}
#main div.section.list ul li{
	padding:0 0 8px 10px;
	font-size:84%;
}
#main div.section.list ul li.standard a{
	padding: 5px 0 5px 20px;
	background:url("../images/index/ico_standard.jpg") no-repeat 0 3px;
}
#main div.section.list ul li.option a{
	padding: 5px 0 5px 20px;
	background:url("../images/index/ico_option.jpg") no-repeat 0 3px;
}
#main div.section.list ul li.charge a{
	padding: 5px 0 5px 20px;
	background:url("../images/index/ico_charge.jpg") no-repeat 0 3px;
}


/*-----------------------------------------------------
		COMMON END //
-----------------------------------------------------*/
/*-----------------------------------------------------
		INDEX
-----------------------------------------------------*/
#main p.main-txt{
	width:680px;
	margin:0 auto 10px auto;
}

/* icon-list */
#main div.icon-list{
	width:680px;
	margin:0 auto 10px auto;
	padding:0 0 3px 0;
	background:url("../images/common/bg_icon_list_bottom.gif") no-repeat 0 100% #F7F7F7;
}
#main div.icon-list div.bg{
	width:680px;
	padding:8px 0 7px 0;
	background:url("../images/common/bg_icon_list_top.gif") no-repeat 0 0;
}
#main div.icon-list ul{
	margin:0 10px 8px 10px;
}
#main div.icon-list ul.last{
	clear:both;
}
#main div.icon-list ul li{
	width:150px;
	float:left;
	display:inline;
	padding:0 0 5px 0;
}
#main div.icon-list ul li img{
	vertical-align:middle;
	margin:0 5px 0 0;
}
#main div.icon-list ul.last li{
	width:auto;
	float:none;
	display:block;
	margin:0;
}

/* sub-option-list */
#main div.sub-option-list{
	width:700px;
	margin:0 auto 10px auto;
}
#main div.sub-option-list dl{
	width:340px;
	float:left;
	display:inline;
	margin:0 20px 20px 0;
	background:url("../images/common/bg_option.gif") repeat-y 0 0;
}
#main div.sub-option-list dl.fr{
	margin:0 0 20px 0;
}
#main div.sub-option-list dl dt{
	width:340px;
	height:40px;
	line-height:40px;
	text-indent:10px;
	background:url("../images/common/bg_ttl_option.jpg") no-repeat 0 0;
}
#main div.sub-option-list dl dt a{
	padding:0 0 0 7px;
	font-weight:bold;
	color:#333;
	background:url("../../images/common/ico_arrow_balck.gif") no-repeat 0 4px;
}
#main div.sub-option-list dl dd.icon{
	width:338px;
	margin:0 1px 0 1px;
	background:url("../../images/common/bg_border_ccc.gif") repeat-x 0 100% #F0F0F0;
}
#main div.sub-option-list dl dd.icon ul{
	float:right;
	padding:5px 0 5px 0;
}
#main div.sub-option-list dl dd.icon ul li{
	float:left;
	display:inline;
	margin:0 10px 0 0;
}
#main div.sub-option-list dl dd.text{
	margin:0 1px 0 1px;
	padding:10px;
	background:url("../../images/common/bg_border_ccc.gif") repeat-x 0 100%;
}
#main div.sub-option-list dl dd.bottom{
	text-align:right;
	padding:5px 10px 5px 10px;
	background:url("../images/common/bg_option_bottom.gif") no-repeat 0 100% #F0F7DD;
}
#main div.sub-option-list dl dd.bottom a{
	padding:0 0 0 7px;
	background:url("../../images/common/ico_arrow_balck.gif") no-repeat 0 4px;
}

/* option */
#main div.option{
	width:700px;
	background:url("../../images/common/bg_section.gif") repeat-y 0 0;
}
#main div.option h3{
	width:700px;
	height:35px;
	line-height:35px;
	margin:0;
	font-size:100%;
	text-indent:20px;
	background:url("../images/common/bg_ttl_others.jpg") no-repeat 0 0;
}
#main div.option h3 a{
	color:#FFF;
	background:url("") no-repeat 0 0;
}
#main div.option ul{
	width:690px;
	padding:10px 0 10px 10px;
	background:url("../../images/common/bg_section_bottom.gif") no-repeat 0 100%;
}
#main div.option ul li{
	width:160px;
	float:left;
	display:inline;
	margin:0 10px 10px 0;
}
#main div.option ul li img{
	vertical-align:middle;
	margin:0 10px 0 0;
}

/*-----------------------------------------------------
		INDEX END //
-----------------------------------------------------*/
/*-----------------------------------------------------
		DERAIL
-----------------------------------------------------*/

#main p span{
	color:#FF1B0F;
}
#main p.centerp {
	margin: 0 0 20px;
	text-align: center;
}

/* attention
---------------------*/
#main dl.attention{
	width:620px;
	margin:0 auto 20px auto;
	padding:10px;
	clear:both;
	font-size:84%;
	border:1px solid #FBDC7D;
	background:#FFFEDA;
}
#main dl.attention dt{
	color:#DE0900;
	font-weight:bold;
}

/* left:img right:text
---------------------*/
#main div.img-left{
	width:680px;
	clear:both;
	margin:10px auto 20px auto;
}
#main div.img-left p.img{
	float:left;
	display:inline;
	padding:0 10px 0 0;
}
#main div.img-left p.img img {
	margin: 0 0 5px;
}
#main div.img-left p.text{
	
}

/* left:text right:img
---------------------*/
#main div.img-right{
	width:680px;
	clear:both;
	margin:10px auto 20px auto;
}
#main div.img-right p.img{
	float:right;
	display:inline;
	padding:0 0 0 10px;
}
#main div.img-right p.img img {
	margin: 0 0 5px;
}
#main div.img-right p.text{
	
}

/* text 1 line
---------------------*/
#main p.text-line{
	width:680px;
	clear:both;
	margin:0 auto 20px auto;
}
#main p.text-line strong{
	color:#DC3005;
	font-weight:bold;
}

/* img 1 line
---------------------*/
#main p.img-line{
	width:680px;
	clear:both;
	text-align:center;
	margin:0 auto 20px auto;
}
#main p.img-line img{
	margin: 0 0 5px;
}
/* img 1 line left
---------------------*/
#main p.img-line-left{
	width:680px;
	clear:both;
	text-align:left;
	margin:0 auto 20px auto;
}
/* img 1 line right
---------------------*/
#main p.img-line-right{
	width:680px;
	clear:both;
	text-align:right;
	margin:0 auto 20px auto;
}

/* link list num
---------------------*/
#main dl.link-list-num{
	width:680px;
	clear:both;
	margin:0 auto 20px auto;
}
#main dl.link-list-num dt{
	margin:0 0 5px 0;
	font-weight:bold;
}
#main dl.link-list-num dd ol{
	padding:0 0 0 25px;
}
#main dl.link-list-num dd ol li{
	list-style:decimal outside;
}

/* link-list-right
---------------------*/
#main ul.link-list-right{
	width:680px;
	margin:0 auto 20px auto;
}
#main ul.link-list-right li{
	text-align:right;
	padding:0 0 5px 0;
}

/* link-list-left
---------------------*/
#main ul.link-list-left{
	width:680px;
	margin:0 auto 20px 30px;
}

#main ul.link-list-right li{
	text-align:right;
	padding:0 0 5px 0;
}

/* link-list-circle
---------------------*/
#main ul.link-list-circle,
#main ul.link-list-circle-2,
#main ul.link-list-circle-3{
	width:670px;
	margin:0 auto 20px auto;
}
#main ul.link-list-circle li,
#main ul.link-list-circle-2 li,
#main ul.link-list-circle-3 li{
	margin:0 0 8px 0;
	padding:0 0 0 10px;
	background:url("../images/common/ico_list.gif") no-repeat 0 5px;
}
#main ul.link-list-circle li strong,
#main ul.link-list-circle-2 li strong,
#main ul.link-list-circle-3 li strong {
	font-weight: bold;	
}
/* 2 */
#main ul.link-list-circle-2 li{
	float: left;
	width: 320px;
}
/* 3 */
#main ul.link-list-circle-3 li{
	float: left;
	width: 210px;
}

#main div.list_2 ul {
	margin-bottom: 20px;
}

#main div.list_2 li {
	float: left;
	width: 317px;
	margin-right: 8px;
}

/* selectdomain-list
---------------------*/
#main ul.selectdomain-list {
	width:670px;
	margin:0 auto 25px auto;
}
#main ul.selectdomain-list li{
	float: left;
	width: 120px;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	background:url("../images/common/ico_list.gif") no-repeat 0 5px;
}


/* price
---------------------*/
#main dl.price{
	width:670px;
	margin:0 auto 20px auto;
}
#main dl.price dt{
	margin: 0 0 2px;
	padding:0 0 0 13px;
	color:#5B7C41;
	font-weight:bold;
	background:url("../images/common/ico_square.gif") no-repeat 0 4px;
}
#main dl.price dd{
	margin: 0 0 10px 13px;
}
#main dl.price dd table {
	margin: 0 0 10px;
}

/* table
---------------------*/
.center {
	text-align: center;
}


/* table.part01
---------------------*/
#main table.part01{
	width:640px;
	margin:0 auto 20px auto;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#main table.part01 th,
#main table.part01 td{
	padding:8px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
#main table.part01 th{
	padding-left:10px;
	text-align:left;
	font-weight:bold;
	color:#4E8125;
	background:#F0F7DD;
}
#main table.part01 td{
	padding-left:10px;
}

/* table.part02
---------------------*/
#main table.part02{
	width:640px;
	margin:0 auto 20px auto;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#main table.part02 th,
#main table.part02 td{
	padding:8px;
	text-align:center;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
#main table.part02 th{
	font-weight:bold;
	color:#4E8125;
	background:#F0F7DD;
}
#main table.part02 .left{
	text-align:left;
	padding-left:10px;
}
#main table.part02 .vcenter{
	vertical-align: middle;
}

/* ol
---------------------*/
ol {
	width: 680px;
	margin: 0 auto 15px;
	padding: 0 0 0 25px;
}
ol li {
	margin: 0 0 5px;
	list-style: decimal;
}


/*-----------------------------------------------------
		個別オプション対応
-------------------------------------------------------*/

/* メールワイズ
---------------------*/

.red {
	color: #DD304C;
}

/* サイボウズOffice8 比較表
---------------------*/

.office8_hikaku th.center {
	text-align:center !important;
}