/***********************************************/

/* emx_nav_right.css                           */

/***********************************************/

/***********************************************/

/* HTML tag styles                             */

/***********************************************/

BODY{

    font-family: "ＭＳ ゴシック",Osaka, sans-serif;

    color: #333333;

    line-height: 1.166;

    margin: 0px;

    padding: 0px;

    background: #cccccc url("bg_grad.jpg") fixed;

}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{

    color: #005FA9;

    text-decoration: none;

}

a:hover{

    text-decoration: underline;

}

/************** header tag styles **************/

h1{

    font: bold 120% "ＭＳ ゴシック",Osaka, sans-serif;

    color: #334d55;

    margin: 0px;

    padding: 0px;

}

h2{

    font: bold 114% "ＭＳ ゴシック",Osaka, sans-serif;

    color: #006699;

    margin: 0px;

    padding: 0px;

}

h3{

    font: bold 12px "ＭＳ ゴシック",Osaka, sans-serif;

    color: #334d55;

    margin: 0px;

    padding: 0px;

}

h4{

    font: 100% "ＭＳ ゴシック",Osaka, sans-serif;

    color: #333333;

    margin: 0px;

    padding: 0px;

}

h5{

    font: 100% "ＭＳ ゴシック",Osaka, sans-serif;

    color: #334d55;

    margin: 0px;

    padding: 0px;

}

/*************** list tag styles ***************/

ul{

    list-style-type: square;

}

ul ul{

    list-style-type: disc;

}

ul ul ul{

    list-style-type: none;

}

/********* form and related tag styles *********/

form {

    margin: 0;

    padding: 0;

}

label{

    font: bold 1em "ＭＳ ゴシック",Osaka, sans-serif;

    color: #334d55;

}

input{

    font-family: "ＭＳ ゴシック",Osaka, sans-serif;

}

/***********************************************/

/* レイアウトの定義                            */

/***********************************************/

/* ページのボディ */

#main{

    position:absolute;

    top: 8px;

    left: 8px;

    right: 8px;

    width:750px;

    background-color: #ffffff;

}

/* 左上の隅丸 */

#tl {

    position:absolute;

    top: 0px;

    left: 0px;

    margin: 0px;

    padding: 0px;

    z-index: 100;

}

/* 右上の隅丸 */

#tr {

    position:absolute;

    top: 0px;

    right: 0px;

    margin: 0px;

    padding: 0px;

    z-index: 100;

}

/* 右のナビゲーション */

#navi{

    float: right;

    width : 150px;

    padding: 0px;

    background-color: #F5f7f7;

    /* border-left: 1px solid #cccccc; */

    border-bottom: 1px solid #cccccc;

    font : 11px;

    font-family : "ＭＳ ゴシック",osaka,sans-serif;

}

/* 記述のボディ */

#content{

    padding: 4px 10px 10px 10px;

    margin:0px 150px 0px 0px;

    border-right: 1px solid #ccd2d2;

    font : 12px;

    font-family : "ＭＳ ゴシック",osaka,sans-serif;



}

#content2{

    padding: 8px 0px 0px 16px;

    margin:0px 150px 0px 0px;

    border-right: 1px solid #ccd2d2;

    font : 12px;

    font-family : "ＭＳ ゴシック",osaka,sans-serif;



}

#content3{

    padding: 16px 10px 16px 24px;

    margin:0px 150px 0px 0px;

    border-right: 1px solid #ccd2d2;

    font : 12px;

    font-family : "ＭＳ ゴシック",osaka,sans-serif;

    line-height : 1.25;



}

/***********************************************/

/* Component Divs                              */

/***********************************************/

#siteName{

    margin: 0px;

    padding: 16px 0px 8px 0px;

    color: #ffffff;

    font-weight: normal;

}

/************** pageName styles ****************/

/* トップページのヘッダーパート */

#pageNameBox{

    /* position: absolute; top: 0px; left: 0px; margin: 0px; */

    /* padding: 0px 0px 0px 0px; */

    height: 78px;

    border-bottom:1px solid #ccd2d2;

}

/* 記述ページのヘッダーパート */

#pageNameBox2{

    padding: 16px 0px 0px 32px;

    height: 48px;

    font : bold 18px;

    font-family : "ＭＳ ゴシック",osaka,sans-serif;

    border-bottom:1px solid #ccd2d2;

}

#pageName{

    /* position: absolute; top: 0px; left: 0px; margin: 0px; */

    padding: 2px 0px 0px 20px;

    width: 800px;

}

#pageName h2{

    font: bold 175% "ＭＳ ゴシック",Osaka, sans-serif;

    color: #000000;

    margin:0px;

    padding: 0px;

}

#pageName img{

    padding: 8px;

    margin: 0px;

}

/* トップページのカウンター */

#counter{

    position: absolute; top: 0px; left: 599px; margin: 0px 0px 6px 0px;

    padding: 6px 0px 51px 0px;

    width: 150px;

    background-color: #F5f7f7;

    border-left:1px solid #ccd2d2;

}

/************** feature styles *****************/

.feature{

    padding: 0px 0px 0px 0px;

}

html>body .feature {

    height: auto;

}

.feature h3{

    font: bold 175% "ＭＳ ゴシック",Osaka, sans-serif;

    color: #000000;

    padding: 100px 0px 5px 0px;

}

/* 

.feature img{

    float: left;

    padding: 4px 10px 4px 0px;

}

*/

/*************** story styles ******************/



/*************** Topics styles ******************/

.Topics {

    padding: 4px 10px 10px 10px;

}

.Guest {

    padding: 0px 0px 0px 0px;

    margin-top: 0px;

}



/************** siteInfo styles ****************/

#siteInfo{

    clear: both;

    border-top: 1px solid #cccccc;

    font-size: 10px;

    color: #888888;

    padding: 10px 10px 10px 10px;

    margin-top: 0px;

}

#siteInfo img{

    padding: 4px 4px 4px 0px;

    margin: 0px 8px 0px 0px;

    vertical-align: middle;

}

/************ sectionLinks styles **************/

/* 右側ナビゲーションの中身 */

#sectionLinks{

    margin: 0px;

    padding: 0px;

}

#sectionLinks h3{

    padding: 4px 0px 2px 10px;

    border-bottom: 1px solid #cccccc;

}

#sectionLinks a:link, #sectionLinks a:visited {

    display: block;

    border-top: 1px solid #ffffff;

    border-bottom: 1px solid #cccccc;

    background-image:  url("bg_nav.jpg");

    font-weight:normal;

    padding: 3px 0px 3px 10px;

    color: #21536A;

    font-size:10px;

}

#sectionLinks a:hover{

    border-top: 1px solid #cccccc;

    background-color: #DDEEFF;

    background-image: none;

    font-weight: bold;

    text-decoration: none;

}

/************* relatedLinks styles **************/

.relatedLinks{

    font: 11px "ＭＳ ゴシック",Osaka, sans-serif;

    margin: 0px;

    padding: 0px 0px 10px 10px;

    border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{

    padding: 10px 0px 2px 0px;

}

.relatedLinks a{

    display: block;

}

/**************** advert styles *****************/

#advert{

    font: 11px "ＭＳ ゴシック",Osaka, sans-serif;

    padding: 10px;

}

#advert img{

    display: block;

    margin: 6px 6px 6px 6px;

}

/********************* end **********************/