/* CSS Document */
@charset ”UTF-8”;

/*初期化---------------------------------------------*/

/* 
Copyright (c) 2006, Yahoo! Inc. All rights reserved. 
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0 
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';} 


/* リンク　---------------------------------------------*/
a {
color:#990000;
text-decoration: underline;
} 
a:visited{
text-decoration: underline;
}
a:hover { 
text-decoration: none;
} 
a:active{ 
text-decoration: none;
}

/* h要素　---------------------------------------------*/

h1,h2,h3,h4 {
text-indent:-4800px;
}

h2,h3{
margin:20px 0 10px 10px;
height:41px;
min-height:41px;
}

/* body設定　---------------------------------------------*/

*html body{
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:83%;
line-height:150%;
color:#4C4C4C;
font-family: MS Pゴシック, Arial,ヒラギノ角ゴ Pro W3;
background-color:#FFFFFF; /*レイアウト確認用#B38E0F*/
}

body {
margin-left:auto;
margin-right:auto;
text-align:left;
font-size:83%;
line-height:150%;
color:#4C4C4C;
font-family: MS Pゴシック, ヒラギノ角ゴ Pro W3,Verdana;
background-color:#FFFFFF; /*レイアウト確認用#B38E0F*/
}

/* header設定　---------------------------------------------*/

#headWrapper{
}

#header{
margin-left:auto;
margin-right:auto;
width:900px;
height:100px;
min-height:100px;
text-align:left;
background-color:#FFFFFF;/*レイアウト確認用#B38E0F;*/
}

body:first-of-type #header{
margin-left:auto;
margin-right:auto;
width:900px;
height:120px;
min-height:120px;
text-align:left;
background-color:#FFFFFF;/*レイアウト確認用#B38E0F;*/
}

#logo{
position:absolute;
margin:-8px 0 5px 10px;
}

#top_ttl {
position:absolute;
margin:30px 0 5px 20px;
}

#headnavi {
float: right;
display:inline;
margin:-8px 10px 10px 0;
font-size:83%;
}

body:first-of-type #headnavi {
display:inline;
text-align:right;
margin:-8px 20px 10px 0;
font-size:83%;
width:700px;
}

div#headnavi li{
border-left: 1px dotted #424242;
margin-left: 4px;
padding-left: 8px;
margin-top: 7px;
display:inline;
}

div#headnavi #headnaviFirst{
margin-left:0;
padding:0;
border-left:none;
}

#headnavi a{ color:#151515; text-decoration:none; line-height:1.2em;}
div#headnavi  a:hover{ color:#151515; text-decoration: underline;}
div#headnavi  a:active{ color:#666666; text-decoration: underline;}
div#headnavi  a:visited{ color:#666666;}


#secondnavi {
margin:5px 0 20px 500px;
width:390px;
}

body:first-of-type #secondnavi {
margin:5px 0 20px 500px;
width:440px;
}

#secondnavi li {
float: left;
display:inline;
font-size:0;
line-height:0;
}

#naviWrapper{
width:100%;
background:url(../images/navi_bg.jpg)  repeat-x left top;
min-height:50px;
border-bottom:3px solid #990000;
clear:both;
}

body:first-of-type #naviWrapper{
width:100%;
background:url(../images/navi_bg.jpg)  repeat-x left top;
border-bottom:3px solid #990000;
clear:both;
margin-bottom:0;
}


#navi {
margin-left:auto;
margin-right:auto;
width:900px;
text-align:center;
display:block;
}

#topimgWrapper{
width:100%;
height:360px;
min-height:360px;
background:url(../images/topimg_bg.jpg) left top;
clear:both;
}

#topimg {
margin-left:auto;
margin-right:auto;
width:900px;
height:360px;
min-height:360px;
text-align:center;
background:url(../images/top.jpg) no-repeat;
}

#top_haken{
width:334px;
height:88px;
position:relative;
left: 520px;
top: 60px;
}

#top_ts{
width:334px;
height:88px;
position:relative;
left: 520px;
top: 68px;
}

#top_ps{
width:334px;
height:88px;
position:relative;
left: 520px;
top: 76px;
}

*html #top_haken{
width:334px;
height:88px;
position:relative;
left: 220px;
top: 49px;
}

*html #top_ts{
width:334px;
height:88px;
position:relative;
left: 220px;
top: 59px;
}

*html #top_ps{
width:334px;
height:88px;
position:relative;
left: 220px;
top: 69px;
}

*:first-child+html #top_haken{
width:334px;
height:88px;
position:relative;
left: 230px;
top: 60px;
}

*:first-child+html #top_ts{
width:334px;
height:88px;
position:relative;
left: 230px;
top: 68px;
}

*:first-child+html #top_ps{
width:334px;
height:88px;
position:relative;
left: 230px;
top: 76px;
}

body:first-of-type #top_haken{
width:334px;
height:88px;
position:relative;
left: 500px;
top: 50px;
}

body:first-of-type #top_ts{
width:334px;
height:88px;
position:relative;
left: 500px;
top: 60px;
}

body:first-of-type #top_ps{
width:334px;
height:88px;
position:relative;
left: 500px;
top: 70px;
}



/* パンくずリスト　---------------------------------------------*/

