@charset "UTF-8";

/* ========BASIC======== */
html{
   overflow-y:scroll;
}

body{
   margin:0;
   padding:0;
   line-height:1.4;
   letter-spacing:1px;
   font-family: "Verdana","Arai","HiraKakuPro-W3","MS-PGothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",serif;
   font-size:0.9em;
   color:#000;
}

br{
   letter-spacing:normal;
}

a{
   color:#000;
   text-decoration:none;
}

a:hover{
   color:#0000ff;
   text-decoration:none;
}

img{
   border : 0px none;
	float: center;
	background-color: #FFFFFF;
	padding: 2px;
	margin-top : 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.img_left{
	float: left;
	background-color: #FFFFFF;
	padding: 2px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #EDECE9;
}

.img_right{
	float: right;
	background-color: #FFFFFF;
	padding: 2px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #EDECE9;
}

.img_pdf{
	border : 0px none;
	vertical-align: middle;
	padding: 0;
	margin-top: 0;
}

.map_base{
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 2px;
	padding-bottom: 5px;
	border: 1px solid #EAEAEA;
}

h1,h2,h3,h4,h5,h6{
   margin:0;
}

/* ========TEMPLATE LAYOUT======== */
#top{
   width:780px;
   margin:0 auto;
   padding:0 10px;
   background:#fff;
   box-shadow:0 0 5px #999;
   -moz-box-shadow:0 0 5px #999;
   -webkit-box-shadow:0 0 5px #999;
   behavior: url(PIE.htc);/* for IE */

}

#header{
   position:relative;
   width:780px;
}

/* ホーム以外のページのヘッダー高さ */
#header2{
   padding:10px 0 5px 0;
}

#pr{
   position:absolute;
   left:0;
   top:0;
}

#message{
   position:absolute;
   top:10px;
   right:0;
}

#gnavi{
   position:absolute;
   bottom:0;
   right:0;
}

#menu{
   float:left;
   width:780px;
   margin-top:10px;
}

#icatch{
   float:left;
   width:780px;
   margin-top:10px;
}

#icatch img{
   border : 0px none;
	float: center;
	background-color: #FFFFFF;
	padding: 2px;
	margin-top : 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#contents{
   float:left;
   width:780px;
   padding:10px 0;
   background:#fff;
}

#main{
   float:left;
   width:540px;
}

#sub{
   float:right;
   width:220px;
}

.pageTop{
   clear:both;
}

#footer{
   clear:both;
   width:780px;
}


/* ========HEADER CUSTOMIZE======== */
#header h1{
   margin:0;
   padding:35px 0 0 0;
   font-size:32px;
   line-height:1.0;
}

#header h1 a:hover{
   color:#0000ff;
}

#header #message{
   font-size:0.8em;
}

#header #gnavi ul{
   list-style:none;
}

#header #gnavi li{
   float:left;
   margin-left:15px;
   font-size:0.8em;
}

#header #gnavi li a{
   display:block;
   padding-left:8px;
   background:url("../images/bg_arrow.gif") 0 50% no-repeat;
}

#header #gnavi li a:hover{
   color:#0000ff;
   background:#fafabb url("../images/bg_arrow.gif") 0 50% no-repeat;

}

/* ========MENU CUSTOMIZE======== */
/* メインメニュー */
#menu ul{
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}

/* サブメニュー1段目 */
#menu ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
}

/* サブメニュー2段目以降 */
#menu ul ul ul{
   top:0;
   left:100%;
}

/* リスト */
#menu li{
   float:left;
}

#menu li li{
   clear:both;
}

#menu li:hover{
   position:relative;
}

#menu li:hover > ul{
   display: block
;
}

/* デザイン */
#menu ul{
   float:left;
   margin:0;
   padding:0;
   list-style:none;
   border-top:1px solid #999;
   border-bottom:1px solid #999;
   background:#ffddcc;
}

#menu li ul{
   border-top:1px solid #999;
   border-bottom:none;
}

#menu li li{
   margin-left:0;
   background:#f5f5f5;
   border-bottom:1px solid #999;
}

