@charset "utf-8";

/*===============================================*
*	body
*===============================================*/
body{
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,  '�E��E� �E�ゴシチE��', Osaka, Arial, sans-serif;
font-size: 75%;
line-height:1.5;
color:#333333;
background: url(../images/body_bg.jpg) no-repeat center 0px;
}
html>/**/body{
font-size: 12px;
}
/*===============================================*
*	#wrapper
*===============================================*/
#wrapper{
width: 800px;
margin: 0 auto;
text-align: left;
}

/*===============================================*
*	#headerArea
*===============================================*/
#headerArea{
margin: 0;
font-size: 0.8em;
line-height: 1.2;
position: relative;
height: 70px;
background: url(../images/head_bg.jpg) no-repeat 0px 0px;
}
#headerArea2{
margin: 0;
font-size: 0.8em;
line-height: 1.2;
position: relative;
height: 60px;
}
#headerArea h1,
#headerArea #h1Like{
width: 572px;
height: 35px;
padding: 18px 0 17px;
}
#headerArea #h1Like a{
display:block;
width: 572px;
height: 35px;
overflow:hidden;
}

/*===============================================*
*	#headerArea
*===============================================*/
#headerArea #resizeBtns{
background: url(../images/resize_bg.jpg) no-repeat 0 0;
height: 26px;
width: 149px;
position: absolute;
top: 0px;
right: 0px;
padding: 6px 0 0;
}
#headerArea #resizeBtns li{
float:left;
display:inline;
margin:0 1px;
}
#headerArea #resizeBtns li a{
display:block;
height: 18px;
width: 19px;
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -9999px;
overflow: hidden;
}
#headerArea #resizeBtns li#resizeL{
margin:0 1px 0 78px;
}
#headerArea #resizeBtns li#resizeM{
}
#headerArea #resizeBtns li#resizeS{
}
#headerArea #resizeBtns li#resizeL a{
background-image: url(../images/resize_btn1.gif);
}
#headerArea #resizeBtns li#resizeM a{
background-image: url(../images/resize_btn2.gif);
}
#headerArea #resizeBtns li#resizeS a{
background-image: url(../images/resize_btn3.gif);
}

#headerArea #resizeBtns li#resizeL a.active{
background-image: url(../images/resize_btn1_f2.gif);
}
#headerArea #resizeBtns li#resizeM a.active{
background-image: url(../images/resize_btn2_f2.gif);
}
#headerArea #resizeBtns li#resizeS a.active{
background-image: url(../images/resize_btn3_f2.gif);
}


