@charset "Shift_JIS";

#main p.main-text{
	height:100px;
	padding:10px 200px 10px 10px;
	background:url("../images/index/bg_main.jpg") no-repeat 95% 0;
}

.small { font-size:11px; font-weight:normal; margin-left:15px; }
.clear { clear:both; }

/* index.html
---------------------*/

h2 { margin-bottom:10px !important; }

#about {
	background:url(../images/index/about.jpg) no-repeat;
	width:640px;
	height:200px;
	padding:55px 20px 0 40px;
	margin-top:15px;
}

#server_type {
	margin:15px 0 15px 0;
	width:674px;
	margin-left:auto;
	margin-right:auto;
}

h3#main_ttl {
 font-size:16px;
 font-weight:bold;
 border-bottom:1px dotted #CCC;
 border-left:6px solid #069;
 padding-left:8px;
 margin-top:15px;
}

#gaiyou {
	margin:10px 0 15px;
}

#gaiyou img {
	float:left;
	width:450px;
	height:147px;
	margin-top:10px;
}

#point_3g {
 background:url(../images/index/point_back.jpg) no-repeat;
 width:195px;
 height:100px;
 float:right;
 padding:45px 18px 0 20px;
 margin-top:10px;
}

#gaiyou span {
	font-size:11px;
	margin-left:300px;
}

#server_type ul {
	width:674px;
	margin-top:15px;
}

#server_type ul li {
	float:left;
}

#normal h4 {
	color:#464600 !important;
	border-left: 5px solid #464600;
	margin-left:10px !important;
	margin-bottom:15px !important;
	font-size:14px;
}

#option h4 {
	color:#666 !important;
	border-left: 5px solid #666;
	margin:15px 0 10px 10px !important;
	font-size:14px;
}

#normal ul {
	margin-left:0;
	/margin-left:-10px;
	padding-left:0;
}

#option ul {
	margin-left:0;
	/margin-left:-10px;
	padding-left:0;
}

#normal ul li {
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
	margin-left:10px;
	margin-right:15px;
	/margin-right:5px;
}

#normal ul li a {
	display:block;
	color:#464600;
	width:158px;
	height:44px;
	text-decoration:none;
	padding:11px 0 0 50px;
}

#option ul li {
	float:left;
	color:#464600;
	font-size:13px;
	font-weight:bold;
	margin-left:10px;
}

#option ul li a {
	display:block;
	color:#666;
	width:118px;
	/width:116px;
	height:44px;
	text-decoration:none;
	padding-left:45px;
}

#normal ul li.domain a {	background:url(../images/index/normal_domain.jpg) no-repeat; }
#normal ul li.domain a:hover {	background:url(../images/index/normal_domain_on.jpg) no-repeat; }

#normal ul li.mail a {	background:url(../images/index/normal_mail.jpg) no-repeat; }
#normal ul li.mail a:hover {	background:url(../images/index/normal_mail_on.jpg) no-repeat; }

#normal ul li.db a {	background:url(../images/index/normal_db.jpg) no-repeat; }
#normal ul li.db a:hover {	background:url(../images/index/normal_db_on.jpg) no-repeat; }

#normal ul li.web a {	background:url(../images/index/normal_web.jpg) no-repeat; }
#normal ul li.web a:hover {	background:url(../images/index/normal_web_on.jpg) no-repeat; }

#option ul li.domain a {	background:url(../images/index/op_domain.jpg) no-repeat; padding-top:5px; height:52px; }
#option ul li.domain a:hover {	background:url(../images/index/op_domain_on.jpg) no-repeat; padding-top:5px; height:52px; }

#option ul li.mail a {	background:url(../images/index/op_mail.jpg) no-repeat; padding-top:13px; }
#option ul li.mail a:hover {	background:url(../images/index/op_mail_on.jpg) no-repeat; padding-top:13px; }

#option ul li.db a {	background:url(../images/index/op_db.jpg) no-repeat; padding-top:13px; }
#option ul li.db a:hover {	background:url(../images/index/op_db_on.jpg) no-repeat; padding-top:13px; }

#option ul li.web a {	background:url(../images/index/op_web.jpg) no-repeat; padding-top:13px; }
#option ul li.web a:hover {	background:url(../images/index/op_web_on.jpg) no-repeat; padding-top:13px; }


#fullmanaged { margin:15px; }

#fullmanaged img { margin:15px 0; }

