@charset "utf-8";
/* CSS Document */

/* Reset */

*, html {
	margin: 0;
	padding: 0;
}
body {
/*	font-family: 'メイリオ', Meiryo, Arial, Helvetica, sans-serif; */
	font-family: "ＭＳ Ｐゴシック", sans-serif; 
	font-size: medium;
	margin: 0px;
	padding: 0px;
	behavior: url("/css/csshover3.htc");
}

a {
	color: #4477BB;
	text-decoration:underline;
}
a:hover {
	color: #FF9900;
	text-decoration:none;
}

img {
	vertical-align: bottom;
	border: none;
}

h1,h2,h3,h4,h5 {
	padding:0;
	margin:0;
	font-size:100%;
	font-weight:normal;

}

h2 {
	color:#136;
	font-size:18px;
	font-weight:bold;
}

ul, li {
	margin:0px;padding:0px;
	text-align:left;
}

ul li {
	list-style:none;
	list-style-position:inside;
}

div.clear {
	clear: both;
	background: none;
}


/* Main */
body {
	background-color:#999;
}

div#content {
	width:940px;
	margin:auto;
	padding:5px;
	background-color:#FFF;
}

small {
	font-size:80%;
}

/* head(DMZ) */
div#dmz_head {

}
div#dmz_head h1 {
	font-size:70%;
	font-weight:normal;
	color:#999999;
}

div#dmz_head div.logo_area {
	margin:0px; padding:0px;
	margin-left:5px;
	width:100%;
}


/* top banner */
div#top_head {
}

div#top_head div.top_banner {
	padding:0 1px;
}

/* main menu */
div#main_menu {
	width:100%;
	height:32px;
	background:url('/img/bk_menu.gif') repeat-x left top;

}

div#main_menu ul.menu_items {
	padding-left:10px;
	height:32px;
	position:relative;
}

div#main_menu ul.menu_items li {
	float:left;
	padding-left:2px;
	height:100%;
	text-indent:-2000px;
	text-align: center;
	position:relative;
}

div#main_menu ul.menu_items li a {
	display: block;
	height:100%;
	text-align: center;
	overflow: hidden;
}

div#main_menu ul.menu_items li.m1 {
	width:60px;
	background:url('/img/menu_item_1.gif') no-repeat left top;
}
div#main_menu ul.menu_items li.m1:hover {
	background:url('/img/menu_item_1_f2.gif') no-repeat left top;
}
div#main_menu ul.menu_items li.m2 {
	width:95px;
	background:url('/img/menu_item_2.gif') no-repeat left top;
}
div#main_menu ul.menu_items li.m2:hover {
	background:url('/img/menu_item_2_f2.gif') no-repeat left top;
}
div#main_menu ul.menu_items li.m3 {
	width:65px;
	background:url('/img/menu_item_3.gif') no-repeat left top;
}
div#main_menu ul.menu_items li.m3:hover {
	background:url('/img/menu_item_3_f2.gif') no-repeat left top;
}
div#main_menu ul.menu_items li.m4 {
	width:70px;
	background:url('/img/menu_item_4.gif') no-repeat left top;
}
div#main_menu ul.menu_items li.m4:hover {
	background:url('/img/menu_item_4_f2.gif') no-repeat left top;
}
div#main_menu ul.menu_items li.m5 {
	width:120px;
	background:url('/img/menu_item_5.gif') no-repeat left top;
}
div#main_menu ul.menu_items li.m5:hover {
	background:url('/img/menu_item_5_f2.gif') no-repeat left top;
}
div#main_menu ul.menu_items li.m6 {
	width:100px;
	background:url('/img/menu_item_6.gif') no-repeat left top;
}
div#main_menu ul.menu_items li.m6:hover {
	background:url('/img/menu_item_6_f2.gif') no-repeat left top;
}

div#main_menu ul.menu_items li.sp {
	width:2px;
	background:url('/img/menu_item_sp.gif') no-repeat left top;
}


div#main_menu ul.menu_items li div.sub_menu_support {
	position:absolute;
	top:32px;left:0px;
	display:block;
	z-index:10;
	visibility:hidden;
	font-size:80%;
	text-indent:-2000px;
}

