@charset "utf-8";

/*-----------------------------各ブラウザ初期値クリア----------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-----------------------------各ブラウザ初期値クリア----------------------------------*/

*{		
		margin:0;
		padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:13px;		
		font-style:normal;
		font-weight:normal;
		color: #fff;
		word-break: break-all; 
		scrollbar-3dlight-color:#d1d1d1;
		scrollbar-face-color:#f5f5f5 ;
		scrollbar-arrow-color:#999999;
		scrollbar-highlight-color:#f8f8ff;
		scrollbar-shadow-color:#d1d1d1;
		scrollbar-darkshadow-color:#f5f5f5 ;
		scrollbar-track-color:#fafafa;
}

body {
			
			background-image: url("img/gall_bg02.jpg");
			background-repeat: no-repeat;
			background-attachment:fixed;
			/*background-color:#000;*/
			height:100%;
			text-align: center;
			margin:0 auto;
}


h1,h2,h3,h4,h5{
		line-height:1.3;
		padding:2px 0px;
}

strong {
		font-size:smaller;
}
		
p {
		position:relative;
		margin-top:15px;
}

div#pan {
		font-size:12px;		
		font-style:normal;
		font-weight:normal;
		color: #fff;
}

a:link{
    		text-decoration:none;
    		color:#222;
						font-weight: bolder;
}

a img{
			border:2pt solid #fff;
}

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

a:hover{
    		color:#f00;
		
}

a:hover img{
			border: 2pt solid #f00;
}

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

a {
		cursor:pointer;
}


html, body { 
			overflow-x: hidden; 
}

/*-----------------------------各ブラウザ初期値クリア----------------------------------*/



.contents #container {			
			width:860px;
			height:100%;
			background-image: url("img/gall_bg01.png");
			margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
			text-align: center; /* この設定は body エレメントの text-align: center より優先されます。 */
}

.contents #header { 

			padding: 0 50px 50px 50px;
			/*border-bottom:1px solid #fff;*/
}

.low {
			margin-top: 50px;
}

div#title_l {
			width:520px;
			height:72px;
			margin:auto;
			background-image: url(img/03title.png);	
			background-repeat:no-repeat;
			behavior: expression(IEPNGFIX.fix(this));		
}

div#logo {
			width:86px;
			height:82px;
			margin:0 auto;
			background-image: url(img/03title_m.png);	
			background-repeat:no-repeat;
			behavior: expression(IEPNGFIX.fix(this));		
}

.contents #header h2 {
		line-height:1.3;
		margin-top:15px;
}


div#navi ul,#navi li {
			margin-top: 30px;
			margin-left: 20px;
			padding: 0px 2px 3px 2px;
			list-style-position: inside;
			list-style: none;
			text-align:center;
			
}

div#navi li {

			float: left;
			width:auto;
			padding-top:2px;
			border-left-style:solid;
			border-left-color:#222;
			border-left-width:10px;
			height:12px;
			/*border-top-style:solid;
			border-top-color:#222;
			border-top-width:1px;*/


}

.page {
			font-weight: bolder;
			color: #CC0033;
}

.contents #mainContent {
			margin-top:20px;
			text-align: center;
			padding: 0 20px;
			color:#000;
}

.imagebox {
			width: 170px;
			padding: 0px;
			float: left;
			height: 160px;
			margin-top: 20px;
			margin-right: 10px;
			margin-bottom: 3px;
			margin-left: 22px;
}

.imagephoto {
			background: url(img/g_bg.png);
			behavior: expression(IEPNGFIX.fix(this));
			height: 125px;
			margin: 0;
			padding: 5px;
			text-align: center;
}

.imagetitle {
			color:#000;

}

.center-img {
			top: 13%;
			position: relative;
}

.gototop {
	width:90%;
	clear: both;
	text-align:right;
}

.contents #footer {
			clear: both;
			margin: 20px auto;
			padding: 0;
			width: 800px;
			height:30px;
			color: #fff;
			font-size: small;
			border-top-width: 1px;
			border-top-style: solid;
			border-top-color: #fff;
}

#access {
	position:absolute;
	text-indent: -9999px;
}