@charset "utf-8";

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

html{
font-size: 16px;
/*\*/
_font-size: 100%;
/**/
}

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

body{
color:#505050;
background:#f0f0f1 url(/images/main_back.gif) repeat-x top left;
margin:12px 0 0 0;
padding:0px;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:75%;
}

body.content{
background:#f0f0f1 url(/images/main_back_content.gif) repeat-x top left;
}

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

a.link_arrow{ background:url(/images/link_arrow.gif) no-repeat left 50%; padding:2px 0 2px 10px;}
a.link_arrow_block{ background: url(/images/link_block.gif) no-repeat left 50%; padding:2px 0 2px 17px;}

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:957px; text-align:left; margin:0 auto 0 auto;}
#container:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


#contents_left{ width:718px; margin:0 9px 3px 0; float:left; display:inline;}
#contents_right{ width:230px; margin:6px 0 10px 0; float:left; display:inline;}


.goToTop{ clear:both; margin:0 205px 10px 0; text-align:right;}


.shadow_head{ width:718px; height:7px; background:url(/images/shadow_top.png) top left; _background:none; clear:both;}
.shadow_head img{ display:none;}
.shadow_head.pngHackhead{ filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(Src=/images/shadow_top.png,SizingMethod=scale);	}

.shadow_body{ width:704px; _width:718px; padding:0 7px 0 7px; background: url(/images/shadow_body.png) repeat-y top left; _background:none;}
.shadow_body:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}
.shadow_body.pngHackbody{ filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(Src=/images/shadow_body.png,SizingMethod=scale);	}

.shadow_body h2{ margin:0;}

.shadow_foot{ clear:both; width:718px; height:7px; background:url(/images/shadow_bottom.png) top left; _background:none; margin:0 0 3px 0;}
.shadow_foot img{ display:none;}
.shadow_foot.pngHackfoot{ filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(Src=/images/shadow_bottom.png,SizingMethod=scale);	}




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


#header{ width:950px; height:64px; margin:0 0 0 7px; background:url(/images/header_back.gif) no-repeat right top; }


#header h1{
margin:0;
font-size:1px;
text-indent:-9999px;
line-height:0;
overflow: hidden;
width:434px;
height:64px;
}
#header h1 a{
background:url(/images/main_rogo.gif) no-repeat top left;
width:434px;
height:64px;
display:block;
}


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


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

#menu{ background:url(/images/top_menu_back.jpg) no-repeat top left; width:950px; margin:0 0 18px 7px; height:80px; clear:both;}

#menu ul{ margin:0 0 0 11px;}
#menu li{ width:130px; height:67px; float:left; margin:0 3px 0 0; font-size:1px;text-indent:-9999px;line-height:0;overflow: hidden;}

#menu li.menu01 a{ background:url(/images/menu_01.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu li.menu02 a{ background:url(/images/menu_02.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu li.menu03 a{ background:url(/images/menu_03.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu li.menu04 a{ background:url(/images/menu_04.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu li.menu05 a{ background:url(/images/menu_05.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu li.menu06 a{ background:url(/images/menu_06.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu li.menu07 a{ background:url(/images/menu_07.gif) no-repeat top left; display:block; width:130px; height:67px;}

#menu li.menu01 a:hover{ background:url(/images/menu_01.gif) no-repeat left -67px; display:block; }
#menu li.menu02 a:hover{ background:url(/images/menu_02.gif) no-repeat left -67px; display:block; }
#menu li.menu03 a:hover{ background:url(/images/menu_03.gif) no-repeat left -67px; display:block; }
#menu li.menu04 a:hover{ background:url(/images/menu_04.gif) no-repeat left -67px; display:block; }
#menu li.menu05 a:hover{ background:url(/images/menu_05.gif) no-repeat left -67px; display:block; }
#menu li.menu06 a:hover{ background:url(/images/menu_06.gif) no-repeat left -67px; display:block; }
#menu li.menu07 a:hover{ background:url(/images/menu_07.gif) no-repeat left -67px; display:block; }

#menu_con{ background:url(/images/contents_menu_back.jpg) no-repeat top left; width:950px; margin:0 0 0 7px; height:80px; clear:both;}

#menu_con ul{ margin:0 0 0 11px;}
#menu_con li{ width:130px; height:67px; float:left; margin:0 3px 0 0; font-size:1px;text-indent:-9999px;line-height:0;overflow: hidden;}

#menu_con li.menu01 a{ background:url(/images/con_menu_01.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu_con li.menu02 a{ background:url(/images/con_menu_02.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu_con li.menu03 a{ background:url(/images/con_menu_03.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu_con li.menu04 a{ background:url(/images/con_menu_04.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu_con li.menu05 a{ background:url(/images/con_menu_05.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu_con li.menu06 a{ background:url(/images/con_menu_06.gif) no-repeat top left; display:block; width:130px; height:67px;}
#menu_con li.menu07 a{ background:url(/images/con_menu_07.gif) no-repeat top left; display:block; width:130px; height:67px;}

