@charset "UTF-8";

/*
-----------------------------------------------------
Base CSS
FileName:   base.css
Version:    2007.9.4
-----------------------------------------------------
*/


/*
-----------------------------------------------------
ページ共通部分
-----------------------------------------------------
*/
*{
margin: 0;
padding: 0;
}

body {
color: #333333;
font-size: 12px;
line-height: 1.3em;
/*background:url(../top/image/bg02.gif);*/
background-color: #FDFCEA;
margin: 0 auto;
font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
}

img{
border: 0;
}

ul{
list-style-type: none;
}

a{
color: #0000EE;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

a:active{
color: #0000EE;
}

a:visited{
color: #0000EE;
}

div {
display: block;
}

option {
float: none !important;
}

fieldset{
border: none;
}

h2{
margin:0px 0px 20px;
}

h3{
margin:0px 0px 8px;
}

h4{
font-size:12px;
}

/*���制作中*/
.seisaku{
color:#CC0000;
font-weight:bold;
margin:10px 0px 0px;
}


/*
-----------------------------------------------------
全体レイアウト
-----------------------------------------------------
*/
#container{
margin: 0px auto;
/*width: 802px;*/
width: 1000px;
background-color: #FFF;
}

#contents-area{
/*padding:15px 26px;*/
}



/*
-----------------------------------------------------
ヘッダー
-----------------------------------------------------
*/
#header{
width:750px;
/*text-align:left;
margin:0px 0px 15px;*/
margin: 0 auto 15px;
}

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

#header ul{
float:right;
padding:9px 0px 0px;
}

#header li{
float:left;
margin:0px 12px 0px 0px;
}

#header li img{
vertical-align:top;
}

#header li#sitemap{
border-left:solid 2px #FF6600;
padding:0px 0px 0px 12px;
margin:0px;
}



/*
-----------------------------------------------------
メインナビ
-----------------------------------------------------
*/
#main-navi{
width:750px;
/*text-align:left;*/
margin: 0 auto;
}

#main-navi li{
float:left;
}

#main-navi li img{
vertical-align:top;
}



/*
-----------------------------------------------------
フレーム
-----------------------------------------------------
*/
#frame{
clear:both;
width:750px;
/*text-align:left;*/
padding:20px 0px 0px;
margin: 0 auto;
}

/*---2Column---*/
#frame-main{
float:left;
width:550px;
}

#frame-side{
float:right;
width:180px;
}



/*
-----------------------------------------------------
ニュース
-----------------------------------------------------
*/
#new li{
border-bottom:dotted 1px #999999;
padding:4px 0px;
clear:both;
}

#new li span.day{
float:left;
width:100px;
display:block;
}

#new li img{
float:left;
display:block;
margin:0px 10px 0px 0px;
vertical-align:top;
}

#new li span.info{
float:left;
width:375px;
display:block;
}

#new li:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#new li { display: inline-block; }
/* exlude MacIE5 \*/
* html #new li { height: 1% }
#new li {display:block;}
/* end MacIE5 */



/*
-----------------------------------------------------
バナーエリア
-----------------------------------------------------
*/
#banner-area{
background-color:#FFE7F5;
padding:15px 15px 5px;
}

#banner-area ul#banner2{
border-top:dotted 1px #999999;
padding:10px 0px 0px;
}

#banner-area li img{
vertical-align:top;
margin:0px 0px 10px;
}



/*
-----------------------------------------------------
ログインエリア
-----------------------------------------------------
*/
#login-area{
margin:0px 0px 10px;
background:url(../image/login_area_bg.gif) repeat-y top left;
text-align:center;
}

/*#login-area #login-bg{
background:url(../image/login_area_bg.gif) repeat-y top left;
padding:0px 10px;
}*/

#login-area p{
text-align:left;
padding:0px 10px;
}

#login-area p.setumei{
margin:8px 0px 0px;
}

#login-area p.setumei2{
margin:0px;
}

#login-area span.member-entry{
font-weight:bold;
font-size:14px;
background:url(../image/icon_arrow.gif) no-repeat left 70%;
padding:3px 0px 0px 15px;
display:block;
}

#login-area span.member-entry2{
font-weight:bold;
font-size:14px;
background:url(../image/icon_arrow.gif) no-repeat left 70%;
padding:6px 0px 0px 15px;
display:block;
}

/*#login-area p a:active{
background:url(../image/icon_arrow.gif) no-repeat left 70%;
padding:0px 0px 0px 15px;
}

#login-area p a:hover{
background:url(../image/icon_arrow.gif) no-repeat left 70%;
padding:0px 0px 0px 15px;
}

#login-area p a:visited{
background:url(../image/icon_arrow.gif) no-repeat left 70%;
padding:0px 0px 0px 15px;
}

#login-area p a:link{
background:url(../image/icon_arrow.gif) no-repeat left 70%;
padding:0px 0px 0px 15px;
}*/

/*#login-area #login-bg p.kaiin{
padding:0px 0px 5px;
border-bottom:dotted 1px #999999;
}*/



/*
-----------------------------------------------------
フッター
-----------------------------------------------------
*/
#footer{
clear:both;
width: 750px;
margin: 0 auto;
text-align:left;
padding:30px 0px 0px;
}

#footer #pagetop{
text-align:right;
margin:0px 0px 5px;
}

#footer ul{
width:438px;
margin:5px 0px 0px;
}

#footer li{
float:left;
background:url(../image/icon_arrow.gif) no-repeat left center;
padding:0px 10px 0px 15px;
}

#footer li a{
color:#333333;
}

#footer li a:active{
color:#333333;
}

#footer li a:visited{
color:#333333;
}

#footer #copy{
float:right;
margin:4px 0px 0px;
}



/*
-----------------------------------------------------
フォーム関連
-----------------------------------------------------
*/
#error{
margin:10px 0px 0px;
}

#error p{
color:#CC0000;
font-weight:bold;
margin:0px 0px 3px;
}

#error li{
color:#CC0000;
}



/*
-----------------------------------------------------
float回避 親ボックスに指定
-----------------------------------------------------
*/
.floatclear {
clear:both;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */