@charset "utf-8";
/* CSS Document */

/*基本----------------------------*/
*{
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #333;
	background: url(../img/bg1.jpg) repeat;
    font-size: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	line-height: 1.4;
	letter-spacing:1px;
}
* html body {
	overflow:scroll;
}/*ie6のみ*/

h1 {
	font-size: 80%;
}

h4 {color:#006;}

img {
	border: none;
	margin: 0;
	padding: 0;
}

p {
	text-justify: inter-ideograph;
	text-align:justify;
}
	
table {   
border-collapse:collapse;   
border-spacing:0;   
font-size:100%;   
}

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



.left {
	float:left;
}
.right {
	float:right;
}
.both {
	clear: both;
}
.center {
	text-align: center;
}

.padL20 {
	padding-left: 20px;
}
.padT10 {
	padding-top: 10px;
}


/*リンク
-------------------------------------------------
-------------------------------------------------*/

a:link {
    color:#00489e;
    text-decoration : none;
}/*未訪問リンク*/

a:visited {
    color:#00489e;
    text-decoration : none;
}/*訪問リンク*/

a:hover {
    color:#ef7c00;
    text-decoration : none;
}/*マウスオーバー時*/
a:active{
	color:#ef7c00;
	text-decoration : none;
}/*クリック時*/




/*Fine-tuning
-------------------------------------
-------------------------------------*/

.f1 {
	font-size: 0.8em;
}
.b {
	border-bottom: dashed #ccc 1px;
}
.main-nav {
	clear:both;
	padding-left:200px;
	font-size:.8em;
}

.fl-r {
	float: right;
}

.fl-l {
	float: left;
}

.clear {
	clear: both;
}

/*レイアウト基本
-------------------------------------------------
-------------------------------------------------*/

html, body, #wrapper #container {
	height: 100%;
}

body > #wrapper {
	height: auto!important;
    min-height: 100%;
}
/*--wrapper---------------------------------------------*/
#wrapper {
     width: 830px;
     background: url(../img/bg.jpg) repeat-y center top;
     text-align: center;
	 margin: 0 auto;
}
/*--header---------------------------------------------*/
#header {
    margin: 0 auto;
	padding: 0;
	height:230px;
    
}

#header .bg {
	background: url(../img/top.gif) top no-repeat;
	width: 800px;
	height: 110px;
}
/*--container---------------------------------------------*/
#container {
	width: 92%;
	background: #fff url(../img/container.gif) repeat-y;
	height: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
	
}

#container:after {
	content: ".";
	display: block;
	height: 0;
	clear :both;
	visibility: hidden;
}

#container { display: inline-block; }

/*Hides from IE-mac \*/
* html #container { height: 1%; }
#container { display: block; }
/* End hide From IE-mac */

* html div#container {
	height:auto;/* IE6 */
}

/*--footer---------------------------------------------*/
#footer {
	position: relative;
    width:800px;
	height: 20px;
	margin: -20px auto 0 auto;
    padding:0;
    bottom:0;
    background:#9AB4FF;
	clear: both;
	
}

#footer p.address {
	text-align:center;
	padding:5px0 8px;
	font-size:0.8em;
}


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


#header h1 {
    margin: 0;
	padding-bottom: 10px;
	font-size:0.8em;
	font-weight: normal;
}
#header h1 .title {
	text-align: left;
	padding-left:30px;
	padding-top:5px;
	color:#03F;
}

#header h1 .title a:hover {
	color: #FFF;
}

#header h1.top {
    display: none;
}

#header h2 {
	text-align:left;
	padding: 10px 0 10px 50px;
}

/*header img switch 画像が各ページ変わります------------------------------------*/
/*profile.html--*/
.topBg1 {
	background: url(../img/top01.gif) top no-repeat;
	height:110px;
	position:relative;
	top: 0;
	left: 0;
}
.topBg1 span {
	position:absolute;
	top:5px;
	left:30px;
	color:#03F;
	}
