@charset "UTF-8";

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

Update:2009/09

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/life/bg2.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;
}

/* interview */
.interviewt1 {
margin:0 auto;
padding:0;
width:680px;
height:70px;
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/life/kazari.gif) no-repeat 2px 4px;
margin: 0;
padding-top:3px;
padding-left:18px;
color:#D27800;
font-size:100%;
text-align: left;
}
.kazari3{
list-style-type:none;
background:url(../images/life/kazari.gif) no-repeat 2px 4px;
margin: 0;
padding-top:3px;
padding-left:18px;
font-size:100%;
text-align: left;
}

/*----------------------------------------------------------------------------
	05：header
----------------------------------------------------------------------------*/
#index {
clear:both;
margin:0 auto;
padding:0;
background: url(../images/life/t2.jpg) no-repeat 0 0;
width: 1100px;
height: 385px;
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: 155px;left: 360px;width:425px;height:115px;}

/*----------------------------------------------------------------------------
	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;}
.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;
font-size: 95%;
}
.waku190{margin: 0 auto;padding: 0;width: 190px;text-align: left;}
.waku190 p{margin: 5px auto;padding: 0;width: 190px;text-align: left;}

/* main contents */
.wrapr {float:right;width: 680px;background:url(../images/life/waku.gif) repeat-y center top;}
.int{width: 680px;background:url(../images/life/interviewl.gif) no-repeat center top;}
.topic{width: 680px;background:url(../images/life/topicl.gif) no-repeat center top;}

.waku570{clear:both;margin: 0 auto;padding: 0;width: 570px;text-align: center;}
.waku570 p{margin: 0 auto;padding: 0;width: 570px;text-align: left;}

.waku570dot{clear:both;background: url(../images/common/dot.gif) repeat-x left bottom;margin: 0 auto;padding:  0 0 20px 0;width: 570px;text-align: center;}
.waku570dot p{margin: 0;padding: 0;width: 570px;text-align: left;}

.waku570dot2{clear:both;background: url(../images/common/dot.gif) repeat-x left bottom;margin: 0 auto;padding: 0;width: 570px;text-align: center;}
.waku570dot2 p{margin: 0;padding: 0 0 10px 0;width: 570px;text-align: left;}

.waku570plw{clear:both;background: url(../images/life/waku2.gif) repeat-y 0 0;margin: 10px auto;padding: 0;width: 570px;text-align: center;}
.waku570plwend{clear:both;background: url(../images/life/wakuend.gif) no-repeat center bottom;margin: 0 auto;padding: 0 0 15px 0;width: 570px;text-align: center;}

.waku530{clear:both;margin: 0 auto;padding: 0;width: 530px;text-align: center;}

.waku300l{float:left;width: 300px;text-align: center;}
.waku300l p{margin: 0 auto;padding: 0;width: 300px;text-align: left;}
.waku210r{float:right;width: 210px;text-align: center;}

.waku310l{float:left;width: 310px;text-align: center;}
.waku310l p{margin: 0 auto;padding: 0;width: 310px;text-align: left;}

.waku240r{float:right;width: 240px;text-align: center;}

/* color */
.waku100l{float:left;width: 100x;text-align: center;}
.waku450r{float:right;width: 450px;text-align: center;}
.waku450r p{margin: 0 auto;padding: 0;width: 450px;text-align: left;}

.waku140l{float:left;width: 140px;text-align: center;}
.waku410r{float:right;width: 410px;text-align: center;}
.waku410r p{margin: 0 auto;padding: 0;width: 410px;text-align: left;}

/* guest */
.waku96l{float:left;width: 96px;text-align: center;}
.waku454r{float:right;width: 454px;text-align: center;}
.waku454r p{margin: 0 auto;padding: 0;width: 454px;text-align: left;}

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

/* disc list */
.list450{
clear:both;
margin:0;
padding:0;
width: 450px;
text-align: left;
}

.list450 ul{
clear:both;
margin:0;
padding:0;
width: 430px;
text-align: left;
}

.list450 li{
margin: 0;
padding: 0;
list-style-type:disc;
margin-left: 15px;
}