/* #globalNavi
------------------------------------------------*/
#headerArea2 #globalNavi{
width: 800px;
height: 60px;
background-image: url(../images/gnavi.jpg);
background-repeat: no-repeat;
}
#headerArea2 #globalNavi li{
height: 60px;
}
#headerArea2 #globalNavi li a{
height: 44px;
}
#headerArea2 #globalNavi li{
float: left;
display:inline;
}
#headerArea2 #globalNavi li a{
display:inline-block;/*ieHack*/
overflow:hidden;
text-indent:-9999em;
background-image: url(../images/gnavi.jpg);
background-repeat: no-repeat;
}
#headerArea2 #globalNavi li a{
display:block;
}
#headerArea2 #globalNavi li a.activeGnavi,
#headerArea2 #globalNavi li a:hover{
background-image: url(../images/gnavi.jpg);
}
#headerArea2 #globalNavi .m1,
#headerArea2 #globalNavi .m1 a{
width:146px;
background-position:0px 0px;
}
#headerArea2 #globalNavi .m2,
#headerArea2 #globalNavi .m2 a{
width:86px;
background-position:-146px 0px;
}
#headerArea2 #globalNavi .m3,
#headerArea2 #globalNavi .m3 a{
width:75px;
background-position:-232px 0px;
}
#headerArea2 #globalNavi .m4,
#headerArea2 #globalNavi .m4 a{
width:74px;
background-position:-307px 0px;
}
#headerArea2 #globalNavi .m5,
#headerArea2 #globalNavi .m5 a{
width:99px;
background-position:-381px 0px;
}
#headerArea2 #globalNavi .m6,
#headerArea2 #globalNavi .m6 a{
width:74px;
background-position:-480px 0px;
}
#headerArea2 #globalNavi .m7,
#headerArea2 #globalNavi .m7 a{
width:140px;
background-position:-554px 0px;
}
#headerArea2 #globalNavi .m8,
#headerArea2 #globalNavi .m8 a{
width:106px;
background-position:-694px 0px;
}
#headerArea2 #globalNavi .m1 a.activeGnavi,
#headerArea2 #globalNavi .m1 a:hover{
background-position:0px -60px;
}
#headerArea2 #globalNavi .m2 a.activeGnavi,
#headerArea2 #globalNavi .m2 a:hover{
background-position:-146px -60px;
}
#headerArea2 #globalNavi .m3 a.activeGnavi,
#headerArea2 #globalNavi .m3 a:hover{
background-position:-232px -60px;
}
#headerArea2 #globalNavi .m4 a.activeGnavi,
#headerArea2 #globalNavi .m4 a:hover{
background-position:-307px -60px;
}
#headerArea2 #globalNavi .m5 a.activeGnavi,
#headerArea2 #globalNavi .m5 a:hover{
background-position:-381px -60px;
}
#headerArea2 #globalNavi .m6 a.activeGnavi,
#headerArea2 #globalNavi .m6 a:hover{
background-position:-480px -60px;
}
#headerArea2 #globalNavi .m7 a.activeGnavi,
#headerArea2 #globalNavi .m7 a:hover{
background-position:-554px -60px;
}
#headerArea2 #globalNavi .m8 a.activeGnavi,
#headerArea2 #globalNavi .m8 a:hover{
background-position:-694px -60px;
}

/*===============================================*
*	#footerArea
*===============================================*/
#footerArea{
clear: both;
height: 120px;
font-size: 0.8em;
line-height: 1em;
background: url(../images/footer_bg.jpg) repeat-x 0 0;
margin: 0;
}
#footerArea #footerWrap{
width:800px;
margin:0 auto;
height: 120px;
position: relative;
}
#footerArea ul{
width: 317px;
position: absolute;
top: 10px;
right: 0px;
}
#footerArea ul li{
float: left;
display: inline;
margin: 0 0 0 4px;
width: 154px;
}
#footerArea #copyright{
padding: 23px 0 0;
}

/*===============================================*
*	contentsArea common
*===============================================*/
#contentsArea{
width: 720px;
margin: 0 auto;
}
/* #contentsAreaBody common
------------------------------------------------*/
#contentsArea{
width: 720px;
margin: 0 auto;
padding: 25px 40px;
background: #FFFFFF url(../images/contents_bg.jpg) repeat-x 0px 0px;
}
#contentsArea p{
line-height:1.5;
margin:0 0 15px 0;
padding: 0 10px;
font-size: 115%;
}
#contentsArea h1{
width: 720px;
height: 35px;
background-image: url(../images/title_bg.gif);
background-repeat: repeat-x;
background-position: 0px bottom;
margin: 0 0 30px;
}
#contentsArea h2{
font-size: 135%;
font-weight: bold;
margin: 0 0 15px;
}
#contentsArea h3{
color:#66738C;
font-size: 115%;
margin: 0 0 10px;
background: url(../images/border_x.gif) repeat-x 0 bottom;
padding: 0 10px 3px;
font-weight: bold;
}
#contentsArea h3.subTitle{
font-size: 125%;
margin: 0 0 10px;
font-weight: bold;
text-align: center;
background-image: url(../images/subtitle_bg.jpg);
background-repeat: repeat-x;
line-height: 28px;
padding: 0;
border-bottom:1px solid #66738C;
}
#contentsArea h4{
font-size: 115%;
padding: 0 10px 4px;
color: #FF6600;
}
#contentsArea #contentsBody{
padding: 0 20px 10px;
}


