@charset "UTF-8";
/*Atelier NORA WEBサイトのCSS*/

/*[CSS設定項目]-----
01.全体的な設定
02.header
03.menu
04.container
05.contents
06.footer
*/

/*01.全体的な設定*/

/*02.header*/

/*03.menu*/
#global_navi {
	width:960px;
	height:50px;
	margin:0px 0 0px 1%;
	_margin:0px 0 0px 0.5%;
	padding:0;
	clear:both;
	background:url(../img/navi/gn_group.png) left top no-repeat #FFFFFF;
	float:left;
}

#selectable {
	float:right;
	margin:30px 1% 0 0;
	_margin:20px 0.5% 0 0;
}
/*04.container*/
#container {
	width:98%;
	height:auto;
	min-height:150px;
	margin:0px auto 0px auto;
	padding: 0;
	border:none;
	clear:both;
	text-align:left;
}

#main  {
	width:80%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

#main {
	text-align:left;
}

.index #main,
.page #main {
	width:100%;
	height:auto;
}

#side {
	width:20%;
	float:right;
	text-align:left;
}

.index #side,
.page #side {
	width:0;
	display:none;
}

.top #wrap_body #flash {
	width:98%;
	height:450px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

.top #wrap_body #flash #image {
	width:900px;
	height:450px;
	margin:0;
	padding:0;
	text-align:left;
}

.top #wrap_body #flash #image .description {
	width:auto;
	height:auto;
	margin:5px 0 0 0;
}

.top #wrap_body #flash #image .description p {
	color:#999999;
}

/*05.contents*/
.contents .header {
	border:none;
}

#main .contents .header  h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#CCCCCC;
	font-size:220%;
	font-style:normal;
}

.contents .pages .page h3 a {
	display:block;
	width:auto;
	height:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
}

.contents .pages .page {
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:0 0 0 0;
}

.contents .pages .page .image {
	width:auto;
	height:auto;
	float:left;
}

.article .article-image {
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	padding:0 0 0 0;
}

.contents .pages .page .image a,
.article .article-image a {
	display:block;
	width:120px;
	height:120px;
	border:#CCCCCC solid 1px;
	padding:2px;
	margin:0 12px 12px 0;
	float:left;
}

.contents .pages .page .image a:hover,
.article .article-image a:hover {
	display:block;
	width:120px;
	height:120px;
	border:#8b4513 solid 1px;
	padding:2px;
	margin:0 12px 12px 0;
	float:left;
}

.contents .pages .page .image a img,
.article .article-image a img {
	width:120px;
	height:120px;
	margin:0;
	padding:0;
}

.contents .pages .page .prmalink {
	width:70px;
	height:126px;
}

.contents .pages .page .permalink a {
	display:block;
	width:70px;
	height:126px;
	background:url(../img/contents/more.png) left top no-repeat;
	text-indent:-9999px;
	float:left;
}

.contents .pages .page .permalink a:hover {
	display:block;
	width:70px;
	height:126px;
	background:url(../img/contents/more.png) right top no-repeat;
	text-indent:-9999px;
	float:left;
}

.contents .section .excerpt .zip {
	font-size:120%;
}


/*06.footer*/
#footer {
	position:relative;
	width:98%;
	height:100px;
	margin:0 1%;
	padding:0;
	text-align:left;
	clear:both;
}

#footer #footer-inner {
	width:100%;
	height:100px;
}

#footer #footer-inner .extra #footer_navi {
	display:none;
}

#footer #footer-inner #footer_extra_navi {
	float:left;
	width:50%;
	list-style:none;
	height:25px;
	margin:10px 0 0 0;
	padding:5px 0 0 0;
}

#footer #footer-inner #footer_extra_navi li {
	display:block;
	width:auto;
	height:20px;
	float:left;
	margin: 0 9px 0 0;
	padding:0 0 0 0;
}