@charset "UTF-8";


/*--------------------ブラウザ初期化--------------------*/
*{
margin: 0 auto; /*モダンブラウザ用*/
}

html, body{
font-family: "メイリオ","ＭＳ Ｐゴシック","Verdana", "Osaka";
color: #333333;
background: url(../img/bg.gif);
margin: 0 auto; /*モダンブラウザ用*/
}

img{
border: 0;
vertical-align: bottom;
}

fieldset{
border: 0;
}

option{
padding: 0.5em;
margin: 0.5em;
}

ul, ol, li, dl, dt, dd, table, th, td, h1, h2, h3, h4, h5, p{
margin: 0;
padding: 0;
}

table{  
border-collapse: collapse;
border-spacing: 0;
}

.hide{
text-indent: -1000em;
}

.clear{
clear: both;
}

.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*?*//*/
height: auto;
overflow: hidden;
/**/
}


/*--------------------ここからは全ページ共通--------------------*/
#base{
width: 850px;
height: auto;
padding: 0 0 25px 0;
/*border-top: solid 4px #CC9966;*/
border-left: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
background-color:#f8f5f0;

}

a:link{color: #FF9900;}
a:visited{color: #CC9966;}
a:hover, a:hover:after{color: #FF0000; text-decoration: none;}

.go-top{
clear: both;
font-size: 65%;
text-align: right;
padding: 20px 30px 0 0;
}

.go-top a{
color: #333333;
text-decoration: none;
background: url(../img/arrow_brown01.gif) no-repeat left 4px;
padding-left: 13px;
}


/*--------------------ヘッダー--------------------*/
#header{
width: 850px;
height: 70px;
background-image:url(../img/primary_back.gif) ;
margin-bottom:-30px;
}

html:not([lang*=""]) #header{
 margin-bottom:0px;
 }

#header h1 img{
float: left;
margin: 0px 0 0 0px;
}

#header #primary{
float: right;
margin: 0px 0 0 0px;
padding: 0px 0px;
width: 250px;
}

#header strong.catch {
	display:block;
	width:520px;
	font-size:10px;
	font-weight:normal;
	float:left;
	margin:0;padding:15px 0 0 18px;
}



/*--------------------ナビ--------------------*/
#global{
width: 829px;
height: 39px;
margin: 20px 0 20px 10px;
}

#global ul li{
float: left;
list-style: none;
}

#global ul li.naviSupple a, #global ul li.naviSupple a:visited{
display: block;
width: 162px;
height: 39px;
background: url(../img/navi_supple.gif) no-repeat;
}

#global ul li.naviDao a, #global ul li.naviDao a:visited{
position:rerative;
display: block;
width: 161px;
height: 39px;
background: url(../img/navi_dao.gif) no-repeat;
}

#global ul li.naviNing a, #global ul li.naviNing a:visited{
display: block;
width: 161px;
height: 39px;
background: url(../img/navi_ning.gif) no-repeat;
}

#global ul li.naviBlog a, #global ul li.naviBlog a:visited{
display: block;
width: 161px;
height: 39px;
background: url(../img/navi_blog.gif) no-repeat;
}

#global ul li.naviOther a, #global ul li.naviOther a:visited{
display: block;
width: 184px;
height: 39px;
background: url(../img/navi_other.gif) no-repeat;
}



#global ul li.naviSupple a:hover{
display: block;
width: 162px;
height: 39px;
background: url(../img/navi_supple_on.gif) no-repeat;
}

#global ul li.naviDao a:hover{
display: block;
width: 161px;
height: 39px;
background: url(../img/navi_dao_on.gif) no-repeat;
}

#global ul li.naviNing a:hover{
display: block;
width: 161px;
height: 39px;
background: url(../img/navi_ning_on.gif) no-repeat;
}

#global ul li.naviBlog a:hover{
display: block;
width: 161px;
height: 39px;
background: url(../img/navi_blog_on.gif) no-repeat;
}

#global ul li.naviOther a:hover{
display: block;
width: 184px;
height: 39px;
background: url(../img/navi_other_on.gif) no-repeat;
}

.clearfix{
clear:both;
}
/*--------------------メイン--------------------*/
#content{
width: 830px;
_width: 840px;

height: auto;
margin-top:0p;x
}


/*--------------------フッター--------------------*/
#footer{
clear: both;
width: 100%;
height: auto;
font-size: 70%;
margin: 20px 0;
}

#footer ul#footNavi{
margin-left: 10px;
}

#footer ul#footNavi li{
float: left;
list-style: none;
background: url(../img/arrow_brown02.gif) no-repeat left 3px;
padding: 0 30px 8px 13px;
}

#footer ul#footNavi li a{
color: #333333;
text-decoration: none;
}

#footer address{
clear: left;
width: 830px;
font-style: normal;
text-align: right;
border-top: solid 1px #CC9966;
background: url(../img/footer_back.gif) ;
padding: 4px 10px;
}

#footer #copy{
text-align: right;
margin: 3px 10px 0 0;
}