.topBg1 span a:hover {
	color:#fff;
}
/*model.html--*/
.topBg2 {
	background: url(../img/top02.gif) top no-repeat;
	height:110px;
	position:relative;
	top: 0;
	left: 0;
}
.topBg2 span {
	position:absolute;
	top:5px;
	left:30px;
	color:#03F;
	}
.topBg2 span a:hover {
	color:#fff;
}

/*diorama.html--*/
.topBg3 {
    background: url(../img/top03.gif) top no-repeat;
	height:110px;
	position:relative;
	top: 0;
	left: 0;
}
.topBg3 span {
	position:absolute;
	top:5px;
	left:30px;
	color:#03F;
	}
.topBg3 span a:hover {
	color:#fff;
}

/*song.html--*/
.topBg4 {
	background: url(../img/top04.gif) top no-repeat;
	height:110px;
	position:relative;
	top: 0;
	left: 0;
	
}
.topBg4 span {
	position:absolute;
	top:5px;
	left:30px;
	color:#03F;
	}
.topBg4 span a:hover {
	color:#fff;
}

/*video.html--*/
.topBg5 {
	background: url(../img/top05.gif) top no-repeat;
	height:110px;
	position:relative;
	top: 0;
	left: 0;
}

.topBg5 span {
	position:absolute;
	top:5px;
	left:30px;
	color:#03F;
	}

.topBg5 span a:hover {
	color:#fff;
}
/*exhibition.html--*/
.topBg6 {
	background: url(../img/top06.gif) top no-repeat;
	height:100px;
	position:relative;
	top: 0;
	left: 0;
}

.topBg6 span {
	position:absolute;
	top:5px;
	left:30px;
	color:#03F;
}
.topBg6 span a:hover {
	color:#fff;
}
/*event.html--*/
.topBg7 {
	background: url(../img/top07.gif) top no-repeat;
	height:110px;
	position:relative;
	top: 0;
	left: 0;
}

.topBg7 span {
	position:absolute;
	top:5px;
	left:30px;
	color:#03F;
	}

.topBg7 span a:hover {
	color:#fff;
}

/*season.html--*/
.topBg8 {
	background: url(../img/top08.gif) top no-repeat;
	height:110px;
	position:relative;
	top: 0;
	left: 0;
}

.topBg8 span {
	position:absolute;
	top:5px;
	left:30px;
	color:#03F;
	}

.topBg8 span a:hover {
	color:#fff;
}

/*sitemap.html--*/
.topBg9 {
	background: url(../img/top09.gif) top no-repeat;
	height:110px;
	position:relative;
	top: 0;
	left: 0;
}

.topBg9 span {
	position:absolute;
	top:5px;
	left:30px;
	color:#03F;
}
	
.topBg9 span a:hover {
	color:#fff;
}
/*header img switch//end--------*/

/*main------------------------*/
#main {
	width:72%;
    padding: 0;
	float:right;
	height:100%;/*footerbottom*/
    text-align: left;
}

#main:after {
	content: ".";
	display: block;
	height: 0;
	clear :both;
	visibility: hidden;
}

#main { display: inline-block; }

/*Hides from IE-mac \*/
* html #main { height: 1%; }
#main { display: block; }
/* End hide From IE-mac */

* html div#main {
	height:auto;/* IE6 */
}
#main {
	font-size:96%;
}
#main .nav {
	text-align:right;
	padding: 15px 10px 15px 0;
}


/*sidebar------------------------*/
#sidebar {
	width: 25%;
    float: left;
	background: #fff;
    text-align:left;
    height: auto !important;
	height: 100%;
}

#sidebar:after {
	content: ".";
	display: block;
	height: 0;
	clear :both;
	visibility: hidden;
}

/*Hides from IE-mac \*/
* html #sidebar { height: 1%; }
#sidebar { display: block; }
/* End hide From IE-mac */

* html div#sidebar {
	height:auto;/* IE6 */
}

/*
sidebar
------------------------*/
#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar li{
    margin: 0;
    padding: 0;
}
#sidebar span{
	font-size: 0.7em;
	padding-top: 5px;
}

#sidebar li a{
    display:block;
    width: 100%; /*windows IE6*/
}

.m1 {
	position:absolute;
	top:auto;
	bottom: 0;
}

	



