@charset "UTF-8";

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

Update:2009/05

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/child/bg.gif) 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:220px;
height:53px;
display:block;
text-indent:-9999px;
}

/* archive */
.archivet1 {
margin:0 auto;
padding:0;
width:680px;
height:70px;
display:block;
text-indent:-9999px;
}

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

/* txt title */
.heading {
clear:both;
margin:15px 0;
padding:0;
background: url(../images/common/dot.gif) repeat-x left bottom;
height: 25px;
text-align: center;
}
.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;
}
.kazari2{
list-style-type:none;
background:url(../images/child/kazari.gif) no-repeat 2px 4px;
margin: 0;
padding-top:3px;
padding-left:18px;
color:#2d8e90;
font-size:100%;
text-align: left;
}

/*----------------------------------------------------------------------------
	05：header
----------------------------------------------------------------------------*/
#index {
clear:both;
margin:0 auto;
padding:0;
background: url(../images/child/t1.jpg) no-repeat 0 0;
width: 1100px;
height: 485px;
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;}

/* header txt */
#headtxt{ position: absolute;top: 55px;left: 100px;width:900px;height:350px;display:block;text-indent:-9999px;}

/*----------------------------------------------------------------------------
	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;
}

/* left menu */
.wrapl {float:left;margin: 5px auto;width: 220px;background:url(../images/common/waku.gif) repeat-y center top;}
.wrapl2 {float:left;width: 220px;background:url(../images/common/waku.gif) repeat-y center top;}
.ar {width: 220px;background:url(../images/common/art.gif) no-repeat center top;}
.waku220f{margin: 0 auto;padding: 0 0 14px 0;width: 220px;background:url(../images/common/wakuend.gif) no-repeat center bottom;}
.waku200{margin: 5px auto;padding: 0;width: 200px;text-align: left;}
.dotlist{
list-style-type:none;
background:url(../images/common/dotlist.gif) no-repeat 6px 8px;
margin: 0;
padding:0 0 0 12px;
text-align: left;
}
.waku190{margin: 0 auto;padding: 0;width: 190px;text-align: left;}
.waku190 p{margin: 5px auto;padding: 0;width: 190px;text-align: left;}

.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;}
.sup {width: 220px;background:url(../images/common/sup.gif) no-repeat center top;}
.sup img {margin-bottom: 5px;}
.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;}

.formwaku { border: 1px solid #679ed7;margin:0;padding: 3px;width: 200px;background-color: #ffffff;}
.formwaku2 { border: 1px solid #679ed7;margin:0;padding: 3px;width: 40px;background-color: #ffffff;}
.formwaku3 { border: 1px solid #679ed7;margin:0;padding: 3px;width: 25px;background-color: #ffffff;}
.formwaku4 { border: 1px solid #679ed7;margin:0;padding: 3px;width: 180px;background-color: #ffffff;}
.formwaku5 { border: 1px solid #679ed7;margin:0;padding: 3px;width: 300px;background-color: #ffffff;}
.formwaku6 { border: 1px solid #679ed7;margin:0;padding: 3px;width: 400px;height:400px;background-color: #ffffff;}
.formwaku7 { border: 1px solid #679ed7;margin:0;padding: 3px;width: 400px;height:200px;background-color: #ffffff;}
.check {clear:both;width: 520px;text-align: center;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;padding-top: 10px;padding-right: 0;padding-bottom: 0;padding-left: 0;}

/* main contents */
.wrapr {float:right;width: 680px;background:url(../images/child/waku.gif) repeat-y center top;}
.arc{width: 680px;background:url(../images/child/archivec.gif) no-repeat center top;}
.waku570{clear:both;margin: 0 auto;padding: 5px 0 0 0;width: 570px;text-align: center;}
.waku570 p{margin: 0 auto;padding: 0;width: 570px;text-align: left;}
.waku275l{float:left;width: 275px;text-align: center;}
.waku275r{float:right;width: 275px;text-align: center;}
.waku50l{float:left;width: 50px;}
.waku210r{float:right;width: 210px;text-align: left;}
.dot{clear:both;width: 440px;background:url(../images/common/dot.gif) repeat-x left bottom;padding: 0 0 2px 0;}

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

/*----------------------------------------------------------------------------
	08：common
----------------------------------------------------------------------------*/
.clear{clear:both;}
.brown{ color:#663319;}