@import url(reset.css);

body {
    text-align:center;
}

hr{
    display:none;
    height: 0px;
    border: 5px;
    clear:both;
}

a.non_deco{
    text-decoration: none;
    color:#333;
}

#container {
    width:800px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}

#member {
    margin-top: 15px;
}

/* ------------------------------
 Header
------------------------------ */

#header {
    position:relative;
    width:800px;
    float:left;
    margin-bottom:10px;
    margin-top:30px;
}

#logo {
    float:left;
    margin-right: 8px;
}

#recruitment {
	margin:10px 0 0 271px;
}

#header_menu{
    width:443px; 
}

#header_menu ul{
    position:absolute;
    bottom: 0;
    right: 0;
}

#header_menu li {
    font-size:82%;
    float: left;
    margin-right:10px;
}

#header_menu a {
    background: #FFF url(../imgs/arrow_bk.jpg) no-repeat left;
    padding-left:19px;
    padding-bottom:5px;
    padding-top:5px;
    margin-top: 5px;
    margin-bottom: 0;
}

#header_menu a:hover{ 
    background: url(../imgs/arrow_gray.jpg) no-repeat left;
}

#header_menu li#right{
    margin-right: 0;
}

/* ------------------------------
 メニュー
------------------------------ */

#menu{
    clear:left;
}

#menu img{
    vertical-align:bottom;
}

#menu li{
    float: left;
//    margin-right: 1px;
    margin-right: 3px;
//    height: 40px;
    height: 54px;
 
}

#menu li#menu_trade{
    margin-right: 0px;
}

/* ------------------------------
 サブメニュー
------------------------------ */

.low{
    padding:5px;
//    background-color:#848484;
}

div.low:after {
    content : "";
    display : block;
    height : 0;
    clear : both;
} 

ul#low_menu { 
    font-size:80%;
    width:780px;
}
ul#low_menu li {
    float:left;
    line-height: 150%;
    white-space:nowrap;
}
ul#low_menu li a {
    background: url(../imgs/arrow_gray.gif) no-repeat 0 3px;
    padding-left:19px;
    margin-left:5px;
    margin-right:10px;
    text-decoration:none;
    color:#FFF;
}

h1.low {
//    font-weight:bold;
    margin-top:10px;
    padding-top: 8px;
//    padding-left: 10px;
    padding-left: 0px;
    font-size: 120%;
//    color:#FFF;
}

.low > span {
font-size: 80%;
}

.bg_xf15{
    background-color:#CC9980;
}

.bg_net{
    background-color:#8080FF;
}

.bg_precut{
    background-color:#FF8080;
}

.bg_twoxfour{
    background-color:#80CC99;
}

/* ------------------------------
 パンくず
------------------------------ */

ol#topicPath {
    padding:10px 0 0 0;
    font-size:70%;
    zoom:1;
}

ol#topicPath li {
    float:left;
    white-space:nowrap;
    margin:0;
    padding:0;
    line-height:150%;
}

ol#topicPath li a {    
    color:#333;
    margin-right:5px;
    padding-right:15px;
    background: url(../imgs/tpath.gif) no-repeat right center;
}

/* ------------------------------
 見出し画像
------------------------------ */
#image{
    margin-top:10px;
}

/* ------------------------------
 content
------------------------------ */

#wrapper {
    width:800px;    
    overflow !important;
    _margin-bottom:20px; /* IE6 */
    overflow :hidden\9; /* IE8 and below */
}

#content {
    width:670px;
    float:left;
    margin-top:20px;
    padding-bottom:20px;
    font-size:95%;
}

/* ------------------------------
 トップお知らせ
------------------------------ */

dl.news{
    font-size:90%;
    width:640px;
    margin:20px 15px 30px 15px;
}

dl.news dt {
    float:left;
    width:80px;
    padding-left: 47px;
    padding-bottom:5px;
    clear:both;
}
  
dl.news dd {
    width:490px;
    margin-left: 10em;
    padding-bottom: 5px;
}

dl.news dt.new {
    background: #FFF url(../imgs/newmark.gif) no-repeat left top;
}

dl.news dt.ipt {
    background: #FFF url(../imgs/iptmark.gif) no-repeat left top;
}


/* ------------------------------
 content内
------------------------------ */
#fadein{
	display:none;
}

img.top_bn{
    margin-bottom:10px;
}

h2 {
    font-weight:bold;
    color:#333333;
//    padding:5px 10px 5px 10px;
    margin:0 0 20px 0;
//    background: url(../imgs/bg_h2.gif) repeat-x left bottom;
    font-size:120%;
}
h2 > span{
    font-weight:normal;
    font-size:65%;
}

