@charset "shift_jis";



body {
	color: #000000;	/*全体の文字色*/
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 75%/1.6 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
}

strong{
font-weight : normal
}

/*各ページごとの背景写真設定
---------------------------------------------------------------------------*/
/*index.html(body id="page1")*/
body#page1 {
	background-image: url(images/mainimg1_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*about.html(body id="page2")*/
body#page2 {
	background-image: url(images/mainimg2_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*works.html(body id="page3")*/
body#page3 {
	background-image: url(images/mainimg3_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*gallery.html(body id="page4")*/
body#page4 {
	background-image: url(images/mainimg4_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*link.html(body id="page5")*/
body#page5 {
	background-image: url(images/mainimg5_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



/*リンクの設定
---------------------------------------------------------------------------*/
a {
	color: #ff8000;
}

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

/*index.html(body id="page1")*/
#page1 a:hover {
	color: #FF0099;
}

/*about.html(body id="page2")*/
#page2 a:hover {
	color: #ff6200;
}

/*works.html(body id="page3")*/
#page3 a:hover {
	color: #69db23;
}

/*gallery.html(body id="page4")*/
#page4 a:hover {
	color: #19e5d7;
}

/*link.html(body id="page5")*/
#page5 a:hover {
	color: #b200ff;
}



/*HP枠
---------------------------------------------------------------------------*/
#wrap {
	text-align: left;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}



/*ヘッダー
---------------------------------------------------------------------------*/
#head {
	height: 490px;
	width: 100%;
	position: relative;
}

#head h1 {
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	text-align: right;
	position: absolute;
	right: 3px;
	bottom: 60px;
	color: #ffffff;
}

/*各ページごとのヘッダー背景写真設定
---------------------------------------------------------------------------*/
/*index.html(body id="page1")*/
#page1 #head {
	background-image: url(images/mainimg1.jpg);
	background-repeat: no-repeat;

}

/*about.html(body id="page2")*/
#page2 #head {
	background-image: url(images/mainimg2.jpg);
	background-repeat: no-repeat;
}

/*works.html(body id="page3")*/
#page3 #head {
	background-image: url(images/mainimg3.jpg);
	background-repeat: no-repeat;
}

/*gallery.html(body id="page4")*/
#page4 #head {
	background-image: url(images/mainimg4.jpg);
	background-repeat: no-repeat;
}

/*link.html(body id="page5")*/
#page5 #head {
	background-image: url(images/mainimg5.jpg);
	background-repeat: no-repeat;
}



/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu img {
	vertical-align: bottom;
}

/*index.html(body id="page1")*/
ul#menu #menu1 {
	position: absolute;
	left: 450px;	/*ヘッダーに対して左から450pxの位置に画像を配置*/
	top: 0px;		/*ヘッダーに対して上から0pxの位置に画像を配置*/
	border-bottom: 5px solid #ff0099;	/*メニュー下部の線色。*/
}

/*about.html(body id="page2")*/
ul#menu #menu2 {
	position: absolute;
	left: 560px;	/*ヘッダーに対して左から560pxの位置に画像を配置*/
	top: 0px;		/*ヘッダーに対して上から0pxの位置に画像を配置*/
	border-bottom: 5px solid #ff6200;	/*メニュー下部の線色。*/
}

/*works.html(body id="page3")*/
ul#menu #menu3 {
	position: absolute;
	left: 670px;	/*ヘッダーに対して左から670pxの位置に画像を配置*/
	top: 0px;		/*ヘッダーに対して上から0pxの位置に画像を配置*/
	border-bottom: 5px solid #69db23;	/*メニュー下部の線色。*/
}

/*gallery.html(body id="page4")*/
ul#menu #menu4 {
	position: absolute;
	left: 780px;	/*ヘッダーに対して左から780pxの位置に画像を配置*/
	top: 0px;		/*ヘッダーに対して上から0pxの位置に画像を配置*/
	border-bottom: 5px solid #19e5d7;	/*メニュー下部の線色。*/
}

/*link.html(body id="page5")*/
ul#menu #menu5 {
	position: absolute;
	left: 890px;	/*ヘッダーに対して左から890pxの位置に画像を配置*/
	top: 0px;		/*ヘッダーに対して上から0pxの位置に画像を配置*/
	border-bottom: 5px solid #b200ff;	/*メニュー下部の線色。*/
}



/*メインコンテンツ（右側ブロック）
---------------------------------------------------------------------------*/
#waku{
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#main {
	float: right;
	width: 750px;
	padding-top: 30px;
	padding-bottom: 20px;
}

#main p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

#main h2 {
	font-size: 120%;
}


/*各ページごとのh2見出しタグ設定
---------------------------------------------------------------------------*/
/*index.html(body id="page1")*/
#page1 #main h2 {
	color: #ffffff;	/*文字色*/
	border-bottom: 0px solid #000000;	/*下線色*/
	background-image: url(images/h2.png);