div#main_menu ul.menu_items li.m4:hover div.sub_menu_support {
	visibility:visible;
}

div#main_menu ul.menu_items li div.sub_menu_support div {
	width:150px;
}

div#main_menu ul.menu_items li div.m4-1 {
	height:22px;
	background:url('/img/menu_item_4_1.gif') no-repeat left top;
}
div#main_menu ul.menu_items li div.m4-2 {
	height:22px;
	background:url('/img/menu_item_4_2.gif') no-repeat left top;
}
div#main_menu ul.menu_items li div.m4-3 {
	height:22px;
	background:url('/img/menu_item_4_3.gif') no-repeat left top;
}
div#main_menu ul.menu_items li div.m4-4{
	height:34px;
	background:url('/img/menu_item_4_4.gif') no-repeat left top;
}

div#main_menu ul.menu_items li div.m4-1:hover {
	background:url('/img/menu_item_4_1_f2.gif') no-repeat left top;
}
div#main_menu ul.menu_items li div.m4-2:hover {
	background:url('/img/menu_item_4_2_f2.gif') no-repeat left top;
}
div#main_menu ul.menu_items li div.m4-3:hover {
	background:url('/img/menu_item_4_3_f2.gif') no-repeat left top;
}
div#main_menu ul.menu_items li div.m4-4:hover {
	background:url('/img/menu_item_4_4_f2.gif') no-repeat left top;
}


/* footstamp領域 */

div#foot_stamp {
	margin:5px 0;
}

div#foot_stamp ul {
	padding-left:10px;
}

div#foot_stamp ul li {
	display:inline;
	font-size:75%;
	color:#999;
}



/* main領域 */
div#left_cont {
	float:left;
	width:70%;
	padding:10px;
}

div#right_cont {
	float:right;
	width:26%;
}


/* left領域 */

div#head_cont {
	background:url('/img/bk_head_cont.jpg') no-repeat bottom left;
	height:140px;
	width:650px;
	margin-bottom:20px;
}

div#head_cont div.head_cont_left {
	float:left;
	padding:10px 15px 10px 15px;
	margin:5px 0;
}

div#head_cont div.head_cont_left img {
	float:left;
}

div#head_cont div.head_cont_left h2 {
	float:left;
	padding-left:20px;
	color:#000;
	font-size:200%;
	line-height:70%;
	font-weight:normal;
}

div#head_cont div.head_cont_left h2 span {
	display:block;
	font-size:50%;

}

div#head_cont div.head_cont_left h3 {
	clear:both;
	padding-right:25px;
	font-size:80%;
	color:#444;
}


div#head_cont div.head_cont_right {
	float:left;
	margin-top:8px;
}

div#head_cont div.head_cont_right a {
	display:block;
	margin:13px 0;
	overflow: hidden;
}

div#head_cont div.head_cont_right span {
	text-indent:-2000px;
	overflow: hidden;
	display:none;
}

div#left_cont h2.mid_title {
	clear:both;
	padding: 2px 0;
	border-bottom:1px solid #ccc;
}

div#left_cont h2.mid_title span.memo_link {
	padding-left:345px;
	text-align:right;
	font-size:65%;
	font-weight:normal;
}


div#left_cont div#explain_area_n {
	margin-top:10px;
}

div#left_cont div#explain_area_n div.explain_box_n {
	padding-left:10px;
	margin-top:18px;
}

div#left_cont div#explain_area_n div.explain_box_n h3 {
	font-size:90%;
	color:#369;
	font-weight:bold;
}

div#left_cont div#explain_area_n div.explain_box_n p {
	font-size:80%;
	color:#666;
	line-height:150%;
	padding-top:3px;
}

div#left_cont div#explain_area_n div.explain_box_n ul {
	padding:10px 0 10px 15px;
}

div#left_cont div#explain_area_n div.explain_box_n ul li {
	font-size:80%;
	color:#666;
	list-style-type:disc;
}

/* top - explain */
div.explain_area {
	margin-top:30px;
	padding:0 10px;
} 