#point {
	width:616px;
	height:50px;
	background:url(../images/index/point_back.jpg) no-repeat;
	margin:15px auto 0;
	padding:43px 20px 0 30px;
}


/* Linup
---------------------*/

div#linup {}

div#linup dl {
	margin-left:12px !important;
	padding:0;
	width:674px !important;
}

div#linup dl dt {
	margin-bottom:25px !important;
	margin-left:-20px !important;
	padding:0;
	background-image:none !important;
}

div#linup dl dd a {
	margin:0;
	padding:0;
	width:160px;
	height:217px;
	float:left;
	display:block;
	text-indent:-9999px;
}

div#linup dl dd#type101 a {
	background:url(../images/index/type_101.jpg) no-repeat;
	margin-right:11px;
}
div#linup dl dd#type101 a:hover {
	background:url(../images/index/type_101_on.jpg) no-repeat;
	margin-right:11px;
}

div#linup dl dd#type201 a {
	background:url(../images/index/type_201.jpg) no-repeat;
	margin-right:11px;
}
div#linup dl dd#type201 a:hover {
	background:url(../images/index/type_201_on.jpg) no-repeat;
	margin-right:11px;
}

div#linup dl dd#type301 a {
	background:url(../images/index/type_301.jpg) no-repeat;
}
div#linup dl dd#type301 a:hover {
	background:url(../images/index/type_301_on.jpg) no-repeat;
}

div#linup dl dd#type401 a {
	background:url(../images/index/type_401.jpg) no-repeat;
	margin-right:11px;
}
div#linup dl dd#type401 a:hover {
	background:url(../images/index/type_401_on.jpg) no-repeat;
	margin-right:11px;
}

div#linup dl dd#type501 a {
	background:url(../images/index/type_501.jpg) no-repeat;
	margin-right:12px;
}
div#linup dl dd#type501 a:hover {
	background:url(../images/index/type_501_on.jpg) no-repeat;
	margin-right:12px;
}

div#linup dl dd#type601 a {
	background:url(../images/index/type_601.jpg) no-repeat;
	margin-right:11px;
}
div#linup dl dd#type601 a:hover {
	background:url(../images/index/type_601_on.jpg) no-repeat;
	margin-right:11px;
}

div#linup dl dd#type701 a {
	background:url(../images/index/type_701.jpg) no-repeat;
}
div#linup dl dd#type701 a:hover {
	background:url(../images/index/type_701_on.jpg) no-repeat;
}

.red { color:#C00; }

/* plan
---------------------*/
#main div.section.plan{
	margin:0 10px 10px 10px;
	background:url("../images/index/bg_plan.gif") repeat-y 0 0 #F0F0F0;
}
#main div.section.plan ul.top{
	
}
#main div.section.plan ul.top li{
	float:left;
}
#main div.section.plan p.text{
	padding:10px;
}
#main div.section.plan ul.bottom{
	padding:0 0 7px 0;
	background:url("../images/index/bg_plan_bottom.gif") no-repeat 0 100%;
}
#main div.section.plan ul.bottom li{
	float:left;
	display:inline;
	margin:0 0 0 10px;
}
#main div.section.plan ul.top li a:hover img,
#main div.section.plan ul.bottom li a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
}
#own3g_cont2 ul { margin-top:10px; }
#own3g_cont2 ul li { float:left; }

#own3g_cont2 ol {
	width:338px;
	float:right;
	margin-top:5px;
	margin-left:15px;
}

#own3g_cont2 ol li {
	margin-bottom:4px;
	margin-right:5px;
	float:left;
}

#type {
	padding:0;
}

#type ul {
	width:700px;
	padding:0;
}

#type li {
	float:left;
	height:35px;
}

#type li a {
	display:block;
	height:35px;
	text-indent:-9999px;
}

#navi101 a { background:url(../images/common/type_navi.jpg) no-repeat 0 0; width:100px; }
#navi201 a { background:url(../images/common/type_navi.jpg) no-repeat -100px 0; width:100px; }
#navi301 a { background:url(../images/common/type_navi.jpg) no-repeat -200px 0; width:100px; }
#navi401 a { background:url(../images/common/type_navi.jpg) no-repeat -300px 0; width:100px; }
#navi501 a { background:url(../images/common/type_navi.jpg) no-repeat -400px 0; width:100px; }
#navi601 a { background:url(../images/common/type_navi.jpg) no-repeat -500px 0; width:100px; }
#navi701 a { background:url(../images/common/type_navi.jpg) no-repeat -600px 0; width:100px; }