　　　height：30px;
       padding-left:20px;
padding-top:6px;
padding-bottom:5px;
}

/*about.html(body id="page2")*/
#page2 #main h2 {
	color: #ffffff;	/*文字色*/
	border-bottom: 0px solid #000000;	/*下線色*/
	background-image: url(images/h2.png);
　　　height：30px;
       padding-left:20px;
padding-top:6px;
padding-bottom:5px;
}

/*works.html(body id="page3")*/
#page3 #main h2 {
	color: #ffffff;	/*文字色*/
	border-bottom: 0px solid #000000;	/*下線色*/
	background-image: url(images/h2.png);
　　　height：30px;
       padding-left:20px;
padding-top:6px;
padding-bottom:5px;
}

/*gallery.html(body id="page4")*/
#page4 #main h2 {
	color: #ffffff;	/*文字色*/
	border-bottom: 0px solid #000000;	/*下線色*/
	background-image: url(images/h2.png);
　　　height：30px;
       padding-left:20px;
padding-top:6px;
padding-bottom:5px;
}

/*link.html(body id="page5")*/
#page5 #main h2 {
	color: #ffffff;	/*文字色*/
	border-bottom: 0px solid #000000;	/*下線色*/
	background-image: url(images/h2.png);
　　　height：30px;
       padding-left:20px;
padding-top:6px;
padding-bottom:5px;
}




/*サイドコンテンツ（左ブロック）
---------------------------------------------------------------------------*/
#side {
	float: left;
	width: 280px;
	padding-top: 30px;
	padding-bottom: 20px;
}

#side p {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#side h3 {
	font-size: 100%;
	text-align: center;
	padding-top: 3px;
}

/*サイドメニュー*/
#side ul.sidemenu a {
	text-decoration: none;
	color: #ff8000;
	display: block;
	width: 220px;
	border-bottom: 1px solid #333333;	/*メニューの下線*/
}









/*各ページごとのh3見出しタグ設定
---------------------------------------------------------------------------*/
/*index.html(body id="page1")*/
#page1 #side h3 {
	border: 1px solid #ff8000;
}

/*about.html(body id="page2")*/
#page2 #side h3 {
	border: 1px solid #ff8000;
}

/*works.html(body id="page3")*/
#page3 #side h3 {
	border: 1px solid #ff8000;
}

/*gallery.html(body id="page4")*/
#page4 #side h3 {
	border: 1px solid #ff8000;
}

/*link.html(body id="page5")*/
#page5 #side h3 {
	border: 1px solid #ff8000;
}



/*フッター
---------------------------------------------------------------------------*/
#footer {
	font-size: 11px;
	text-align: right;
	clear: both;
	width: 100%;
	padding: 5px;
}

/*各ページごとのh3見出しタグ設定
---------------------------------------------------------------------------*/
/*index.html(body id="page1")*/
#page1 #footer {
	background-color: #000000;
	color: #FFFFFF;
}

/*about.html(body id="page2")*/
#page2 #footer {
	background-color: #000000;
	color: #FFFFFF;
}

/*works.html(body id="page3")*/
#page3 #footer {
	background-color: #000000;
	color: #FFFFFF;
}

/*gallery.html(body id="page4")*/
#page4 #footer {
	background-color: #000000;
	color: #FFFFFF;
}

/*link.html(body id="page5")*/
#page5 #footer {
	background-color: #000000;
	color: #FFFFFF;
}



/*トップページのWhat's New欄
---------------------------------------------------------------------------*/
#main dl.new {
	height: 100px;		/*高さ*/
	overflow: auto;
	padding-top: 10px;
}

#main dl.new dt {
	font-weight: bold;	/*日付を太字に。通常がいいならこの1行削除。*/
	float: left;		/*日付を左よせに。*/
}

#main dl.new dd {
	border-bottom: 1px solid #333333;	/*情報ごとに入る下線*/
	padding-left: 8em;	/*日付を左よせしている分の余白*/
}



/*GALLERYページのサムネイル設定
---------------------------------------------------------------------------*/
#gallery {
	float: left;
	width: 1000px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.gallery a img {
	padding: 2px;
	border: 1px solid #333333;
	margin: 5px;
}
.gallery a:hover img {
	margin: 5px;
	padding: 2px;
	border: 1px solid #ff8000;
}


table#table-01 {
    width: 750px;
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #000000 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
}
table#table-01 td {
    padding: 5px;
    border: 1px #000000 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}



/*細々
---------------------------------------------------------------------------*/
.mb1em {
	margin-bottom: 1em;
}

.color1 {
	color: #FF0000;
}

ul.listmark {
	padding: 0.5em 0px 1em 20px;
	list-style: disc;
}

ul.listmark li {
	padding-bottom: 1em;
}