div.explain_area div.explain_box {
	float:left;
	width:295px;
	padding:0 5px;
}

div.explain_area div.explain_box p {
	padding:10px 0;
	font-size:12px;
	line-height:130%;
	color:#666;
}

div.explain_area div.explain_box span {
	display:block;
	text-align:left;
	font-size:80%;
}

div.explain_area div.func_box {
	width:270px;
	margin-right:20px;
	margin-bottom:10px;
	border:1px solid #EEE;
	padding:10px 10px 10px 10px;
}
div.explain_area div.func_box h4 {
	font-size:85%;
	color:#666;
	font-weight:bold;
}

div.explain_area div.func_box ul {
	font-size:70%;
	color:#666;
	padding:6px 0 0 20px;
}
div.explain_area div.func_box ul li {
	list-style:disc;
}



/* right領域 */
div#right_cont ul {
	padding:10px 10px;
	margin-bottom:15px;
	width:80%;
	font-size:80%;
}
div#right_cont ul li {
	padding:1px 0 1px 5px;
}

div#right_cont ul li a {
	text-decoration:none;
	color:#35F;
}

div#right_cont ul li a:hover {
	text-decoration:underline;
}

div#right_cont ul li.title {
	font-weight:bold;
	padding:10px 0 3px 0;
	color:#444;
}


div#right_cont ul.link_menu {
	border:1px solid #CF9;
	background-color:#EFE;
}

div#right_cont ul.news_menu {
	border:1px solid #CCC;
	background-color:#F9F9FF;
}


div#right_cont div.right_cont_item {
	margin:30px 0;
}


div#right_cont ul.plain_link_menu {
	border:1px solid #CCC;
	margin-top:30px;
}

div#right_cont ul.plain_link_menu li {
	list-style-position:inside;
	list-style-type:square;
}

div#right_cont ul.plain_link_menu li.title {
	list-style-type:none;
}


/* Footer */

div#footer {
	height:35px;
	width:100%;
\	padding-top:5px;
	background-color:#999;
	text-align:center;
}

div#footer div {
	font-size:75%;
	color:#FFF;
}

div#footer a {
	color:#FFF;
	text-decoration:none;
}
div#footer a:hover {
	text-decoration:underline;
}



.tooltip {
	border-bottom:1px dashed #416CAF;
	cursor:default;
}
#tooltip {
	position: absolute;
	z-index:1000;
	border:1px solid #ccc;
	background: #fefeff !important;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding: 7px 10px;
	margin: 25px 0px 0px 5px;
	text-align:left;
}



div#order_box {
	float:left;
	min-height: 300px;
	width:98%;
	padding:10px;
}

div#order_box h2.top_title {
	clear:both;
	padding: 2px 0;
	border-bottom:1px solid #ccc;
}

div#order_box span.order_memo {
	display:block;
	margin-top:10px;
	font-size:75%;
	color:#369;
}

div#order_box div.order_item {
	margin-top:80px;
	padding-left:20px;
}
div#order_box div.order_item_top {
	margin-top:20px;
}

div#order_box div.order_item div.order_left {
	float:left;
	width:250px;
	margin-top:20px;
}

div#order_box div.order_item div.order_left img {
}

div#order_box div.order_item div.order_right {
	float:left;
	width:600px;
	margin-left:15px;
}

div#order_box div.order_item div.order_right h3 {
	padding:0px 0 4px 0;
	font-size:110%;
	font-weight:bold;
	color:#444;
	border-bottom:1px dotted #669;
}

div#order_box div.order_item div.order_right p.order_item_memo {
	padding-top:15px;
	padding-left:8px;
	margin-bottom:15px;
	font-size:80%;
	color:#555;
	line-height:140%;
}

div#order_box div.order_item div.order_right span.order_price {
	display:block;
	float:left;
	width:230px;
	padding-left:10px;
	font-size:90%;
	font-weight:bold;
	color:#444;
}

div#order_box div.order_item div.order_right span.order_price strong {
	color:#F33;
	font-size:180%;
}

div#order_box div.order_item div.order_right a.order_proceed {
	padding-left:10px;
	padding-top:6px;
}

