@CHARSET "UTF-8";


body {
/*	text-align: center;*/
	margin: 10px auto;
	height:100%;
/*	padding: 0px;*/
	background: url(/images/bg1.gif);
}

/* ############# FRAME ############# */

/* FRAME CENTER FOR IE */
#fcenter {
        text-align: center;
}

/* FRAME WHOLE */
#fmain {
	width: 808px;
	height: 100%;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;

}

/* HEADER 1 */
#f_header {
	text-align: left;
        height: 20px;
	width: 800px;
	padding: 0px 4px 0px 4px;
	background: url(/images/top_frame.gif);
	background-repeat: no-repeat;
}

/* HEADER 2 */
#f_header2 {
	text-align: left;
	width: 800px;
	height: 120px;
	padding: 0px 4px 0px 4px;
	background: url(/images/side_frame.gif);
	background-repeat: repeat-y;
}


/* PATH HEADER */
#path {
	text-align: left;
	width: 800px;
	height: 26px;
	padding: 0px 4px 0px 4px;
	background: url(/images/side_frame.gif);
	background-repeat: repeat-y;
}


/* SIDE FRAME MAIN FRAME */
#side_frame {
	text-align: left;
	width: 800px;
	padding: 0px 4px 0px 4px;
	background: url(/images/side_frame.gif);
	background-repeat:repeat-y;
}

/* LEFT - OUT LINE */
#out_left {
	padding: 0px 0px 0px 0px;
        float: left;
        width: 600px;
}

/* RIGHT - OUT LINE */
#out_right {
	padding: 0px 0px 0px 0px;
        float: right;
        width: 200px;
}

/* ######### for TOP PAGE ######### */
/* LEFT MENU */
#top_box1 {
	padding: 20px 0px 0px 0px;
        float: left;
        width: 200px;
        text-align: left;
	overflow: hidden;
	background-color: #ffffff;
}

/* CENTER MAIN */
#top_box2 {
	padding: 20px 5px 5px 5px;
        float: right;
        width: 390px;
        text-align: left;
	overflow: hidden;
	background-color: #ffffff;
}

/* RIGHT MENU */
#top_box3 {
	padding: 20px 0px 0px 0px;
        float: right;
        width: 200px;
        text-align: left;
	overflow: hidden;
	background-color: #ffffff;
}

/* NOT AVAILABLE */
#top_box4 {
	padding: 20px 0px 0px 0px;
        float: right;
        width: 200px;
        text-align: left;
	overflow: hidden;
	background-color: #ffffff;
}
/* ######### for TOP PAGE ######### */


/* ######### for OTHER PAGE ######### */

/* LEFT - OUT LINE */
#bf_box1 {
	padding: 20px 0px 0px 10px;
        float: left;
        width: 590px;
        text-align: left;
	overflow: auto;
}

/* RIGHT - OUT LINE */
#bf_box2 {
	padding: 20px 0px 0px 0px;
        float: right;
        width: 200px;
        text-align: left;
	overflow: auto;
}


/* ######### for OTHER PAGE ######### */


/* FOOTER 1 */
#f_footer1 {
	text-align: left;
	width: 800px;
	padding: 0px 4px 0px 4px;
	background: url(/images/side_frame.gif);
	background-repeat: repeat-y;
}

/* FOOTER 2 */
#f_footer2 {
	text-align: left;
        height: 20px;
	width: 800px;
	padding: 0px 4px 4px 4px;
	background: url(/images/bottom_frame.gif);
	background-repeat: no-repeat;
}


.c-both {
	clear : both ;
}




/* ############# FRAME ############# */



/* ######### for Template List ######### */
#tmp_box {
	padding: 8px;
        float: left;
        text-align: left;
	overflow: hidden;
	width:170px;
}



/* ######### for Template List ######### */


/* ######### for Template VIEW ######### */
#view_box1 {
	width: 405px;
	padding: 10px 2px;
        float: left;
        text-align: left;
	overflow: hidden;
	border-width: 0px 1px 0px 0px;
	border-style: dotted;
	border-color: #d9d9d9;
}