/*===============================================*
*	common
*===============================================*/
p.totop{
clear: both;
line-height: 1em;
margin: 0;
}
p.totop a{
display: block;
height: 16px;
width: 160px;
background: url(../images/totop.gif) no-repeat 0px 0px;
margin: 0 0 0 auto;
text-indent:-9999px;
overflow: hidden;
}
.alignL{
text-align:left !important;
}
.alignR{
text-align:right !important;
}
.alignC{
text-align:center !important;
}
.baseTalk{
margin:0 0 15px 0 !important;
}
.noneTalk{
margin:0 0 0 0 !important;
}
.smallTalk{
margin:0 0 5px 0 !important;
}
.middleTalk{
margin:0 0 20px 0 !important;
}
.largeTalk{
margin:0 0 30px 0 !important;
}
.caution{
color:#CC0000;
font-size: 95% !important;
}
.bgWrap{
padding: 20px 20px 5px;
background-color: #F5F5F5;
margin: 0 0 20px;
}
.indentWrap{
padding-left: 15px !important;
padding-right: 1.5em !important;
}
/*===============================================*
*	indexMenuAarea
*===============================================*/
#indexMenuAarea {
height: 393px;
width: 800px;
background-image: url(../images/index_menu_bg.jpg);
}
#indexMenuAarea ul{
width:198px;
background-image: url(../images/index_menu.jpg);
display: inline;
float: left;
background-repeat: no-repeat;
background-position: 0px 0px;
list-style-position: outside;
}
#indexMenuAarea li{
width:198px;
height:45px;
}
#indexMenuAarea li a{
display:block;
width:198px;
height:45px;
}
#indexMenuAarea li a{
display:inline-block;/*ieHack*/
overflow:hidden;
text-indent:-9999em;
}
#indexMenuAarea li a{
display:block;
margin: 0;
}
#indexMenuAarea #flashArea {
height: 340px;
width: 570px;
display: inline;
float: right;
margin: 10px 10px 0 0;
background-color: #E3E3EE;
text-align: center;
}
#contentsArea #contentsBody ol,
#contentsArea #contentsBody ul{
padding: 0 30px 15px;
}
#contentsArea #contentsBody li{
border-left: 4px solid #66738C;
background-color: #F5F5F5;
margin: 0 0 5px;
font-size: 115%;
padding: 0 0 0 11px;
}
#contentsArea #contentsBody ol{
list-style-position: inside;
}
#contentsArea #contentsBody ol li{
padding: 0 0 0 5px;
}
#contentsArea #contentsBody .innerWrap{
margin:0 0 30px;
}
#contentsArea #contentsBody .innerWrap .columnA {
float: left;
display: inline;
}
#contentsArea #contentsBody .innerWrap .columnB {
width: 350px;
display: inline;
float: right;
}
#contentsArea #contentsBody .mailForm {
padding: 0 10px;
margin: 0 0 20px;
}
#contentsArea #contentsBody #member {
padding:0 10px;
margin: 0 0 5px;
}
#contentsArea #contentsBody #member .section1,
#contentsArea #contentsBody #member .section2 {
float: left;
font-size: 90%;
}
#contentsArea #contentsBody .teireiBG {
background-image: url(../../images/teirei_img04.jpg);
background-repeat: no-repeat;
width: 440px;
margin: 0 auto;
padding: 10px 0 0 220px;
font-size: 90%;
background-position: center bottom;
background-color: ;
}
#contentsArea #contentsBody .teireiBG li{
background-color:transparent;
}
#contentsArea #contentsBody .katudouTable,
#contentsArea #contentsBody .katudouTable td,
#contentsArea #contentsBody .katudouTable th{
border:none;
}
#contentsArea #contentsBody .katudouTable td,
#contentsArea #contentsBody .katudouTable th{
padding:0 0 30px;
}