@charset "UTF-8";

/********************************* foundation *********************************/

*{
font-size:100%;
font-family:verdana,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif;
margin:0;
padding:0;
}

h1,h2,]h3,h4,h5,h6,div,p,address,pre,th,td,dt,dd{
font-weight:normal;
font-style:normal;
text-decoration:none;
text-align:left;
}

ul,ol{
list-style-type:none;
}

pre{
font-family:'ＭＳ ゴシック','Osaka－等幅',monospace;
}


em{
font-weight:inherit;
font-style:normal;
text-decoration:none;
}

strong{
font-weight:bold;
font-style:normal;
text-decoration:none;
}

img{
border-width:0;
}

a{
color:#086;
text-decoration:underline;
}

a:hover{
color:#3a7;
}


/********************************* frame *********************************/

div#header,div.content,div#footer{
width:780px;
clear:both;
margin:0 auto;
padding:0 0 5px 0;
}

div#header{padding-top:10px;}

#header h1{
width:300px;
float:left;
}

#header ul{
font-size:80%;
text-align:right;
padding:20px 5px;
}

#header ul li{
display:inline;
background-image:url(./img/submenu_partition.gif);
background-position:left center;
background-repeat:no-repeat;
padding:0 10px;
}

#header ul li.first{ background-image:none; }

#header ul a{ color:#444; text-decoration:none; }
#header ul a:hover{ color:#075; }


div#footer{
background-image:url(./img/footer_line.png);
background-position:center top;
background-repeat:no-repeat;
padding:20px 10px;
}

#footer p#pmark{
background-image:url(./img/footer_pmark.gif);
background-position:20px 50%;
background-repeat:no-repeat;
font-size:12px;
line-height:1.5;
width:240px;
float:left;
padding:30px 10px 30px 120px;
}

#footer p#pmark a{
color:#03c;
text-decoration:none;
}

#footer ul.foot_menu{
text-align:right;
margin:10px 15px;
padding-top:25px;
}

#footer ul.foot_menu li{
display:inline;
font-weight:bold;
padding:0 10px;
}

#footer ul.foot_menu a{
color:#066;
text-decoration:none;
}


#footer p#pmark a:hover, #footer ul.foot_menu a:hover{ text-decoration:underline; }


#footer p#copyright{
color:#343;
font-size:90%;
margin:25px 20px;
text-align:right;
}

/********************************* common *********************************/

/* tab menu */

div.tab_menu{
background-image:url(./img/menu_tabbg_n.png);
background-position:right top;
background-repeat:no-repeat;
padding-bottom:15px;
}

#service div.tab_menu{ background-image:url(./img/menu_tabbg_s.png); }
#column div.tab_menu{ background-image:url(./img/menu_tabbg_c.png); }
#info div.tab_menu{ background-image:url(./img/menu_tabbg_i.png); }

div.tab_menu ul{
text-align:right;
float:right;
width:365px;
padding:0px 14px;
}

div.tab_menu ul li{
display:inline;
padding:0;
}

div.tab_menu ul a{
background-image:url(./img/menu_tabbg_active.gif);
background-position:0 0;
background-repeat:repeat-x;
}

div.tab_menu ul a:hover{ background-position:0 -50px; }
div.tab_menu ul img{ vertical-align:text-top; }

.tab_menu p#topic_path{
color:#555;
background-image:url(./img/topicpath_marker.gif);
background-position:0 40%;
background-repeat:no-repeat;
font-size:80%;
width:345px;
margin:0 10px;
padding:15px 0 15px 27px;
}

.tab_menu p#topic_path a{
text-decoration:none;
}

.tab_menu p#topic_path strong{
color:#464;
font-size:110%;
font-weight:normal;
}


/* side field */

div.side_field{
width:210px;
float:left;
padding:5px 0;
}

.side_field h2{
text-align:right;
}

.side_field ul{
background-position:0 0;
background-repeat:no-repeat;
width:180px;
height:280px;
margin:20px auto;
padding:5px 0 0 10px;
}

#service .side_field ul{ background-image:url(./img/sidemenu_service.jpg); }
#column .side_field ul{ background-image:url(./img/sidemenu_column.jpg); }
#info .side_field ul{ background-image:url(./img/sidemenu_info.jpg); }

.side_field ul li{
margin:11px 0;
}