#menu li li a:hover{
   margin-left:0;
   color:#0000ff;
   background:#fafabb;
}

#menu li a{
   display:block;
   width:130px;
   padding:10px 0;
   text-align:center;
   outline:none;
}

#menu li li a{
   display:block;
   width:120px;
   padding:10px 5px;
   line-height:20px;
   text-align:left;
   outline:none;
}

#menu li a:hover{
   color:#0000ff;
   text-decoration:none;
   background:#fafabb;
}

/* ナビゲーションスキップdisplay:noneは不可 */
#menu .hide{
   position:absolute;
   left:-9999px;
}

#main .hide{
   position:absolute;
   left:-9999px;
}

/* ========TOPICPATH CUSTOMIZE======== */
#topicPath{
   padding:5px 0;
   font-size:0.8em;
}

#topicPath a:hover{
   text-decoration:none;
   color:#0000ff;
   background:#fafabb;
}

/* ========MAINCONTENTS CUSTOMIZE======== */
#main a{
   color:#d9890f;
}

#main a:hover{
   text-decoration:underline;
   color:#0000ff;
   background:#fafabb;
}

/* トップページ以外のメニューバーにあるページのh1 */
#main h1#other{
   clear:both;
   width:530px;
   height:100px;
   line-height:100px;
   margin-bottom:20px;
   padding-left:10px;
   font-size:2.0em;
   font-weight: bold;
   color:#ffffff;
   text-shadow: 2px 2px #000033; 
   background:url("../images/sub_b_ehime.jpg") 0 0 no-repeat;
 }

/* メニューバーにないページのh1 */ 
#main h1#sub{
   clear:both;
   width:530px;
   height:70px;
   line-height:70px;
   margin-bottom:20px;
   padding-left:10px;
   font-size:2.0em;
   font-weight: bold;
   color:#ffffff;
   text-shadow: 2px 2px #000033; 
   background:url("../images/sub_bb_mikan.jpg") 0 0 no-repeat;
 }

/* homeページのページタイトル */ 
#main h2#home{
   clear:both;
   width:530px;
   height:70px;
   line-height:70px;
   margin-bottom:20px;
   padding-left:10px;
   font-size:2.0em;
   font-weight: bold;
   color:#ffffff;
   text-shadow: 2px 2px #000033; 
   background:url("../images/sub_b_ehime.jpg") 0 0 no-repeat;
 }

#main h2{
   line-height:1.5;
   margin-bottom:5px;
   font-size:1.3em;
   color:#e54c81;
 }

#main h3{
   clear:both;
   margin-bottom:5px;
   padding-left:10px;
   font-size:1em;
   color:#e54c81;
   border-left:5px solid #ED81A6;
}

#main h4{
   margin-top:1.5em;
   margin-bottom:5px;
   font-size:1em;
   color:#e54c81;
   border-bottom:2px solid #ED81A6;
}

#main h5{
   margin-bottom:5px;
   padding:2px;
   font-size:0.9em;
   color:#666;
   border:1px solid #ED81A6;
   background:#FFF3EF;
}

#main h6{
   margin-bottom:3px;
   padding-left:8px;
   font-size:0.9em;
   font-weight:normal;
   background:url("../images/bg_arrow.gif") no-repeat left 50%;
}

#main p{
   margin:0 0 1em 0;
}

#main p.right{
   text-align:right;
   font-size:0.95em;
   margin-right:20px;     
}

#main dt{
   margin-top:1em;
   margin-bottom:0.5em;
}

#main dd{
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
}

/* INFORMATION CUSTOMIZE */
#main dl.information{
   margin:0 0 20px 0;
}
#main dl.information dt{
   float:left;
   padding-top:5px;
}

#main dl.information dd{
   margin:0 0 5px 0;
   padding: 5px 0px 5px 9em;
   background:url("../images/bg_dotline.gif") 0 100% repeat-x;
}

#main table{
   width:550px;
   margin-bottom:20px;
   border-collapse:collapse;
   border:1px solid #999;
   border-spacing:0;
   line-height:1.8;
}

