@charset "UTF-8";

*{
margin:0;
padding:0;
}

html{
height:100%;}

body{
position: relative;
height:100%;
margin:0;
background: #e9e7dc url('../img/hd_bg_right.gif') repeat-x;
font-size:10px;
_font-size:62.5%;
line-height:2;
font-family: "ＭＳ ゴシック", Osaka, "ヒラギノゴシック W5", "中ゴシック体",  "ＭＳ Ｐゴシック";
color:#000000;
}

h1,h2,h3,h4,h5{
margin:0;
font-weight:normal;
font-size:1em;
}

img{
border:0;
margin:0;
padding:0;
}

ul,li{
margin:0px;
padding:0px;
}

.fnt8{font-size:0.8em;}
.fnt9{font-size:0.9em;}
.fnt10{font-size:1.0em;}
.fnt12{font-size:1.2em;}
.fnt14{font-size:1.4em;}
.fnt15{font-size:1.5em;}
.fnt16{font-size:1.6em;}
.fnt18{font-size:1.8em;}


.pen{
background-color:#ff0;
padding:2px;
}

.bold{
font-weight:bold;}

.red{color:#990033;}
.red01{color:#cc0000;}
.blue{color:#0000ff;}
.green{color:#006600;}
.c_gl{color:#666666;}


a:link{color:#000066;text-decoration:underline;}
a:visited{color:#333333;text-decoration:underline;}
a:hover{color:#330066;text-decoration:underline;}
a:active{color:#330066;text-decoration:underline;}

a.btn:link{text-decoration:none;}
a.btn:visited{text-decoration:none;}
a.btn:hover{text-decoration:none;position:relative;left:1px;top:1px;}
a.btn:active{text-decoration:none;}

a.pdf:link{
background:url(../img/pdf.gif) no-repeat top left;
padding-left:25px;
padding-bottom:5px;
text-decoration:underline;
color:#000066;
}

a.pdf:visited{
background:url(../img/pdf.gif) no-repeat top left;
padding-left:25px;
padding-bottom:5px;
text-decoration:underline;
color:#333333;
}

a.pdf:hover{
background:url(../img/pdf.gif) no-repeat top left;
padding-left:25px;
padding-bottom:5px;
text-decoration:underline;
color:#330066;
}

a.pdf:active{
background:url(../img/pdf.gif) no-repeat top left;
padding-left:25px;
padding-bottom:5px;
text-decoration:underline;
color:#330066;
}

br.clr{
clear:both;
}

.mb5{
margin-bottom:5px;
}

.mb10{
margin-bottom:10px;
}

.mb15{
margin-bottom:15px;
}

.mb30{
margin-bottom:30px;
}

.mt5{
margin-top:5px;
}

.mt10{
margin-top:10px;
}

.mt15{
margin-top:15px;
}


/*clearfixハック
------------------------------------------------------------ */

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

.clearfix {display: inline-block; min-height: 1%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*共通　骨組
------------------------------------------------------------ */


#wrap{
background:url('../img/hd_bg_left.gif') repeat-x;
left:0;
top:0;
position:absolute;
width:50%;
height:79px;
}

/*seo対策用文字*/
#lead{
height:5px;
line-height:0;
background-color:#dedede;
margin:0;
padding:0;
}

/*ヘッダーーコンテンツ
---------------------------------------*/

#header{
position:relative;
width:905px;
height:79px;
margin:0 auto;
background:url('../img/hd_bg.gif');
overflow: hidden;
}

#hd_logo{
display:inline;
width:300px;
height:54px;
background:url('../img/hd_logo_bg.gif') no-repeat;
float:left;
margin:12px auto 0 0;
}

#hd_logo h1{
color:#ffffff;
font-size:12px;
text-indent:3px;
margin:0 auto 0 76px;
padding:0;
}

#hd_logo h1 a:link{color:#ffffff;text-decoration:none;}
#hd_logo h1 a:visited{color:#ffffff;text-decoration:none;}
#hd_logo h1 a:hover{color:#ffffff;text-decoration:none;}
#hd_logo h1 a:active{color:#ffffff;text-decoration:none;}

#hd_logo img{
margin:0 auto 0 76px;
padding:0;
}


#hd_contact{
width:197px;
float:right;
margin:11px 10px auto auto;
}

#hd_contact img{
float:right;
}

/*----*/

#hd_menu_wrap{
clear:both;
width:100%;
height:49px;
background:url(../img/hd_menu_bg.gif) repeat-x;
}

#hd_menu{
width:905px;
height:45px;
margin:0 auto;
padding:0;
}