/*TopPage 新着情報
------------------------*/
.box1{
	width:99%;
	height:100%;
	margin: 15px 0;
	padding: 0 0 15px 15px;
	text-align:left;
	
}

.box1 h3{
	color:#fff;
	font-weight: bold;
	font-size: 1.1em;
	padding: 2px 0 1px 15px;
	border-left:#9CF solid 5px;
	background-color:#03C;
	width: 505px;
}

.box1 ul{
	list-style: none;
	margin:15px 0;
	padding: 0;
	line-height:1.6;
	
}

.box1 li{
	margin: 0;
	padding: 0 0 3px 15px;
	background: url(../img/button5_n.gif) 0 0.25em no-repeat;
	font-size: 1em;	
	display:-moz-inline-stack;
}

.box1 li a, a:hover {
	text-decoration: underline;
}
	
.bod {
	border:#CCC solid 1px;
}
	

/*三宝商会、クリニックビル--------------*/

/*fiexed
--------------*/
		
		#fixedItem {
			background-color: #FFF;
			border: solid 1px gray;
			position: fixed !important;
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 5px;
		}

 
/**--[if IE]----*/

/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */


#sidebar { 
    padding-top: 0;
}
#main {
    zoom: 1;
    padding-top: 0;
}
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに使用される hasLayout が IE に対して設定されます <![endif]*/




/*-------------------------------------------------
-------------------------------------------------
第2階層
-------------------------------------------------
-------------------------------------------------*/


	
/*LowPage
--------------*/


.box2 {
	width:95%;
	height: 250px;
	margin: 15px 0;
	padding: 10px;
	text-align:left;
	border:#ccc dotted 2px;
	clear:both;
}

.box2 p {
	font-size: 0.8em;
	width:410px;
}

/*テーブル
--------------*/

.box1 .inquiry {
	width: 97%; /* ボックスの幅を指定 */
}
.box1 .inquiry table {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 80%;
	width: 100%;
}
.box1 .inquiry td {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;
	padding: 10px;
}
.box1 .inquiry th {
	border-top: none;
	border-bottom: 1px solid #CCCCCC;
	border-left: none; /* 左方向のボーダーを6pxに変更 */
	border-right: none;
	background-color: #F3F3F3;
	font-weight: normal;
	padding: 10px;	
	width: 200px;
}

/*--sitemap--*/

#mapbox {
	font-size: 0.8em;
}

#mapbox a {
	color:#00489e;
	}

#mapbox a:hover {
	color:#F90;
}
#mapbox h3 {
	font-size: 1.4em;
	color:#ef7c00;
	border-left: #C5DAFA 7px solid;
	padding-left: 5px;
}

#mapbox table td .w80 {
	width: 80px;
}

#mapbox table td .w30 {
	width: 30px;
}
#mapbox table td .w420 {
	width: 420px;
}

/*color
--------------*/

.colorY {
	color:#FC6;
}



/*font
--------------*/

.sizes {
	font-size: 0.7em;
	line-height: 140%;
}
.sizesb {
	font-size: 0.7em;
	font-weight: bold;
	line-height: 140%;
}
.sizesw {
	font-size: 0.7em;
	letter-spacing: 0.1em;
	line-height: 170%;
}

.sizem {
	font-size: 0.8em;
	line-height: 150%;
}
.sizemb {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 150%;
}
.sizemw {
	font-size: 0.8em;
	line-height: 170%;
}

.sizemww {
	font-size: 0.9em;
	line-height: 170%;
}
.sizel {
	font-size: 1.1em;
	line-height: 165%;
}

.sizellw {
	font-size: 1.2em;
	line-height: 170%;
}
.sizelb {
	font-size: 1.2em;
	line-height: 150%;
	font-weight: bold;
}
.sizelw {
	font-size: 1.2em;
	line-height: 200%;
}

.sizell {
	font-size:2.3em;
	line-height: 250%;
}

	
/* color CSS Document */
.colRed {
	color:#C00;
}

.colNai {
	color:#006;
}

hr {
	border: #69F dotted 1px;
}