@charset "utf-8";
@import url(basic.css);
@import url(part.css);

.text-left   {text-align: left}
.text-right  {text-align: right}
.text-center {text-align: center}
.bold        {font-weight: bold;color:#444444}
.font-big    {font-size:16px;}
.orange      {color:#FF4100}
.img-left    {float:left;padding-right:10px}
.img-right   {float:right;padding-left:10px;}
.clear       {clear:both}
.red         {color:#FF0000;}


a:link    {color: #0a50a1;text-decoration:none}
a:visited {color: #0a50a1;text-decoration:none}
a:hover   {color: #FF4100;text-decoration:none}
a img     {border:0pt none;}

img {vertical-align:bottom}

.current {color: #FF4100;text-decoration:none}

body {
margin: 0px;
text-align: center;
background:#D3EAF8 url(img_n/body_bg.jpg) repeat-y center top;
border-top: solid 3px #0068b7;
}

div#header{
width: 900px;
margin: 0px auto;
text-align:center;
background:#D3EAF8;
font-size:12px;
color:#999999;
text-align:left;
}

div#header-in{
margin: 0px auto;
width: 900px;
height:90px;
text-align:left;
background:#ffffff url(img_n/head_bg.jpg) no-repeat right top;
}
h1#header-name {float:left}
div#header-link{float:right;margin-top:72px;}
div#header-link li{display: inline}
div#header-link span{padding-left:5px;}

div#footer{
margin: 0px auto;
text-align: center;
border-top: solid 5px #009FC6;
background:#ffffff;
}

div#footer-in{
padding:15px 0px;
margin: 0px auto;
width: 885px;
text-align: left;
}
div#footer address{
text-align: right;
float:right;
}

div#main_content{
margin: 0px auto;
width: 900px;
text-align: center;
background:#ffffff;
}
div#content{
margin: 0px auto;
width: 700px;
text-align: center;
float:right;
}


div#content-in{
margin:0px auto 10px auto;
width: 650px;
text-align: left;
}
div#sidemenu{
margin: 0px;
width: 200px;
text-align: center;
float:left;
}