#hd_menu ul{
list-style:none;
margin:0;
padding:0;
}


#hd_menu li{
float:left;
margin:0;
padding:0;}


/*メインコンテンツ
---------------------------------------*/

*html div#container{
height:100%;
}

body>div#container{
height:auto;}


#container{
position:relative;
width:905px;
margin:0 auto;
height:100%;
}

#maincontents{
width:905px;
margin-top:16px;
margin-bottom:10px;
padding:0;
}


#main{
float:left;
width:650px;
margin:0;
padding:0;
}

#contents{
float:left;
background:#f5f4ee;
width:650px;
margin:0;
padding:0;
}

/*フォーム用*/

#main_frm{
width:905px;
margin:0;
padding:0;
}

#contents_frm{
background:#f5f4ee;
width:905px;
margin:0 auto;
padding:0;

}


#content_frm{
width:620px;/*870*/
margin:0 auto;

}

#content_frm p{
font-size:1.2em;
}

#content_frm h2{
margin:18px auto 13px;
}

#content_frm h3{
margin-bottom:13px;
}


#content_frm span.sup{
vertical-align:super;
font-weight:normal;
}

#content_frm table.contact_tbl input{
font-size:12px;
}



/*ナビゲーションエリア
---------------------------------------*/

#navi{
width:236px;
float:right;
margin:0 0 30px;
padding:0;
}

#navi img.ft{
clear:both;
float:left;
margin:0;
}

/*----*/

#nv_menu{
float:right;
width:233px;
height:100%;
margin:0;
padding:0;
}

#nv_menu ul{
list-style:none;
font-size:1.2em;
text-indent:15px;
}

#nv_menu li{
height:39px;
line-height:39px;
background:url('../img/nv_menu_bg.gif') no-repeat;
}

#nv_menu li.b{
height:42px;
line-height:42px;
background:url('../img/nv_menu_ft.gif') no-repeat;
}

#nv_menu li.s{
height:39px;
line-height:39px;
background:url('../img/nv_menu_bg_s.gif') no-repeat;
}

#nv_menu li.sb{
height:42px;
line-height:42px;
background:url('../img/nv_menu_ft_s.gif') no-repeat;
}

#nv_menu a:link{color:#000000;text-decoration:none;}
#nv_menu a:visited{color:#000000;text-decoration:none;}
#nv_menu a:hover{color:#000066;text-decoration:underline;}
#nv_menu a:active{color:#000066;text-decoration:underline;}

/*----*/

#nv_soudan{
clear:both;
float:right;
width:233px;
height:100%;
margin-top:10px;
padding:0;
background:url('../img/nv_bg.gif') repeat-y;
}

#nv_soudan img.btn{
float:right;
margin:10px 15px 0 auto;
}

#nv_soudan2{
clear:both;
float:right;
width:233px;
height:100%;
margin-top:0px;
padding:0;
background:url('../img/nv_bg.gif') repeat-y;
}

#nv_soudan2 img.btn{
float:right;
margin:10px 15px 0 auto;
}

.nv_sou_in{
display:inline;
float:right;
width:207px;
margin:10px 13px 0 auto;
padding:0;
}

#nv_member{
clear:both;
float:right;
width:233px;
height:100%;
margin-top:0px;
margin-bottom:5px;
padding:0;
background:url('../img/nv_bg.gif') repeat-y;
}

#nv_member2{
clear:both;
float:right;
width:233px;
height:100%;
margin-top:5px;
margin-bottom:0px;
padding:0;
background:url('../img/nv_bg.gif') repeat-y;
}

#nv_member div.btn , #nv_member2 div.btn{
clear:both;
width:205px;
margin:10px auto 0px;
}

#nv_member div.nv_mem_in , #nv_member2 div.nv_mem_in{
display:inline;
float:right;
width:207px;
margin:5px 12px 5px 10px;/*[上][右][下][左]*/
padding:0;
}

#nv_member div.nv_mem_in p , #nv_member2 div.nv_mem_in p{
font-size:1.2em;
line-height:1.2;
}

img.nv_book{
float:right;
margin-left:5px;
}

/*----*/

#nv_present{
clear:both;
float:right;
width:233px;
height:100%;
margin:10px 0 0 0;
padding:0;
background:url(../img/nv_pre_bg.gif) repeat-y;
}

#nv_present img.book{
float:left;
margin:0 0 0 2px;
}

