@charset "utf-8";


.pc_only { display:block; }
.sp_only { display:none; }

/*:link
------------------------------ */
a {text-decoration:none;}
a:link {color:#0927A0; text-decoration:none;}
a:visited {color:#0927A0; text-decoration:none;}
a:hover {color:#397EDD; text-decoration:none;}

a:active {color:#D80C18; text-decoration:none;}
a.nolink:hover {color:#999; text-decoration:none;}
a.nolink {color:#999; text-decoration:none;}
a.nolink:visited {color:#999; text-decoration:none;}


/* :body
------------------------------ */
body{
/*	font-family: "ヒラギノ丸ゴ ProN W4","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic ProN","Hiragino Maru Gothic Pro","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Maru Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,"Helvetica Neue",Helvetica,sans-serif;*/
	font-family: "ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ ProN W4","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic ProN","Hiragino Maru Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 14px;
	line-height: 2;
	color: #320000;
}




/* :spMenu
---------------------------------------------------- */
#spMenu{
display:none;
}


/* :element
---------------------------------------------------- */
/*
p{
	line-height:1.75;
	word-break:break-strict;
}
*/

/*
input[type="text"], input[type="password"], textarea, select {
	outline: none;
}
input[type="submit"]{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}

input[type="submit"]:hover {opacity:0.7; filter:alpha(opacity=70); text-decoration:none;}
*/

/*
#content p + p,
#content ul + p,
#content p + ul,
#content p + ol,
#content ol + p,
#content ul + ul,
#content ul + ol,
#content ol + ol{
	margin-top:1em;
}
*/


ol.num{
    counter-reset:li;
}

ol.num > li {
	position:relative;
	padding-left:2em !important;
	list-style:none !important;
	line-height:1.75;
}

ol.num > li .n {
	position:absolute;
	top:0;
	left:0;
	width:2em;
}


em{
	color:#bb0000;
	font-style:normal;
	font-weight:bold;
}

.center{
	text-align:center !important;
}


#content section + section{
	margin-top:24px;
}


dl.list{
	line-height:1.75;
}

dl.list dt{
	font-size:15px;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}

dl.list dd + dt{
	margin-top:30px;
}

img.rs{
	width:100%;
	max-width:100%;
	height:auto;
}

img.r{
	float:right;
	padding-left:6px;
}
img.l{
	float:left;
	padding-right:6px;
}


.ie7 a.btn,
.ie7 a.btn span{
	display:inline-block;
	zoom:1;
}


/* : each page
---------------------------------------------------- */
body#index{
/*
position:relative;
*/
}



/* :container
---------------------------------------------------- */
#container {
/*
	position:absolute;
	left:200px;*//* right margin for gNav */
	width:100%;
	margin:0 ;
	padding:0 ; 

}



/* :header
---------------------------------------------------- */



#siteHeader h1{
	font-size:11px;
	font-weight:normal;
	margin:0 auto;
	text-align:center;
	line-height:25px;
	height:25px;
	color:#fff;
}

#hotSpot a {
	position:absolute;
	top:19px;
	left:20px;
	width:188px;
	height:37px;
	display:block;
	font:0px/0px sans-serif;
	margin:0;
	padding:0;
}


/*
#gNav_wrapper {
float:left;
width: 200px;
margin:0;
padding:0;
}
*/


#gNav {
  position: fixed;
/*_position:absolute;*/
  top: 0;
  left: 0;
  z-index: 100;
  width: 180px;
  height:100%;
  min-height:100%;
  background:url(../img/shared/menu_bk.png) repeat-y top right;
  margin:0 auto;
  text-align:center;

}

#gNav #tree_sign {
  background:url(../img/shared/menu_top_tree.png) no-repeat 6px top;
  width:154px;
  height:126px;
  font:0px/0px sans-serif;
margin:24px 0 0;
padding:0;
}

#gNav ul#parent{
  width: 160px;
/*
  margin: 0 0 20px 20px;
*/
  margin: 0;
  padding: 10px 0;
/*
  border-top: 3px solid #2f3842;
  border-radius: 0 0 3px 3px;
  box-shadow: 3px 3px 5px #aaa, -3px 3px 5px #aaa;
*/
  font-size: 14px;

  color:#333;
/*  border-right:1px solid #cccccc; */
}
#gNav ul#parent li{
  position: relative;
  list-style-type : none;
  margin: 0;
  padding: 0;
  color:#333;
}
#gNav ul#parent li a{
  position: relative;
  display: block;
  padding: 10px 15px;