#view_box2 {
	width: 170px;
	padding: 10px 5px;
        float: right;
        text-align: left;
	overflow: hidden;
	border-width: 0px 0px 0px 0px;
	border-style: dotted;
	border-color: #d9d9d9;
}

/* ######### for Template VIEW ######### */



/* ######### LOGO ######### */
div#logo {
	margin:0 0 0 0;
	height:80px;
	width:800px;
	text-decoration:none;
	background:url("/images/header_hover.gif");
	background-repeat:no-repeat;
}

h1#logo {
	margin: 0px;
	text-decoration:none;
	text-indent:-1500px;
}

h1#logo a {
	display:block;
	height:80px;
	width:230px;
	text-decoration:none;
	text-indent:-1500px;
	overflow: hidden;
	background:url("/images/header.gif");
	background-repeat:no-repeat;
}

h1#logo a:hover {
	display:block;
	height:80px;
	width:230px;
	text-decoration:none;
	text-indent:-1500px;
	overflow: hidden;
	background:none;
}

/* ######### LOGO ######### */


/* ############# NAVI MENU ############# */

ul#navi_menu{
	width: 800px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	list-style-type:none;
	background: url(/images/navi_menu.gif);
	background-repeat:repeat-x;
}

ul#navi_menu li {
	margin: 0px;
	list-style-type:none;
	float:left;
}
ul#navi_menu li a{
	display:block;
	height:100%;
	text-decoration:none;
	text-indent:-1500px;
	background:url("/images/navi_menu.gif");
	background-repeat:repeat-x;
	overflow: hidden;
}

ul#navi_menu li#home a      {background-position:0 0; width:100px; height:40px;}
ul#navi_menu li#home_on a   {background-position:0 -40px; width:100px; height:40px;}
ul#navi_menu li#home a:hover{background-position:0 -40px; width:100px; height:40px;}

ul#navi_menu li#template a      {background-position:-100px 0; width:100px; height:40px;}
ul#navi_menu li#template_on a   {background-position:-100px -40px; width:100px; height:40px;}
ul#navi_menu li#template a:hover{background-position:-100px -40px; width:100px; height:40px;}

ul#navi_menu li#website a      {background-position:-200px 0; width:100px; height:40px;}
ul#navi_menu li#website_on a   {background-position:-200px -40px; width:100px; height:40px;}
ul#navi_menu li#website a:hover{background-position:-200px -40px; width:100px; height:40px;}

ul#navi_menu li#domain a      {background-position:-300px 0; width:100px; height:40px;}
ul#navi_menu li#domain_on a   {background-position:-300px -40px; width:100px; height:40px;}
ul#navi_menu li#domain a:hover{background-position:-300px -40px; width:100px; height:40px;}

ul#navi_menu li#server a      {background-position:-400px 0; width:100px; height:40px;}
ul#navi_menu li#server_on a   {background-position:-400px -40px; width:100px; height:40px;}
ul#navi_menu li#server a:hover{background-position:-400px -40px; width:100px; height:40px;}

ul#navi_menu li#estimation a      {background-position:-500px 0; width:100px; height:40px;}
ul#navi_menu li#estimation_on a   {background-position:-500px -40px; width:100px; height:40px;}
ul#navi_menu li#estimation a:hover{background-position:-500px -40px; width:100px; height:40px;}

ul#navi_menu li#manual a      {background-position:-600px 0; width:100px; height:40px;}
ul#navi_menu li#manual_on a   {background-position:-600px -40px; width:100px; height:40px;}
ul#navi_menu li#manual a:hover{background-position:-600px -40px; width:100px; height:40px;}

ul#navi_menu li#inquiry a      {background-position:-700px 0; width:100px; height:40px;}
ul#navi_menu li#inquiry_on a   {background-position:-700px -40px; width:100px; height:40px;}
ul#navi_menu li#inquiry a:hover{background-position:-700px -40px; width:100px; height:40px;}




/* ############# MAIN MENU ############# */






/* ############# BOX ############# */

