@charset "utf-8";
/* CSS Document */

/* import css 
----------------------------------*/
@import url(reset.css);
@import url(base.css);


/* right_col 
----------------------------------*/

#right_col p{
font-size: 120%;
line-height: 1.3em;
}

#right_col h2{
width: 545px;
margin-top: 10px;
}

/* right_column_box 
----------------------------------*/

#right_column_box01{
width: 545px;
position: relative;
margin:0;
}

#right_column_box01 p.course_list_btn{
position: absolute;
top: 18px;
left: 383px;
}

* html #right_column_box01 p.course_list_btn{top: 28px;}
*+html #right_column_box01 p.course_list_btn{top: 28px;}

#right_column_box02{
height: 277px;
padding: 6px 14px 0;
background: url(../images/top/course_nav_bg.gif) top left repeat;
border: 1px solid #ccc;
border-top: none;
}

#right_column_box02 ul li{
margin-bottom: 5px;
}

#right_column_box_03 h2,
#right_column_box_04 h2{
width: 545px;
margin: 0 0 12px;
}

#right_column_box_03 h3{
width: 545px;
margin: 41px 0 10px;
}


/* information
----------------------------------*/

#information{
width: 265px;
margin-top: 16px;
position: relative;
float: left;
}

.backnumber_btn{
position: absolute;
top: 7px;
left: 215px;
}

#information #information_container{
width: 244px;
border: 1px solid #ccc;
border-top: none;
padding:16px 6px 16px 13px;
}

#information #information_container #information_content{
width: 244px;
height: 125px;
overflow-y: scroll;
}

#information #information_container #information_content dl{
font-size: 12px;
line-height: 1.3em;
background: url(../images/common/dotted_line.gif) left bottom repeat-x;
padding: 0 1.3em 1em 0.2em;
margin-bottom: 1em;
}

#information #information_container #information_content dl dt{
color: #0e3aab;
font-weight: bold;
}

/* content_nav_box
----------------------------------*/

#content_nav_box01{
width: 269px;
float: right;
}

#content_nav_box01 img{
margin-top:10px;
}

#content_nav_box02{
width: 545px;
margin: 13px 0 13px;
}

#content_nav_box02 ul{
margin-bottom: 10px;
clear: both;
}

#content_nav_box02 ul li{
display: inline;
float:left;
padding-right: 8px;
}

#content_nav_box02 ul li.end{
padding-right: 0 !important;
}

/* course_box
----------------------------------*/

ul.course_nav{
margin-bottom: 11px;
}

ul.course_nav li{
display: inline;
background: url(../images/course/list_circle_icon.gif) center left no-repeat;
padding: 0 20px;
font-size: 120%;
line-height: 1.6em;
}

.course_box_wrapper {
width: 548px;
background:url(../images/course/course_box_bg.gif) left top repeat-y;
margin-bottom: 20px;
}

.course_box {
width: 548px;
background:url(../images/course/course_box_bottom.gif) left bottom no-repeat;
padding-bottom: 5px;
}

.course_box_inner{
width: 510px;
background:url(../images/course/course_box_top.gif) left top no-repeat;
padding: 22px 19px 27px;
}

.course_box .course_box_inner .chartbox{
width: 66px;
padding-right: 22px; 
float: left;
}

.course_box .course_box_inner .chartbox p{
text-align: center;
color: #050143;
}

.course_box .course_box_inner .flowchart01,
.course_box .course_box_inner .flowchart02,
.course_box .course_box_inner .flowchart03{
width: 510px;
padding-bottom: 11px;
margin: 11px 0;
}

.course_box .course_box_inner .flowchart01{
background: url(../images/course/course_line_01.gif) left bottom repeat-x;
}
.course_box .course_box_inner .flowchart02{
background: url(../images/course/course_line_02.gif) left bottom repeat-x;
}
.course_box .course_box_inner .flowchart03{
background: url(../images/course/course_line_03.gif) left bottom repeat-x;
}

.course_box .course_box_inner .flowchart01 .chartbox{
background: url(../images/course/course_arrow_01.gif) top right no-repeat;
}
.course_box .course_box_inner .flowchart02 .chartbox{
background: url(../images/course/course_arrow_02.gif) top right no-repeat;
}
.course_box .course_box_inner .flowchart03 .chartbox{
background: url(../images/course/course_arrow_03.gif) top right no-repeat;
}