/*  color: #0e2236;*/
  color:#007E40;
  font-weight:bold;
  text-decoration: none;
  line-height: 15px;
}
#gNav ul#parent > li:hover > a{
  color:#e47911;
  font-weight: bold;
}
#gNav ul#parent ul li a:hover{
background-color:#31943F;
/*
  color:#e47911;
  text-decoration: underline;
*/
}
#gNav ul#parent > li:hover > a:after{
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  right: -4px;
  width: 0px;
  height: 0px;
  margin-top: -8px;
  border: 8px solid transparent;
  border-left-color: #aaa;
}
#gNav ul#parent ul{
  display: none;
  position: absolute;
  top:0;
  left:160px;
  width: 200px;
/*
  top: -3px;
  right: -217px;
  width: 200px;
  height: 280px;
*/
  margin: 0;
  padding: 10px;
/*
  border-top: 3px solid #2f3842;
  border-radius: 0 0 3px 0;
  box-shadow: 3px 3px 5px #aaa, 3px 0px 3px #ccc inset;
*/
  background-color: #3BB149;
}

#gNav ul#parent ul.blue {
  background-color: #00B8EE;
}
#gNav ul#parent ul.blue li a:hover{
background-color:#00A3D7
}

#gNav ul#parent li:hover ul{
  display: block;
}
#gNav ul#parent ul.big{
  right: -417px;
  width: 400px;
}
#gNav ul#parent ul.big li{
  float: left;
  width: 200px;
}
#gNav ul#parent ul h3{
  padding: 5px 5px 5px 15px;
  margin: 0;
  color:#e47911;
  font-size: 16px;
  font-weight: normal;
}
#gNav ul#parent ul li a{
  text-align:left;
  color:#fff;
  padding: 8px 15px 8px 15px;
  background:url(../img/shared/sp_arrow03.png) no-repeat 0 9px;
}



/* :content
---------------------------------------------------- */
#content{
	width:790px;
	margin:0 auto;
	padding:24px 0 0 170px;
	text-align:left;
}
#content:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  


#col1 {
	width:700px;
	min-height:300px;
	margin:0 20px 32px 0;
	text-align:left;
	float:left;
}
#col2 {
	width:240px;
	min-height:500px;
	margin:0 auto 32px;
	padding:28px 0;
	text-align:center;
	float:left;
	background-color:#F3F3F3;
}

.box930 {
	width:930px;
	margin:0 auto 32px;
	text-align:left;
}
.box900 {
	width:900px;
	margin:0 auto;
	text-align:left;
}
.box790 {
	clear:both;
	width:790px;
	margin:0 auto 32px;
	text-align:left;
	font-size:15px;
}
.box770 {
	clear:both;
	width:770px;
	margin:0 auto 32px;
	text-align:left;
	font-size:15px;
}
.box760 {
	width:760px;
	margin:0 auto 42px;
	text-align:left;
	font-size:15px;
}
.box730 {
	clear:both;
	width:730px;
	margin:0 auto 32px;
	text-align:left;
	font-size:15px;
}
.box650 {
	width:650px;
	margin:0 auto 32px;
	text-align:left;
}
.box620 {
	width:620px;
	margin:0 auto 32px;
	text-align:left;
}
.box620 p {
margin: 0em;
}
.box544 {
	width:544px;
	margin:0 auto 32px;
	text-align:left;
}
.box460 {
	line-height:1.4em;
	width:460px;
	margin:8px auto 32px;
	text-align:left;
}
.box400 {
	width:400px;
	margin:8px auto 0;
	text-align:left;
}

.flt480 {
	width:480px;
	text-align:left;
	margin:0 auto;
	padding:0;
	float:left;
}
.flt420 {
	width:420px;
	text-align:left;
	margin:0 auto;
	padding:0;
	float:left;
}

.frame780 {
	width:780px;
	margin:24px auto 32px auto;
	text-align:left;
	border:2px solid #007F3D;
	background-color:#fff;
}