#menu_box {

        text-align:left;
	padding:10px;
	margin:5px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#ed9900;

}

/* ############# BOX ############# */



/* ############# PATH ############# */
.path {
	color: #4d4d4d;
	font-size: 9pt;
	font-family: Arial, sans-serif;
	padding: 5px 0px 0px 5px;
}
/* ############# PATH ############# */



/* ############# LIST ############# */
ul.base{
	margin:10px 10px 10px 20px;
	padding:10px;
	color: #4d4d4d;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	line-height:16px;
	list-style-image: url('/images/listi_cir_blk3.gif');
}

li.base_on  {
	list-style-image: url('/images/listi_cir_bl2.gif');
}
li.base_off {
	list-style-image: url('/images/listi_cir_blk3.gif');
}

ul.sitemap{
	margin:0px 10px 10px 20px;
	padding:10px;
	color: #4d4d4d;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	line-height:20px;
	list-style-image: url('/images/listi_arrow1.gif');
}




ol.base {
	margin:10px 10px 10px 20px;
	color: #4d4d4d;
	font-size: 11pt;
}

ul.rss {
	margin:10px 10px 10px 20px;
	padding:10px;
	color: #4d4d4d;
	font-size: 9pt;
	list-style-image: url('/images/listi_rss.gif');
}

ul.domain {
	margin:10px 10px 10px 10px;
	list-style-image: url('/images/listi_yajirushi.gif');
}
ul.domain li{
	margin:0px 0px 10px 20px;
}



ul.category {
	margin:10px 10px 10px 20px;
	padding:10px;
	color: #4d4d4d;
	font-size: 9pt;
}

li.category_on  {
	list-style-image: url('/images/listi_cir_bl2.gif');
}
li.category_off {
	list-style-image: url('/images/listi_cir_or2.gif');
}


li.base {
	margin:0px 0px 0px 0px;
	color: #4d4d4d;
}

ul.listi1{
	font-size:10pt;
	margin:10px 10px 10px 20px;
	padding:10px;
	list-style-image:url('/images/listi_cir_or1.gif');
}

ul.listi1 li{
	padding: 0px 0px 10px 5px;
}

/* ############# LIST ############# */




/* ############# LINK ############# */
a.rss {
	color: #4d4d4d;
	text-decoration: underline;
}
.rss:hover { 
	color: #4d4d4d;
	text-decoration:none; 

}

A.path {
  text-decoration: underline;
  font-family: Arial, sans-serif;
}

.path:hover { 
  text-decoration:none;
}


a.submenu {
	font-size: 10pt;
	text-decoration: underline;
	color: #1e6a92;
	font-family: Arial, sans-serif;
}

.submenu:hover { 
	text-decoration:none; 
}


a.menu {
	font-size: 11pt;
	text-decoration: underline;
	color: #504139;
	font-family: Arial, sans-serif;
}

.menu:hover { 
	text-decoration:none; 
	color: #504139;  
}



a.link_blk {
	color: #4d4d4d;
	text-decoration: underline;
}
.link_blk:hover { 
	color: #4d4d4d;
	text-decoration:none; 

}

a.link_si {
	color: #606060;
	text-decoration: underline;
}
.link_si:hover { 
	color: #606060;
	text-decoration:none; 

}

a.link_bl {
	color: #1e6a92;
	text-decoration: underline;
}
.link_bl:hover { 
	color: #1e6a92;
	text-decoration:none; 

}

a.link_or {
	color: #e39335;
	text-decoration: underline;
}
.link_or:hover { 
	color: #e39335;
	text-decoration:none; 

}

/* ############# LINK ############# */



/* ############# Layout ############# */
p.layout {margin: 0px; border: 0px; padding: 0px; font-size: 0px;}
img.layout_t {vertical-align: top;}
img.layout_m {vertical-align: middle ;}
img.layout_b {vertical-align: bottom ;}
/* ############# Layout ############# */


/* ############# hr ############# */

