@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing=0' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* フォーム要素リセット */
input[type="text"], input[type="submit"], input[type="reset"]
, button, textarea, select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 100%;
}

/*-----------------------------
        全体配置
-------------------------------*/
body {
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    line-height: 1.5;
    font-size:77%;

    color:#333333;
    background:#ffffff url(../images/body_back.png) left top repeat-y;
    /*\*/
    letter-spacing : 0.1em;
    /**/
}

#wrap {
    width:960px; position:relative;text-align:left;
    margin:0px 0px 0px 10px;
    border-top:4px solid #003366; border-left:1px solid #003366; border-right:1px solid #003366; border-bottom:1px solid #003366;
    background:#FFFFFF;
}
/*-----------------------------
        TOP MENU　項目
-------------------------------*/
#imageTop {
    background-image:url(".././images/topbarback03.png");
    background-repeat:no-repeat;
    background-position:right center;
    height:55px;
    width:100%;
    margin:0px; padding:0px;
}
#imageLeft {float:left;margin:0px; padding:0px;color:#003366;}
#summary {float:right;width:790px;color:#003366;padding:8px 0px 0px 0px;}
#summary h1,
#summary p {color:#003366;font-size:95%;font-weight:normal;padding:0px; margin:0px}
#menuTop {
    margin:0px; padding:0px;
    clear:both;
    width:100%;
    background:#003366;
    font-size:110%;
    height:auto;
    border-top:1px solid #ffffff;
    border-bottom:5px solid #999999;
    background:#003366 url(.././images/topMenuBarback.gif) left top repeat-x;
}
#menuTop ul {list-style:none;padding:0px; margin:0px;}
#menuTop li {
    display:block; float:left;margin:0px; padding:0px;color: #ffffff;
}
#menuTop ul li.home,
#menuTop ul li a {
    text-align:center;
    letter-spacing : 0px;
    display:block;width:8.5em; margin:0px; padding:0.5em 0.5em;
    background:#003366 url(.././images/topMenuback.gif) left top repeat-x;
    border-right:1px solid #CCCCCC;
}
#menuTop ul li a:link,
#menuTop ul li a:visited{text-decoration: none;color: #ffffff;}
#menuTop ul li a:hover,
#menuTop ul li.on a:link,
#menuTop ul li.on a:visited,
#menuTop ul li.on a {color:#ffffff;background:#B37700 url(.././images/topMenuback.gif) 0px -100px repeat-x;}

/*ページ階層*/

#titleSubArea {
    border-bottom:1px solid #cccccc;
    background-color:#ffffff;
}
#titleSubArea p {margin:0px;padding:5px 0px 5px 10px;}
#fontSize {
    border-bottom:1px solid #cccccc;
    padding:3px 0px;
    background-color:#ffffff;
}
#fontSize p {margin:0px; padding:2px 5px; }
/*-----------------------------
        タイトル
-------------------------------*/
#titleArea {
    font-size:114%;
    color:#FFFFFF;
    background:#003366 url(.././images/titileback.gif) left top no-repeat;
    padding:25px 0px 5px 20px;
    border-bottom:5px solid #999999;
}
#titleArea a {color:#FFFFFF;text-decoration: none;padding:0px;}
#titleArea a:link {color:#FFFFFF;text-decoration: none;}
#titleAreaa:visited {color:#FFFFFF;text-decoration: none;}
#titleArea a:hover {color: #FFFFFF;text-decoration: none;}
/*-----------------------------
        コンテンツ
-------------------------------*/
#allContentsArea {
    width:100%;
    background:#ffffff url(.././images/repeatcontents.gif) right top repeat-y;
}
#ContentsArea {
    float:left;
    width:730px;
    min-height:700px;
}
#sidebarArea {
    width:200px;
    float:right;
    min-height:500px;
}
#innerContents {
    margin: 15px 0px 1em 20px;
}
div.section {
    padding:0.5em 0px 0.5em 0px;
    clear:both;
}
#innerContents h1 {
    font-size:140%;
    margin-bottom:0.5em;
    color:#003366;
    background:#ffffff url(../images/h1back.png) left top no-repeat;
    border-bottom:3px solid #cccccc;
    padding:8px 0px 8px 20px;
}
.section h2 {
    color:#003366;
    font-size:114%;
    margin-bottom:0.5em;
    border-bottom:1px solid #cccccc;
    font-weight:normal;
    padding:5px 0px 2px 20px;
    background:#eeeeee url(.././images/h2back.png) left top no-repeat;
}
.section p {
    margin:0px 0px 1em 0.25em;
}
.section ul {
    list-style-type: square;
    margin:0px 0px 1em 1.5em;
}
.section ul li p {
    font-size:1em;
    margin-left:0px;
    padding-bottom:0.5em;
}

.fill {
    border-radius: 5px;
    background-color:#f6f6f6;
    padding:0.8em;
}