.index780 {
	background: url(../img/shared/indexL.png) no-repeat 0 0;
	width:780px;
	height:54px;
	margin:24px auto 0;
}
.index780_blue {
	background: url(../img/shared/indexL_blue.png) no-repeat 0 0;
	width:780px;
	height:54px;
	margin:24px auto 0;
}
.index780_beige {
	background: url(../img/shared/indexL_beige.png) no-repeat 0 0;
	width:780px;
	height:54px;
	margin:24px auto 0;
}
.index780_orange {
	background: url(../img/shared/indexL_orange.png) no-repeat 0 0;
	width:780px;
	height:54px;
	margin:24px auto 0;
}
.index720 {
	background: url(../img/shared/indexL.png) no-repeat 0 0;
	width:720px;
	height:54px;
	margin:16px auto 0;
}
.index720_blue {
	background: url(../img/shared/indexL_blue.png) no-repeat 0 0;
	width:720px;
	height:54px;
	margin:16px auto 0;
}
.index720_beige {
	background: url(../img/shared/indexL_beige.png) no-repeat 0 0;
	width:720px;
	height:54px;
	margin:16px auto 0;
}
.index720_orange {
	background: url(../img/shared/indexL_orange.png) no-repeat 0 0;
	width:720px;
	height:54px;
	margin:16px auto 0;
}

.index780 h2,.index720 h2, .index780 h3,.index720 h3, 
.index780_blue h2,.index720_blue h2, .index780_blue h3,.index720_blue h3,
.index780_beige h2,.index720_beige h2, .index780_beige h3,.index720_beige h3,
.index780_orange h2,.index720_orange h2, .index780_orange h3,.index720_orange h3 {
font-size: 18px;
color:#60502D;
font-weight:bold;
text-align:left;
padding:10px 0 0 24px;
line-height:1.0em;
}

.index780 h2 .s, .index720 h2 .s, 
.index780_blue h2 .s, .index720_blue h2 .s,
.index780_beige h2 .s, .index720_beige h2 .s,
.index780_orange h2 .s, .index720_orange h2 .s {
font-size: 14px;
font-weight:normal;
}

.index400 {
	background: url(../img/shared/indexS.png) no-repeat 0 0;
	width:400px;
	height:32px;
	margin:0;
}
.index400 h2 {
font-size: 15px;
color:#60502D;
font-weight:bold;
text-align:left;
padding:10px 0 0 24px;
line-height:1.0em;
}



section {
	width:100%;
	margin:0 auto;
}



.div426 { /* dividing line for news*/
	background: url(../img/shared/news_div.gif) repeat-x 0 0;
	width:100%;
	height:9px;
	margin:0;
	padding:0;
}



/*  headline fonts
---------------------------------------------------- */
h2 {
font-size: 15px;
line-height: 1.0em;
font-weight: bold;
margin: 0px;
padding: 12px 0px 0px 26px;
color: #3c2452;
text-align: left;
}

h3 {
font-size: 17px;
line-height: 1.0em;
font-weight: bold;
margin: 0px;
padding: 30px 0px 0px 26px;
color: #844c23;
text-align: left;
}

h4 {
font-size: 16px;
line-height: 1.2em;
font-weight: bold;
margin: 0px;
padding: 10px 0px 0px 46px;
color: #844c23;
text-align: left;
}

h5 {
font-size: 16px;
line-height: 1.2em;
font-weight: bold;
margin: 0 0 16px;
padding: 10px 0px 0px 46px;
color: #00a040;
text-align: left;
}

h6 {
font-size: 16px;
line-height: 1.2em;
font-weight: bold;
margin: 0px;
padding: 10px 0px 0px 46px;
color: #ff7430;
text-align: left;
}



/* :clearfix
---------------------------------------------------- */
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  




/*  hours table
---------------------------------------------------- */
#btm_hours {
	background: url(../img/shared/btm_hours.png) no-repeat 0 0;
	width:480px;
	height:102px;
	margin:0;
	padding:0 12px 0 0;
	font:0px/0px sans-serif;
	float:left;
}
#hourstable {
width: 420px;
margin: 0 24px 12px 0;
float:left;
}
#hourstable table {
width: 420px;
border:2px solid #007F3D;
border-collapse: separate;
border-spacing: 1px;
empty-cells:show;
font-size:13px;
}
#hourstable th {
border-right:1px solid #989898;
border-bottom:1px solid #989898;
background-color:#EDF4DB;
text-align: center;
padding: 4px;
}
#hourstable td {
border-right:1px solid #989898;
border-bottom:1px solid #989898;
background-color:#ffffff;
vertical-align:middle;
text-align: center;
padding: 4px;
font-weight:bold;
}
#hourstable td.ffc {
background-color:#FFFFCd;
}
#hourstable td.w140 {
width:140px;
}
#hourstable td.w50 {
width:40px;
}
#hourstable th.r, #hourstable td.r {
border-right:0px;
}
#hourstable td.b {
border-bottom:0px;
}
#hourstable td.vw {
writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
}
#hourstable td span {
white-space:nowrap;
}
#hourstable td.ar {
text-align:right;
}