#menu_con li.menu01 a:hover{ background:url(/images/con_menu_01.gif) no-repeat left -67px; display:block; }
#menu_con li.menu02 a:hover{ background:url(/images/con_menu_02.gif) no-repeat left -67px; display:block; }
#menu_con li.menu03 a:hover{ background:url(/images/con_menu_03.gif) no-repeat left -67px; display:block; }
#menu_con li.menu04 a:hover{ background:url(/images/con_menu_04.gif) no-repeat left -67px; display:block; }
#menu_con li.menu05 a:hover{ background:url(/images/con_menu_05.gif) no-repeat left -67px; display:block; }
#menu_con li.menu06 a:hover{ background:url(/images/con_menu_06.gif) no-repeat left -67px; display:block; }
#menu_con li.menu07 a:hover{ background:url(/images/con_menu_07.gif) no-repeat left -67px; display:block; }


#menu_con ul#build_of_cms li.menu02 a{ background:url(/images/con_menu_02.gif) no-repeat left -67px; display:block;}
#menu_con ul#development li.menu03 a{ background:url(/images/con_menu_03.gif) no-repeat left -67px; display:block;}
#menu_con ul#program li.menu04 a{ background:url(/images/con_menu_04.gif) no-repeat left -67px; display:block;}
#menu_con ul#casestudy li.menu05 a{ background:url(/images/con_menu_05.gif) no-repeat left -67px; display:block;}
#menu_con ul#faq li.menu06 a{ background:url(/images/con_menu_06.gif) no-repeat left -67px; display:block;}
#menu_con ul#contact li.menu07 a{ background:url(/images/con_menu_07.gif) no-repeat left -67px; display:block;}


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


/* right_menu
------------------------------------------------------ */

#right_menu{ background:url(/images/right_back.gif) top left;width:200px;_width:230px; padding:11px 14px 9px 16px;}

.right_menu_head,.right_menu_foot{ font-size:1px; margin:0;}