#navi101 a:hover { background:url(../images/common/type_navi.jpg) no-repeat 0 -35px; width:100px; }
#navi201 a:hover { background:url(../images/common/type_navi.jpg) no-repeat -100px -35px; width:100px; }
#navi301 a:hover { background:url(../images/common/type_navi.jpg) no-repeat -200px -35px; width:100px; }
#navi401 a:hover { background:url(../images/common/type_navi.jpg) no-repeat -300px -35px; width:100px; }
#navi501 a:hover { background:url(../images/common/type_navi.jpg) no-repeat -400px -35px; width:100px; }
#navi601 a:hover { background:url(../images/common/type_navi.jpg) no-repeat -500px -35px; width:100px; }
#navi701 a:hover { background:url(../images/common/type_navi.jpg) no-repeat -600px -35px; width:100px; }

#navi101on { background:url(../images/common/type_navi.jpg) no-repeat 0 -70px; width:100px; }
#navi201on { background:url(../images/common/type_navi.jpg) no-repeat -100px -70px; width:100px; }
#navi301on { background:url(../images/common/type_navi.jpg) no-repeat -200px -70px; width:100px; }
#navi401on { background:url(../images/common/type_navi.jpg) no-repeat -300px -70px; width:100px; }
#navi501on { background:url(../images/common/type_navi.jpg) no-repeat -400px -70px; width:100px; }
#navi601on { background:url(../images/common/type_navi.jpg) no-repeat -500px -70px; width:100px; }
#navi701on { background:url(../images/common/type_navi.jpg) no-repeat -600px -70px; width:100px; }

#type_point {
	width:442px;
	background:url(../images/type/point_back.jpg) no-repeat;
	padding:22px 0 1px 38px;
	/padding:32px 0 0 38px;
}

body:first-of-type #type_point {
	width:442px;
	background:url(../images/type/point_back.jpg) no-repeat;
	padding:22px 0 1px 38px;
}

#type_point p {
	margin-top:10px;
}

#own3g_cont {
	width:680px !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

#own3g_cont2 {
	width:680px !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

#speck {
	text-align:right;
	margin-right:10px;
	margin-bottom:5px;
}

dd.point p {
	width:515px;
	margin-left:20px;
}

.point_cart1 {
	background:url(../images/type/cart_01.jpg) no-repeat right;
	height:92px;
}

.point_cart2 {
	background:url(../images/type/cart_02.jpg) no-repeat right top;
}

.point_cart3 {
	background:url(../images/type/cart_03.jpg) no-repeat right top;
}

.point_office1 {
	background:url(../images/type/office_01.jpg) no-repeat right;
	height:92px;
}

.point_community1 {
	background:url(../images/type/community_01.jpg) no-repeat right;
	height:92px;
}

.point_mobile1 {
	background:url(../images/type/mobile_01.jpg) no-repeat right;
	height:92px;
}

.price {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.total {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#C00;
}


/* about
---------------------*/
#main div.section.about{
	width:700px;
	margin:0 0 20px 0;
	background:url("../../images/common/bg_section.gif") repeat-y 0 0;
}
#main div.section.about p.text{
	padding:10px 40px 10px 40px;
	background:url("../../images/common/bg_section_bottom.gif") no-repeat 0 100%;
}

/*──────────────*/
/*  ../../css/plan.css  Q藷 */
/*──────────────*/

/* routing
---------------------*/
#main div.section.routing dl dt{
	background:url("../images/index/bg_ttl_s.jpg") no-repeat 0 0;
}
#main div.section.routing dl.long dt{
	background:url("../images/index/bg_ttl_l.jpg") no-repeat 0 0;
}

#main div.section.routing dl dd h4 {
	border-bottom: 1px dotted #CCC;
	border-left: 5px solid #39F;
	margin-bottom:15px;
	width:650px;
}

#main div.section.routing dl dd table {
	background-color:#999;
	border:none;
	margin:15px auto;
	width:600px;
}

#main div.section.routing dl dd th {
	background-color:#F9F9F9;
	padding:5px;
	border:none;
	vertical-align:middle;
}

#main div.section.routing dl dd td {
	background-color:#FFFFFF;
	padding:5px;
	border:none;
	vertical-align:middle;
}

#booster_01 {
	background:url(../images/type/booster_01.jpg) no-repeat top right;
}

#booster_01 p {
	width:380px;
}