/*  access map
---------------------------------------------------- */
#btm_map {
	background: url(../img/shared/btm_map.png) no-repeat 0 0;
	width:390px;
	height:208px;
	margin:0;
	padding:0;
	font:0px/0px sans-serif;
	float:left;
}
#btm_train_bus {
	background: url(../img/shared/btm_access.png) no-repeat 0 0;
	width:380px;
	height:208px;
	margin:0;
	padding:0;
	font:0px/0px sans-serif;
	float:left;
}



/* :list
---------------------------------------------------- */
ul.list_number {
list-style-type: none;
line-height: 1.6em;
margin: 0px auto;
padding: 14px 0 0 8px;
}
ul.list_number li {
margin: 0px;
padding: 0 0 8px 35px;
list-style-type: none;
}
ul.list_number li#num01 { background: url(../img/shared/num01.png) no-repeat 0 0;}
ul.list_number li#num02 { background: url(../img/shared/num02.png) no-repeat 0 0;}
ul.list_number li#num03 { background: url(../img/shared/num03.png) no-repeat 0 0;}
ul.list_number li#num04 { background: url(../img/shared/num04.png) no-repeat 0 0;}
ul.list_number li#num05 { background: url(../img/shared/num05.png) no-repeat 0 0;}

ul.list_number2 {
list-style-type: none;
line-height: 1.6em;
margin: 0px auto;
padding: 14px 0 0 8px;
}
ul.list_number2 li {
margin: 0px;
padding: 0 0 8px 35px;
list-style-type: none;
}
ul.list_number2 li#num01 { background: url(../img/shared/num01g.png) no-repeat 0 0;}
ul.list_number2 li#num02 { background: url(../img/shared/num02g.png) no-repeat 0 0;}
ul.list_number2 li#num03 { background: url(../img/shared/num03g.png) no-repeat 0 0;}
ul.list_number2 li#num04 { background: url(../img/shared/num04g.png) no-repeat 0 0;}
ul.list_number2 li#num05 { background: url(../img/shared/num05g.png) no-repeat 0 0;}

ul.list_star li {
margin: 0px;
padding: 0 0 6px 13px;
background: url(../img/shared/li_star.png) no-repeat 0 6px;
list-style-type: none;
}
ul.list_access {
list-style-type: none;
line-height: 1.4em;
margin: 0px auto;
padding: 10px 0 0 16px;
/*float:right; */
}
ul.list_access li.JR {
margin: 0px;
padding: 0 0 6px 22px;
background: url(../img/shared/li_train_JR.png) no-repeat 0 2px;
list-style-type: none;
text-align:left;
line-height:1.8em;
}
ul.list_access li.YS {
margin: 0px;
padding: 0 0 6px 22px;
background: url(../img/shared/li_train_YS.png) no-repeat 0 2px;
list-style-type: none;
text-align:left;
line-height:1.8em;
}
ul.list_access li.MM {
margin: 0px;
padding: 0 0 6px 22px;
background: url(../img/shared/li_train_MM.png) no-repeat 0 2px;
list-style-type: none;
text-align:left;
line-height:1.8em;
}



/* :frames
---------------------------------------------------- */
div.frame_green {
	position:relative;
	width:100%;
	margin:0 auto 4px;
	padding:0;
	background:url(../img/each/frame_green_bk_r.png) repeat-y top right;
	clear:both;
}
div.frame_green .top {
	width:100%;
	height:24px;
	margin:0;
	padding:0;
	background:url(../img/each/frame_green_top_r.png) no-repeat top right;
}
div.frame_green .top .lt {
	width:8px;
	height:24px;
	margin:0;
	padding:0;
	background:url(../img/each/frame_green_top_l.png) no-repeat top left;
}
div.frame_green .ttl {
	position:relative;
	width:100%;
	height:84px;
	margin:0;
	padding:0;
	background:url(../img/each/frame_green_ttl_r.png) no-repeat top right;
}
div.frame_green .ttl .lt {
	width:8px;
	height:84px;
	margin:0;
	padding:0;
	background:url(../img/each/frame_green_ttl_l.png) no-repeat top right;
}
div.frame_green .ttl h2 {
    position:absolute;
    top:23px;
    left:-6px;
    color: #844c23;
    font-size: 18px;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    text-align: left;
}
div.frame_green .ttl h2 div {
    display:inline;
    margin: 0 0 0 8px;
    font-size: 13px;
}
div.frame_green .cts {
	width:100%;
	margin:0;
	background:url(../img/each/frame_green_bk_l.png) repeat-y top left;
}
div.frame_green .cts .tbody {
	margin:0;
	padding:4px 14px 4px 14px;
	text-align:left;
/*
	font-size:14px;
	line-height:18px;
*/
}
div.frame_green .btm {
	width:100%;
	height:24px;
	margin:0;
	padding:0;
	background:url(../img/each/frame_green_btm_r.png) no-repeat top right;
}
div.frame_green .btm .lb {
	width:160px;
	height:24px;
	margin:0;
	padding:0;
	background:url(../img/each/frame_green_btm_l.png) no-repeat top left;
}