#nv_present p{
float:right;
width:100px;
margin:10px 10px 0 auto;
font-size:12px;
line-height:125%;
}

*html body div#nv_present p{ /*--ie6--*/
margin:10px 5px 0 auto;
}

#nv_present img.btn{
margin-top:15px;
}

/*----*/

#navi .bnr{
clear:both;
float:right;
width:233px;
margin:10px auto 0;
padding:0;
}

/*----*/

#nv_pdf{
clear:both;
float:right;
width:233px;
height:100%;
margin-top:10px;
padding:0;
background:url('../img/nv_pdf_bg.gif') repeat-y;
}

.nv_pdf_in{
display:inline;
float:left;
width:218px;
margin:12px auto 0 8px;
padding:0;
}

.nv_pdf_in img.photo{
float:left;
margin-right:10px;
padding:1px;
background-color:#ffffff;
border:1px #cccccc solid;
}

.nv_pdf_in p{
float:left;
width:145px;
margin-bottom:5px;
font-size:1.2em;
line-height:125%;
}

.nv_pdf_in ul{
float:left;
display:block;
padding:0;
}

.nv_pdf_in li{
display:block;
list-style:none;
float:left;
background:url('../img/nv_pdf_int.gif') left 50% no-repeat;
text-indent:11px;
}

.nv_pdf_in li.r{
margin-right:10px;
}

/*----*/

#nv_link{
clear:both;
float:right;
width:233px;
height:100%;
margin-top:10px;
/*margin-bottom:38px;*/
padding:0;
background:url('../img/nv_bg.gif') repeat-y;
}

#nv_link ul{
display:block;
width:174px;
list-style:none;
/*float:left;*/
margin-top:15px;
margin-left:30px;
padding:0;
}

#nv_link li{
display:block;
margin-bottom:10px;
}

#nv_link li.b{
display:block;
margin-bottom:0;
}

/*--mobile用QRコード--*/
#nv_qr{
clear:both;
float:right;
width:233px;
margin-top:15px;
}



/*フッターコンテンツ
---------------------------------------*/

#footer{
clear:both;
position: relative;
width:100%;
height:105px;
margin:0;
background:url('../img/ft_bg_left.gif') repeat-x;
}

*html body div#footer{
background:url('../img/ft_bg_left.gif') left -1px repeat-x;
}

#ft_wrap{
position:absolute;
width:50%;
height:105px;
right:0;
bottom:0;
background:url('../img/ft_bg_right.gif') repeat-x;
}

#ft_inner{
position: relative;
background:url('../img/ft_bg.gif') top left no-repeat;
width:905px;
height:105px;
margin:0 auto;
padding:0;
overflow: hidden;
}

*html body div#ft_inner{
background:url('../img/ft_bg.gif') left -1px repeat-x;
}

/*----*/

.ft_in_1{
position:relative;
width:905px;
height:23px;
margin:0;
padding:0;
}

.ft_in_1 ul{
float:left;
width:805px;
margin:0;
padding:0;
list-style-type:none;
font-size:12px;
}

.ft_in_1 li{
float:right;
line-height:14px;
padding:0 10px;
}

.ft_in_1 li.link1{
border-right:1px solid #000080;
}

.ft_in_1 a:link{color:#000000;text-decoration:none;}
.ft_in_1 a:visited{color:#333333;text-decoration:none;}
.ft_in_1 a:hover{color:#330066;text-decoration:underline;}
.ft_in_1 a:active{color:#330066;text-decoration:underline;}



.pagetop{
float:right;
width:76px;
height:23px;
margin:0;
padding:0;
}

/*----*/

.ft_in_2{
position:relative;
width:905px;
height:82px;
margin:0;
padding:0;
}

.ft_in_2_logo{
display:inline;
float:left;
width:294px;
height:53px;
margin:14px 0 0 0;
padding:0;
background:url('../img/ft_logo_bg.gif') left top no-repeat;
}

.ft_in_2_logo h3{
color:#ffffff;
font-size:12px;
text-indent:62px;
margin:0;
padding:0;
}

.ft_in_2_logo img{
margin:0 auto auto 56px;
padding:0;
}

.ft_in_2_txt{
display:inline;
float:right;
width:595px;
font-size:10px;
color:#ffffff;
line-height:150%;
margin-top:10px;
padding:0;
}


#error{
width:600px;
height:300px;
margin:20px auto;
background:#fff;
text-align:left;
font-size:1.2em;
border:1px solid #ccc;
padding:20px;
}


img.new{
vertical-align:middle;
margin-right:5px;
}