@charset "UTF-8";

/*
html ----------------------------------------------------------------*/

html{
font-size: 16px;
}

*{ margin: 0px; padding: 0px;}

body{
color:#333;
background:#000 url(../images/bg.jpg) repeat-x top left;
margin:0;
padding:0px;
font-family: Verdana,"ＭＳ Ｐゴシック", "Osaka",Chicago,sans-serif;
font-size:75%;
text-align:center;
line-height:140%;
}


a:link{ color:#999999;text-decoration:underline;}
a:visited{ color:#999999;text-decoration:underline;}
a:active{ color:#999999;text-decoration:none;}
a:hover{ color:#990000;text-decoration:none;}


.link_arrow{ background:url(../images/link_arrow.gif) no-repeat left 2px; padding:2px 0 2px 15px;}


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


input, select, textarea {
font-size: 12px;
}

ul, ol {
list-style: none;
}

/*
html ----------------------------------------------------------------*/


/*
Module ----------------------------------------*/

.clear{
clear:both;
height:1px;
margin:-1px 0 0 0;
font-size:1px;
display: inline-block;
}

.access_log{ height:1px; margin:-1px 0 0 0; font-size:1px; clear:both;}


.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */



span.caution{  line-height:16px;}



/*
Module ----------------------------------------*/



/*------------------------------------ share ALL Page --*/


/*-- Body share */

#container{ width:822px; text-align:left; margin:0 auto; background:#031b34; }
#container:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#wrapper{ width:790px; text-align:left; margin:0 0 0 5px; }
#wrapper:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


#contents_body{ background:url(../images/right_contents_back.gif) repeat-y 240px top; height:100%; margin:0 0 10px 0;}
#contents_body:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


#contents_left{ width:212px; float:left; margin:0 8px 0 0; text-align:left; display:inline; padding:0 0 10px 0; }
#contents_left:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#contents_left.no_index{ width:212px; float:left; margin:0 8px 0 20px; text-align:left; display:inline; padding:00; }

#contents_right{ width:602px; float:left; margin:0 0 0 0; text-align:left; display:inline; padding:0 0 10px 0;}

#contents_right:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#contents_right.no_index_r{ width:562px; float:left; margin:0 0 0 0; text-align:left; display:inline; padding:0 0 10px 0;}

/* header
------------------------------------------------------ */

#header{ width:822px; height:80px; background:url(../images/header_bg.jpg) no-repeat top left; margin:0;}
#header:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.header_l{ width:380px; float:left; display:inline;}
.header_r{ width:340px; float:right; display:inline;}


#header h2{
font-size:13px;
line-height:100;
margin:0;
padding:0;
}


.header_r ul{ margin:7px 15px 0 0; text-align:right; height:30px;}
.header_r li{ margin:0 0 0 15px; float:right; background:url(../images/head_submenu_mark.gif) no-repeat right 5px; padding:0 15px 2px 0;}
.header_r li a{ color:#fff; text-decoration:underline;}
.header_r li a:hover{ color:#fff; text-decoration:none;}

.header_link{ margin:0 5px 0 0; clear:both;}
.header_link_bt{ float:left; display:inline; margin:0 5px 0 0;}



/* header
------------------------------------------------------ */


/* menu
------------------------------------------------------ */

#menu{ margin:0 0 22px 0; clear:both; height:100%;}
#menu:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#menu ul{ margin:0;}
#menu li{ float:left; display:inline;}


/* footer
------------------------------------------------------ */

#footer{ clear:both; background: url(../images/footer_bg.jpg) no-repeat top left;padding:6px 0 0 0; text-align:center; height:24px;}
#footer:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.copyright{ text-align:right; margin:0 10px 0 0; color:#fff;}




/* Contents Page
------------------------------------------------------ */



/* Contents Share */

#contents_area{ margin:0; width:562px;}

/*
#contents_area h3{ background:#031b34 url(../images/right_content_tit_back.gif) no-repeat top left; width:567px;padding:12px 0 18px 35px; font-size:12px; color:#fff; line-height:13px; font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";}
*/
#contents_area h3{ margin:0;}

#contents_area h4{ 
color:#0A2341;
font-size:1em;
padding:0 0 2px 10px;
background:url(../images/icon03.jpg) no-repeat 0 0.2em;
margin:2em 0 0.8em 0;
border-bottom:2px dotted #CCC;
}


#method{ padding:20px 30px 30px 30px; height:100%;}
#method:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#gototop{ clear:both; margin:0 20px 10px 0; background:url(../images/gototop_icon.gif) no-repeat right 50%; padding:0 15px 0 0; text-align:right;}
#gototop a{ color:#fff;}
#gototop a:visited{ color:#fff;}


#method p{ line-height:20px; margin:0 0 15px 0;}

#method table{
width:100%;
margin-bottom:1em;
border-top:1px solid #CCC;
border-collapse:collapse;
}

#method th{
width:30%;
text-align:left;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px dotted #CCC;
background-color:#F9F9F9;
padding:4px 10px 2px 10px;
background-image:url(../images/title_line.jpg);
background-position:left;
background-repeat:no-repeat;
vertical-align:middle;
}
#method th.imgnone {
background-image:none;
}

#method td{
font-weight:normal; 
border-left:1px dotted #CCC;
border-right:1px dotted #CCC;
border-bottom:1px dotted #CCC; 
padding:10px 10px 2px 10px; 
vertical-align:top;
}

#method td.seminar-entry{
font-weight:normal; 
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC; 
vertical-align:top;
background-color:#F9F9F9;
}

#method th.w70 {
width:70%;
}

*html html{font-size: 100%;}
*html #left_menu ul{ margin:0 0 10px 0;}
*html #left_menu li{ margin:0 0 0 0; }

*html #left_menu li a{ text-decoration:none; color:#fff; background:url(../images/l_menu_back.gif) no-repeat top left; padding:10px 0 0 18px; height:40px; display:block;}
*html #left_menu li a:hover{ text-decoration:none;background:url(../images/l_menu_back.gif) no-repeat left -40px; display:block;}

*html #method table{ border:1px solid #e9e9e9; width:100%; border-collapse:collapse; font-size:100%;}


/* footer
------------------------------------------------------ */

*html #footer{ clear:both; background: url(../images/footer_bg.jpg) no-repeat top left;padding:6px 0 0 0; text-align:center; height:30px;}
*html #footer:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

/* footer
------------------------------------------------------ */
*html #footer-menu {font-size:10px;}


*html #method.table-form th {white-space:nowrap;}