div#order_box div.order_item div.order_right a.order_proceed span {
	text-indent:-2000px;
	overflow: hidden;
	display:none;
}

div#order_box span.contact {
	display:block;
	margin:55px 0 15px 10px;
	font-size:80%;
}



div#order_box div.order_step {
	width:100%;
	margin-bottom:15px;
}

div#order_box h3 {
	margin-top:15px;
	font-weight:bold;
	font-size:80%;
	padding-left:10px;
}

div#order_box span.order_conf_memo {
	line-height:300%;
	font-size:80%;
}

div#order_box textarea {
	display:block;
	margin-left:10px;
	width:97%;
	text-align:left;
	padding:5px 2px;
	font-size:11px;
	font-family: Osaka, Verdana, Arial, sans-serif;
}

div#order_box div.order_label {
	margin:10px 0 40px 20px;
	font-size:80%;
}

div#order_box  div.submit_box {
	width:95%;
	text-align:right;
}

div#order_box  div.submit_box input.submit {
	width:225px;
}

div#order_box span.order_form_memo {
	display:block;
	width:97%;
	margin:10px 5px 0px 5px;
	padding-bottom:15px;
	padding-left:10px;
	font-size:75%;
	border-bottom:solid 1px #EEE;
}



div#order_box div.order_form_item {
	margin-top:35px;
}
div#order_box div.order_form_item div.order_form_head {
	background:url('/img/box_order_hd.gif') no-repeat left top;
	height:20px;

}
div#order_box div.order_form_item div.order_form_body {
	background:url('/img/box_order_body.gif') repeat-y left top;
}
div#order_box div.order_form_item div.order_form_foot {
	background:url('/img/box_order_ft.gif') no-repeat left top;
	height:15px;
}

div#order_box div.order_form_item div.order_form_head h3 {
	padding:0;margin:0;
	padding-left:25px;
	font-size:75%;
}



div#order_box div.order_license_box {
	padding:0 10px;
	font-size:90%;
	font-weight:bold;
}

div#order_box div.order_license_box div.order_license_item {
	padding:15px 20px; 
	border-bottom:1px solid #ccc;
}
div#order_box div.order_license_box div.no_border {
	border-bottom:none;
}

div#order_box div.order_license_box div.cpu_typ {
	float:left;
	width:200px;
}
div#order_box div.order_license_box div.user_typ {
	float:left;
	width:230px;
}
div#order_box div.order_license_box div.hosting {
	width:430px;
}
div#order_box div.order_license_box div.price {
	float:left;
	font-size:70%;
}

div#order_box div.order_license_box div.price span {
	color:#F33;
	font-size:170%;
}

div#order_box div.order_license_box div.cpu_memo {
	clear:both;
	font-size:80%;
	padding:5px 0 5px 15px;
	font-weight:normal;
}



div#order_box div.order_platform_box {
	padding:0 15px;
}

div#order_box div.order_platform_item {
	float:left;
	padding:15px;
	margin-right:20px;
}

div#order_box div.order_platform_item label {
	font-size:130%;
	font-weight:bold;
}

div#order_box div.order_platform_item label span {
	font-size:60%;
	font-weight:normal;
}

div#order_box div.order_platform_item label img {
	vertical-align:bottom;
}



div#order_box div.order_service_box {
	padding:0 10px;
	font-size:90%;
	font-weight:bold;
}

div#order_box div.order_service_box div.order_service_item {
	padding:15px 20px; 
	border-bottom:1px solid #ccc;
}

div#order_box div.order_service_box div.order_service_item span.service_memo {
	display:block;
	clear:both;
	margin:10px 0 0 20px;
	font-size:80%;
	font-weight:normal;
}

div#order_box div.order_service_box div.order_service_item div.service_title {
	float:left;
	width:430px;
}
div#order_box div.order_service_box div.order_service_item div.service_price {
	float:left;
	font-size:70%;
}

div#order_box div.order_service_box div.order_service_item div.service_price span {
	color:#F33;
	font-size:170%;
}


div#order_box div#order_form_item_4 {
	display:none;
	border:none;
}

