@charset "utf-8";
/*----------------------------------------
create date:2010/7/26
----------------------------------------*/

/*
reset css
------------------------------*/
html{overflow-y:scroll;}
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;}
h1,h2,h3,h4,h5,h6,p,li,dl,dt,dd,caption,address,th,td,b,small{word-break:normal;word-wrap:break-word;}
ul li,ol li{list-style:none;}
caption{text-align:left;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
img,abbr,acronym,fieldset{border:none;}
hr,legend{display:none;}
em{font-weight:bold;}
input,textarea,select{margin:0;}
input,label,button,select{vertical-align:middle;}
img{vertical-align:bottom;}
object,embed{vertical-align:top;}
iframe{border:0;}
/*table,caption,th,td{border-collapse:collapse;border-spacing:0;}*/
caption,th{text-align:left;}
q:before,q:after{content:'';}
/*clear float*/
div:after{content:".";clear:both;display:block;height:0;font-size:0;visibility:hidden;}
div{display:inline-block;}
/*\*/
* html div{height:0;}
div{display:block;}
/**/
/*fix IE U-6*/
* html input{margin-bottom:1px;}
* html br{letter-spacing:0;}
* html ol li{display:list-item;}
/*fix IE 7*/
*:first-child+html input{margin:0;}
*:first-child+html body,*:first-child+html br{letter-spacing:0;}
*:first-child+html ol li{display:list-item;}

/*clearfix*/
.clearfix:after{clear:both;display:block;content:"";}
.clearfix{display:inline-block;min-height:1%;}
/*\*/
* html .clearfix{height:0;}
.clearfix{display:block;}
/* */
/*/clearfix*/

/*
base font
------------------------------*/
body{line-height:1.6;background:#fff;border-top:4px solid #477acf;}
body,input,textarea{font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;}
body,input,textarea,h1,h2,h3,h4,h5,h6{font-size:small;}
body,input,select,textarea{color:#333;}
a{color:#477acf;text-decoration:none;}
a:hover{color:#7f7f7f;text-decoration:underline;}

/*文字シャドウ*//*text-shadow:ぼかし色 X方向への距離 Y方向への距離 ぼかしの距離*/
body{
/*text-shadow:#fff 1px 1px;*/
}
/*選択時の色*/

/*
::-moz-selection{
}
::selection{
}
a::-moz-selection{
}
a::selection{
}*/

/*
ページアンカー
------------------------------*/
.cmnanc{display:block;height:0;font-size:0;visibility:hidden;overflow:hidden;}


/*
header
------------------------------*/
#header{
width:910px;
margin:15px auto 0;
}
#header h1{
float:left;
width:300px;
}
#header ul{
float:right;
max-width:610px;
padding:12px 0;
}
/*clearfix*/
#header:after{clear:both;display:block;content:"";}
#header{display:inline-block;min-height:1%;}
/*\*/
* html #header{height:0;}
/* */
/*/clearfix*/

#header {
display:block;
}

/*
footer
------------------------------*/
#footer{
margin:0 auto;
padding:60px 0 40px;
}
.clum-top #footer{
width:910px;
}
.clum-1 #footer,
.clum-2 #footer{
width:886px;
}
#footer address{
text-align:center;
font-size:85%;
}



#top{
margin-left:auto;
margin-right:auto;
width:900px;
height:288px;
background-image: url(/zmc/images/maining.gif);
background-repeat:no-repeat;
margin-top:20px;
margin-bottom:0px;
padding:0;
}

#top span { position: absolute; left: -9999px;}


#btn01{
float:right;
margin:0;
width:251px;
height:55px;
padding:0;
padding:210px 45px 0px 0px;

}

#btn01 ul { margin: 0; padding: 0; list-style-type: none;text-align:center;}
#btn01 ul li { width: 251px; height: 55px;}
#btn01 ul li a { display: block; width: 251px; height: 55px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url(/zmc/images/btn_01.gif);}
#btn01 ul li a:hover { background-position: 0px -55px; }


/*
contents
------------------------------*/
#contents{
margin:20px auto 0;
}
.clum-top #contents{
width:850px;
}


/*
イラスト
------------------------------*/
#point_01{
margin-left:auto;
margin-right:auto;
width:657px;
height:371px;
background-image: url(/zmc/images/point_01.gif);
background-repeat:no-repeat;
margin-top:0px;
}

#point_02{
margin-left:auto;
margin-right:auto;
width:439px;
height:143px;
background-image: url(/zmc/images/point_02.gif);
background-repeat:no-repeat;
margin-top:20px;
margin-bottom:10px;
}