/* h2色分けクラス↓H24.7リニューアルにより色分け廃止
---------------------------------------------------------------

h2.h2_blue {
    background: url(../imgs/h2_blue.gif) no-repeat left center;
}

h2.h2_red {
    background: url(../imgs/h2_red.gif) no-repeat left center;
}

h2.h2_green {
    background: url(../imgs/h2_green.gif) no-repeat left center;
}

h2.h2_pink {
    background: url(../imgs/h2_pink.gif) no-repeat left center;
}

h2.h2_brown {
    background: url(../imgs/h2_brown.gif) no-repeat left center;
}
---------------------------------------------------------------
*/

.h3box {
	margin: 10px 10px 20px 25px;
}

h3 {
    font-weight:bold;
    font-size:95%;
//    margin:10px 10px 10px 25px;
    margin:10px 10px 10px 10px;
//    background: url(../imgs/bg_h3.jpg) repeat-x left top;
}

h3 div.folder {
    font-weight:bold;
    font-size:95%;
    padding:5px 5px 5px 26px;
    background: url(../imgs/h3_folder.gif) no-repeat left 3px;
}

h3.member {
    padding:15px 5px 10px 10px;
    margin-bottom:20px;
    background: url(../member/imgs/h3_member.jpg) no-repeat left top;
    color:#FFFFFF;
    font-size:95%;
    text-align:center;
}

h4 {
    font-size:95%;
    font-weight:bold;
    margin:10px 10px 10px 50px;
}

h4 div.document {
    font-size:95%;
    font-weight:bold;
    margin-left:10px;
    padding:5px 5px 5px 20px;
    background: url(../imgs/h4_document.gif) no-repeat left center;
}

.mar_l {
    margin-left:20px;
}

#content p {
    font-size:95%;
    text-indent: 1em;
    margin:0 0 10px 0;
}

#content p.non_ind {
    text-indent: 0;
}

.lead{
    margin:10px 10px 20px 25px;
    font-size:80%;
}

.lead p{
    font-size:80%;
    line-height:130%;
    margin:0;
}

#content p.out {
    font-size:90%;
    text-indent: 1em;
    margin:0;
}

#content p.margin_b_20{
    margin-bottom:20px;
}

#content ol{
    font-size:90%;
    margin:10px 0 30px 0;
}

#content ol li{
    margin:0 0 3px 10px;
    padding:0 0 0 22px;
//    background: url(../imgs/bg_li_a.gif) no-repeat left 2px;
    background: url(../imgs/bg_li_a.gif) no-repeat left 4px;
}

#content ol li.normal{
    background: url(../imgs/bg_li.gif) no-repeat left 2px;
    font-size:95%;
}

#content ol li.pdf{
    background: url(../imgs/pdficon_small.gif) no-repeat left 2px;
}

#content ol li.zip{
    background: url(../imgs/ico_zip.gif) no-repeat left 2px;
}

#content ol.dl{
    margin:10px 0 30px 0;
}

#content ol.dl li{
//    padding:0 0 0 69px;
    padding:0 0 0 5px;
    margin-left: 10px;
//    background: url(../imgs/dl_pdf.gif) no-repeat left top;
    background: none;
}

#content ol.dl li.new{
    background: url(../imgs/newmark_pdf.gif) no-repeat left top;
}

img.go_top{
    float:right;
    margin:0;
}

.box{
    margin:0 10px 30px 50px;
    width:610px;
}

/* ------------------------------
 adobeバナー
------------------------------ */

#go_adobe{
    background: #EFEFEF;
    padding:10px;
    margin-bottom:0;
    margin-top:20px;
    font-size:70%;
    height: 31px;
}

#go_adobe img{
    margin-right:10px;
    float:left;
}

/* --マイナビと一緒に掲載の場合のスタイル-- */

#go_adobe2{
    background: #EFEFEF;
    padding:10px;
    margin-bottom:0;
    margin-top:10px;
    font-size:70%;
    height: 31px;
}

#go_adobe2 img{
    margin-right:10px;
    float:left;
}
#go_mynavi{
	border:3px solid #00B0F0;
	padding:10px 0;
	margin-bottom:0;
	margin-top:20px;
	font-size:100%;
	font-weight:bold;
}
#go_mynavi #go_mynaviH{
	font-size:120%;
	font-weight:bold;
	text-align:left;
	text-indet:0em;
	margin:0;
}
#go_mynavi dl dt{
	font-size:110%;
	font-weight:bold;
	display:block;
	text-align:center;
}
#go_mynavi dl dd{
	text-align:center;
	font-weight:bold;
	margin:10px;
	font-size:110%;
}

#go_mynavi img{
    margin-right:10px;
    margin-top:5px;
}