.course_box .course_box_inner .off{
background: none !important;
}

.course_box .course_box_inner .end{
padding-right: 0 !important;
}

.course_box .course_box_inner .chartbox img{
margin-bottom: 8px;
}

.course_box .course_box_inner .alignleft{
margin-right: 8px;
}

.course_box .course_box_inner p.h4_text{
font-size: 14px !important;
color: #050143;
}

.option_text{
width: 271px;
padding-right: 10px;
}

.course_box .chart-genral,
.course_box .chart-raku,
.course_box .chart-full{
width: 510px;
padding-bottom: 11px;
padding: 0 19px;
}

.course_box h5{
width: 482px;
height: 22px;
line-height: 22px;
font-weight: bold;
font-size: 120%;
padding-left: 28px;
margin-bottom: 12px;
}

.course_box .chart-genral h5{
background: url(../images/course/h5-title_general.gif) left top no-repeat;
color:#0194d6;
}

.course_box .chart-raku h5{
background: url(../images/course/h5-title_rakuraku.gif) left top no-repeat;
color:#fb8201;
}

.course_box .chart-full h5{
background: url(../images/course/h5-title_full.gif) left top no-repeat;
color:#069816;
}

.course_box .chart-genral dl,
.course_box .chart-raku dl,
.course_box .chart-full dl{
width: 510px;
}

.course_box .chart-genral dl.chartbox02 dt,
.course_box .chart-raku dl.chartbox02 dt,
.course_box .chart-full dl.chartbox02 dt{
width: 178px;
float: left;
}

.course_box .chart-genral dl.chartbox02 dd,
.course_box .chart-raku dl.chartbox02 dd,
.course_box .chart-full dl.chartbox02 dd{
width: 324px;
float: left;
}

.course_box .chart-genral dl.chartbox02 dd p,
.course_box .chart-raku dl.chartbox02 dd p,
.course_box .chart-full dl.chartbox02 dd p{
margin-bottom: 10px;
}

p.charttop{
text-align: right;
margin-bottom: 10px;
}

/* option_box
----------------------------------*/

#option_box_wrapper{
margin: 41px 0 17px;;
}

.option_box_col{
width: 545px;
margin-bottom: 10px;
}

.option_box_col .option_box{
width: 177px;
background: url(../images/option/option_box_bottom.gif) left bottom no-repeat;
padding-bottom: 8px;
float: left;
margin-right: 7px;
}

.option_box_col .end{
margin-right: 0 !important;
}

.option_box_col .option_box .option_box_inner{
width: 177px;
background: url(../images/option/option_box_bg.gif) left top repeat-y;
}

.option_box_col .option_box .option_box_inner h3{
font-size: 140%;
text-align: center;
color: #004cab;
font-weight: bold;
width: 145px !important;
margin-top: 0 !important;
margin-bottom: 10px;
}

.option_box_col .option_box .option_box_inner .option_box_upper{
width: 145px;
background: url(../images/option/option_box_top.gif) left top no-repeat;
padding: 21px 16px 0;
}

.option_box_col .option_box .option_box_inner .option_box_lower{
height: 15em;
padding: 12px 16px 14px;
}

.option_box_col .option_box .option_box_inner .option_box_upper img{
padding: 2px;
border: 1px solid #ccc;
background-color: #fff;
}

/* staff_box, track_box
----------------------------------*/

#staff,
#track{
margin-top: 57px;
}

.staff_box,
.track_box{
width: 545px;
height: auto;
margin-bottom: 20px;
}

.staff_box img,
.track_box img{
padding-right: 10px;
padding-bottom: 10px;
}

.staff_box .staff_box_text,
.track_box .track_box_text{
width: 360px;
float: left;
overflow: hidden;
}

.staff_box .staff_box_text h3,
.track_box .track_box_text h3{
width: 345px !important;
line-height: 22px;
margin-top: 0 !important;
display: block;
background: url(../images/common/h3_title.gif) top left repeat-y;
padding-left: 15px;
font-size: 140%;
font-weight: bold;
color: #025ffb;
}

