/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p
,blockquote,th,td {
     margin: 0;
     padding: 0;
}
html {
overflow-y: scroll;
height:100%;
}
h1,h2,h3,h4,h5,h6 {
     font-size: 100%;
     font-weight: normal;
}
p {
margin: 0 0 1em 0;
}
ol,ul {
     list-style: none;
}
fieldset,img {
     border: 0;
}
img{
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size:100%;
}
caption,th {
     text-align: left;
}
address,caption,cite,code,dfn,em,strong,th,var {
     font-style: normal;
}
a:hover{
color:#61a244;
}
/*clickaccess問い合わせボタン*/
#ClickAccessArea{
z-index:2;
cursor:pointer;
}
/*プルダウン用（IE6でも実現）*/
html body { behavior:url("js/csshover3.htc"); }

/*枠*/
html,body{
text-align: center;
height:100%;
}
body{
background:url(../images/bg_body.gif);
font-size:90%;
line-height:150%;
color:#444444;
}
/*clearfix*/
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix{
zoom: 1;
}
*:first-child+html .clearfix {
 zoom: 1;
}


/* wrapper */
#wrapper{
width:952px;
height:100%;
margin:0 auto;
position:relative;
text-align:left;
}


/* contetns */
#contents{
padding:0 2px 0;
background:url(../images/bg_contents.gif) #FFF;
}


/* header */
#header{
width:100%;
height:100px;
margin:0;
padding:0;
border-top:5px solid #61a244;
}
/* ロゴとサブメニュー */
#hed{
border-bottom:3px solid #62ab02;
overflow:hidden;
zoom:1;
clear:both;
position:relative;
}
h1{
margin:5px 3px 0;
float:left;
padding:0;
}
.sub_menu{
padding:0;
float:right;
margin:38px 0 0;
font-size:80%;
}
.sub_menu ul{
padding:0px;
	}
.sub_menu li{
margin:0 20px 0 0;
background:url(../images/ya.gif) left center no-repeat;
float:left;
padding:0px 0 0 13px;
	}
.sub_menu a{
margin:0;
text-decoration:none;
font-weight:600;
color:#666666;
	}
.sub_menu a:hover{
text-decoration:underline;
color:#666666;
	}
/*メニュー*/
ul#menu {
clear:both;
background:#FFF;
margin:0;
font-size:80%;
}
ul#menu li {
float: left;
margin: 0;
padding: 0;
position:relative;
display:block;
z-index:3;
background:url(../images/bg_navi1.gif);
}
ul#menu li a {
display: block;
margin:0;
padding: 0;
width: 156px;
border-right: 1px solid #AAA;
border-left: 1px solid #FFF;
text-decoration: none;
}
#menu a:hover img{
-moz-opacity:0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: Alpha(Opacity=50);
opacity: .5;
}
ul#menu li ul {
display:none;
border-right:1px solid #CECECE;
border-left:1px solid #CECECE;
border-bottom:1px solid #CECECE;
position:absolute;
background:#FFF;
margin:0;
padding:0;
left:0;
top:auto;
}
ul#menu li ul li {
width:150px;
float: none;
margin:0 3px;
z-index:3;
background:#FFF;
}
ul#menu li:hover ul {
display:block;
}
ul#menu li:hover ul li a{
border-right:none;
border-left:none;
border-top:1px dashed #BBB;
padding:5px 3px;
width:144px;
}
* html ul#menu li:hover ul li a{
background: #fff;
border-right:none;
border-left:none;
border-top:1px dashed #BBB;
padding:5px 3px;
width:150px;
}
ul#menu li:hover ul li.start a{
border-top:none;
}
ul#menu li:hover ul li a:hover{
background: #EEF3CD;
}
ul#menu li ul li a:hover{/*IE7用*/
background: #EEF3CD;
}
/*メインコンテンツ*/
#main_contents{
clear:both;
margin:0px 10px;
position:relative;
}
a[href $='.pdf']{ 
padding:0.1em 0 0 18px; 
background: transparent url(../images/icon_pdf.gif) no-repeat center left;
display:inline-block;
}

