@charset "Shift_JIS";

/* ----------------------------------------------------------------
    Structure= Frame
----------------------------------------------------------------- */
#frame{
}


/* ----------------------------------------------------------------
    Structure= Promotion Area
----------------------------------------------------------------- */
#promotion{
width:100%;
height:197px;
background:url("../images/bg_promotion.gif") 50% 0 no-repeat;
}

#promotion div{
position:relative;
margin:0 auto;
width:802px;
}

#promotion div div{
position:static;
margin:0;
width:auto;
}

#promotion div#mainVisual{
position:absolute;
top:0;
left:1px;
}

#promotion div#map{
position:absolute;
top:0;
left:558px;
}

#promotion div#map a{
outline:0;
}


/* ----------------------------------------------------------------
    Structure= Content
----------------------------------------------------------------- */
#content{
position:relative;
}


/* ----------------------------------------------------------------
    Structure= Content Body
----------------------------------------------------------------- */
#contentBody{
margin:0 auto;
padding:15px 23px 0 23px;
_padding-right:22px;
width:764px;
_width:765px;
background:url("../images/common/bg_content.gif") 0 0 repeat-y;
}


/* ----------------------------------------------------------------
    Structure= Main Column
----------------------------------------------------------------- */
#main{
float:left;
margin:0 0 8px;
padding:0;
width:540px;
min-height:0;
_height:0;
background:none;
}

#main *{
margin-right:0;
margin-left:0;
}


/* ----------------------------------------------------------------
    Structure= Sub Column
----------------------------------------------------------------- */
#sub{
float:right;
margin:0 0 8px;
width:202px;
}

#sub *{
margin:0;
padding:0;
}


/* ----------------------------------------------------------------
    Modules= Heading
----------------------------------------------------------------- */
#main h1{
display:none;
}

#main div.hdTypeTop,
#relatedInfo div.hdTypeTop{
position:relative;
margin-bottom:5px;
}

#main div.hdTypeTop *,
#relatedInfo div.hdTypeTop *{
margin:0;
padding:0;
}

#main div.hdTypeTop h2,
#relatedInfo div.hdTypeTop h2{
background:none;
font-size:0;
line-height:0;
}

#main div.hdTypeTop ul,
#relatedInfo div.hdTypeTop ul{
position:absolute;
top:0;
right:0;
font-size:0;
line-height:0;
}

#main div.hdTypeTop ul li,
#relatedInfo div.hdTypeTop ul li{
display:inline;
font-size:0;
line-height:0;
vertical-align:middle;
}

#main div.hdTypeTop ul li.btnRss,
#relatedInfo div.hdTypeTop ul li.btnRss{
margin-left:5px;
}

#main div.hdTypeTop ul li img,
#relatedInfo div.hdTypeTop ul li img{
vertical-align:middle;
_vertical-align:top;
}


/* ----------------------------------------------------------------
    Component= Block of Course
----------------------------------------------------------------- */
#main div#blockCourse{
margin-bottom:14px;
background:url("/images/bg_block-course.gif") 0 100% no-repeat;
}

#main div#blockCourse *{
margin:0;
padding:0;
}

#main div#blockCourse div.section{
float:left;
}

#main div#blockCourse div#box01{
margin-right:2px;
width:179px;
}

#main div#blockCourse div#box02{
margin-right:2px;
width:179px;
}

#main div#blockCourse div#box03,
#main div#blockCourse div#box04{
width:178px;
}

#main div#blockCourse div.section h2{
position:static;
margin:0;
padding:0;
border-top:1px solid #ccc;
border-bottom:1px solid #fff;
background:none;
}

#main div#blockCourse div#box04 h2{
border-top:1px solid #ccc;
}

#main div#blockCourse div.section div{
padding:7px 10px 10px 10px;
border-top:1px solid #ccc;
}

#main div#blockCourse div.section div p{
margin-bottom:8px;
line-height:1.2;
}

#main div#blockCourse div.section div ul li{
font-size:81.25%;
}


/* ----------------------------------------------------------------
    Component= Block of Utility
----------------------------------------------------------------- */
#main div#blockUtility{
margin-bottom:13px;
padding-bottom:1px;
background:url("../images/bg_block-utility.gif") 0 100% no-repeat;
}

#main div#blockUtility div#purpose{
float:left;
width:277px;
}

#main div#blockUtility div#column{
float:right;
width:250px;
}

#main div#blockUtility div#purpose h2,
#main div#blockUtility div#column h2{
margin:0;
padding:0;
background:none;
border:0;
}