#booster_02 {
	background:url(../images/type/booster_02.jpg) no-repeat top right;
	height:270px;
}

#booster_02 p {
	width:380px;
}

#booster_on {
	margin-top:15px;
	margin-left:20px;
	margin-bottom:20px;
}

#booster_on li {
	margin-bottom:12px;
	font-size:12px;
	color:#090;
	font-weight:bold;
	background:url(../images/type/booster_on.gif) no-repeat top left;
	padding-left:18px;
	width:360px;
}

#booster_off {
	margin-top:15px;
	margin-left:20px;
	margin-bottom:20px;
}

#booster_off li {
	margin-bottom:12px;
	font-size:12px;
	color:#F60;
	font-weight:bold;
	background:url(../images/type/booster_off.gif) no-repeat top left;
	padding-left:18px;
	width:360px;
}

/* option
---------------------*/
#main div.section.option dl dt{
	background:url("../images/index/bg_ttl_s.jpg") no-repeat 0 0;
}
#main div.section.option dl.long{
	background:url("../images/index/bg_ttl_l.jpg") no-repeat 0 0;
}
#main div.section.option div.link{
	background:url("../images/common/bg_border_ccc.gif") repeat-x 0 100% #E3EFFB;
}
#main h3.tiger {
-moz-background-clip:border;s
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/common/bg_ttl_section.jpg) no-repeat scroll 0 0;
clear:both;
font-size:134%;
font-weight:bold;
height:40px;
line-height:40px;
margin:0 auto 1px;
text-indent:20px;
width:700px;
}
#main h4.tiger {
margin:0 0 0 10px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
color: #ffffff;
line-height:31px;
text-indent:0px;
background:transparent url(../images/common/bg_ttl_section.jpg) no-repeat scroll 0 0;
}
#main h4 {
clear:both;
font-weight:bold;
height:31px;
line-height:31px;
margin:0 auto 1px;
text-indent:10px;
width:680px;
}

#main div.section.plan_dedicated{
	margin:0 0 20px 0;
	background:url("../images/index/bg_plan_dedicated.gif") repeat-y 0 0 #F7F7F7;
}
#main div.section.plan_dedicated ul.top{
	
}
#main div.section.plan_dedicated ul.top li{
	float:left;
	display:inline;
}
#main div.section.plan_dedicated p.text{
	padding:10px;
}
#main div.section.plan_dedicated p.text_tiger{
	padding:5px 10px 0 102px;
}
#main div.section.plan_dedicated p.text_tiger_bg{
	padding:5px 10px 0 102px;
	margin:0 10px 0 0;
	height:153px;
	background:url("../images/index/img_tiger_option.jpg") no-repeat 0 100%;
	background-position: right center;
}
#main div.section.plan_dedicated p.bottom_tiger{
	height:5px;
	background:url("../images/index/bg_plan_bottom_dedicated.gif") no-repeat 0 100%;
}
#main div.section.plan_dedicated ul.top li a:hover img,
#main div.section.plan_dedicated ul.bottom li a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;	
}

/* 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;
	margin-bottom: 6px;
}
#main dl.attention dd{
	padding-left: 13px;
}

/* オプションアイコン用
---------------------*/

#popup {
	width:350px;
	font-size:12px;
	line-height:1.5;
	margin:0 auto;
}

#popup h1 {
	font-size:16px;
	border-left:5px solid #999;
	border-bottom:1px dotted #999;
	padding-left:8px;
	margin-bottom:8px;
}

#popup p { margin:0; }

#popup table {
	width:350px;
	background-color:#999;
	margin:8px auto;
}

#popup th {
	background-color:#F5F5F5;
	padding:5px;
	width:50%;
}

#popup td {
	background-color:#FFF;
	padding:5px;
	width:50%;
	text-align:center;
}

#popup3 {
	width:350px;
	font-size:12px;
	line-height:1.5;
	margin:0 auto;
}

#popup3 h1 {
	font-size:16px;
	border-left:5px solid #999;
	border-bottom:1px dotted #999;
	padding-left:8px;
	margin-bottom:8px;
}

#popup3 p { margin:0; }

#popup3 table {
	width:350px;
	background-color:#999;
	margin:8px auto;
}

#popup3 th {
	background-color:#F5F5F5;
	padding:5px;
	width:33%;
}

#popup3 td {
	background-color:#FFF;
	padding:5px;
	width:33%;
	text-align:center;
}

#attention { font-size:10px; }
#link { float:right; position:relative; top:10px; }