/*
.fr940g {
	width:940px;
	margin:0 auto 32px;
	padding:0;
	background-color:#F7F7F7;
}
.fr940g .top {
width:940px;
height:16px;
margin: 0;
padding: 0;
background: url(../img/shared/fr960g_tr.png) no-repeat right top;
}
.fr940g .top .l {
width:16px;
height:16px;
margin: 0;
padding: 0;
background: url(../img/shared/fr960g_tl.png) no-repeat left top;
}
.fr940g .btm {
width:940px;
height:16px;
margin: 0;
padding: 0;
background: url(../img/shared/fr960g_br.png) no-repeat right top;
}
.fr940g .btm .l {
width:16px;
height:16px;
margin: 0;
padding: 0;
background: url(../img/shared/fr960g_bl.png) no-repeat left top;
}

.fr940b {
	width:940px;
	margin:0 auto 32px;
	padding:0;
	background-color:#F1F9F8;
}
.fr940b .top {
width:940px;
height:16px;
margin: 0;
padding: 0;
background: url(../img/shared/fr960b_tr.png) no-repeat right top;
}
.fr940b .top .l {
width:16px;
height:16px;
margin: 0;
padding: 0;
background: url(../img/shared/fr960b_tl.png) no-repeat left top;
}
.fr940b .btm {
width:940px;
height:16px;
margin: 0;
padding: 0;
background: url(../img/shared/fr960b_br.png) no-repeat right top;
}
.fr940b .btm .l {
width:16px;
height:16px;
margin: 0;
padding: 0;
background: url(../img/shared/fr960b_bl.png) no-repeat left top;
}
*/



/* :siteFooter
---------------------------------------------------- */
#siteFooter{
	background-color:#14AE67;
	width:100%;
	height:auto;
/*	max-width:960px; */
	font-size:11px;
	margin:0 auto;
}

#siteFooterMenu{
	margin:0 auto;
/*	padding:26px 0 0;*/
}



ul.resume {
	margin: 8px 0 0;
	padding:0;
}
ul.resume li.certificate{
	background: url("../img/shared/li_certificate.png") no-repeat left top;
	text-align:left;
	margin: 0;
	min-height:26px;
	line-height:1.2em;
	padding: 5px 0px 0 78px;
	list-style-type: none;
/*	float: left; */

	font-size:14px;
}



#footerInfoArea{
   margin: 0 auto;
    padding: 24px 0 0 170px;
    text-align: left;
    width: 790px;
}



ul.pc_btm_menu {
width:790px;
/*
margin:18px 0 0;
padding:0 0 18px;
*/
margin:0;
padding:0 0 18px;
text-align:left;
display: table;
}
ul.pc_btm_menu li {
/*float:left; */
/*display:inline-block;*/
display:table-cell;
vertical-align:top;
/* border-right:1px solid #fff; */
background: url(../img/shared/btm_menu_triangle.png) no-repeat 0 3px;
margin:0 0 0 3px;
padding:0 10px 6px 8px;
/*
width:138px;
font-size:14px;
*/
font-size:12px;
line-height:1.2em;
text-align:left;
}

* html ul.pc_btm_menu li{display:inline; width:100px; zoom:1;}
*:first-child+html ul.pc_btm_menu li{display:inline; zoom:1;}

ul.pc_btm_menu li ul {
width:138px;
margin:10px 0 0 -6px;
}
ul.pc_btm_menu li ul li {
display:inline-block;
width:128px;
padding-right:0;
/*float:none;*/
border-right:none;
font-size:13px;
}
ul.pc_btm_menu li.lg {
width:178px;
}

