@charset "utf-8";

/* 全体構成 */
body {
    margin: 0;
    padding: 0;
    background-color: #FFF;
}
#base{
    margin: 0;
    padding: 10px 2%;
}
#containts{
    margin: 0;
    padding: 10px;
    background-color: #FFF;
}
/* 標準化、リセット */
*{
    line-height: 1.8em;
    font-family:
        'Lucida Grande',
        'Hiragino Kaku Gothic ProN',
        'ヒラギノ角ゴ ProN W3',
        Meiryo, メイリオ, sans-serif;
    font-size: 1.0em;
}
h1, h2, h3, h4, h5, h6 {
    margin: 10px;
    padding: 2px; /* 上下 */
    /* border: solid 1px #f00; */
    color:#333;
}
h1 {
    margin: 1.5em 0 20px 0;
    border-left:5px solid #F19244;
    background: #FDE9D9;
    color:#333;
}
h2 {
    border-left:5px solid #F19244;
    border-bottom:2px double #F19244;
    margin: 1em 0px 10px 0;
    padding: 1px; /* 上下 */
}
h3 {
    border-bottom:2px double #F19244;
    padding: 0px; /* 上下 */
    margin: 0.5em 0px 10px 0;
}
h4{
    border-bottom:1px solid #F19244;
    margin: 1px; /* 上右下左 */
    padding: 0px; /* 上下 */
}
h5 {
    border-bottom:1px dotted #F19244;
    margin: 0px; /* 上右下左 */
    padding: 0px; /* 上下 */

}
h6 {
    margin: 0px; /* 上右下左 */
    padding: 0px; /* 上下 */

}

/* 文章 */
p, dl {
    /* border: solid 1px #f00; */
    margin: 5px;
    padding: 0;
    line-heigh: 1.8em;
}
ul, ol {
    /* border: solid 1px #f00; */
    margin: 5px;
    /*padding: 0;*/
}
p:first-letter {
	/* 段落落とし
    margin-left: 1.0em;
    */
}
p.notice {
    border: 1px dotted #cccccc;
}

/* table */
table,
th,
td {
    border-collapse: collapse;
    border-spacing: 0;
}
table {
    width: auto;
    margin: 10px;
    padding: 5px;
    border: 1px solid #333333;
}

table th,
table td {
    padding: 3px;
}
th {
    border-bottom: 1px solid #333333;
    white-space: nowrap;
}
td {
    border: 1px solid #333333;
}

/* リンク先のURLを可視化する 
a:after{
    content: " (" attr(href) ") ";
    font-size: 0.8em;
}
*/

/* 囲み */
.kakomi {
	border: 2px dotted #333333;
	margin: 5px;
	padding: 5px;
}

/* レスポンシブ対応 */
#mobile{
    display:none;
}
/* @media screen and (max-width:320px){
PC ⇒ 960px～1024px
タブレット ⇒ 640px～960px
スマホ ⇒ 320px～640px
*/
@media screen and (max-width:320px){

    * {
        font-size: 98%;
    }
    ul, ol {
        margin: 0;
        padding: 0;
        padding-left: 1.5em;
    }
    table {
        width: 80%;
        margin: 0 auto;
        padding: 5px;
        border: 0px solid #333333;
    }
    th, td {
        display: block;
        border: 1px solid #333333;
    }
    /* mobile用のリンク */
    a {
        display: block;
        position: relative;
        border: 1px solid #ccc;
        background: linear-gradient(#fff, #f0f0f0);
        border-top: 1px solid #ccc;
        padding: 10px;
        padding-right: 30px;
        margin: 1px;
        text-decoration: none;
    }
    a:after {
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        width: 20px;
        height: 20px;
        margin-top: -15px;
        content: "≫";
        font-size: 150%;
        font-weight: bold;
    }
    /* mobile版であることを表すFotter */
    #mobile{
        display:block;
        /*position: relative;*/
        position: fixed ;
        width: 100%;
        bottom: 0;
        left: 0;
        /*border: 1px solid #ccc;*/
        padding: 1px;
        margin: 0;
        background-color : #09C;
        text-decoration: none;
        font-size: 0.8em;
        color: #FFF;
        opacity: 0.30;
    }
}
.clear { clear:both; }  
.clear hr { display:none; }
  
/*****************************************************************************************************************/
/* AMM用記述
/*****************************************************************************************************************/
#head {
	font-size: 150%;
    border-bottom:5px double #09C;
}
#head a{
    text-decoration: none;
}
#divLoginUser{
	margin-top: 20px;
	float: right;
    font-size: 100%;
}
#divLoginUser form{
	
	display: inline;
}
#buttonLogout{
	/*border-style: none;*/
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    
    
}
#footer {
	text-align: center;
	margin-top: 20px;
    font-size: 80%;
    border-top:5px double #F19244;
}
.devnote {
	display: block;
	/*display:none;*/
	width:30em;
    background-color: #FEE;
    border: 1px dotted #333333;
    margin:10px;
}
.devnoteIn {
	/*display:none;*/
    background-color: #FEE;
    border: 1px dotted #333333;
    margin:10px;
}
/* 未訪問と訪問済みを同一色とする */
a:link {color:#0000ff;}
a:visited {color:#0000ff;}
/* ただしお知らせは訪問済みを変更する */
a.info:link {color:#2200C1;}
a.info:visited {color:#551A8B;}

.linktop {
 display: none;
 position: fixed;
 bottom:20px;
 right: 0px;
 text-indent:0px;
 color:#fff

}
table {
    width: auto;
    margin: 10px;
    padding: 5px;
    border: 1px solid #333333;
}

table.border0,
table.border0 th,
table.border0 td {
    border: 0;
    margin:0;
    padding:0;
}
.feedbackPanelERROR {
	color:red;
}
.feedbackPanelINFO {
    color:black;
}
.imeoff{
	ime-mode: inactive;
}
.imeon{
	ime-mode: active;
}
.strong {
    color:red;
}
input[type="text"] {
    border: 1px solid #333333;
    border-radius: 0px;
    font-size: 100%;
    font-weight: bold;
    height: 1.5em;
    padding: 0 3px;
    width: 300px;
}
input[type="text"].with50 {
    width: 50px;
}
input[type="password"] {
    border: 1px solid #333333;
    border-radius: 0px;
    font-size: 100%;
    font-weight: bold;
    height: 1.5em;
    padding: 0 3px;
    width: 300px;
}
select {
    border: 1px solid #333333;
    border-radius: 0px;
    font-size: 100%;
    font-weight: bold;
    height: 1.5em;
    padding: 0 3px;
    width: 300px;
}
.selectYmd select{
    border: 1px solid #333333;
    border-radius: 0px;
    font-size: 100%;
    font-weight: bold;
    height: 1.5em;
    padding: 0 3px;
    width: 100px;
}