@charset "UTF-8";

/* ===========================================================================
CSS Information

Update:2010/02

01：reset
02：link
03：Clear Fix Hack (Float Clear Hack)
04：h
05：header
06：base
07：footer
08：common

=========================================================================== */

/*----------------------------------------------------------------------------
	01：reset
----------------------------------------------------------------------------*/

body{
margin:0 auto;
padding:0;
background: url(../images/index/bg.jpg) repeat-x 0 20px #fff;
font-size: 12px;
line-height:1.5;
color:#333;
text-align: center;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/* for IE6 */  
* html body { font-size:75%;}
/* for IE7 */  
*:first-child+html body { font-size:75%;}

h1,h2,h3,h4,h5,div,p,li,dl,dt,dd,span,form{ margin:0 auto;padding:0;}
ul,ol{list-style-type:none;margin: 0;padding: 0;}
img{border:0;vertical-align:top;}
address{font-style:normal;}

/*----------------------------------------------------------------------------
	02：link
----------------------------------------------------------------------------*/
a:link{ color:#006579;text-decoration:none;outline:none;}
a:visited{ color:#006579;text-decoration:none;}
a:hover{ color:#006579;text-decoration:underline;}

/*----------------------------------------------------------------------------
	03：Clear Fix Hack (Float Clear Hack)
----------------------------------------------------------------------------*/
.clearfix:after {content:".";display:block;height:0px;line-height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}/*for IE 5.5-7*/

/*----------------------------------------------------------------------------
	04：h
----------------------------------------------------------------------------*/
h1 { font-size: 100%;}
h2 { font-size: 100%;}
h3 { font-size: 100%;}
h4 { font-size: 100%;}

/* articles */
.articlest1 {
margin:0 auto;
padding:0;
width:450px;
height:43px;
display:block;
text-indent:-9999px;
}

/* selection */
.selectiont1 {
margin:0 auto;
padding:0;
width:220px;
height:43px;
display:block;
text-indent:-9999px;
}

/* kiji */
.kijit1 {
margin:0 auto;
padding:0;
width:220px;
height:53px;
display:block;
text-indent:-9999px;
}

/* txt title */
.kazari{
list-style-type:none;
background:url(../images/common/kazari.gif) no-repeat 2px 4px;
margin: 0;
padding-top:3px;
padding-left:25px;
color:#663319;
font-size:120%;
text-align: left;
}

/* myselfchildlife */
.mclt1 {
background:url(../images/index/mcl.gif) no-repeat center top;
margin:0 auto;
padding:0;
width:680px;
height:48px;
display:block;
text-indent:-9999px;
}

/*----------------------------------------------------------------------------
	05：header
----------------------------------------------------------------------------*/
#index {
clear:both;
margin:0 auto;
padding:0;
background: url(../images/index/caindex.jpg) no-repeat 0 0;
width: 1100px;
height: 420px;
text-align: center;
position:relative;
}
/* headermenu */
#hmenu{ position: absolute;top: 0px;left: 100px;width:770px;height:50px;}
#hmenu li{ float:left;}
#hmenu li a{ display:block;text-indent:-9999px;}
#hmenu li.hm1 a{ background-position:0 0;width:275px;height:50px;}
#hmenu li.hm2 a{ background-position:-275px 0;width:90px;height:50px;}
#hmenu li.hm3 a{ background-position:-365px 0;width:80px;height:50px;}
#hmenu li.hm4 a{ background-position:-445px 0;width:115px;height:50px;}
#hmenu li.hm5 a{ background-position:-560px 0;width:130px;height:50px;}
#hmenu li.hm6 a{ background-position:-690px 0;width:80px;height:50px;}

/* hotnews */
#ihn{ position: absolute;top: 150px;left: 525px;width:240px;height:160px;}
.hn240{margin: 0 auto;padding: 0;width: 240px;height: 160px;text-align: left;overflow: auto;}
.hn240 ul{
margin: 0;
padding: 0;
width: 220px;
}
.hn240 li{
list-style-type:none;
background:url(../images/index/list.gif) no-repeat 0px 2px;
margin: 0;
padding:0 0 0 15px;
text-align: left;
color:#663319;
}

/* banner */
#iban{ position: absolute;top: 60px;left: 800px;width:190px;height:320px;}
#iban p{ margin: 6px 0; padding:0;}


/* indexmenu1 */
#imenu{ position: absolute;top: 330px;left: 100px;width:690px;height:50px;}
#imenu li{ float:left;}
#imenu li a{ display:block;text-indent:-9999px;}

#imenu li.im1a a{ background-position:0 0;width:690px;height:50px;}

/* indexmenu2 */
#imenu2{ position: absolute;top: 380px;left: 100px;width:900px;height:30px;}
#imenu2 li{ float:left;}
#imenu2 li a{ display:block;text-indent:-9999px;}

#imenu2 li.im2a a{ background-position:0 0;width:110px;height:30px;}
#imenu2 li.im2b a{ background-position:-110px 0;width:135px;height:30px;}
#imenu2 li.im2c a{ background-position:-245px 0;width:110px;height:30px;}
#imenu2 li.im2d a{ background-position:-355px 0;width:135px;height:30px;}
#imenu2 li.im2e a{ background-position:-490px 0;width:130px;height:30px;}
#imenu2 li.im2f a{ background-position:-620px 0;width:135px;height:30px;}
#imenu2 li.im2g a{ background-position:-755px 0;width:145px;height:30px;}

/*----------------------------------------------------------------------------
	06：base
----------------------------------------------------------------------------*/
#logintop {
clear:both;
margin: 0 auto;
padding: 0;
width: 900px;
height: 20px;
font-size: 12px;
line-height:1.0;
}
#logintop p {
padding-top: 5px;
text-align: right;
}
.wrap {
clear:both;
margin: 0 auto;
padding: 0;
width: 910px;
text-align: center;
}

.waku220f{margin: 0 auto;padding: 0 0 14px 0;width: 220px;background:url(../images/common/wakuend.gif) no-repeat center bottom;}
.waku190{margin: 0 auto;padding: 0;width: 190px;text-align: left;}
.waku190 p{margin: 5px auto;padding: 0;width: 190px;text-align: left;}

/* left menu */
.wrapr {float:left;;width: 680px;}

/* main contents */
.waku680f{margin: 0 auto;padding: 0 0 24px 0;width: 680px;background:url(../images/index/wakuend.gif) no-repeat center bottom;}
.wakumcl{background:url(../images/index/waku.gif) repeat-y center top;}
.waku640{clear:both;margin: 0 auto;padding: 0;width: 640px;}
.waku640mb{clear:both;margin: 10px auto;padding: 0;width: 640px;height: 20px;background:url(../images/index/myback.gif) no-repeat center top;}
.waku640cb{clear:both;margin: 10px auto;padding: 0;width: 640px;height: 20px;background:url(../images/index/childback.gif) no-repeat center top;}
.waku640lb{clear:both;margin: 10px auto;padding: 0;width: 640px;height: 20px;background:url(../images/index/lifeback.gif) no-repeat center top;}
.waku120 {float:left;width: 120px;text-align: left;}
.waku500 {float:right;width: 500px;text-align: right;color:#fff;padding:2px;font-weight:bold;}
/* table */
.table1 {
border-collapse:collapse;
font-size: 12px;
line-height:1.3;
margin:0 auto;
padding:0;
width: 660px;
border:none;
background-color:#fff;
text-align: center;
}
.table1 td{padding:0;}
.table1 img{margin-bottom:5px;}
.table1 .td1{padding-left: 15px;text-align: left;width: 200px;}

.waku640lm {float:left;width: 310px;}
.waku640lm ul {margin:0;padding:0;width:310px;text-align:left;}
.waku640lm li {clear:both;font-size: 12px;line-height:26px;background:url(../images/index/mylist.gif) no-repeat left bottom;padding: 0 0 0 15px;}

.waku640rm {float:right;width: 310px;}
.waku640rm ul {margin:0;padding:0;width:310px;text-align:left;}
.waku640rm li {clear:both;font-size: 12px;line-height:26px;background:url(../images/index/mylist.gif) no-repeat left bottom;padding: 0 0 0 15px;}

.waku640mf {clear:both;margin: 0 auto;padding: 0;width: 640px;}
.waku640mf ul {margin:0;padding:0;width:640px;text-align:left;}
.waku640mf li {clear:both;font-size: 12px;line-height:26px;background:url(../images/index/mylist2.gif) no-repeat left bottom;padding: 0 0 0 15px;}

.waku640lc {float:left;width: 310px;}
.waku640lc ul {margin:0;padding:0;width:310px;text-align:left;}
.waku640lc li {clear:both;font-size: 12px;line-height:26px;background:url(../images/index/childlist.gif) no-repeat left bottom;padding: 0 0 0 15px;}

.waku640rc {float:right;width: 310px;}
.waku640rc ul {margin:0;padding:0;width:310px;text-align:left;}
.waku640rc li {clear:both;font-size: 12px;line-height:26px;background:url(../images/index/childlist.gif) no-repeat left bottom;padding: 0 0 0 15px;}

.waku640cf {clear:both;margin: 0 auto;padding: 0;width: 640px;}
.waku640cf ul {margin:0;padding:0;width:640px;text-align:left;}
.waku640cf li {clear:both;font-size: 12px;line-height:26px;background:url(../images/index/childlist2.gif) no-repeat left bottom;padding: 0 0 0 15px;}

.waku640ll {float:left;width: 310px;}
.waku640ll ul {margin:0;padding:0;width:310px;text-align:left;}
.waku640ll li {clear:both;font-size: 12px;line-height:26px;background:url(../images/index/lifelist.gif) no-repeat left bottom;padding: 0 0 0 15px;}

.waku640rl {float:right;width: 310px;}
.waku640rl ul {margin:0;padding:0;width:310px;text-align:left;}
.waku640rl li {clear:both;font-size: 12px;line-height:26px;background:url(../images/index/lifelist.gif) no-repeat left bottom;padding: 0 0 0 15px;}


/* right menu */
.wrapl{float:right;width: 220px;background:url(../images/common/waku.gif) repeat-y center top;}
.sc {width: 220px;background:url(../images/index/set.gif) no-repeat center top;}
.logt {width: 220px;background:url(../images/common/logt.gif) no-repeat center top;}
.logt2{clear:both;margin: 0 auto;padding: 0;width: 190px;}
.logt2 p{clear:both;margin: 0 auto;padding: 0;width: 190px;text-align: left;color:#663319;}
.wn {width: 220px;background:url(../images/common/wnt.gif) no-repeat center top;}
.wn2{clear:both;margin: 0 auto;padding: 0;width: 200px;}
.wn2 ul {margin: 0;padding: 0;width: 200px;text-align: left;}
.wn2 ul li {clear:both;font-size: 12px;line-height:1.3;}
.wn2 ul li .img {
	float:left;
	height: 50px;
	width: 50px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 0;
}
.wn2 p{clear:both;margin: 0;padding: 0;text-align: left;}

/*----------------------------------------------------------------------------
	07：footer
----------------------------------------------------------------------------*/
#footer {
clear:both;
margin:0 auto;
padding:45px 0 5px 0;
background: url(../images/common/foot.gif) repeat-x 0 10px;
width: 100%;
text-align: center;
}

/*----------------------------------------------------------------------------
	08：common
----------------------------------------------------------------------------*/
.ads{clear:both;padding:20px 0 0 0;}
.clear{clear:both;}
.brown{ color:#663319;}
.f90{font-size: 90%;}
.f10{font-size: 10px;}
.imgma20{ margin-top:20px;}