ul.pc_btm_menu li.lg ul {
width:178px;
}
ul.pc_btm_menu li.lg ul li {
width:168px;
}
ul.pc_btm_menu li a { color:#fff; text-decoration:none;}
ul.pc_btm_menu li a:hover { color:#fff; text-decoration:underline;}


#footerInfoArea #footer_sign {
	background: url(../img/shared/footer_signature.png) no-repeat center top;
	width:456px;
	height:100px;
	display:block;
	text-align:right;
	margin:0 auto;
	padding:10px 0 24px;
	font:0px/0px sans-serif;
}







/* :pageTop
---------------------------------------------------- */
p#gotop {
    bottom: 36px; /* doesn't work. see line 95 in common.js */
    height: 38px;
    position: fixed;
    right: 3%;
    width: 38px;
    z-index: 100;
      }
      p#gotop a {
        background: url("../img/shared/pagetop_btn.png") no-repeat 0 0;
        width: 38px;
        height: 38px;
/*        display: block;
        margin: 10px 30px 0 0;
        float:right;*/
        }
      p#gotop a {
    display: block;
    overflow: hidden;
    text-align:left;
    text-indent: -9999px;
/*    white-space: nowrap;*/
        }
     p#gotop a:hover {background: url("../img/shared/pagetop_btn_f2.png") no-repeat 0 0; }




.wordslist span {
white-space: nowrap;
}