div#order_box div.order_form_item div.hosting_memo {
	font-size:80%;
	font-weight:bold;
	padding-left:20px;
}


div#order_box div.order_list_box {
	width:600px;
	padding-left:25px;
	padding-top:10px;
	margin-bottom:40px;
}

div#order_box span.order_list_memo {
	display:block;
	width:100%;
	border-bottom:1px solid #333;
	text-align:right;
	font-size:80%;
	font-weight:bold;
}

div#order_box table.order_list {
	font-size:90%;
	padding-left:15px;
	margin:6px 0;
}

div#order_box table.order_list td.order_name {
	width:500px;
}
div#order_box table.order_list td.order_price {
	width:90px;
	text-align:right;
}

div#order_box div.order_list_sum {
	border-top:1px solid #333;
	padding-top:3px;
	font-size:80%;
	font-weight:bold;
}

div#order_box div.order_list_sum span.order_list_sum_msg {
	display:block;
	float:left;
	width:450px;
	text-align:right;
}

div#order_box div.order_list_sum span.order_list_sum_price {
	display:block;
	float:left;
	width:150px;
	text-align:right;
	color:#F33;
}

div#order_box div.addrs_form_box {
}

div#order_box div.addrs_form_box table.tbl_address_form {
	margin-left:50px;
	margin-top:15px;
	font-size:80%;
}

div#order_box div.addrs_form_box table.tbl_address_form th,
div#order_box div.addrs_form_box table.tbl_address_form td {
	padding:5px 0px;
	text-align:left;
}

div#order_box div.addrs_form_box table.tbl_address_form th {
	width:160px;
}

div#order_box div.addrs_form_box table.tbl_address_form td.address_input {
	width:230px;
}

div#order_box div.addrs_form_box table.tbl_address_form td.payment_method {
	width:400px;
}

div#order_box div.addrs_form_box table.tbl_address_form td.address_input input {
	padding:1px 0;
}

div#order_box div.addrs_form_box table.tbl_address_form td.address_example {
	font-size:90%;
	color:green;
}

div#order_box div.addrs_form_box table.tbl_address_form td hr {
	border:1px solid #DDD;
}

table.tbl_address_form input#txt_contact_ttl {
	width:400px;
}



div#order_box div.addrs_form_box span.required {
	color:#F00;
	font-size:90%;
	
}

div#order_box div.addrs_form_box span.addrs_form_memo {
	display:block;
	padding-left:30px;
	padding-top:20px;
	font-size:80%;
	line-height:90%;
}
div#order_box div.addrs_form_box span#bank_payment {
	display:none;
}

div#order_box div.addrs_form_box span#memo_addrs {
	display:none;
}
div#order_box div.addrs_form_box table#tbl_addrs {
	display:none;
}
div#order_box div#submit_bank {
	display:none;
}

div#order_box span.order_comp_memo {
	display:block;
	margin:30px 10px;
	font-size:85%;
}

div#order_box span.order_comp_memo b {
	font-weight:bold;
	color:#F00;
}




div#support_box h2.top_title {
	clear:both;
	width:98%;
	padding: 2px 0;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}




div#support_box div.support_img_box {
	float:left;
	padding-left:5px;
	width:215px;
}
div#support_box div.support_img_tall {
	margin-top:15px;
}


div#support_box div.support_explain_box {
	float:left;
	width:435px;
}
div#support_box div.wide  {
	float:left;
	padding-left:2%;
	width:98%;
}
div#support_box div.wide h3 {
	padding-left:10px;
}

div#support_box div.support_explain_box div.support_explain_item {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #CCF;
}

div#support_box div.support_explain_box div.no_border {
	border:none;
}
div#support_box div.support_explain_box div.top_border {
	padding-top:20px;
	border-top:1px solid #CCF;
}


div#support_box div.support_explain_box div.support_explain_item h3 {
	font-size:95%;
	color:#333;
	font-weight:bold;
}

div#support_box div.support_explain_box div.support_explain_item p {
	margin:15px 0 0 20px;
	color:#666;
	font-size:80%;
}