/*メイン*/
#main{
background:#FFF;
width:734px;
float:left;
margin:20px 0;
}
* html #main{
padding:0 0 20px;
}
*:first-child+html #main{
padding:0 0 20px;
}
#main h2{
margin:10px;
padding:0 0 5px;
border-bottom:1px dotted #61a244;
}
#main h3{
margin:0 10px 0 20px;
clear:both;
padding:10px 20px 8px;
background:url(../images/h3.gif) no-repeat;
font-weight:700;
font-size:120%;
color:#555555;
width:664px;
border-bottom:1px solid #CCC;
}
*html #main h3{
width:704px;
}
#main h4{
margin:0 10px;
clear:both;
padding:10px;
font-weight:700;
font-size:120%;
color:#61a244;
}
#main .main_indent h4{
font-size:120%;
font-weight:700;
margin:10px 0 0px;
padding:0;
color:#4461a2;
}
#main h5{
text-align:center;
font-weight:bold;
font-size:120%;
margin:0;
padding:10px 0 10px;
}
.bg_1 h5,.bg_2 h5,.bg_3 h5{
text-align:center;
font-weight:bold;
font-size:120%;
padding:10px 30px 10px 0px;
width:600px;
}
/*メイン文章*/
#main .main_indent{
margin:10px 20px 10px 42px;
padding:0;
clear:both;
}
#main .main_indent2{
margin:0 20px 10px 40px;
padding:5px 5px 5px 10px;
clear:both;
}
#main .main_indent3{
margin:0 21px 10px 41px;
padding:5px 5px 5px 10px;
clear:both;
text-align:center;
}
#main .main_indent4{
margin:0 20px 10px 300px;
padding:5px 5px 5px 10px;
clear:both;
text-align:center;
}
/*メイン画像*/
#main .access_image{
margin:0 10px 30px 20px;
text-align:center;
}
#main .img_assemble{
width:463px;
margin:0 0 20px 185px;
}
/*メインリスト*/
#main ul.disc {
padding:0;
margin:0 0 10px 17px;
list-style-type:disc;
line-height:18px;
font-weight:700;
color:4461a2;
}
#main ul.disc li{
padding:0;
margin:0;
}
#main ol {
padding:0;
margin:0 0 10px 17px;
list-style-type:decimal;
line-height:18px;
}
#main ol li{
padding:0;
margin:3px 0;
}
/*メイン下申し込みリンクボタン*/
#main a.register_button2 img{
	margin:0 0 0 148px;
	padding:0;
	display:block;
	clear:both;
}
#main a.register_button2 img:hover{
-moz-opacity:0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: Alpha(Opacity=50);
opacity: .5;
}
.price{
text-align:left;
margin:0 auto 20px;
position:relative;
width:23em;
background:#e3eed8;
padding:10px;
}


/*右ナビ*/
#navi{
width:185px;
margin:40px 0px 40px;
float:right;
padding:0;
text-align:center;
}
#navi a img{
margin:5px 0;
}
#navi #navi1 a img{
margin:0;
}
#navi1{
margin:0 0 0 5px
width:180px;
background:url(../images/bg_navi.gif) repeat-y;
font-size:80%;
padding:0px 7px;
margin:10px 0;
text-align:left;
}

#navi1 ul {
clear:both;
background:#FFF;
margin:0px;
width:168px;
}
#navi1 ul li {
margin: 10px 0 0;
padding: 0;
background:url(../images/bg_navi1.gif);
width:168px;
}
#navi1 ul li.start{
margin-top:0;
}
#navi1 ul li a {
display: block;
margin:0;
padding: 0;
text-decoration: none;
}
#navi a:hover img{
-moz-opacity:0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: Alpha(Opacity=50);
opacity: .5;
}
#navi1 ul li ul {
display:none;
border-right:1px solid #CECECE;
border-left:1px solid #CECECE;
border-bottom:1px solid #CECECE;
background:#FFF;
margin:0;
padding:0;
width:166px;
}
#navi1 ul li ul li {
width:160px;
float: none;
margin:0 3px;
background:#FFF;
border-top:1px dashed #BBB;
}
* html #navi1 ul li ul li{
width:160px;
}
#navi1 ul li ul {
display:block;
}
#navi1 ul li ul li a{
border-right:none;
border-left:none;
padding:5px 3px;
margin:0;
}
* html #navi1 ul li ul li a{
background: #fff;
width:160px;
}
#navi1 ul li ul li a:hover{
background: #EEF3CD;
}
#navi1 ul li ul li.start {
border-top:none;
}
#navi .pamphlet{
background:#f7f7f7;
border-right:1px solid #c2c2c2;
border-left:1px solid #c2c2c2;
border-bottom:1px solid #c2c2c2;
width:178px;
clear:both;
margin:5px 0 0 2px;
text-align:left;
}
#navi .pamphlet img{
margin:0 0 10px;
}
#navi .pamphlet p{
margin:0 10px 10px;
}
#navi .topics{
margin:10px 0 0;
clear:both;
width:180px;
}
#navi .topics h3{
margin:0;
}
#navi .topics .news{
font-size:90%;
width:172px;
border-right:1px solid #b2cfa2;
border-left:1px solid #b2cfa2;
border-bottom:1px solid #b2cfa2;
padding:10px 3px;
height:auto;
word-break: break-all;
text-align:left;

}
* html #navi .topics .news{
width:180px;
}
#navi .topics .news_detail{
border-bottom:1px dotted #9bd89a;
padding:0px 5px 5px 10px;
}
#navi .topics .date{
background:url(../images/news_list.gif) no-repeat left center;
padding:0px 0 0 10px;
margin:5px 0 0;
}
/*フッター*/
#footer{
clear:both;
padding:0 2px;
background:url(../images/bg_contents.gif);
margin:0;
font-size:80%;
}
#footer ul{
margin:0;
padding:0;
text-align:center;
border-top:1px solid #CECECE;
border-bottom:10px solid #b5c53f;
overflow:hidden;
zoom:1;
position:relative;
}
#footer li{
float:left;
margin:3px 0 0px 10px;
background:url(../images/ya.gif) left center no-repeat;
padding:0px 10px 0px 13px;
}
*html #footer li{
margin:3px 0 0 10px;
}
#footer a{
padding:0px;
display:block;
text-decoration:none;
color:#333333;
font-weight:600;
}
#footer a:hover,#footer a:active{
text-decoration:underline;
}
#footer li.start{
border:none;
}
#footer li.last{
float:right;
border:none;
}
/*copyright*/
#copy{
clear:both;
font-size:110%;
text-align:center;
margin:10px 0px 10px;
}