#bred {
display:inline;
margin:1px 0 1px 10px;
font-size:82%;
background-color:#FFFFFF;/*レイアウト確認用#FFFFFF;*/
}

#subbred {
margin-left:5px;
padding:0px 5px 5px 0px;
font-size:82%;
color:#6D6D6D;
}

#subbred li {
display:inline;
}

#nobred {
height:20px;
min-height:20px;
}

/* メイン要素　---------------------------------------------*/

#mainWrapper{
margin-left:auto;
margin-right:auto;
width:900px;
margin-bottom:100px;
text-align:center;
background-color:#FFFFFF;/*レイアウト確認用#B38E0F;*/
}

#main {
width:681px;
margin:5px 5px 0 5px;
float:left;
text-align:left;
background-color:#FFFFFF;/*レイアウト確認用#B38E0F;*/
}

#topics{
margin:10px 0 10px 10px;
background:url(../images/topics.jpg) no-repeat;
height:41px;
min-height:41px;
}

#info{
margin:10px 0 10px 10px;
background:url(../images/info.jpg) no-repeat;
height:41px;
min-height:41px;
}

.news dl {
 margin:22px 0 0 0; 
 line-height:150%;  
 width:600px;   
}


.news dt  {   
 float:left;   
 width:60px;   
 padding:5px 0 5px 25px;   
 clear:both;   
}  
 
.news dd  {   
 width:500px;   
 margin-left:130px;   
 padding:5px 5px 5px 5px;   
}

body:first-of-type .news dd  {   
 width:500px;   
 margin-left:130px;
 margin-top:-30px;   
 padding:2px 5px 5px 5px; 
 float:left;
}

#hakentop{
background:url(../../haken/images/top.jpg) no-repeat;
height:259px;
min-height:259px;
 }
 
.space100{
margin-top:100px;
background-color:#990000;
}


/* サイドバー　---------------------------------------------*/

#side {
width:197px;
margin:33px 0 0 0;
float:right;
text-align:left;
background-color:#FFFFFF;/*レイアウト確認用*/
}

body:first-of-type #side ul {
width:197px;
/*margin-left:-40px;*/
}

#side li {
margin-top:4px;
}

#side2 {
width:197px;
margin:10px 0 0 0;
float:right;
text-align:left;
}

body:first-of-type #side2 ul {
width:197px;
/*margin-left:-40px;*/
}

#side2 li {
margin-top:4px;
}

#side3 {
width:197px;
margin:12px 0 0 0;
float:right;
text-align:right;
}

.side_bar {
width:197px;
border-bottom:1px solid #990000;
height:1px;
min-height:1px;
margin:3px 0 3px 0;
}

.side_dsc {
font-size:70%;
color:#666666;
line-height:120%;
padding:0 5px 8px 5px;
}

/* フッター　---------------------------------------------*/

#foot_c {
width:100%;
}

#footer {
width:100%;
margin:50px 0 0 0;
background-color:#FFFFFF;/*レイアウト確認用#B38E0F;*/
min-height:350px;
}

#foot {
width:860px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
padding-left:40px;
margin-bottom:40px;
text-align:left;
border-top:3px solid #CCCCCC;
}


div#footer #footernavi dl{
float:left;
display:block;
width:190px;
}

div#footer #footernavi dt{
font-weight:bold;
margin-bottom:5px;
font-size:1em;
font-weight:bold;
line-height:1.6em;
width:180px;
}

div#foot #footernavi dt.navi2{
margin-top:15px;
}
div#foot #footernavi dd
{ display:block; background:url(../images/sub_navi_arrow_o.gif) no-repeat 0 8px; width:155px; 	padding-left:10px;
margin: 0px 0px 5px 0px;} 


#footernavi a{ color:#990000; text-decoration:none; line-height:1.2em;}
div#footer #footernavi  a:hover{ color:#990000; text-decoration: underline;}
div#footer #footernavi  a:active{ color:#666666; text-decoration: underline;}
div#foot #footernavi  a:visited{ color:#666666;} 

#foot_line{
border-top:1px solid #FFFFFF;
margin-top:10px;
}

#footnavi2 {
width:900px;
margin-left:auto;
margin-right:auto;
text-align:left;
padding:10px 0 0 0;
}

#footnavi2 li {
display:inline;
padding:0 5px 0 12px;
line-height:150%;
}

.f_line{
background:url(../../common/images/bar.gif) no-repeat 2px 50%;
}

#footnavi2 a{ color:#990000; text-decoration:none; line-height:1.2em;}
div#footer #footnavi2  a:hover{ color:#990000; text-decoration: underline;}
div#footer #footnavi2  a:active{ color:#666666; text-decoration: underline;}
div#foot #footnavi2  a:visited{ color:#666666;}

#permit {
font-size:83%;
margin:40px 0 5px 3px;
}

#copy {
font-size:83%;
margin:0 0 40px 3px;
}

/* ヘルプナビ　---------------------------------------------*/

.helpnavi{
display:none;
}



/* class要素　---------------------------------------------*/

.clear {
clear:both;
}

.space20 {
margin-bottom:20px;
}

.pagetop {
margin:40px 56px 0 0;
text-align:right;
font-size:90%;
float:right;
}

.pageback {
margin:40px 0 0 10px;
text-align:left;
font-size:90%;
float:left;
}