.frameBox {
    margin: 0.5em 0px;
    border-radius: 5px;
    padding:3em 1em 3em 1em;
    border: 1px solid #ccc;
}
.frameBoxSmall {
    margin: 0.5em 0px;
    border-radius: 5px;
    padding:0.8em;
    border: 1px solid #ccc;
}
/*-----------------------------
        フッター
-------------------------------*/
#footerArea {
    clear:both;
    width:100%;
    background-color:#EEEEEE;	
    border-top:1px solid #cccccc;

}
#footerArea p {padding: 5px 10px;}
#footerArea #menu { float:left;}
#footerArea #titile {color:#666666; float:right;padding: 5px 10px;}
#footerArea #titile a {  color:#555555; font-weight:normal;}
#footerCopy {
    font-family:Arial, Helvetica, sans-serif ;
    clear:both;
    background-color:#003366;
    color: #FFFFFF;
}
/*-----------------------------
        sideBarMENU
-------------------------------*/
#stockSerach {
    padding:40px 0px 18px 20px;
    border-bottom:5px solid #999999;
    background: #cccccc url(.././images/searchback.jpg) left top no-repeat;
}
#stockSerach fieldset { border:none; padding:0px; margin:0px;}
#stockSerach legend {display:none;}
#stockSerach #search {width:110px;}
div.menu {
    line-height:1.8em;
    width:200px;
    overflow:visible;
    border-bottom:5px solid #999999;
}
.menu dl {text-indent:0px;list-style-type:none;}
/*-----------------------------
dt 標準項目*/
.menu dt {
    background-color:#CA9F4C;
}
.menu dt a {
    color:#333333;text-decoration: none;display:block;
    padding:3px 0px 3px 20px;
    background:#eeeeee url(.././images/sidebarback.gif) left top no-repeat;
    width:180px !important;
    width /**/:200px;
    border-bottom: 1px solid #FFFFFF;
}
.menu dt a:hover {color:#333333;text-decoration: none; background-color:transparent;}
.menu dt a:visited {color:#333333;}
dt.normalon,
dt.normalon a,
dt.normalon a:visited {color:#ffffff; background-color:#B37700;}/*選択状態*/

/*-----------------------------
dt その他*/
dt.other {background-color:#CA9F4C;}
dt.other a {color:#333333;background-color:#cccccc;}
dt.other a:visited {color:#333333;}
dt.otheron {background-color:#B37700;}/*選択状態*/
dt.otheron a {color:#ffffff;text-decoration: none; background-color:#B37700;}
dt.otheron a:visited {color:#ffffff;}
/*-----------------------------
dd 項目*/
.menu dd {
    margin:0px;font-size:98%;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    background-color:#E1C99A;
}
.menu dd a {color:#333333;text-decoration: none;display:block; padding:3px 0px 3px 20px;background: #ffffff url(.././images/sidebarddback.gif) left top no-repeat;}
.menu dd a:hover {color:#333333;text-decoration: none;background-color:#E1C99A;}/*選択状態*/
.menu dd a:visited {color:#333333;text-decoration: none;}
dd.normalon,
dd.normalon a,
dd.normalon a:visited {color:#333333; background-color:#E1C99A;}

/*-----------------------------
form 要素 再構築 */
input[type="text"], input[type="submit"], input[type="reset"]
, button, textarea, select {
    background-color: #FFFFFF;
    padding:4px 5px;
    border-radius: 3px;
    border: solid 1px #999999;
    font-size: 100%;
}
textarea {
    /* chromeで文字が小さくなる現象の対策*/
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
input[type="text"]:focus, textarea:focus, select:focus {
    box-shadow: 0 0 3px #2e6dd1;
    border: 1px solid #2e6dd1;
}
select {
    background: #fff url(../images/selectIcon.png) right 7px center no-repeat;
    padding:4px 5px;
    border-radius: 3px;
    border: solid 1px #999999;
}

input[type=reset], input[type=submit], button {
    padding:4px 8px;
    border-radius: 5px;
    background-color: #fefefe;
    cursor: pointer;
    transition: 0.2s;
}
input[type=reset]:hover, input[type=submit]:hover, button:hover {
    background-color: #eeeeee;
}
input[type=reset]:active, input[type=submit]:active, button:active {
    transform: translateY(2px);
}

button.button1 ,button.button2 ,button.button3{
    padding:5px 8px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s; 
    box-shadow: 2px 2px 3px -2px #555, 1px 1px 2px rgba(255,255,255,0.8) inset;
    font-size: 100%;
    color: #fff;
}
button.button1{
    background: #CA9F4C url(../images/buttonBack1.png) center center no-repeat;
}
button.button1:hover {
    background: #CA9F4C;
}
button.button2{
    background: #7ca7cc url(../images/buttonBack2.png) center center no-repeat;
}
button.button2:hover {
    background: #7ca7cc;
}
button.button3{
    background: #c48da1 url(../images/buttonBack3.png) center center no-repeat;
}
button.button3:hover {
    background: #c48da1;
}

/*戻る　上へ　リンクボタン　*/
a.buttonLink {
    padding:7px 8px;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    color: #00007f;
    line-height: 1em;
    border: 1px solid #ccc;
}
a.buttonLink:hover {
    color: #CC0000;
    opacity: 0.8;
}

/*囲い数値*/
.number {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #333;
    padding: 0px 3px;
    margin-right:0.2em;
}

/*-----------------------------
        Preformatted text
-------------------------------*/
pre {
    font-family: Menlo, Consolas, 'Courier New', monospace;
    font-size: 0.95em;
    line-height: 1.5;
    white-space: pre-wrap; /* wrap long lines for narrow screens */
    word-break: break-word;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0.8em 1em;
    color: #333;
    overflow: auto; /* enable scroll for very long code blocks */
}

/*-----------------------------
        Inline code
-------------------------------*/
code {
    font-family: Menlo, Consolas, 'Courier New', monospace;
    font-size: 0.95em;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 0.3em;
    color: #333;
}

/* Avoid double styling for code inside pre */
pre code {
    background: transparent;
    border: 0;
    padding: 0;
    font-size: 100%;
    color: inherit;
}