#recruit_box{
	border-bottom:3px solid #00B0F0;
	border-right:3px solid #00B0F0;
	border-left:3px solid #00B0F0;
	padding:5px 0 0 0;
	margin:0;
	background-color:#dcf8fc;
	width:664px;
	height:105px;
}
#recruit_box a{
	float:right;
	padding:5px 10px 0 0;
}
#recruit_box dt{
	padding:15px 0 0 0;
}
#recruit_box dd{
	margin:20px 0 0 200px;
}
#recruit_bar {
	border-top:3px solid #00B0F0;
	padding:10px 0;
	background-color:#fff;
	margin:0;
	width:100%;
}
#go_recruit dl dt{
	font-size:110%;
	font-weight:bold;
	display:block;
	text-indent:5em;
}
#go_recruit dl dd{
	font-weight:bold;
	text-align:center;
}
#go_recruit a {
	border-style:0;
	text-decoration:none;
	vertical-align:bottom;
	background:transparent;
}

/* ------------------------------
 右メニュー
------------------------------ */

#sidebar {
    margin-top:20px;
    width:110px;
    float:right;
}

#sidebar img{
    vertical-align: middle;
    margin-bottom:2px;
}

#sidebar img#member,#sidebar img#manual,#sidebar img#request{
    margin-bottom:10px;
}


/* ------------------------------
 ページ先頭へのリンク
------------------------------ */

a.toplink {
    text-decoration:none;
}

a.toplink div {
    width:135px;
    height:25px;
    background:#333;
    color:#fff;
    font-size: 80%;
    font-weight:bold;
    float:right;
    line-height:25px;
    text-align:center;
    cursor:pointer;
}


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

#footer {
    width:100%;
    clear:both;
    font-size:86%;
    text-align:right;
    margin-bottom:20px;
    border-top:1px #999 solid;
}

#footer p.lesson_info{
    float:right;
    font-size:95%;
    margin:10px 0;
}


#footer p.lesson_info a{
    background: #FFF url(../imgs/arrow_red.jpg) no-repeat left;
    padding-left:19px;
    padding-bottom:5px;
    padding-top:5px;
    color:#FF0000;
    text-decoration:none;
}

#footer p.lesson_info a:hover{
    background: url(../imgs/arrow_gray.jpg) no-repeat left;
}

#footer p.lesson_data{ 
    float:right;
    font-size:95%;
    margin-left:10px;
    margin-bottom:10px;
    margin-top:10px;
}

#footer p.lesson_data a{
    background: #FFF url(../imgs/arrow_bk.jpg) no-repeat left;
    padding-left:19px;
    padding-bottom:5px;
    padding-top:5px;
    color:#000;
    text-decoration:none;
}

#footer p.lesson_data a:hover{
    background: url(../imgs/arrow_gray.jpg) no-repeat left;
}

#footer p.tel{
    font-size:90%;
    clear:right;
    padding-top:10px;
    border-top:1px #999 solid;
}

#copy{
    font-size:90%;
    margin-top:5px;
}

/* ------------------------------
 メールフォーム
------------------------------ */
.myform{
    margin:0 0 0 40px;
    text-align:center;
}

.form_login{
    margin:0 0 0 70px;
    text-align:center;
}

.stylized{
    border:solid 2px #b7ddf2;
    background:#ebf4fb;
    margin:10px 10px 30px 50px;
    padding:15px;
    text-align:center;
}

#content p.cap{
    font-size:75%;
    color:#333;
    text-indent: 0;
    margin-bottom:0;
    text-align:left;
}

#content p.exp{
    font-size:75%;
    color:#F00;
    text-indent: 0;
    margin-bottom:0;
    text-align:left;
}

#content p.inq_bor{
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:solid 1px #b7ddf2;
}

.stylized .annotation{
    font-size:75%;
    color:#F00;
}

.stylized label{
    clear:both;
    display:block;
    font-size:95%;
    font-weight:bold;
    text-align:left;
    line-height:100%;
    width:170px;
    float:left;
    border-left:solid 3px #b7ddf2;
    margin-right: 5px;
    padding-left:8px;
    padding-top:3px;
}

.stylized label.login{
    clear:both;
    display:block;
    font-size:95%;
    font-weight:bold;
    text-align:left;
    line-height:100%;
    width:110px;
    float:left;
    border-left:solid 3px #b7ddf2;
    padding:8px 0 7px 8px; 
}

.stylized .small{
    color:#666666;
    display:block;
    font-size:80%;
    font-weight:normal;
    text-align:left;
    width:170px;
}

.stylized .small_opt{
    color:#666666;
    display:block;
    font-size:80%;
    font-weight:normal;
    text-align:left;
    width:170px;
    padding-top:1.5em;
}

.stylized input{
    float:left;
    font-size:85%;
    padding:5px;
    border:solid 1px #aacfe4;
    width:300px;
    margin:0 0 20px 0;
}