.staff_box .staff_box_text h4{
font-size: 120%;
font-weight: bold;
}

.staff_box .staff_box_text p,
.track_box .track_box_text p{
margin-bottom: 20px;
}

.staff_box .staff_box_text em{
font-weight: bold;
}

#track_notice {
width: 545px;
padding-top: 16px;
background: url(../images/common/dotted_line.gif) top left repeat-x;
}

/* plan_box
----------------------------------*/

#plan{
margin-top: 40px;
}

#plan ul#localmenu{
height: 58px;
}

#plan ul#localmenu li{
width:178px;
height:26px;
display: inline;
float: left;
padding-right: 7px;
padding-bottom: 9px;
cursor: pointer;
}

#plan ul#localmenu li.end{
padding-right: 0 !important;
}

.plan_box01{
width: 545px;
position: relative;
margin:0;
margin-bottom: 10px;
}

.plan_box01 p.estimate_link_btn{
position: absolute;
left: 415px;
top: 0px;
}

.plan_box02{
margin: 0;
padding: 0;
}

.plan_box02 img.alignleft{
margin-right: 10px;
margin-bottom: 10px;
}

* html .plan_box01 p.estimate_link_btn{
top: 41px;
}

*+html .plan_box01 p.estimate_link_btn{
top: 41px;
}

.plan_box02 p{
margin-bottom: 20px;
}

#service dl{
width: 545px;
margin-top: 20px;
}

#service dl dt,
#service dl dd{
font-size: 150%;
font-weight: bold;
float: left;
}

#service dl dt{
width: 60px;
margin-bottom: 20px;
}

#service dl dd{
width: 485px;
color: #02abfa;
margin-bottom: 20px;
}

#service p.clear{
padding-top: 12px;
background: url(../images/common/dotted_line.gif) top left repeat-x;
}

*+html #service p.clear{
margin-top: 20px;
}

.assurance_box{
width: 543px;
margin-top: 20px;
border: 1px solid #ccc;
background-color: #fef1d9;
}

.assurance_box p{
display: block;
margin: 15px;
}

/* flow_box
----------------------------------*/

#flow {
padding-top: 27px;
}

.flow_box_col{
width: 545px;
padding-bottom:	23px;
background: url(../images/flow/arrow_lowerleft.gif) bottom center no-repeat;
}

dl.flow_box{
width: 253px;
float: left;
margin: 5px 0;
padding-right: 39px;
background: url(../images/flow/arrow_right.gif) 260px center no-repeat;
}

#flow div.end,
#flow dl.end{
padding-right: 0px !important;
background: none !important;
}

dl.flow_box dt{
width: 239px;
background: url(../images/flow/box_title.gif) top left repeat-y;
padding-left: 14px;
font-size: 140%;
font-weight: bold;
line-height: 22px;
margin-bottom: 12px;
}

dl.flow_box dd img{
width: 126px;
padding: 1px;
border: 1px solid #ccc;
margin-right: 8px;
float: left;
}

dl.flow_box dd p{
font-size: 120%;
}

/* preparation_box
----------------------------------*/

#preparation{
margin-top: 40px;
}

#preparation ul#localmenu{
height: 33px;
margin-bottom: 25px;
}

#preparation ul#localmenu li{
width:132px;
height:26px;
display: inline;
float: left;
padding-right: 7px;
padding-bottom: 9px;
}

#preparation ul#localmenu li.end{
padding-right: 0 !important;
}

.preparation_box01 h3{
margin-bottom: 20px !important;
}

#preparation h4{
font-size: 120%;
font-weight: bold;
display: block;
width: 506px;
height: 22px;
line-height: 22px;
padding-left:22px;
color: #025ffb;
background: url(../images/preparation/h4_title.gif) left bottom repeat-y;
margin: 15px 0;
clear: both;
}

#preparation p{
margin-bottom: 15px;
}

#preparation .illust_col{
width: 545px;
padding: 0 88px;
margin-bottom: 24px;
}

.preparation_box01 .illust_col img{
padding-right: 20px;
}

.preparation_box01 div.end{
background: none !important;
}

.know-how{
width: 545px;
clear: both;
padding-bottom: 10px;
margin-bottom: 10px;
background: url(../images/common/dotted_line.gif) left bottom repeat-x;
}

