body{
   background-image : url(image/back02.gif);
   background-repeat : repeat-y;
   background-position : 50% 50%;
   padding: 0px;
   margin: 0px; 
   font-size:80%;
   line-height:1.4em;
   text-align:center;}

/*\*/* html body { font-size:80%;}
/**/ *:first-child+html body { font-size:80%;}

.title_h1{
   width:auto; height:12px;
   margin-top:3px;
   margin-bottom:3px;
   font-weight:normal;
   font-size:0.9em;
   color:#0080ff;}

.base{
   width: 800px;
   margin: 0px auto 0px auto;
   padding: 0px;
   background-color: #ffffff;}


/*------- ヘッダーエリア ----------*/

.header{
   width: 800px; padding: 0px; margin: 0px; }


/*------- センターエリア ----------*/

.main{
   color: #00005e;
   width: 800px;
   float: right;
   padding-bottom:10px;}
   
.menu{
  width: 200px;
  float: right;
  margin: 0px;
  text-align: left;}

.right{
   width: 600px;
   float: right;
   padding:0px; margin: 0px auto 10px auto;
   text-align: center; }

.left_image{
   width: 200px; height:160px;
   margin: 15px 10px 15px 10px;
   float: left;
   text-align: center;}

.right_text{
   width: 370px;
   float: left;
   padding: 5px;
   margin: 15px 0 5px 0;
   text-align: left;}

.title{
   width: 600px; height:30px;
   background-image : url(image/title.gif);
   background-repeat:no-repeat;
   background-position : 50% 50%;
   padding: 0px;
   margin: 20px 0 0 0; 
   font-size:1.8em;
   line-height:1.4em;
   font-weight:bold;
   color:#330000;
   text-align:center;}

/*------- 下線テーブル ----------*/

table.t_bottom td {border-bottom: 1px #999 dotted;}


/*------- メニュー ----------*/

ul#m50 {list-style:none;width:200px;padding: 0px;margin: 0px;}
ul#m50 li{list-style:none;float:left;width:170px;margin: 0px;}
ul#m50 a{display:block;width:170px;height:50px;text-indent:-400px;overflow:hidden;}

a.home{background-image:url(menu/home.gif);}
a:hover.home{background-position:0px -50px;}

ul#m{list-style:none; width:200px;padding: 0px;margin: 0px;}
ul#m li{list-style:none; float:left;width:170px;margin: 0px;}
ul#m a{display:block;width:170px;height:140px; text-indent:-400px;overflow:hidden;}

a.profile{background-image:url(menu/profile.gif);}
a:hover.profile{background-position:0px -140px;}

a.soudan{background-image:url(menu/soudan.gif);}
a:hover.soudan{background-position:0px -140px;}

a.hikikomori{background-image:url(menu/hikikomori.gif);}
a:hover.hikikomori{background-position:0px -140px;}

a.window{background-image:url(menu/window.gif);}
a:hover.window{background-position:0px -140px;}

a.photo{background-image:url(menu/photo.gif);}
a:hover.photo{background-position:0px -140px;}

a.keijiban{background-image:url(menu/keijiban.gif);}
a:hover.keijiban{background-position:0px -140px;}


/*------- ご相談はコチラから ----------*/

ul#q {list-style:none;width:360px; height:80px;margin:20px auto 20px auto;}
ul#q li{list-style:none;float:left;width:360px;}
ul#q a{display:block;width:360px;height:80px;text-indent:-9999px;overflow:hidden;}
a.inquiry{background-image:url(image/inquiry.gif);}
a:hover.inquiry{background-position:0px -80px;}


/*------- フッターエリア ----------*/

.bottom_link {width: 900px; padding:0px; margin:40px 0 0 0; text-align:center;}

.footer{
   border-top:3px double #999999;
   height: 30px;
   padding: 4px;
   margin: 10px 0px 0px 0px; }

.f01 {
  width: 396px;
  color: #666666;
  float: left;
  text-align: left; }
.f02 {
  width: 396px;
   color: #999999;
  float: left;
  text-align: right;}


/*------- 共通 ----------*/

.t10 {	padding-top:10px;}
.t20 {	padding-top:20px;}
.b05 {	padding-bottom:5px;}
.b10 {	padding-bottom:10px;}
.b20 {	padding-bottom:20px;}
.r10 {	padding-right:10px;}
.r20 {	padding-right:20px;}
.l10 {	padding-left:10px;}
.l20 {	padding-left:20px;}

.b {font-weight:bold;}

th, td {font-size: 100%;}

h1, h2, h3, h4, h5, h6, p {font-size:100%; font-weight:normal; margin:0; padding:0;}
h2 {font-size:120%; font-weight:bold; line-height:1.5em;}

.end{ clear: both;}

a{text-decoration : none;}
a:link{text-decoration : none;}
a:visited{text-decoration : none;}
a:hover{text-decoration : underline;}

img{border:0px;}