.stylized textarea{
    float:left;
    font-size:85%;
    padding:4px;
    border:solid 1px #aacfe4;
    width:300px;
    height:200px;
    margin:2px 0 20px 0;
}

.stylized select{
    float:left;
    padding:2px;
    font-size:85%;    
    border:solid 1px #aacfe4;
    width:310px;
    margin:2px 0 5px 0;
}

.stylized select option {
    border:solid 1px #aacfe4;
}

.stylized .btnarea{
    width:300px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.stylized button{
    clear:both;
    width:80px;
    margin:0 10px;
    padding:0;
    text-align:center;
    text-decoration:none;
    color:#333;
    font-size:90%;
    font-weight:bold;
}

.stylized button.pass{
    width:130px;
}

.stylized table {
	margin:0 auto 20px auto;
	width:90%;
	font-size:95%;
	border-top: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    border-left:solid 3px #b7ddf2;
}

.stylized table th {
    width:11em;
    font-weight:bold;
    padding: 0.5em;
    border-top: #ccc solid 1px;
    border-right: #ccc dotted 1px;
    border-bottom: #ccc solid 1px;
    border-left: #ccc solid 0px;
    line-height: 1.6em;
}

.stylized table td {
    font-size:85%;
    padding: 0.5em;
    border-top: #ccc solid 1px;
    border-right: #ccc solid 1px;
    border-bottom: #ccc solid 1px;
    border-left: #ccc dotted 0px;
    line-height: 1.6em;
    text-align:left;
}

/* ------------------------------
 アコーディオン部分
------------------------------ */

div.block{
    padding:0 10px 0 50px;
    }

div.block h4{
    margin:0;
    padding:0;
    }
    
h3.aco a{
    display:block;
    }

h3.aco a:hover{
    color:#FF0000;
    }

#content div.block ol{
    margin:0 0 20px 0;
    }

/* ------------------------------
 サイトマップ用ul
------------------------------ */

.sitemap{    
    font-weight:bold;
//    margin:0 10px 10px 25px;
    margin:0 10px 10px 0px;
    padding:0.7em;
}

/* 1階層目 */
ul#sitemap {
    font-size:90%;
//    margin:0 0 30px 50px;
    margin:0 0 30px 15px;
}

ul#sitemap li{
    margin-bottom:10px;
    
}

ul#sitemap li a{
    font-weight:bold;
    padding:0 5px 0 20px;
    background: url(../imgs/bg_li_a.gif) no-repeat left center;
}

/* 2階層目 */
ul#sitemap ul {
    font-size:95%;
    margin:15px 0 15px 20px;
    padding-bottom:5px;
}

ul#sitemap ul li{
    line-height:170%;
    margin-bottom:0;
}

ul#sitemap ul li a{
    font-weight:normal;
    padding:5px 5px 5px 10px;
    border-left:1px #cccccc solid;
    background:none;
}

ul#sitemap ul li.pdf a{
    padding-left:2.3em;
    background: url(../imgs/pdficon_small.gif) no-repeat 10px 6px;    
}

/* ------------------------------
 Ｑ＆Ａ用
------------------------------ */

#content img.qa_btn {
    margin:20px 0 5px 0;
}

#content p.qa_ind {
    text-indent: 0;
}

/* ------------------------------
 その他調整用
------------------------------ */

div.clear {
    clear:both;
}

.clear hr {
    display:none;
}

.t_cen{
    text-align:center;
}

.t_rig{
    text-align:right;
}

.t_rigtop{
    vertical-align: top;
    text-align:right;
}

.t_bol{
    font-weight:bold;
}

.t_red{
	color:#FF0000;
}

.t_orange{
	color: #FF6600;
}

.t_orangered{
	color: #ff3300;
}

.break{
	page-break-before: always;
}

.mbottom30px{
	margin-bottom: 30px;
}

/* ------------------------------
 ジャンプページ用
------------------------------ */
#jump_header {
	text-align:left;
	margin:0px;
	padding:20px 10px 10px 10px;
}

#jump_main {
    text-align:left;
    font-size:90%;
    width:560px;
    padding:20px;
}

#jump_footer {
    width:580px;
    text-align:right;
    margin: 0;
    padding: 0;
}

#jump_footer p {
    border-top:1px #999 solid;
    text-align:right;
    padding:10px;
}

.jump_close {
    text-align:right;
    margin:10px 10px 0px 10px;
    padding:0px;
}

#jump_main p {
    text-align:center;
    margin:20px;
    border:5px #EEEEEE solid;
    padding:20px;
}

/* ------------------------------
 調整用
------------------------------ */
.font_l1 {
	font-size: 120%;
}

.font_s1 {
	font-size: 90%;
}

.font_s2 {
	font-size: 80%;
}

.w_15p {
	width: 15%;
}

.w_20p {
	width: 20%;
}