/*文字色*/
.red{
color:#CC0000;
}
.green{
color:#61a244;
}
.blue{
color:#3581bc;
}
.orange{
color:#FF8F00;
}
.pink{
color:#f1826b;
}
.black{
color:#333333;
}
/*太字*/
.bold{
font-weight:700;
}

/*大文字+太字*/
.b_bold{
font-size:120%;
font-weight:700;
}
.b_bold_blue{
font-size:110%;
font-weight:700;
color:#4461a2;
}
.point{
font-weight:700;
color:#CC0000;
}
.big{
font-size:110%;
}
.imp{
font-weight:700;
font-size:110%;
padding:0px 0 10px;
clear:both;
}
/*小文字*/
.small{
font-size:80%;
}
/*小文字+太字*/
.s_bold{
font-size:80%;
font-weight:700;
}

/*位置*/
.center{
text-align:center;
}
.left{
text-align:left;
}
.right{
text-align:right;
}
.space{
margin:10px;
}
/*背景*/
/*ピンク*/
div.bg_1{
background:url(../images/pink_bg.gif) no-repeat 0% 100%;
padding:0px 0 30px;
margin:10px 20px 10px 50px;
width:662px;
clear:both;
}
div.bg_1_box{
background:url(../images/pink_bg.gif) no-repeat 0% 0%;
padding:10px 20px 0 10px;
margin:0;
}
/*水色*/
div.bg_2{
background:url(../images/blue_bg.gif) no-repeat 0% 100%;
padding:0px 0 30px;
margin:10px 20px 10px 50px;
width:662px;
clear:both;
}
div.bg_2_box{
background:url(../images/blue_bg.gif) no-repeat 0% 0%;
padding:10px 20px 0 10px;
margin:0;
}
/*緑*/
div.bg_3{
background:url(../images/green_bg.gif) no-repeat 0% 100%;
padding:0px 0 30px;
margin:10px 20px 10px 50px;
width:662px;
clear:both;
}
div.bg_3_box{
background:url(../images/green_bg.gif) no-repeat 0% 0%;
padding:10px 20px 0 10px;
margin:0;
}
/*黄*/
div.bg_4{
background:url(../images/yellow_bg.gif) no-repeat 0% 100%;
padding:0px 0 30px;
margin:10px 20px 10px 50px;
width:662px;
clear:both;
}
div.bg_4_box{
background:url(../images/yellow_bg.gif) no-repeat 0% 0%;
padding:10px 20px 0 10px;
margin:0;
}
/*グレー*/
div.bg_5{
background:url(../images/gray_bg.gif) no-repeat 0% 100%;
padding:0px 0 30px;
margin:10px 20px 10px 50px;
width:662px;
clear:both;
}
div.bg_5_box{
background:url(../images/gray_bg.gif) no-repeat 0% 0%;
padding:10px 20px 0 10px;
margin:0;
}