div#support_box div.support_explain_box div.support_explain_item p strong.price {
	font-size:110%;
	color:#F00;
}
div#support_box div.support_explain_box div.support_explain_item p a.order_service img {
	margin-left:20px;
}



div#support_box div.support_explain_box div.support_explain_item ul {
	margin:15px 0 0 30px;
	color:#666;
	font-size:75%;
}
div#support_box div.support_explain_box div.support_explain_item ul li {
	list-style-position:inside;
	list-style-type:square;
}

div#support_box div.support_explain_box div.support_explain_item p.high-height {
	line-height:150%;
}

div#support_box div.support_explain_box div.support_explain_item table.tbl_jpserv_price {
	margin:10px 0 0 20px;
	font-size:80%;
	border:1px solid #AAA;
}

div#support_box div.support_explain_box div.support_explain_item table.tbl_jpserv_price tr.tr_colored td {
	background-color:#DEE7F7;
}

div#support_box div.support_explain_box div.support_explain_item table.tbl_jpserv_price th ,
div#support_box div.support_explain_box div.support_explain_item table.tbl_jpserv_price td {
	padding:2px 0;
}

div#support_box div.support_explain_box div.support_explain_item table.tbl_jpserv_price td {
	padding-left:5px;
}

div#support_box div.support_explain_box div.support_explain_item table.tbl_jpserv_price th {
	background-color:#4A82ED;
	color:#FFF;
}

div#support_box div.support_explain_box div.support_explain_item table.tbl_jpserv_price .td_term {
	width:140px;
}
div#support_box div.support_explain_box div.support_explain_item table.tbl_jpserv_price .td_incident {
	width:180px;
}
div#support_box div.support_explain_box div.support_explain_item table.tbl_jpserv_price .td_price {
	width:120px;
}

div#support_box div.support_explain_box div.support_explain_item table.tbl_jpserv_price td.td_price {
	padding-right:5px;
	text-align:right;
	color:#F00;
	font-weight:bold;
}

div#support_box div.support_explain_box div.support_explain_item h3.serv_title {
	float:left;
	font-size:130%;
	width:200px;
}

div#support_box div.support_explain_box div.support_explain_item span.serv_price {
	font-size:130%;
	padding-left:100px;
	color:#F00;
	font-weight:bold;
}

div#faq_box {
	float:left;
	width:98%;
	padding:10px;
}

div#faq_box h2.top_title {
	clear:both;
	padding: 2px 0;
	border-bottom:1px solid #ccc;
}

div#faq_box div.quest_item {
	padding:20px;
	font-size:80%;
}

div#faq_box div.quest_item a {
	text-decoration:none;
}

div#faq_box div.quest_item a {
	text-decoration:none;
}
div#faq_box div.quest_item a:hover {
	text-decoration:underline;
}

div#faq_box div.quest_item ol#quest_list {
	margin-left:0; padding-left:22px;
}

div#faq_box div.quest_item ol#quest_list li {
	font-weight:bold; padding:6px 0px; margin-left:0;
	color:#333;
}

div#faq_box div.faq_nav_align {
	padding:0 20px;
}

div#faq_box div.faq_nav_align a.anchor {
	text-decoration:none;
}

div#faq_box div.faq_nav_align h3 {
	font-weight:bold;
	color:#333;
	padding-bottom:15px;
}

div#faq_box div.faq_nav_align div.faq_nav_text {
	margin-bottom:30px;
	padding-left:20px;
	font-size:80%;
	color:#444;
	line-height:150%;
}

div#faq_box div.faq_nav_align div.faq_nav_text ul {
	margin:10px 15px;
}

div#faq_box div.faq_nav_align div.faq_nav_text ul li {
	list-style:disc;
	list-style-position:inside;
}


p.policy {
	padding:20px;
	font-size:80%;
}


td.address_input span.contact_cont_memo {
	display:block;
	padding:0px 0 3px 0;
	font-size:90%;
	color:green;
}


/* IE6 Hack */
div#right_cont ul {
	/padding:5px 0px;
}

div.explain_area div.func_box ul { 
	_padding:6px 0 0 5px;
}