/* colors & lists 
---------------------------------------------------- */
.brwn { color: #9c4d27; }
.lgrn { color: #009966; }
.lgrn2 {color: #0e810b;}
.ppl2 {color: #A73A4F;}
.dbl2 {color: #212481;}
.wht { color: #ffffff; }
.c00 { color: #cc0000; }
.orng { color: #ff9933; }
.orng2 { color: #cc3300; }
.lbl { color:#00569b }
.lbl2 { color: #294c8e; }
.drd { color: #84100f; }
.dpk { color: #d9638b; }
.dgrn { color: #00546c; }
.gry { color: #989898; }
.lbl3 { color: #0066FF; }
.lgrn3 {color: #339900; }
.lbge {color: #996600; }
.s {font-size:86%; font-weight:normal;}
.l {font-size:116%; text-decoration:none;line-height:1.2em;margin-bottom:4px;}

/* :table
---------------------------------------------------- */
table.default{
	width:80%;
	border-collapse: collapse;
	border-spacing: 0;
	line-height:1.5;
	text-align:center;
}

table.default th{
	background-color: #efefef;
	border-bottom:1px solid #ccc;
	white-space:nowrap;
	text-align:center;
	font-weight:normal;
	padding:6px;
	vertical-align:top;
}
table.default td{
	border-bottom:1px solid #ccc;
	font-weight:normal;
	text-align:left;
	padding:6px 0 6px 12px;
}

table.default td.nw {
	white-space:nowrap;
}







/* Responsive max-width: 480px
--------------------------------------------------------- */

@media screen and (max-width: 480px){


.pc_only { display:none; }
.sp_only { display:block; }

img{
    width: 100%;
    height: auto;
}

img.r{
	float:none;
	margin:8px auto;
	padding:0;
}
img.l{
	float:none;
	margin:8px auto;
	paddingt:0;
}



#gNav{
	display:none;
}

/* :spMenu
---------------------------------------------------- */
#spMenu{
	display:block;
position:relative;
/*	position:absolute;
	right:0;
	top:0;
*/
	float:right; /* to show drawer button on the right side */

	display:inline-block; /* inline and able to define width & height. */
	height:44px;
	width:44px;
	text-align:center;

	/* overflow:hidden; */
	cursor:pointer;
	margin:10px 6px 0 0;
	padding:0;
	font-size:11px;
	background:url(../img/shared/drawer_btn.png) no-repeat left top;
}
#spMenu a{ /* this is important to make image a hot-spot for drawer menu. */
	position:absolute;
	right:0;
	top:0;
	width:62px;
	height:110px;
	display:block;
}
/*
#main-nav {
	display:block;
}
*/
#build-menu {
background-color:#fff;
/*	background-color:#F1FBFA; */
/*	background-color:#DCEBF1; */
}

#build-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#build-menu li{ 
	position:relative;
	line-height:42px;
	height:38px;
	font-size:15px;
	color:#007e40;
	text-align:left;
	border-bottom: 1px solid #888888;
}
#build-menu li a { 
	background: url(../img/shared/li_arrow.png) no-repeat 0 11px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:38px;
	margin: 0;
	padding: 0 0 0 22px;
	color:#007e40;
	font-weight:bold;
}
/*
#build-menu li#home{background: url(../img/shared/li_dm_home.png) no-repeat 6px 8px;}
#build-menu li#clinic{background: url(../img/shared/li_dm_clinic.png) no-repeat 6px 8px;}
#build-menu li#doctor{background: url(../img/shared/li_dm_doctor.png) no-repeat 6px 8px;}
#build-menu li#morita{background: url(../img/shared/li_dm_morita.png) no-repeat 8px 8px;}
#build-menu li#taikenki{background: url(../img/shared/li_dm_taikenki.png) no-repeat 8px 8px;}
#build-menu li#nagare{background: url(../img/shared/li_dm_nagare.png) no-repeat 8px 8px;}
#build-menu li#access{background: url(../img/shared/li_dm_access.png) no-repeat 6px 8px;}
*/

/* :content
---------------------------------------------------- */
#content{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#content:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  


#col1 {
	width:100%;
	margin:10px auto;
	float:none;
}
#col2 {
	width:100%;
	min-height:200px;
	margin:0 auto;
	padding-top:0;
	padding-bottom:32px;
	float:none;
}


.box900  {
	width:100%;
	margin:0 auto;
}

.box790 {
	width:96%;
	margin:0 auto 24px;
}

.box760 {
	width:100%;
	margin:0 auto 24px;
}
.box770 {
	width:100%;
	margin:0 auto 24px;
}
.box544, .box730 {
	width:92%;
	margin:0 auto 24px;
}

.box400 {
	width:92%;
	margin:0 auto 16px;
}
.box460 {
	width: 300px;
	margin:8px auto 20px;
}
.box400 {
	text-align:center;
}


.flt480, .flt420 {
	width:100%;
	float:none;
	text-align:left;
	margin:12px auto;
}


.frame780 {
	width:100%;
	text-align:left;
	border-top:2px solid #007F3D;
	border-bottom:2px solid #007F3D;
	border-left:none;
	border-right:none;
	margin:12px auto;
	padding:12px 0;
	background-color:#fff;
}


.index780, .index720 {
	background: url(../img/shared/indexS.png) no-repeat 0 0;
	width:100%;
	height:40px;
	margin:32px auto 0;
}
.index780_blue, .index720_blue {
	background: url(../img/shared/indexS_blue.png) no-repeat 0 0;
	width:100%;
	height:40px;
	margin:32px auto 0;
}
.index780_beige, .index720_beige {
	background: url(../img/shared/indexS_beige.png) no-repeat 0 0;
	width:100%;
	height:40px;
	margin:32px auto 0;
}
.index780_orange, .index720_orange {
	background: url(../img/shared/indexS_orange.png) no-repeat 0 0;
	width:100%;
	height:40px;
	margin:32px auto 0;
}
.index780 h2,.index720 h2, .index780 h3,.index720 h3, 
.index780_blue h2,.index720_blue h2, .index780_blue h3,.index720_blue h3,
.index780_beige h2,.index720_beige h2, .index780_beige h3,.index720_beige h3,
.index780_orange h2,.index720_orange h2, .index780_orange h3,.index720_orange h3 {
font-size:16px;
padding:5px 0 0 20px;
}
.index400 {
	background: url(../img/shared/indexS.png) no-repeat 0 0;
	width:100%;
	height:32px;
	margin:0 auto;
}
.index400 h2 {
font-size: 15px;
padding:11px 0 0 20px;
}




/* :frames
---------------------------------------------------- */
div.frame_green .ttl h2 {
    top:23px;
    left:-10px;
    font-size: 16px;
}
div.frame_green .ttl h2 div {
    display:block;
    margin:2px 0 0 0;
}




/*
.fr940g {
	width:100%;
	margin:0 auto 16px;
	padding:0;
	background-color:#F7F7F7;
}
.fr940g .top {
	width:100%;
height:4px;
margin: 0;
padding: 0;
background-image: none;
}
.fr940g .top .l {
width:auto;
height:4px;
margin: 0;
padding: 0;
background-image: none;
}
.fr940g .btm {
	width:100%;
height:4px;
margin: 0;
padding: 0;
background-image: none;
}
.fr940g .btm .l {
width:auto;
height:4px;
margin: 0;
padding: 0;
background-image: none;
}

.fr940b {
	width:100%;
	margin:16px auto 16px;
	padding:0;
	background-color:#F1F9F8;
}
.fr940b .top {
	width:100%;
height:4px;
margin: 0;
padding: 0;
background-image: none;
}
.fr940b .top .l {
width:auto;
height:4px;
margin: 0;
padding: 0;
background-image: none;
}
.fr940b .btm {
	width:100%;
height:4px;
margin: 0;
padding: 0;
background-image: none;
}
.fr940b .btm .l {
width:auto;
height:4px;
margin: 0;
padding: 0;
background-image: none;
}
*/



/*  hours table
---------------------------------------------------- */
#hourstable {
width: 300px;
float:none;
margin:0 auto;
}
#hourstable table {
width: 300px;
margin: 0 auto 12px;
font-size:12px;
}
#hourstable th {
padding: 1px;
}
#hourstable td {
padding: 1px;
}
#hourstable td.w110 {
width:90px;
}
#hourstable td.w50 {
width:30px;
}
#hourstable td span {
white-space: nowrap;
}



/* :table
---------------------------------------------------- */
table.default{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin:4px auto;
	line-height:1.5;
	text-align:center;
	font-size:14px;
}

table.default thead th{
	white-space:nowrap;
	background: #E9EAEC;
	border-bottom:1px solid #ccc;
	font-weight:normal;
	text-align:center;
	padding:2px;
}
table.default tbody td{
	border-bottom:1px solid #ccc;
	font-weight:normal;
	text-align:left;
	padding:2px 0 2px 6px;
}

table.default tbody td.nw {
	white-space:nowrap;
}



ul.list_access {
width:296px;
padding: 10px 0 16px 0;
float:none;
}




/*  access map
---------------------------------------------------- */
#btm_tel_lifesize {
	width:216px;
	height:30px;
}
#btm_sp_map {
	background: url(../img/shared/sp_map.png) no-repeat 0 0;
	width:290px;
	height:178px;
	margin:0 auto;
	padding:0;
	font:0px/0px sans-serif;
}
#btm_sp_train_map {
	background: url(../img/shared/sp_train_map.png) no-repeat 0 0;
	width:290px;
	height:144px;
	margin:0 auto;
	padding:0;
	font:0px/0px sans-serif;
}
#btm_train_routes {
	background: url(../img/shared/sp_train_routes.png) no-repeat 0 0;
	width:290px;
	height:128px;
	margin:0 auto;
	padding:0;
	font:0px/0px sans-serif;
}
#btm_bus_routes {
	background: url(../img/shared/sp_bus_routes.png) no-repeat 0 0;
	width:290px;
	height:80px;
	margin:0 auto;
	padding:0;
	font:0px/0px sans-serif;
}






