/* P
------------------------------------- */

p {margin-top:0px;margin-bottom:15px;/* 上下、一行空ける。基本はコレ */
margin-right:20px;margin-left:20px;}
	
.pt1 {margin-top:10px;margin-bottom:0px;/* 上だけ一行、空ける*/
margin-right:20px;margin-left:20px;}
	
.pb1 {margin-top:0px;margin-bottom:10px;/* 下だけ一行、空ける */
margin-right:20px;margin-left:20px;}

.p0 {padding:0em;margin:0em;/* 一行空けない */
margin-right:20px;margin-left:20px;}

.ptop {text-indent: 1em;/* 行頭1文字分空ける*/
margin-right:20px;margin-left:20px;}

    a.job:link { text-decoration: static; color: #191970;}    
    a.job:visited { text-decoration: static; color: #191970;}   
    a.job:hover { position: static; text-decoration:none; color: #191970;}
	a.job:active { position: static; text-decoration:none; color: #191970;} 



h2.shead2 {
font-size:10pt;
color:#191970;/* 文字色を紺 */
background-color:#ffffff;/* 背景色を設定 */
border-bottom:solid 1px #191970;
padding:6px 0px 0px 70px;/* 文字間隔 */
margin:3px 0px 0px 5px;/* 下、少しも空けないパターン */
font-weight:bold;background-image: url("../img/icon_autumn_02/cat-02.gif");
background-repeat: no-repeat;
background-position:5px -20px;}




h3.shigoto {
    font-size: 11pt;
    color:#191970;/* 文字色を紺 */
    background-color:#EEF6FF;       /* 背景色を設定 */   
    border-color:#6AA2DB;
    border-width:1px 1px 1px 7px;
    border-style:solid;
    padding:2px 0px 0px 8px;                /* 文字間隔 */
    margin:5px 0px 10px 5px;}
    
    
h3.sbluehead,h4.sbluehead {  /* ポイントサイトなどで使っている（あそこはオレンジ）h3.head,h4.headの青色バージョン */   
    font-size: 12pt;
    color:#191970;/* 文字色を紺 */
    background-color:#ffffff;       /* 背景色を設定 */   
    border-bottom: dotted 1px #006899;
    border-left: solid 5px #6495ed;
    padding:0px 0px 0em 8px;                 /* 文字間隔 */
    margin:0px 25px 7px 20px;
    font-weight:normal;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
    text-shadow: 1px 1px 0px #fff;
}


a img {
    border-style:none;
}

.no_border {
    border-style:none;
}


.p1 {padding:0em;margin:0em;/* 一行空けない */}
.pone {text-indent: 1em;/* 行頭1文字分空く*/}


.tablejob { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: separate; /* 枠線の表示方法 */ 
border: 1px #666666 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 


.tablejob TH { text-align: center;padding:3px;} 

.tablejob TD { 
border: 1px #666666 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 5px; /* セル内の余白 */ 
font-size:10pt;
color:#666666;} 


.tabletop { 
width: 585px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #191970 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color:#FFFFFF;text-align: center;} 


.tabletop TD { 
border: 1px #191970 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 5px; /* セル内の余白 */ 
font-size:10pt;
color:#191970;text-align: center;} 

   
.shlist { 
list-style:square; margin:10px 20px 10px 50px;}   
    


/* 目次　右下関連記事メニューリスト  
今後は、layout.cssのrmenulで統一すること*/
.smenul{text-align:right;margin-right:20px;}

.smenul2 {text-align:right;font-size:10pt;
/* 文字小さい。 */}


/* メディアクエリ。　　ウィンドウ幅が0?500pxの場合に適用するCSS */


@media screen and ( max-width:500px )
{


h3.shigoto {          
    margin-right:10px;}


.tablejob { table-layout: fixed;　/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
width: 98%; /* テーブルの横幅 */ 
} 

.tabletop { table-layout: fixed;　/* tableの列幅を均等にする*/ 
word-break: break-word;/* 文字を行から、はみださないように制御*/ 
width: 98%; /* テーブルの横幅 */ } 



.smenul2 {padding-right:5px;margin-right:5px;}

}