.list310{
clear:both;
margin:0;
padding:0;
width: 310px;
text-align: left;
}

.list310 ul{
clear:both;
margin:0;
padding:0;
width: 290px;
text-align: left;
}

.list310 li{
margin: 0;
padding: 0;
list-style-type:disc;
margin-left: 15px;
}

/* decimal list */
.list570ol{
clear:both;
margin:0;
padding:0;
width: 570px;
text-align: left;
}

.list570ol ul{
clear:both;
margin:0;
padding:0;
width: 550px;
text-align: left;
}

.listol01{list-style-type:none;background:url(../images/life/topic3/1.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol02{list-style-type:none;background:url(../images/life/topic3/2.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol03{list-style-type:none;background:url(../images/life/topic3/3.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol04{list-style-type:none;background:url(../images/life/topic3/4.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol05{list-style-type:none;background:url(../images/life/topic3/5.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol06{list-style-type:none;background:url(../images/life/topic3/6.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol07{list-style-type:none;background:url(../images/life/topic3/7.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol08{list-style-type:none;background:url(../images/life/topic3/8.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol09{list-style-type:none;background:url(../images/life/topic3/9.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol10{list-style-type:none;background:url(../images/life/topic3/10.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol11{list-style-type:none;background:url(../images/life/topic3/11.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol12{list-style-type:none;background:url(../images/life/topic3/12.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}
.listol13{list-style-type:none;background:url(../images/life/topic3/13.gif) no-repeat 0px 1px;margin: 0;padding-top:0px;padding-left:15px;}

.list310ol{
clear:both;
margin:0;
padding:0;
width: 310px;
text-align: left;
}

.list310ol ul{
clear:both;
margin:0;
padding:0;
width: 290px;
text-align: left;
}

/*----------------------------------------------------------------------------
	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;}
.left{float:left;}
.right{float:right;}
.f90{font-size: 90%;}
.uline{text-decoration: underline;}
.brown{ color:#663319;}
.imgma5{ margin-top:5px;}
.imgma10{ margin-top:10px;}
.imgma20{ margin-top:20px;}
.imgma30{ margin-top:30px;}
.imgma40{ margin-top:40px;}
.imgma50{ margin-top:50px;}
.imgma60{ margin-top:60px;}
.imgma100{ margin-top:100px;}
.orange{color:#D27800;}

/* table */

table{font-size: 100%;line-height:1.5;color:#333;text-align: left;}
th,td{padding:0;}

.tableo {
margin:5px auto;
padding:0;
width: 100%;
border:5px solid #faf5e1;
background-color:#fff;
text-align: center;
}

.tdo1 {
margin:0;
padding: 5px;
border:none;
width: 25%;
background-color:#d27800;
color:#fff;
font-weight:bold;
}

.tdo1f {
margin:0;
padding: 5px;
border:none;
background-color:#d27800;
color:#fff;
font-weight:bold;
}

.tdo2 {
margin:0;
padding: 5px;
border:none;
background: url(../images/life/dot.gif) repeat-x left bottom #f1d7aa;
color:#333;
font-weight:bold;
}

.tdo2l {
margin:0;
padding: 5px;
border:none;
background: url(../images/life/dot.gif) repeat-x left bottom #f1d7aa;
color:#333;
font-weight:bold;
text-align: left;
}

.tdo3 {
margin:0;
padding: 5px;
background: url(../images/life/dot.gif) repeat-x left bottom #f7e9d0;
}

.tdo3l {
margin:0;
padding: 5px;
background: url(../images/life/dot.gif) repeat-x left bottom #f7e9d0;
text-align: left;
}

.tdo3r {
margin:0;
padding: 5px;
background: url(../images/life/dot.gif) repeat-x left bottom #f7e9d0;
text-align: right;
}

.tdo80 {
margin:0;
padding: 5px;
border:none;
background-color:#d27800;
color:#fff;
font-weight:bold;
}

.tdoc80 {
margin:0;
background: url(../images/life/dot.gif) repeat-x left bottom #f7e9d0;
width: 80px;
}