/* 1  :HTMLの再定義 */








/* 1-1:レイアウト域の定義 */

html * {
	box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	}

body {
	margin:0px;
	padding:0px;
	font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
	background-image: url(../i/class_bdbak.gif);
	}








	
/* 1-2:文字装飾の定義 */

h1 {
	margin:1em 0 0 0;
	font-size:x-large;
	}

h2 {
	margin:1em 0 0 0;
	font-size:medium;
	color:#996600;
	line-height:1.5em;
	clear: both;
	}

h3 {
	margin:0 0 1em 0;
	font-size:medium;
	color:#FFFFFF;
	text-indent:0.5em;
	display: block;
	padding:9px 0 5px 0;
	border-bottom:2px solid #6C5439;
	margin-top: 10px;
	clear:both;
	background-image: url(../i/class_h3bak.gif);
	background-color: #996600;
	}
	
h4 {
	margin:0 0 0.5em 0;
	padding:0 0 0 7px;
	font-size:medium;
	color:#000000;
	border-left: 5px solid #666666;
	clear:both;
	}
	
h5 {
	margin:0 0 0.25em 0;
	font-size:medium;
	color:#804040;
	margin-left:10px;
	}

p {
	font-size:medium;
	margin:0 10px 1em 10px;
	line-height:1.7em;
	color: #666666;
	}
	
	
b {
	color:#990066;
	}
	
em {
	color:#990000;
	font-style:normal;
	background-color: #FFF7F7;
	}

a:link {
	text-decoration: none;
	}

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

li {
	margin:1em 0 1em 0;
	list-style-image: url(../i/class_listicon.gif);
	line-height:1.7em;
	}
.note li {
	list-style-image: none;
	list-style-type: circle;
	}
.remarks ul {
	margin:0;
    padding-left:1.5em;
	}
.remarks li {
	list-style-image: none;
	list-style-type: normal;
	margin:0;
	}
.clear{
	clear:both;
}










/* 1-3:オブジェクトの定義 */

table {
	border:1px solid #999999;
	font-size:medium;
	}
	
th {
	color:#FFFFFF;
	padding:5px;
	background-color: #666666;	
	}
	
td {
	padding:5px;
	background-color: #EEEEEE;	
	}

img {
	border:0;
	clear:both;
	}
	

table.image {
	font-size:small;
	}








/* 2  :classの定義 */

/* 2-1:文字装飾の定義 */

.note {
	font-size:small;
	margin:0 10px 1em;
	line-height:1.5em;
	color: #999999;
}

.note-strong {
	font-size:small;
	margin:1em 10px 1em;
	line-height:1.5em;
	color: #bb0000;
    background-color:#f9f9f9;
    border:solid 1px #bb0000;
    clear:both;
    padding:5px;
}

p.warning{
	font-size:small;
	margin:0 10px 1em 10px;
	line-height:1.7em;
	color: #cc0000;
}

div#mc div.masterpiece p{
	float:left;
	padding-left:9px;
	width:150px;
	height:100%;
	
}

.remarks {
	font-size:85%;
	margin:0 10px 1em;
	line-height:1.5em;
	color: #666;
}


/*  写真横並びレイアウト */
.photo-layout {
    border:0;
}
.photo-layout th {
    color:#000;
    background-color:#fff;
    text-align:center;
    padding:0;
    margin:0;
    vertical-align:bottom;
}
.photo-layout td {
    background-color:#fff;
    padding:0;
    margin:0;
}




	
/* 2-2:文字レイアウトの定義  */

.textright {
	text-align: right;
	}

.textleft {
	text-align: left;
	}

.textcenter {
	text-align: center;
	}












/* 2-3:オブジェクト装飾の定義 */
		
.recordtitle {
	background-color: #D4D4D4;
	}










/* 2-4:オブジェクトレイアウトの定義 */

.imageright{
	float:right;
}

.imageright img {
	clear:both;
	float: right;
	border: 1px solid #000000;
	}

.imageleft img {
	clear:both;
	float: left;
	border: 1px solid #000000;
	}

div#mc div.masterpiece img{
	float:left;
	margin:0px;
}
	
.imagelist {
	float: left;
	}
	
.imagelist img {
	border: 1px solid #000000;
	}


.imagelist2 {
	width:320px;
	float: left;
	font-size:small;
	text-align:center;
	padding-bottom: 5px;
}




/* 3  :idの定義 */