#main div#blockUtility div#purpose div.section,
#main div#blockUtility div#column div.section{
border:1px solid #ffe9e3;
border-top:0;
border-bottom:0;
}

#main div#blockUtility div#purpose div.section{
padding:7px 10px 0;
background-color:#fffbfa;
}

#main div#blockUtility div#purpose div.section p{
margin:0 0 8px 0;
line-height:1.3;
}

#main div#blockUtility div#purpose div.section ul{
margin:0 0 8px 0;
}

#main div#blockUtility div#purpose div.section ul li{
padding:3px 0 1px 16px;
background:url("../images/common/line_dot_02.gif") 0 0 repeat-x;
text-indent:-16px;
}

#main div#blockUtility div#purpose div.section ul li a{
padding-left:16px;
background:url("../images/common/bullet_arrow_05.gif") 0 0.2em no-repeat;
}

#main div#blockUtility div#purpose div.section ul li span a{

}

#main div#blockUtility div#purpose div.section ul li img.icon{
_padding:4px 0;
vertical-align:middle;
}

#main div#blockUtility div#column div.section{
padding-top:10px;
}

#main div#blockUtility div#column div.section ul{
margin:0;
margin-left:8px;
width:240px;
overflow:hidden;
/*padding-left:8px;*/
}

#main div#blockUtility div#column div.section ul li{
float:left;
margin-right:8px;
margin-bottom:8px;
width:112px;
font-size:68.75%;
line-height:1.3;
}

#main div#blockUtility div#column div.section ul li img{
margin-bottom:3px;
}


/* ----------------------------------------------------------------
    Modules= Release List
----------------------------------------------------------------- */
#main ul.releaseList li{
position:relative;
}

#main ul.releaseList li span.date{
display:block;
position:absolute;
top:0;
left:0;
}

#main ul.releaseList li span.title{
display:block;
padding-left:7.5em;
}


/* ----------------------------------------------------------------
    Component= Flash Banner Area
----------------------------------------------------------------- */
#sub div#flashBanner{
margin-bottom:10px;
}


/* ----------------------------------------------------------------
    Component= Site Search
----------------------------------------------------------------- */
#sub #siteSearch{
margin-bottom:7px;
}

#sub #siteSearch h2{
margin-bottom:1px;
padding-bottom:1px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#sub #siteSearch fieldset{
padding:11px 0;
border:0;
background-color:#f8f8f8;
}

#sub #siteSearch fieldset legend{
display:none;
}

#sub #siteSearch fieldset p{
text-align:center;
}

#sub #siteSearch fieldset input#siteSearchBox,
#sub #siteSearch fieldset input#siteSearchBtn{
vertical-align:middle;
}

#sub #siteSearch fieldset input#siteSearchBox{
margin-right:8px;
padding:1px;
border:1px solid #999;
width:121px;
}


/* ----------------------------------------------------------------
    Component= Inquiry
----------------------------------------------------------------- */
#sub #inquiry{
margin-bottom:10px;
}

#sub #inquiry h2{
margin-bottom:1px;
padding-bottom:1px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}


/* ----------------------------------------------------------------
    Component= Navigation ( Sub Column )
----------------------------------------------------------------- */
#sub ul#navigation{
margin-bottom:10px;
}

#sub ul#navigation li{
margin-bottom:7px;
font-size:0;
line-height:0;
}


/* ----------------------------------------------------------------
    Component= News
----------------------------------------------------------------- */
#sub #news{
margin-bottom:10px;
}

#sub #news h2{
margin-bottom:1px;
padding-bottom:1px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#sub #news div.section{
padding:4px 10px 3px 10px;
background:#f5f5f5;
}

#sub #news div.section ul li{
margin-bottom:5px;
font-size:68.75%;
line-height:1.3;
}


/* ----------------------------------------------------------------
    Component= Banner Area
----------------------------------------------------------------- */
#sub ul#bannerArea li{
margin-bottom:5px;
font-size:0;
line-height:0;
}

#sub ul#bannerArea li.lastChild{
margin-top:10px;
}


/* ----------------------------------------------------------------
    Component= Related Information
----------------------------------------------------------------- */
#relatedInfo{
clear:both;
margin-bottom:90px;
width:764px;
overflow:hidden;
}

#relatedInfo *{
margin:0;
padding:0;
}

#relatedInfo ul{
width:765px;
}

#relatedInfo ul li{
float:left;
margin:0 5px 6px 0;
}

.none{
display:none;
}