/*** HTML5 RESET ***/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1.1;
}


html,body {
  height:100%;
}



h4 {
	display:inline;
	color:#7e3333;
}


/*** 共通 ***/

body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: Meiryo,'Hiragino Kaku Gothic Pro','MS PGothic',sans-serif;
	line-height:1.6;
	background:#fff;
}
body * {
	margin:0px;
	padding:0px;
}

img {
	border:none;
	vertical-align:bottom;
}

a         { color:#0071c5; text-decoration:none; }
a:visited { color:#3c379e; text-decoration:none; }
a:hover   { color:#900; text-decoration:none; }

p { padding-bottom:15px; }

ul { list-style:none; }
ol {
	margin-left:1.5em;
	padding-bottom:15px;
}
em {
	font-weight:bold;
	font-style:normal;
}

#container {
	min-height:100%;
	_height:100%;
}



.all {
	text-align:left;
	width:950px;
	margin:0px auto;
}

.clear { clear:both; }
hr.clear { visibility:hidden; }




/***ヘッダー***/

#head .all{
	display:block;
	overflow:hidden;
	padding:20px 0;
}

#head h1 {
	display:block;
	float:left;
}

#head .info{
	display:block;
	overflow:hidden;
	width:auto;
	margin:0;
	padding:0;
}

#head ul{
	display:block;
	text-align:right;
}

#head li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:40px;
	margin-left:5px;
	padding-left:10px;
	text-align:left;
	font-size:10pt;
	line-height:1.5;
	vertical-align:middle;
	border-left:solid 1px #7e3333;
}


#head li.no-border{
	border-left:none;
}



#head .menu2{
	display:block;
	overflow:hidden;
	width:950px;
	margin-top:20px;
	padding:0;
	background:#fff;
}


#head .menu2 ul{
	display:block;
	text-align:left;
	font-size:0;
}


#head .menu2 li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:auto;
	width:157px;
	margin:0 0 0 1px;
	padding:0;
	text-align:center;
	font-size:10pt;
	color:#fff;
	background:#7e3333;
	border:none;
}

#head .menu2 li.c0 {
	margin:0;
	width:160px;
}

#head .menu2 li a{
	display:block;
	color:#fff;
	margin:0;
	padding:5px 0;
}



#head .menu2 li:hover{
	background:#c88;
}




/***メイン***/


#content .all{
	display:block;
	overflow:hidden;
	padding:0;
}

#content h2{
	display:block;
	margin-bottom:10px;
}


#content .menu{
	display:block;
	overflow:hidden;
	width:930px;
	margin-bottom:30px;
	padding:10px 10px;
	background:#7e3333 url(images/gallery-title.jpg) left top no-repeat;
}


#content .menu ul{
	display:block;
	text-align:right;
}

#content .menu li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:auto;
	margin-left:5px;
	padding:0;
	vertical-align:middle;
}



#main{
	overflow:hidden;
	display:block;
	margin:0 auto;
	width:950px;
}


#main .main-top{
	overflow:hidden;
	display:block;
	background:url(images/i-image02.jpg) right top no-repeat;
}

#main .text-l{
	display:block;
	float:left;
	width:240px;
}
	
#main .text-r{
	display:block;
	float:left;
	width:500px;
	margin-left:20px;
	padding-bottom:100px;
}



#main ul.box{
	width:870px;
	padding:30px 0 30px 80px;
	overflow:hidden;
}

#main li.box-1{
	float:left;
	margin:0 10px 20px 0;
	border:solid 1px #ccc;
}

#main li.box-1 p{
	display:table-cell;
	width:150px;
	height:150px;
	text-align:center;
	vertical-align:middle;
	padding:0;
	layout-grid-line: 150px;
}



#main .access{
	width:790px;
	padding:30px 80px;
	overflow:hidden;
}


#main .access .box-l{
	deisplay:block;
	width:300px;
	float:left;
	margin-right:40px;
}


#main .access  h3{
	deisplay:block;
	margin-bottom:10px;
	font-weight:bold;
	font-size:14pt;
	color:#7e3333;
}

#main .access .box-l dt{
	deisplay:block;
	font-weight:bold;
}

#main .access .box-l dl{
	deisplay:block;
	margin-bottom:20px;
	font-weight:no-mal;
	padding-left:13px;
}

#main .access .box-r{
	deisplay:block;
	width:450px;
	float:left;
}

#main .access .box-r a{
	color:#7e3333;
}

#main .access .box-r a:hover {
	color:#c88;
}


/***フッター***/

#foot {
	color:#fff;
	font-size:10pt;
	line-height:1.3;
}

#foot .all{
	width:910px;
	padding:10px 20px;
	text-align:right;
	background:#7e3333;
}