.know-how .illust{
width: 110px;
float: left;
}

.know-how .cnt{
width: 420px;
padding-left: 15px;
float: left;
}

.know-how .cnt p{
display: block;
height: 23px;
line-height:23px;
font-size: 120%;
vertical-align: middle;
}

.know-how .cnt p img{
padding-right: 15px;
}

.know-how .cnt dl{
font-size: 120%;
line-height: 1.5;
}

.know-how .cnt dl dt{
background: url(../images/preparation/list-circle.gif) left 3px no-repeat;
padding-left: 15px;
}

.preparation_box01 ul li{
background: url(../images/preparation/list-circle.gif) left 3px no-repeat;
padding-left: 15px;
font-size: 120%;
line-height: 1.5;
margin-bottom: 10px;
}

.preparation_box01 .preparation_box02 dl{
display: block;
float: left;
padding-right: 25px;
margin-bottom: 15px;
}

.preparation_box01 .preparation_box02 dl dt{
margin-bottom: 5px;
}

.preparation_box01 .preparation_box02 dl dd{
text-align: center;
font-size: 120%;
}

/* blog
----------------------------------*/

.asset{
background: url(../images/blog/asset_body_bg.gif) left top repeat-y;
margin-bottom: 30px;
}

.asset .asset-header{
background: url(../images/blog/asset_header.gif) left top repeat-y;
}

.asset .asset-header .entry-title{
width: 485px !important;
height: 38px;
padding-left: 60px;
padding-top: 2px;
line-height: 36px;
background: url(../images/blog/asset_header_bg.gif) left top no-repeat;
font-size: 140%;
}

.asset .asset-header .entry-title a{
font-weight: bold;
color: #fff;
text-decoration: none;
}

.asset .asset-body,
.asset .asset-more{
padding: 35px 30px 20px;
font-size:120%;
line-height: 1.5;
}

.asset-more-link{
font-size: 120%;
margin: 10px 30px 10px;
background: url(../images/blog/blog_list_arrow.gif) top left no-repeat;
padding-left: 15px;
}

.asset .asset-body{
background: url(../images/blog/asset_body_top.gif) left top no-repeat;
}

.asset-meta{
border-top: 1px solid #47acde;
padding-top: 15px;
}

.asset-meta div{
float: right;
}

.asset .asset-footer{
padding: 0 35px 35px;
background: url(../images/blog/asset_body_bottom.gif) left bottom no-repeat;
}

.asset .asset-body blockquote,
.asset .asset-more blockquote,
.asset .asset-body li,
.asset .asset-more li{
padding-left: 1.5em;
}

.asset .asset-body ul,
.asset .asset-body ol,
.asset .asset-more ul,
.asset .asset-more ol{
margin-bottom: 15px;
}

.asset .asset-body p,
.asset .asset-more p{
text-indent: 1em;
margin-bottom: 15px;
}

.entry-categories-header,
.entry-tags-header{
font-size: 120%;
}

ul.entry-tags-list,
ul.entry-categories-list{
margin-bottom: 15px;
}

ul.entry-tags-list li,
ul.entry-categories-list li{
display: inline;
font-size: 120%;
}

.search-results-header,
.archive-title{
font-size: 140%;
font-weight: bold;
border-bottom: 1px solid #47acde;
padding-bottom: 7px;
margin-bottom: 15px;
}

.archive-header{
font-size: 120%;
font-weight: bold;
padding-bottom: 3px;
}

.archive-list li{
padding-left: 1em;
font-size: 120%;
padding-bottom: 7px;
}

.content-nav{
font-size: 120%;
}


.crumb{
margin-bottom: 15px;
}

.crumb li{
display: inline;
font-size: 110%;
}

.crumb li span{
padding: 0 5px;
}

/* error
----------------------------------*/

#error #content{
width: 672px;
height: auto;
background-image: none;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 50px 63px 22px 63px;
}

#error #wrapper{
border-bottom: 1px solid #ccc;
}

#error h2{
margin-bottom: 28px;
font-size: 180%;
font-weight: bold;
color: #7e7d7d;
}

#error p{
font-size: 120%;
margin-bottom: 15px;
}

#error em{color: #f00;}
#error h2 em{font-weight: bold;}