.right_inquiry_botton{ margin:0 0 10px 0; text-align:center;}
p.right_writeup_desc{ font-size:10px; line-height:14px; cofont-size:10px; line-height:14px; color:#fff; margin:0 0 20px 0; }
p.right_writeup_desc a{ color:#fff; }

.right_inner{ background: url(/images/right_inner_body.gif) repeat-y top left; padding:15px; width:170px;_width:200px;}
.right_inner_head,.right_inner_foot{ font-size:1px; margin:0;}

.right_inner p{ line-height:18px; margin:0 0 15px 0;}
.right_inner ul{ margin:0;}
.right_inner li{ margin:0 0 5px 0; background:url(/images/link_block.gif) no-repeat left 50%; padding:2px 0 2px 16px;}




/* right_menu
------------------------------------------------------ */




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

#footer{ clear:both; background:#fff; border:#d9d9d9 1px solid; width:950px; margin:0 0 18px 7px;}
.footer_up{ border-bottom:1px solid #d9d9d9; padding:15px 11px 12px 11px;}
.footer_down{ padding:13px 11px 14px 11px;}
#footer ul{ margin:0;}
#footer li{ margin:0 6px 0 0; display:inline; border-right:1px solid #949494; padding:0 6px 0 0;}
#footer li.footer_no_border{ border-right:none;}
#copyright{ width:957px; text-align:center; margin:0 0 20px 0;}



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





/* TOP Page
------------------------------------------------------ */

/* share */

#top_img{ width:950px; margin:0 0 0 7px;}
.top_img_l{ float:left; display:inline; width:666px;}
.top_img_r{ float:left; display:inline; width:284px;}


.top_upper_body{ padding:32px 38px 20px 31px; height:100%;}
.top_upper_body:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.top_upper_l{ width:229px; float:left; display:inline;}
.top_upper_l img{ margin:0 0 15px 0;}
.top_upper_l p{ font-size:10px; line-height:16px; margin:0 30px 0 0;}

.top_upper_r{ width:406px; float:left; display:inline;}

.top_upper_r h2.top_upper_title_box{ margin:0 0 14px 0;}
.top_upper_bottom_l{ width:161px; float:left; display:inline; background:url(/images/top_exam_line.gif) no-repeat right top;}
.top_upper_bottom_r{ width:245px; float:left; display:inline;}

.top_upper_bottom_l h3,.top_upper_bottom_r h3{ margin:0 0 7px 0;}

.top_upper_bottom_l ul{ margin:0 0 0 25px; list-style:outside disc;}
.top_upper_bottom_l li{ margin:0 0 12px 0; font-family:Arial, Helvetica, sans-serif; color:#3b516c;}
.top_upper_bottom_l p{ margin:0 0 0 10px; color:#3b516c;}

.top_upper_bottom_r ul{ margin:0 0 10px 55px; list-style:outside disc;}
.top_upper_bottom_r li{ margin:0 0 12px 0; font-family:Arial, Helvetica, sans-serif; color:#3b516c;}
.top_upper_bottom_r p{ margin:0 0 0 40px; color:#3b516c; }


.top_bottom_body{ padding:28px 38px 20px 31px; height:100%;_height:auto;}
.top_bottom_body:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}
.top_bottom_l{ width:123px; float:left; display:inline;}
.top_bottom_r{ width:512px; float:left; display:inline;}
.top_bottom_box{ padding:0 0 16px 0; margin:0 0 17px 0; background:url(/images/top_cms_line.gif) no-repeat bottom left; clear:both; height:100%;_height:auto;}
.top_bottom_box:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}
.top_bottom_boxNo{ padding:0 0 0 0; margin:0 0 17px 0; clear:both; height:100%;}
.top_bottom_boxNo:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


.top_bottom_r h3{ float:left; display:inline; width:200px; margin:0 0 10px 0;}
.top_bottom_r p.title_right{ float:right; text-align:right; display:inline; width:300px;}

.top_bottom_r p{ clear:both; line-height:18px;}


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

/* share */

#contents_img{ width:950px; margin:0 0 0 7px;}
.contents_img_l{ float:left; display:inline; width:666px;}
.contents_img_r{ float:left; display:inline; width:284px;}

.contents_body{ padding:28px 38px 20px 31px; height:100%;}
.contents_body:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#pankuzu{ margin:0 0 0 18px;}
#pankuzu ul{ margin:0;}
#pankuzu li{ margin:0 10px 0 0; display:inline; padding:2px 0 2px 13px; background:url(/images/link_arrow.gif) no-repeat left 50%;}


.contents_body p{ line-height:18px; margin:0 0 15px 0;}
.contents_body p.indent{ line-height:18px; margin:0 0 22px 15px;}
.contents_body h3{ font-size:16px; color:#828282; border-bottom:1px solid #212f43; padding:6px 6px 6px 0; margin:0 0 25px 0; font-family:Arial, Helvetica, sans-serif;  }
.contents_body h3 strong{ 
background:#212f43; 
border-bottom:1px solid #212f43; 
font-size:20px; 
font-family:Verdana; 
color:#ffffff; 
padding:6px 10px 6px 10px; 
margin:0 6px 0 0;
}
.contents_body h4{ font-size:14px; color:#828282; border-bottom:1px solid #212f43; padding:6px 6px 6px 0; margin:15px 0 25px 0; clear:both;  }
.contents_body h5{ font-size:12px; font-weight:bold; color:#828282; border-bottom:1px solid; padding:5px 0 5px 0; margin:0 0 18px 0; clear:both;}
.contents_body h6{ font-size:12px; font-weight:bold; margin:0 0 15px 0; clear:both;}

/* share */



/* contact */

#contact_body{ margin:0; }

span.red{ color:#CC0000; }

table#inquiry_top{ width:100%; margin:0 0 20px 0; }
table#inquiry_top th{ background:#e5e5e5; padding:10px; font-size:14px; text-align:left;  }
table#inquiry_top td{ border-bottom:1px solid #e5e5e5; font-size:12px; line-height:20px; padding:10px;  }

table#inquiry_top td input{ vertical-align:middle; margin:0 5px 0 0; }

.inQtextarea{ width:500px; height:100px; margin:0 auto;}


table#inquiry_bottom{ width:100%; margin:0 0 20px 0; }
table#inquiry_bottom th{ background:#e5e5e5; padding:10px; font-size:12px; text-align:left; border-bottom:2px solid #ffffff; width:200px;  }
table#inquiry_bottom td{ border-bottom:2px solid #ffffff; font-size:12px; line-height:20px; padding:10px;  }


.botton_position{ text-align:center; margin:10px;}



/* CMS */

.service_point{ clear:both; background:#fcfcfc; border:1px dotted #000000; padding:6px 0 6px 11px; display:inline-block; height:100%; margin:0 0 45px 0; }
.service_point:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
/* exlude MacIE5 \*/
* html .service_point { height: 1% }
.service_point {display:block;}
/* end MacIE5 */

.service_point p{ font-size:12px; padding:3px 0 0 15px; }
.service_point p.detail_more{ font-size:12px; margin:10px 0 0 0; padding:0 0 0 15px; }




table.program_spec{ border:1px solid #212f43; border-collapse:collapse; width:100%; }
table.program_spec th{ border:1px solid #212f43; font-size:12px; line-height:18px; padding:5px; text-align:center;}
table.program_spec td{ border:1px solid #212f43; font-size:12px; line-height:18px; padding:5px;}