#main table th{
   padding:5px;
   border:1px solid #999;
   border-width:0 0 1px 1px;
   background:#EFEBEF;
   font-weight:bold;
   text-align:centar;
}

#main table td{
   padding:5px;
   border:1px solid #999;
   border-width:0 0 1px 1px;
   text-align:centar;
}


/* ========SUBCONTENTS CUSTOMIZE======== */
#sub .section{
   margin-bottom:10px;
}

#sub h2{
   padding-bottom:2px;
   font-size:1em;
   font-weight:bold;
   text-align:center;
   border-bottom:1px solid #999;
}

#sub h3{
   padding:5px;
   font-size:0.9em;
   font-weight:bold;
   background:#EFEBEF;
}
#sub p{
   font-size:0.9em;
   text-align:center;
   margin-bottom:20px;
}

#sub ul{
   margin:0;
   padding:0;
   border:1px solid #EFEBEF;
}

#sub li{
   padding:5px;
   line-height:1.8;
   list-style:none;
   border-bottom:1px solid #E7E7EF;
}

#sub li a{
   display:block;
   padding:5px 5px 5px 15px;
   background:url("../images/bg_arrow.gif") 5px 50% no-repeat;
}

#sub li a:hover{
   display:block;
   color:#0000ff;
   background:#fafabb url("../images/bg_arrow.gif") 5px 50% no-repeat;
   text-decoration:none;
}


/* ========PAGETOP CUSTOMIZE========= */
.pageTop{
   text-align:right;
   font-size:0.75em;
}

.pageTop a{
   padding:0 0 0 12px;
   background:url("../images/bg_pagetop.gif") 0 50% no-repeat;
}

.pageTop a:hover{
   color:#0000ff;
   text-decoration:none;
   background:#fafabb url("../images/bg_pagetop.gif") 0 50% no-repeat;
}

/* ========FOOTMENU CUSTOMIZE======== */
#footer ul{
   margin:20px 0;
   padding-top:20px;
   text-align:justify;
   border-top:1px solid #ddd;
}

#footer li{
   display:inline;
   margin:0 0 0 35px;
   list-style:none;
}

#footer li a:hover{
   color:#0000ff;
   text-decoration:none;
   background:#fafabb;
}


/* ========FOOTER CUSTOMIZE======== */
.copyright{
   font-style:normal;
   font-size:0.7em;
   color:#999;
   line-height:3.0;
   text-align:center;
}

/* ========teikan ( )付き数字======== */
ol.num1 { 
	margin-bottom: 1em; 
	margin-left: 1em; 
}
ol.num1 li {
	list-style: none;
	margin:0 0 0 1em;
	padding:2px;
	text-indent:-1.5em; 
}
ol.num1 li span {
	left: -2em;
}
* html ol.num1 li span { top: -0em; } /* for win ie6 */
*:first-child+html ol.num1 li span { top: -0em; } /* for win ie7 */

/* ========teikan 番号なし======== */
ol.num2 { 
	margin-bottom: 1em; 
	margin-left: 1em; 
}
ol.num2 li {
	list-style: none;
	margin:0 0 0 1em;
	padding:2px;
	text-indent:-1.5em; 
}

/* ========teikan イロハ======== */
ol.iroha { 
	list-style-type: none;
	margin-bottom: 1em; 
}

/* ========teikan 丸数字======== */
ol.num_maru { 
	list-style-type: none;
	margin-bottom: 1em; 
	margin-left: 1em; 
}

/* ========スケジュール　番号なし======== */
ol.num3 { 
	margin-left: -1.5em; 
}

ol.num3 li {
	list-style: none;
	text-indent:-1em; 
}

/* ======== 傍点なし（住所に使用 ulにid指定）======== */
#address li {
  list-style: none;
}


/* ========最優先　強調======== */
.important {
  color : red;
  font-weight: bold;
}

/* ========愛顔の癒し券　終了後削除======== */
#main h2#egao{
   clear:both;
   width:530px;
   height:50px;
   line-height:70px;
   margin-bottom:20px;
   padding-left:10px;
   font-size:2.0em;
   font-weight: bold;
   color:#993300;
   text-shadow: 2px 2px #E5E5E5;
 }