#siteFooter {
/*	background: url(../img/shared/sp_footer_bk.png) repeat-x left top;*/
	background-image:none;
	background-color:#14AE67;
	height:auto;
	font-size:11px;
	margin:0 auto;
	padding:0;

}


#siteFooterMenu{
    background-color:#FFFEF1;
    padding:48px 0 0;
}


#btmNav ul {
	margin: 0;
	padding:0;
}

#btmNav ul li{
	text-align:left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline; /* to show on the center */
	font-size:16px;
}

#btmNav .plink {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #A69C89;
letter-spacing: 0.1em !important;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
#btmNav .plink:first-child {
    border-top: 1px solid #A69C89;
}
#btmNav .plink a {
    display: block;
	font-size:15px;
font-weight:bold;
    padding: 10px 0 8px 10px;
    position: relative;
    text-decoration: none;
color:#007E40;
    margin: 0;
    vertical-align: baseline;
line-height:2;
}
#btmNav .plink a:after {
    background: url("../img/shared/sp_arrow01.png") no-repeat right center;
    content: "";
    display: block;
    height: 13px;
    position: absolute;
    right: 10px;
    top: 18px;
    width: 10px;
}


#footerInfoArea {
	width:100%;
	margin:0 auto;
	padding:0 0 32px;
	text-align:center;
}

#footerInfoArea #footer_sign {
	background: url(../img/shared/sp_footer_sign.png) no-repeat 0 0;
	width:212px;
	height:90px;
	display:block;
	margin:24px auto 8px;
	padding: 0;
	font:0px/0px sans-serif;
}
#footerInfoArea #footer_rsv_dial a {
	background: url(../img/shared/sp_footer_tel.png) no-repeat 0 0;
	width:212px;
	height:36px;
	display:block;
	font:0px/0px sans-serif;
	margin:0 auto;
}




}