/*
紹介枠
------------------------------*/
.box .div01a{
background:url(/zmc/images/zmc_bg17a.gif) 0 0 repeat-x #fff;
}
.box .div01b{
background:url(/zmc/images/zmc_bg17b.gif) 0 100% repeat-x;
}
.box .div01c{
background:url(/zmc/images/zmc_bg17c.gif) 0 0 repeat-y;
}
.box .div01d{
background:url(/zmc/images/zmc_bg17d.gif) 100% 0 repeat-y;
}
.box .div01e{
background:url(/zmc/images/zmc_bg17e.gif) 0 0 no-repeat;
}
.box .div01f{
background:url(/zmc/images/zmc_bg17f.gif) 100% 0 no-repeat;
}
.box .div01g{
background:url(/zmc/images/zmc_bg17g.gif) 0 100% no-repeat;
}
.box .div01h{
background:url(/zmc/images/zmc_bg17h.gif) 100% 100% no-repeat;
padding:40px 40px 50px;
}

.box dl{
margin-bottom:0px;
}
.box dt{
font-size:108%;
font-weight:bold;
}
.box dd{
padding-top:10px;
}

.box p{
margin-top:20px;
text-align:center;
}


/*
コンテンツ紹介リスト01
------------------------------*/
.clist_01 .div01a{
background:url(/zmc/images/contents_bk01_a.gif) 0 0 no-repeat;
padding-top:5px;
}
.clist_01 .div01b{
background:url(/zmc/images/contents_bk01_b.gif) 0 100% no-repeat;
padding-bottom:5px;
}
.clist_01 dl{
background:url(/zmc/images/contents_bk01_e.gif) 0 0 repeat-y;
position:relative;
min-height:156px;
}
* html .clist_01 dl{
height:156px;
}
.clist_01 dt{
padding:10px 160px 10px 20px;
background:url(/zmc/images/contents_bk01_c.gif) 0 0 repeat-y;
font-size:145%;
color:#f3911e;
font-weight:bold;
}

.clist_01 dd{
padding:16px 160px 10px 20px;
background:url(/zmc/images/contents_bk01_d.gif) 0 0 no-repeat;
}
.clist_01 dl img{
position:absolute;
top:7px;
width:109px;
height:108px;
right:20px;
}

/*
コンテンツ紹介リスト02
------------------------------*/
.clist_02 .div01a{
background:url(/zmc/images/contents_bk02_a.gif) 0 0 no-repeat;
padding-top:5px;
margin-top:30px;
}
.clist_02 .div01b{
background:url(/zmc/images/contents_bk02_b.gif) 0 100% no-repeat;
padding-bottom:5px;
}
.clist_02 dl{
background:url(/zmc/images/contents_bk02_e.gif) 0 0 repeat-y;
position:relative;
min-height:156px;
}
* html .clist_02 dl{
height:156px;
}
.clist_02 dt{
padding:10px 160px 10px 20px;
background:url(/zmc/images/contents_bk02_c.gif) 0 0 repeat-y;
font-size:145%;
color:#915ac8;
font-weight:bold;
}

.clist_02 dd{
padding:16px 160px 10px 20px;
background:url(/zmc/images/contents_bk02_d.gif) 0 0 no-repeat;
}
.clist_02 dl img{
position:absolute;
top:7px;
width:109px;
height:108px;
right:20px;
}

/*
コンテンツ紹介リスト03
------------------------------*/
.clist_03 .div01a{
background:url(/zmc/images/contents_bk03_a.gif) 0 0 no-repeat;
padding-top:5px;
margin-top:30px;
}
.clist_03 .div01b{
background:url(/zmc/images/contents_bk03_b.gif) 0 100% no-repeat;
padding-bottom:5px;
}
.clist_03 dl{
background:url(/zmc/images/contents_bk03_e.gif) 0 0 repeat-y;
position:relative;
min-height:156px;
}
* html .clist_03 dl{
height:156px;
}
.clist_03 dt{
padding:10px 160px 10px 20px;
background:url(/zmc/images/contents_bk03_c.gif) 0 0 repeat-y;
font-size:145%;
color:#65b51f;
font-weight:bold;
}

.clist_03 dd{
padding:16px 160px 10px 20px;
background:url(/zmc/images/contents_bk03_d.gif) 0 0 no-repeat;
}
.clist_03 dl img{
position:absolute;
top:7px;
width:109px;
height:108px;
right:20px;
}

/*
キャッチ
------------------------------*/
.catch{
margin-top:50px;
}



/*タイトル*/
.title{
margin-top:30px;	
margin-bottom:10px;
}
.title h3{
background:url(/zmc/images/zmc_bg02c.gif) 100% 100% no-repeat;
padding:0;
}
* html .title h3 img{
vertical-align:baseline;
}
*:first-child+html .title h3 img{
vertical-align:baseline;
}


/*ボタン*/
#btn02{
margin-left:auto;
margin-right:auto;
margin-top:40px;
width:251px;
height:55px;
}

#btn02 ul { margin: 0; padding: 0; list-style-type: none;text-align:center;}
#btn02 ul li { width: 251px; height: 55px;}
#btn02 ul li a { display: block; width: 251px; height: 55px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url(/zmc/images/btn_01.gif);}
#btn02 ul li a:hover { background-position: 0px -55px; }
#btn02 span {
left:-9999px;
position:absolute;
}