@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/member/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;
}

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

.heading2 {
clear:both;
margin:10px 0 5px 0;
padding:0;
text-align: center;
}

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

.heading3 {
clear:both;
margin:0 0 15px 0;
padding:0;
background: url(../images/common/dot.gif) repeat-x left bottom;
height: 25px;
text-align: center;
}

/*----------------------------------------------------------------------------
	05：header
----------------------------------------------------------------------------*/
#index {
clear:both;
margin:0 auto;
padding:0;
background: url(../images/info/t1.jpg) no-repeat 0 0;
width: 1100px;
height: 385px;
text-align: center;
position:relative;
}

#index2 {
clear:both;
margin:0 auto;
padding:0;
background: url(../images/info/t2.jpg) no-repeat 0 0;
width: 1100px;
height: 385px;
text-align: center;
position:relative;
}

#index3 {
clear:both;
margin:0 auto;
padding:0;
background: url(../images/info/t3.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;
}
.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/member/waku.gif) repeat-y center top;}
.inf{width: 680px;background:url(../images/info/info.jpg) no-repeat center top;}
.con{width: 680px;background:url(../images/info/contact.jpg) no-repeat center top;}
.link{width: 680px;background:url(../images/info/link.jpg) 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;}

.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 */
.list454{
clear:both;
margin:0;
padding:0;
width: 454px;
text-align: left;
}

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

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

/*----------------------------------------------------------------------------
	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%;}
.f120{font-size: 120%;}
.uline{text-decoration: underline;}
.brown{ color:#663319;}

/* table */
.tableb {
font-size: 12px;
line-height:1.3;
margin:0 auto;
padding:0;
width: 560px;
border:5px solid #ebf5ff;
background-color:#fff;
text-align: left;
}
.tdb1 {
margin:0;
padding: 5px;
border:none;
width: 145px;
background-color:#85b1df;
color:#fff;
font-weight:bold;
}
.tdb2 {
margin:0;
padding: 5px;
background: url(../images/member/dotb.gif) repeat-x left bottom;
}
.contactwaku { border: 1px solid #679ed7;margin:0;padding: 3px;width: 360px;background-color: #ffffff;}
.contactwaku2 { border: 1px solid #679ed7;margin:0;padding: 3px;width: 360px;background-color: #ffffff;}
.check {text-align: right;padding-top:10px;}

/* table2 */
.tablel {
font-size: 12px;
line-height:1.3;
margin:0 auto;
padding:0;
width: 560px;
border:none;
text-align: left;
}

.tdl1 {
margin:0;
padding: 0;
border:none;
width: 200px;
vertical-align: top;
}

.tdl2 {
margin:0;
padding: 0;
border: none;
vertical-align: top;
}

.tablel2 {
font-size: 12px;
line-height:1.3;
margin:0 auto;
padding:0;
width: 560px;
border:none;
text-align: left;
}

.tablel2 td {
margin:0;
padding: 0;
border: none;
vertical-align: top;
}