.hr_dash_li_si {border-style:dashed; height: 1px; color: #d9d9d9;}
.hr_dash_wh {border-style:dashed; height: 1px; color: #ffffff;}
.hr_dash_si {border-style:dashed; height: 1px; color: #696969;}
.hr_solid_si {border-style:solid; height: 1px; color: #696969;}
.hr_solid_bl {border-style:solid; height: 1px; color: #4C99CD;}
.hr_dot_lisi {border-style:dotted; height: 1px; color: #cccccc;}


/* ############# hr ############# */


/* ############# FORM ############# */

.form_text{
	background-color: #e6e6e6;
	color: #696969;
	border-color: #ffffff;
	font-size: 10pt;
	border-color: #ffffff;
	border:1px solid #bfbfbf;
	margin:0px;
}

.form_text_red{
	background-color: #eac9d6;
	color: #696969;
	border-color: #ffffff;
	font-size: 10pt;
	border-color: #ffffff;
	border:1px solid #bfbfbf;
	margin:0px;
}

.form_button{
	font-size: 12px;
	background-color: #e6e6e6;
	color: #606060;
	border: 2px solid #606060;
	margin: 3px;
	padding:3px;
}



/* ############# FORM ############# */



/* ############# FONT ############# */

h1 {
	color: #f7b357;
	font-family: Arial, sans-serif;
}

h2 {
	color: #4d4d4d;
	font-family: Arial, sans-serif;
}

h3 {
	color: #4d4d4d;
	font-family: Arial, sans-serif;
}


p {color: #4d4d4d; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px; padding: 0px; margin: 0px;}

.or11 {color: #e39335; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.or10 {color: #e39335; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.or9 {color: #e39335; font-size: 9pt; font-family: Arial, sans-serif; line-height:16px;}
.or8 {color: #e39335; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}

.blk11 {color: #4d4d4d; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.blk10 {color: #4d4d4d; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.blk9 {color: #4d4d4d; font-size: 9pt; font-family: Arial, sans-serif; line-height:16px;}
.blk8 {color: #4d4d4d; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}

.bl12 {color: #1e6a92; font-size: 12pt; font-family: Arial, sans-serif; line-height:16px;}
.bl11 {color: #1e6a92; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.bl10 {color: #1e6a92; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.bl8 {color: #1e6a92; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}

.si12 {color: #606060; font-size: 12pt; font-family: Arial, sans-serif; line-height:16px;}
.si11 {color: #606060; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.si10 {color: #606060; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.si9 {color: #606060; font-size: 9pt; font-family: Arial, sans-serif; line-height:16px;}
.si8 {color: #606060; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}
.si7 {color: #606060; font-size: 7pt; font-family: Arial, sans-serif; line-height:16px;}

.gr11 {color: #139b50; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.gr10 {color: #139b50; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.gr8 {color: #139b50; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}

.wh12 {color: #efefef; font-size: 12pt; font-family: Arial, sans-serif; line-height:16px;}
.wh11 {color: #efefef; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.wh10 {color: #efefef; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.wh9 {color: #efefef; font-size: 9pt; font-family: Arial, sans-serif; line-height:16px;}
.wh8 {color: #efefef; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}

.re11 {color: #DD000D; font-size: 11pt; font-family: Arial, sans-serif; line-height:16px;}
.re10 {color: #DD000D; font-size: 10pt; font-family: Arial, sans-serif; line-height:16px;}
.re8 {color: #DD000D; font-size: 8pt; font-family: Arial, sans-serif; line-height:16px;}




.google_search {
	color: #4d4d4d;
	font-size: 9pt;
	font-family: Arial, sans-serif;
	line-height:15px;
}




/* FREE FONT */
.txt_wh {
	color: #efefef;
	font-size: 10pt;
	font-family: Arial, sans-serif;
	line-height:16px;
}


/* ############# FONT ############# */



/* ############# copyright ############# */
.copyright {
	color: #4d4d4d;
	font-size: 9pt;
	font-family: Arial, sans-serif;
/*	line-height:16px;*/
}
/* ############# copyright ############# */




/* ############# Preload IMG ############# */
img.preload{
	display:none;
}
/* ############# Preload IMG ############# */