/* YUI Reset CSS
------------------------------------- */
html {
	color:#000000;
	background: url("./img/back/bg04-7.gif");
}


body,div,dl,dt,dd,ol,ul,il,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquout,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse:collapse;
}


caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}





abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select {
font-size:100%;
}
legend {
	color:#000000;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
    font-weight: normal;
}



ol,ul {
    list-style: none;
}


fieldset,img {
    border: 0;}

q:before,q:after { content:''; } 
abbr,acronym { border:0; } 


    
    a:link { text-decoration: none; color: #0000ff;}  
    a:visited { text-decoration: none; color: #800080;}   
    a:hover { position: static; text-decoration: underline; color: #ff8c9b;}
    a:active { text-decoration: underline; color: #ff0000;}    

    a.kotei:hover  { position: static; text-decoration:none; color: #ff8c9b;}
	a.kotei:active { position: static; text-decoration:none; color: #ff0000;} 
	
    a.double:link { text-decoration: none; color: #ffffff;}
    a.double:visited { text-decoration: none ;color: #ffffff;}
    a.double:hover { position: static; text-decoration: overline underline; color: #ffffff;}
    a.double:active { position: static; text-decoration: none; color: #ffffff;}

    a.title:link { text-decoration: none; color: #191970;}
    a.title:visited { text-decoration: none ;color: #191970;}
    a.title:hover  { position: static; text-decoration:none; color: #191970;}
	a.title:active { position: static; text-decoration:none; color: #191970;} 
	
    a.blue:link { text-decoration: none; color: #0000ff;}
    a.blue:visited { text-decoration: none ;color: #0000ff;}
    a.blue:hover  { position: static; text-decoration: underline; color: #ff8c9b;}
	a.blue:active  { text-decoration: underline; color: #ff0000;}    
	
a img {
    border-style:none;
}

.no_border {
    border-style:none;
}


.subtitle{
background:#ffffff;
font-size : 84%;
color : #191970;
text-align : left;
padding:5px 5px;
border-top:solid 1px #191970;
border-bottom: solid 1px #191970;}

.topicpath{
background:#66b7ff;
font-size :84%;
color :#ffffff;
text-align : left;
padding:1px 3px 1px 8px;
margin:6px 0px 6px 0px;}


.topicpath2{
background:#66b7ff;
font-size : 84%;
color :#ffffff;
text-align : right;
padding:1px 8px 1px 8px;
margin:5px 0px 5px 0px;}


body {background-image: url("./img/back/bg04-7.gif");padding:20px;}


.header { background-color: #000000;
}


#outline {
 width:777px;
 background:#ffffff;
 margin:0 auto;}
 
.outline-margin { margin:0px 10px;} 

.main { width:767px; 
        font-size: 84%; 
        color:#232323;
        line-height: 140%;
        margin-left: 5pt;
        margin-right: 5pt;
        font-family : 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;}



      

h1 {font-size: 10pt;padding:0px;/* 文字間隔 */
margin:0px;font-weight:bold;}


h2.thead {
font-size:10pt;/* タイトル基本はコレ */
color:#191970;/* 文字色を紺 */
background-color:#ffffff;/* 背景色を設定 */
border-bottom:solid 1px #191970;
padding:6px 0px 0px 45px;/* 文字間隔 */
margin:3px 0px 5px 0px;
font-weight:bold;background-image: url("./img/icon_autumn_02/bat-01.gif");
background-repeat: no-repeat;
background-position:-2px -10px;}



.tnetlist li { 
list-style:none; padding:2px 0px 0px 18px;margin:0px 0px 0px 18px;background-image: url("./img/allow/arrow14-042.gif");
background-repeat: no-repeat;
background-position:1px;}   
    
    
h3.ttitle {
font-size:10pt;
color:#191970;/* 文字色を紺 */
background-color:#ffffff;/* 背景色を設定 */
border-left:solid 4px #191970;
border-bottom:solid 1px #191970;
padding:0px 0px 0px 5px;/* 文字間隔 */
margin:0px 5px 5px 0px;
font-weight:bold;}


h3.tnet {
font-size:10pt;
color:#191970;/* 文字色を紺 */
background-color:#ffffff;/* 背景色を設定 */
border-bottom:solid 1px #191970;
padding:0px 0px 0px 17px;/* 文字間隔 */
margin:0px 0px 0px 0px;
font-weight:bold;background-color:#ffffff;
width:235px;background-image: url("./img/allow/104.gif");
background-repeat: no-repeat;
background-position:3px;}

.tnetbox {
float:left; 
width : 255px;  
}
.tnetbox li {
list-style:none;padding:2px 0px 0px 18px;margin:0px 0px 0px 0px;background-image: url("./img/allow/arrow14-042.gif");
background-repeat: no-repeat;
background-position:1px;
}



h4.tnewshead {clear: both; overflow : hidden;
font-size:10pt;/* タイトル基本はコレ２下、少しも空けないパターン */
color:#191970;/* 文字色を紺 */
background-color:#ffffff;/* 背景色を設定 */
border-bottom:solid 1px #191970;
padding:5px 0px 0px 8px;/* 文字間隔 */
margin:10px 0px 0px 0px;
font-weight:bold;}
    

.c-both {clear: both; visibility: hidden; height: 0; overflow : hidden;}
 
.link {
background:#cce7ff;
font-size : 84%;
color : #191970;
text-align : left;
padding:3px 3px;
border:solid 1px #191970;}

.linksub {
background:#ffffff;
font-size : 84%;
color : #191970;
width:779px;
text-align : left;
padding:3px 3px;
border:solid 1px #191970;
border-top:solid 0px;
line-height: 140%;}


.tsogo {
background:#ffffff;
font-size : 74%;
color : #191970;
text-align : left;
padding:3px 10px;
border-top:solid 1px #191970;}

.tsogo p {color : #191970; 
font-weight:normal;background-color:#ffffff;
padding:0px;/* 文字間隔 */
margin:0px;}

.tsogolink {
list-style:none;
}
.tsogolink li {
float:left; 
font-weight:normal;background-color:#ffffff;
padding:0px;/* 文字間隔 */
margin:0px;
}





.left {
float:left; 
width : 600px;  
margin:2px 0px 0px 0px;}

.koukoku{
float:left; 
width : 140px;  margin:20px 10px 10px 10px;
}



/* footer部分
------------------------------------- */
.footer { clear: both; 
background:#ffffff;
font-size : 13px;
color : #191970;
padding:3px 3px;
border-top:solid 1px #ffffff;text-align:center;
}


.fnavi { overflow: auto;
padding:0px 0px 0px 3px;
margin:0px 0px 10px 0px;
}

.fnavi ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}


.fnavi ul li {
 list-style-type:none;margin: 0;
  padding: 0;
display:inline;/* IE6対策：floatで回り込むとmarginが2倍になってしまう。
marginで間隔を開けるときはdisplay:inline;を追加するとmarginが通常通り表示されるらしい
------------------------------------- */
}

.fnavi li a{ display: block;
  float: left;
  width: auto;margin:0px;
  padding:0px;
  height: 15px;line-height: 15px;/*これで高さをそろえる*/}
.fnavi li a:link, 
.fnavi li a:visited { text-decoration: none ;color: #191970;}
.fnavi li a:hover,
.fnavi li a:active { position: static; text-decoration: none; color: #191970;}


.centered {/*floatで並べたリストのセンタリング　footerにもtext-align:center;を追加したらfirefoxでもリンクが真ん中に行った*/
  position: relative;
  overflow: hidden;
}

.centered ul {
  position: relative;
  left: 50%;
  float: left;
}

.centered ul li {
  position: relative;
  left: -50%;
  float: left;
}
    
p.copy {clear: both; font-size:11px;color : #191970;
padding:0px 0px 3px 0px;text-align : center;}


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



p.pm10 {margin-top:10px;margin-bottom:0px;/* 今月のおすすめのところ*/
margin-right:10px;margin-left:10px;}



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


@media screen and ( max-width:500px )
{
 img
  {
     max-width: 100%;
     height: auto;
     width: auto;
   }

  #outline{
  width:100%;
  overflow : hidden ; /* 左右にグラグラ動いて安定しなかったり、、
  h2の見出しなどがはみ出している部分を強引に隠して見えなくする荒療治 */ }
  
 
 iframe { width : 97% ; }
 
/*==～以下、画面の横幅が500pxまでの場合のスタイル記入～==*/


 
　body { width:100%;
    margin-left: auto;
    margin-right: auto;}

.main { width:100%; }



.tnetbox {
float:none; 
width :100%;  
}


.left {
float:none; 
width : 100%; }


.koukoku{
float:none; 
width : 100%; 
}


h2.thead {margin-right:12px;}

h4.tnewshead {width:94%;}


p.pm10  {margin-top:15px; width:45%; height: 10%; }




}