/*トップページイラスト下の部分*/
#illust {background:#FEF8EA url(img_n/illust_bg.jpg) no-repeat center bottom; width:650px; padding-bottom:20px;}
#illust dl{width:215px; height:114px; font-size:12px; text-align:center; float:left;}
#illust dt{width:215px; padding-top:20px; padding-left:20px; text-align:left;}
#illust dd{text-align:left; margin:0px 20px;}
.illust_a{background:#FEF8EA url(img_n/a.jpg) no-repeat center top;}
.illust_b{background:#FEF8EA url(img_n/b.jpg) no-repeat center top;}
.illust_c{background:#FEF8EA url(img_n/c.jpg) no-repeat center top;}

.eventlink{ text-align:right; margin-right:20px; margin-bottom:10px;}
.event-waku {background:#eb6100; width:350px; color:#ffffff; padding:10px;margin-left:30px;float:left; font-weight:bold;}



#plan {background: url(img_n/plan_body.jpg) repeat-y center top;}
#plan dl{width:210px; height:123px; float:left; text-align:center; margin-top:20px;}
#plan dt{width:210px;}
#plan dd{width:210px;}
.plan_a {background:#eaf1c5 url(img_n/plan_a.jpg) no-repeat center top;margin-left:8px;}
.plan_b {background:#eaf1c5 url(img_n/plan_b.jpg) no-repeat center top;}
.plan_c {background:#eaf1c5 url(img_n/plan_c.jpg) no-repeat center top;}
.plan-body{padding-top:10px; padding-bottom:5px;}

#works {background: url(img_n/works_body.jpg) repeat-y center top;}
.works-in {margin-left:20px; margin-top:20px; margin-bottom:10px;}
#works dl{float:left; width:100px;margin-left:20px; margin-right:20px;}
#works dt{width:100px;}
#works dd{width:100px;}

#study {background: url(img_n/study_body.jpg) repeat-y center top;}
#study dl{width:160px; height:145px; float:left; text-align:center; margin-top:10px;}
#study dt{width:160px;}
#study dd{padding-top:5px; margin:0px 15px;}

.study_a{background:#F0E9A5 url(img_n/study_a.jpg) no-repeat center top;margin-left:4px;}
.study_b{background:#F0E9A5 url(img_n/study_b.jpg) no-repeat center top;}
.study_c{background:#F0E9A5 url(img_n/study_c.jpg) no-repeat center top;}
.study_d{background:#F0E9A5 url(img_n/study_d.jpg) no-repeat center top;}

#info-left{float:left;background: url(img_n/info_l-body.jpg) repeat-y center top; width:320px}
#info-left dl{width:290px;margin:0px 15px;text-align:left}
#info-left dt{clear: left;float: left;width: 5em;padding: 2px 5px 2px 15px;
background:url(img_n/check_l.jpg) no-repeat left 5px;}
#info-left dd {margin-left: 0;padding: 2px 0.5em 2px 5em;}



#info-right{float:right;background: url(img_n/info_r-body.jpg) repeat-y center top;; width:320px;}
#info-right dl{width:290px;margin:0px 15px;text-align:left}
#info-right dt{clear: left;float: left;width: 5em;padding: 2px 5px 2px 15px;
background:url(img_n/check_r.jpg) no-repeat left 5px;}
#info-right dd {margin-left: 0;padding: 2px 0.5em 2px 5em;}




#plan,
#study,
#works,
#info-left,
#info-right,
.spot,
.request{margin-bottom:15px;}



#present { background:#fffbc5 url(img_n/menu_bg.jpg) repeat-x center top; padding-bottom:10px; margin-bottom:10px;}
#present dt{margin-bottom:10px;}
#present dd{ margin:10px;}


#submenu {margin:0px auto;width: 190px;text-align: left;}
#submenu dl{}
#submenu dt{margin-bottom:10px;}
#submenu dd{margin:0px 0px 10px 0px;}
#submenu li{padding-top:5px; padding-bottom:5px; padding-left:10px}
.submenu a{background: url(img_n/check.jpg) no-repeat left top; padding-left:20px;}
.submenu a:hover{background: url(img_n/check.jpg) no-repeat left top; padding-left:20px;}

.menu-content li{background: url(img_n/menu_bottom01.jpg) no-repeat left bottom}
.menu-blog    li{background: url(img_n/menu_bottom02.jpg) no-repeat left bottom}
.menu-menu    li{background: url(img_n/menu_bottom03.jpg) no-repeat left bottom}
.menu-content  a{color:#75A315}
.menu-blog     a{color:#0086D1}
.menu-menu     a{color:#EB6E9B}

.menu{
margin: 0px 0px 0px auto;
width: 190px;
text-align: left;
}

.blue_title {
background: url(http://www.tomoehome.com/img_n/css/blue_title.gif) no-repeat left center;
font-size:15px;
color:#ffffff;
line-height:30px;
vertical-align:middle;
padding-left:13px;
}

.orange_title {
background: url(http://www.tomoehome.com/img_n/css/orange_title.gif) no-repeat left center;
font-size:15px;
color:#ffffff;
line-height:30px;
vertical-align:middle;
padding-left:13px;
}


.menu_list a{
background: url(http://www.tomoehome.com/img_n/css/point_off.gif) no-repeat 15px center;
padding-left: 30px;
width:190px;
line-height:30px;
vertical-align:middle;
}
.menu_list a:hover{
background: url(http://www.tomoehome.com/img_n/css/point_on.gif) no-repeat 15px center;
padding-left:30px;
}

.menu_list li{
background: url(http://www.tomoehome.com/img_n/css/menu_li.gif) no-repeat left top;
margin:0px;
}

#down_navi {margin:0px 0px 10px auto;width: 190px;
}

#navigation {
text-align:left;
width:190px;
background: url(http://www.tomoehome.com/img_n/css/menu_li.gif) no-repeat left top;
}
#navigation .head {
cursor:pointer;
display:block;
background: url(http://www.tomoehome.com/img_n/css/point_off.gif) no-repeat 15px center;
padding-left: 30px;
line-height:30px;
vertical-align:middle;
color: #0a50a1;
}

#navigation a.head:hover {
color: #FF4100;
background: url(http://www.tomoehome.com/img_n/css/point_on.gif) no-repeat 15px center;
}
#navigation a.selected {color: #FF4100;
background: url(http://www.tomoehome.com/img_n/css/point_on.gif) no-repeat 15px center;}
#navigation a.current {color: #FF4100;
background: url(http://www.tomoehome.com/img_n/css/point_on.gif) no-repeat 15px center;}
#navigation ul {}
#navigation li {}
#navigation li li{
background: url(http://www.tomoehome.com/img_n/css/menu_dot.gif) no-repeat center bottom;
}

#navigation li li a {
background: url(http://www.tomoehome.com/img_n/css/point_off.gif) no-repeat 15px center;
padding-left: 30px;

line-height:30px;
vertical-align:middle;
}
#navigation li li a:hover {background: url(http://www.tomoehome.com/img_n/css/point_on.gif) no-repeat 15px center;}


.menu_list2 a{
background: url(http://www.tomoehome.com/img_n/css/point_off.gif) no-repeat 15px center;
padding-left: 30px;
width:190px;
line-height:30px;
vertical-align:middle;
}
.menu_list2 a:hover{
background: url(http://www.tomoehome.com/img_n/css/point_on.gif) no-repeat 15px center;
padding-left:30px;
}

.menu_list2 li{
background: url(http://www.tomoehome.com/img_n/css/menu_dot.gif) no-repeat center bottom;
}
div#bannar {margin:10px 0px}
div#bannar img{margin-bottom:10px;}

div#content_foot {
clear:both;
text-align: left;
border-top: solid 3px #C0C0C0;
padding:10px;
}

div#content_foot li{display: inline}


p#page_top{
margin-top:50px;
padding-right:30px;
clear:both;
text-align: right;
}

.sub {width:600px; margin:10px auto 20px;}