﻿

body { text-align: center;color: #3d0b01; margin: 0; padding: 0; font-size: 12px;/*85%*/; font-family: Verdana, Arial, Osaka,"ＭＳ ゴシック"; line-height: 150%; letter-spacing: 1px; background-color: #ffc/*#FFE7A1*/; /*#FBFAE8;*/ background-image: url(../img/bg.gif); background-repeat: repeat-x; }
p {}

ul { margin-left: 10px; list-style: url(../img/ul_main.gif);}
li { padding-bottom: 4px;}

h1 { font-size: 120%; vertical-align: middle; color: /*#cc3600*/#e56a0c /*#2a8b55*//*6f3917*/; clear: both; background: url(../img/h1.gif) top left no-repeat; margin-top: 8px;padding-left: 30px; padding-bottom: 8px; }
h2 { font-size: 110%; vertical-align: middle; color: #2a8b55/*#3bb272*/; clear: both; background: url(../img/h2.gif) top left no-repeat; padding-left: 30px; padding-bottom: 8px;}
h3,h4,h5,h6 { font-size: 100%; vertical-align: middle; padding:0; margin:0;}

.leftbox { float: left;}
.rightbox { float: right;}
.leftbox2 { float: left; width: 282px;}
.rightbox2 { float: right; width: 322px;}
.centering{ text-align:center;}

.clear { clear: both; height: 0px;}
.small { font-size: 90%; line-height: 130%;}
.small2 { font-size: 80%; }
h1.index { color: #2a8b55;}
h1.index_top { color: #2dsa8b55; text-align: center; background-image: none;}
h1.masaki { font-size:100%; background:none; color:#c96; text-align:left; letter-spacing:1px; padding-left:0px; padding-bottom:0px; margin-bottom:0px;}
h2.masaki { font-size: 120%; color: /*#e56a0c*/#6c9; clear: both; margin-top: 8px; background: url(../img/h1.gif) top left no-repeat;}
h3.masaki { font-size: 110%; color: #2a8b55; clear: both; padding-left: 30px; padding-bottom: 8px;}
p.masaki{padding-top:0; margin-top:0;}
a{outline:none; overflow:hidden;}
a:link { color: #942516;}
a:visited { color: purple }
a:hover,a:active { color: red }
a img { border: none;}

div#wrapper { position: relative; width: 1004px; text-align: left;}
div#pageBody{ position: relative; width: 1004px; }
div#main{ position: relative; float: right; width:772px; margin-top: 50px; padding-top: 40px; background: url(../img/main_bg_top.gif) top no-repeat;}
div#mainbody{ position: relative; width: 692px; margin: 0px; padding-left: 40px; padding-right: 40px; padding-bottom: 40px; background: url(../img/main_bg_bottom.gif) bottom no-repeat;}

div#menu {position: relative; float: left; width:228px; _width:214px; }
div#menu_footer { width: 228px; _width:214px; height: /*182px*/202px; background: url(../img/tel2.gif) center no-repeat;}
div#banner { width: 228px; _width:214px; text-align:center;}

#menu ul { margin-left: 20px; list-style: url(../img/ul.gif); vertical-align: middle; }
#menu ul a { text-decoration: none; color: #330;}
#menu ul a:hover { color: #942516;}
#menu ul li { padding-bottom: 8px; padding-left: 5px; }
#menu ul li ul { margin: 0px; padding-top: 8px; padding-left: 4px; }
#menu ul li ul li{ margin-left: 15px; list-style: url(../img/ul_sub.gif); font-size: 90%; }
#menu a#topofpage{ display:block; width:212px; height:120px; background:url(../img/logo.gif) top left no-repeat; text-indent:-9999px;}
p.topicPath { padding-left: 4px; font-size: 70%; margin-bottom: 0px; color: #990; }
p.topicPath a:link{ color: #942516;}
p.index { color: #215E21; background:url(../img/p_index.gif) top left no-repeat; padding-left:28px;}
div.contents { position: relative; width: 698px;  _width: 706px; background: url(../img/contents_bg_top.gif) top no-repeat; background-color: #ffffe0/*#fcf7de*/; border: #ede2b2 2px solid; border-left: 1px; }
div.contents#top_contents { margin-bottom: 8px;}
div.contents_wrapper { position: relative; background: url(../img/contents_bg_bottom.gif) bottom no-repeat; }
div.contents_body { position: relative; margin: 9px 9px 0px 9px; padding:20px; /*border-left: 1px solid #6f3917; border-right: 1px solid #6f3917;*/ }
div.contents_body#top_contents_body { padding: 20px 40px;}

div.sentense { padding-bottom: 16px;}
p img { padding-left: 24px;}
.leftbox img { padding-right: 24px;}
span.switch { background: #FcD3CD; padding: 5px; margin-right: 8px; }
span.switch a{text-decoration:none;}

div.switch2 {/*float:right; _float:none; _text-align:right;*/}
div.switch {padding-top: 5px;  padding-left: 404px;height:28px; text-indent:-9999px; _font-size:0;}
div.switch a { text-decoration: none; height:28px; display:block;}

div#counseling1 a{width:192px; background: url(../img/btn_counseling1.gif) top left no-repeat;}
div#mhm a{width:192px; background: url(../img/btn_mhm.gif) top left no-repeat;}
div#counseling2{padding-left:446px;}
div#counseling2 a{width:154px; background: url(../img/btn_counseling2.gif) top left no-repeat;}
div#about{padding-left:488px;}
div#about a{width:112px; background: url(../img/btn_about.gif) top left no-repeat;}
div#corporate{padding-left:446px;}
div#corporate a{width:154px;background: url(../img/btn_support.gif) top left no-repeat;}
div#record{padding-left:510px;}
div#record a{width:90px; background: url(../img/btn_record.gif) top left no-repeat;}
div#record a:hover,div#counseling1 a:hover,div#mhm a:hover,div#counseling2 a:hover,div#about a:hover,div#corporate a:hover{background-position: bottom left;}
div#access{
	background:url(../img/bg_access.jpg) bottom right no-repeat;
	}
	
p#room_caption{ width: 340px;}

table { border-collapse: collapse; }
th { font-weight: normal; border: #94694b 1px solid; padding: 4px;}
td { border: #94694b 1px solid; padding: 4px;  vertical-align: top;}
td ul { margin-bottom: 0px;}
td.recital { width: 240px; border-left: none; font-size: 90%;}
td.text { border-right:none;}

table.profile{ border: none; }
.profile td { border: none; padding:0px;}
.profile td.text { padding-right:30px;}
.profile td.border{margin:0; padding:0;}
.profile_career{ color:#333;}
.profile span#name{ color:#999; font-weight:bold; font-size:120%;}
h1.profile {background-image:none; font-size:140%; color:#F9C; }

span.switch_profile a{ color:#963;}
table.profile2{ border: none; }
.profile2 td { border: none; padding:0px;}
.profile2 td.text { padding-left:20px;}
div.room { width: 620px; height: 630px; background: url(../about/img/room_bg.jpg) right top no-repeat;}
div#footer { clear: both; position: relative; font-size: 90%; padding-top: 40px; padding-left: 100px; text-align: right; }
div#footer_link { position: relative; padding-left: 100px;}
div#footer_text { position: relative; }