/* 3-1:ヘッダの定義 */

#hd {
	margin:0;
	padding:0;
	width:740px;
	}
	
#lg {
	margin:0;
	padding:0;
	width:200px;
	float:left;
	}
	
#sc {
	margin:0;
	padding:5px 5px;
	width:530px;
	text-align: right;
	float:right;
	font-size: 0.9em;
	line-height: 1.5em;
	background-image: url(../i/class_hdbak.jpg);
	}

#sc_blog {
	margin:0;
	padding:5px 5px;
	width:530px;
	text-align: right;
	float:right;
	font-size: 0.9em;
	line-height: 1.5em;
	background-image: url(../i/class_hdbak2.jpg);
	}






/* 4  :ナビゲーションの定義 */

/* 4-1:メインナビゲーションの定義 */

#mm {
	margin:0;
	padding:7px 0 3px 0;
	width:740px;
	color:#FFFFFF;
	font-size:78%;
	text-align: center;
	background-color: #000000;
	border-bottom:2px solid #999999;
	clear:both;
	}

#mm_blog {
	margin:0;
	padding:7px 0 3px 0;
	width:740px;
	color:#FFFFFF;
	font-size:84%;
	text-align: center;
	background-color: #000000;
	border-bottom:2px solid #999999;
	clear:both;
	}

#mm a,
#mm_blog a {
	color:#FFFFFF;
	}

#mm table, 
#mm_blog table
{
    border:none;
    margin:0 auto 0 auto;
}

#mm td,
#mm_blog td
{
	background-color: #000000;
	font-size:96%;
    padding:0 0 4px 10px;
	text-align: left;
}



/* 4-2:セカンドナビゲーションの定義 */

#sm {
	margin:0;
	padding:7px 0px 7px 0px;
	width:740px;
	font-size:78%;
	text-align: center;
	background-color: #EEEEEE;
	border-bottom:1px solid #999999;
	}







/* 4-3:イメージナビゲーションの定義 */

#im h1 {
	margin:0;
	}








/* 4-4:サイドナビゲーションの定義 */

#ml {
	padding:0 10px 0 0;
	margin:10px 0 0 0;
	width:175px;
	font-size:80%;
	float:left;
	}

#ml li {
	line-height:1.5em;
	}






	
/* 4-5:コンテンツナビゲーションの定義 */
	
#mcn {
	font-size:small;
	text-align: right;	
	clear:both;
	}



/* 4-6:コンテンツナビゲーションの定義 */
#mn {
    position: relative;
    z-index:1;
    height:38px;
    }
#mn a {
    position: absolute;
    z-index:2;
    margin:0;
	padding:7px 0px 7px 0px;
	width:740px;
	font-size:100%;
	text-align: center;
    text-decoration:underline;
	background-color: #fafafa;
	border-bottom:1px solid #999999;
    }
#mn a:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}


	
	
/* 5  :コンテンツの定義 */

/* 5-1:コンテンツの定義 */
#mc {
	margin:0 0 10px 0px;
	padding:10px 10px 20px 10px;
	width:720px;
	}
	
#mc img {
	margin: 9px;
	border: 1px solid #000000;
	}

#google-map img {
	margin: 0;
	border: none;
}    
	
#mc a img {
	border-color:#0000FF;
	}
	
#mcl {
	margin:0 0 10px 190px;
	padding:10px 10px 20px 10px;
	width:530px;
	border-left:1px dashed #999999;
	}

#mcl img {
	margin: 10px;
	}

#mcl .tax {
    font-size:80%;
}

.imageright2{
	float:right;
}
.imageright3{
	float:right;
	text-align:center;
	font-size: small;
}

.masterpiece{
	width:332px;
	height:100%;
	float:left;
	padding:9px;
}

#google-map{
	width:550px;
	height:350px;
	float: right;

}





/* 6  :フッタの定義 */

/* 6-1:フッタの定義 */

#ft {
	clear:both;
	margin:0;
	padding:5px 0 50px 0;
	width:740px;
	background-color: #000000;
	color:#FFFFFF;
	font-size:80%;
	text-indent: 0.5em;
	border-top:2px solid #999999;
	}

#ft_blog {
	clear:both;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	padding:5px 0 50px 0;
	width:740px;
	background-color: #000000;
	color:#FFFFFF;
	text-indent: 0.5em;
	border-top:2px solid #999999;
	}