.side_field ul a{
display:block;
background-image:url(./img/sidemenu_marker.gif);
background-position:0 6px;
background-repeat:no-repeat;
padding:3px 0 3px 15px;
}

.side_field ul a:hover{
background-color:#f9fffc;
background-image:url(./img/sidemenu_marker.gif);
background-position:0 -84px;
}


/* main field */

div.main_field{
background-image:url(./img/line_partition.gif);
background-position:0 0;
background-repeat:repeat-y;
margin-left:210px;
padding:5px 0 15px 7px;
}

.main_field h3{
color:#008e74;
font-weight:bold;
height:41px;
margin:0 0 6px -7px;
padding:2px 0 0 10px;
border-style:solid;
border-color:#00ae94;
border-width:0 0 2px 0;
}

.main_field h3 em{ visibility:hidden; }

.main_field h3 img{
vertical-align:text-bottom;
padding-right:5px;
}

.main_field p.cover{
text-align:center;
margin:0 0 10px 0;
}

.main_field h4{
color:#555;
clear:right;
margin:30px 5px 10px 5px;
padding:2px;
border-style:solid;
border-color:#ccc;
border-width:0 0 1px 0;
}

.main_field h4 img{
vertical-align:text-bottom;
padding-right:10px;
}

.main_field h5{
color:#006a5a;
background-image:url(./img/subchapter_marker.gif);
background-position:0 44%;
background-repeat:no-repeat;
font-size:130%;
font-weight:bold;
clear:right;
margin:14px 7px 6px 7px;
padding:3px 18px;
}

.main_field h6{
color:#444;
font-size:100%;
font-weight:bold;
margin:14px 10px 6px 15px;
}



.main_field p{
color:#1a1a1a;
font-size:90%;
line-height:1.4;
margin:0.4em 15px 0.7em 27px;
}

.main_field ul.withimage{
color:#229;
float:right;
width:210px;
margin:0;
padding:0;
}

.main_field ul.withimage li{
background-image:none;
padding:5px 0;
}

.main_field ul.withimage img{
padding-top:4px;
}

.main_field p.around{
width:300px;
}

.main_field ul.around, .main_field ol.around{
width:300px;
}

.main_field h5.around{
width:300px;
clear:none;
}

.main_field h6.around{
width:300px;
}



.main_field ul, .main_field ol{
color:#1a1a1a;
font-size:90%;
margin:0.4em 5px 0.7em 20px;
}

.main_field ul li{
background-image:url(./img/ul_marker.png);
background-position:0 1px;
background-repeat:no-repeat;
margin:0;
padding:0.3em 0 0.3em 20px;
}

.main_field ul.no_marker li{
background-image:none;
padding-left:3px;
}


.main_field ol{
list-style-type:decimal;
padding:0 0 0 22px;
}

.main_field ol li{
margin:0.1em;
padding:0.2em 0;
}

.main_field ul ul, .main_field ol ul{
font-size:100%;
}

.main_field table ul, .main_field table ol{
padding-left:10px;
}

.main_field ul ul li, .main_field ol ul li, .main_field table ul li{
background-image:none;
list-style-type:disc;
padding:0.1em 0;
}

.main_field ul ol li, .main_field ol ol li, .main_field table ol li{
background-image:none;
list-style-type:decimal;
padding:0.1em 0;
}

.main_field table{
width:525px;
margin:10px 5px 10px 20px;
border-collapse:separate;
border-spacing:0 4px;
}

.main_field th, .main_field td{
font-size:90%;
padding:4px;
border-style:solid;
border-width:0 0 1px 0;
}

.main_field th{
color:#085;
background-color:#e9f6f3;
font-weight:bold;
width:25%;
border-color:#00ae94;
}

.main_field tr.thead th{
color:#085;
background-color:#e9f6f3;
font-weight:bold;
width:auto;
border-color:#00ae94 #fff;
border-width:0 2px;
}

.main_field td{
border-color:#777;
}


.main_field table table{
width:330px;
margin:5px;
border-collapse:collapse;
}

.main_field table table th, .main_field table table td{
background-color:#fff;
border-width:0;
}

.main_field table p, .main_field table ul, .main_field table ol{
margin:5px;
}


/*  */


/* other site */

.other_site{
display:none;
}