@charset "utf-8";
@import url("reset.css"); /* reset stylesheet */
@import url("fonts.css"); /* font stylesheet */

* {
	margin: 0;
	padding: 0;
}
/*
a:visited{
	text-decoration: none;
	color : #ACDDF3;
}
*/
a:hover {
	color : #2A7A9D;
	text-decoration: underline;
}
a {
	color : #ACDDF3;
	text-decoration: none;
}

body { 
	width:100%;  
	background-color: #031924;
/*  	color: #59A6C8;*/
	color: #61A3C0;
}

#pre_header {
	width: 100%;
	height: 8px;
	background-color: #C83800;
	background-image:url(../material/bg_footer01.gif);
	background-repeat: repeat-x;
	font-size: 0px;
}

#wrapper {
	margin: 0 auto;
	width: 750px;
}

#googlesearch {
	background-color: #C83800;
	font-size: 85%;
	float: right;
/*
	border-right: 1px solid #C83800;
	border-left: 1px solid #C83800;
	border-bottom: 1px solid #C83800;
*/
	padding: 0px 8px 4px 8px;
}

#wrapper_top {
	margin: 0 auto;
	width: 750px;
	height: 670px;
	background-image:url(../material/bearfesta_top02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#contents_left {
	width: 250px;
	float: left;
}


/******************* header *******************/

#header {
	width: 100%;
	height: 69px;
/*	background-color: #006EA1;*/
/*	background-image:url(../material/bg_title03.gif);
	background-repeat: repeat;*/
	padding: 58px 0px 0px 0px;
}

#header h1 {
	background-image:url(../material/title04.gif);
	background-repeat: no-repeat;
	color: #ACDDF3;
	width: 160px;
	height: 32px;
}

#header h1 a {
	display: block;
	width: 160px;
	height: 32px;
}

#header h1 a span{
	display: none;
}


/******************* navigation *******************/

#navigator {
	width: 100%;
/*	background-color: #ACDDF3;
	background-image:url(../material/bg_navigator01.gif);
	background-repeat: repeat-x;*/
}

#navigator li {
	list-style: none;
	padding: 2px 12px 0px 0px;
/*	border-right: 2px solid #02141F; */
	color: #ACDDF3;
	text-align: right;
}

#navigator a, #navigator a:visited {
	color : #ACDDF3;
	text-decoration : none;
	font-weight: 700;
	display: block;
	border-bottom: 1px solid #092D42;
	width: 100%;
}

#navigator a:hover
{
	color : #2A7A9D;
	text-decoration : none;
	font-weight: 700;
	border-bottom: 1px solid #2A7A9D;
}

#navactive a, #navactive a:visited {
	color : #61A3C0;
	text-decoration : none;
	font-weight: 700;
	display: block;
	border-bottom: 1px solid #092D42;
	width: 100%;
}
#navactive a:hover{
	color : #2A7A9D;
	text-decoration : none;
	font-weight: 700;
	border-bottom: 1px solid #2A7A9D;
}


/******************* sub navigation *******************/

#sub_navigator {
	margin: 32px 0;
	width: 100%;
}

#sub_navigator li {
	list-style: none;
	padding: 0px 12px 2px 0px;
	color: #ACDDF3;
	text-align: right;
}

#sub_navigator a, #sub_navigator a:visited {
	color : #ACDDF3;
	text-decoration : none;
	font-weight: 700;
	display: block;
	border-bottom: 1px solid #092D42;
	width: 100%;
}
#sub_navigator a:hover{
	color : #2A7A9D;
	text-decoration : none;
	font-weight: 700;
	border-bottom: 1px solid #2A7A9D;
}

#sub_navactive a, #sub_navactive a:visited {
	color : #61A3C0;
	text-decoration : none;
	font-weight: 700;
	display: block;
	border-bottom: 1px solid #092D42;
	width: 100%;
}
#sub_navactive a:hover{
	color : #2A7A9D;
	text-decoration : none;
	font-weight: 700;
	border-bottom: 1px solid #2A7A9D;
}

/******************* track workd ******************/
#trackword {
	padding: 0px 0px 24px 0px;
}

/* blogのCSSでright12px paddingしている */
#trackword li {
	list-style: none;
	padding: 2px 0px 0px 0px;
	color: #ACDDF3;
	text-align: right;
}

#trackword a, #trackword a:visited {
	color : #ACDDF3;
	text-decoration : none;
	font-weight: 700;
	width: 100%;
}

#trackword a:hover
{
	color : #2A7A9D;
	text-decoration : none;
	font-weight: 700;
}

/******************* main contents *******************/

#contents {
	width: 500px; /* max */
	float: left;
	padding: 0 0 32px 0;
}

#contents h1 {
/*	font-family: Tahoma;*/
	clear: both;
	font-size: 129%;
	padding: 32px 0px 0px 32px;
	font-weight: 400;
/*	color: #ACDDF3; */
}

#contents h2 {
/*	font-family: Tahoma;*/
	clear: both;
	font-size: 129%;
	padding: 16px 0px 4px 32px;
	font-weight: 400;
/*	color: #ACDDF3; */
}

.recentwork {
	padding: 0px 0px 0px 32px;
	width: 144px;
	float: left;
}

.recentwork li {
	float: left;
}

.recentwork h3 {
/*	font-family: Tahoma;*/
	font-size: 100%;
	padding: 0px 0px 4px 0px;
	font-weight: 400;
/*	color: #ACDDF3; */
}

#news {
	margin: 0px 0px 0px 32px;
}
#news dt {
	font-size: 85%;
	color: #146589;
	padding-bottom: 4px;
}
#news dd {
	font-size: 92%;
}


.linklist {
	margin: 0px 0 0px 32px;
}

.linklist li {
	width: 440px;
/*	height: 64px; */
	list-style: none;
	margin: 0px 12px 8px 0px;
	color: #ACDDF3;
	font-size: 92%;
	float: left;
}
.linklist li p {
	width: 204px;
	margin-bottom: 4px;
	float: left;
}

.linklist li p.preview {
	width: 300px;
	border-bottom: 1px solid #092D42;
	margin-bottom: 4px;
	float: left;
}

.linklist p a, .linklist p a:visited {
	color : #ACDDF3;
	text-decoration : none;
	font-weight: 400;
	display: block;
	border-bottom: 1px solid #092D42;
	width: 100%;
}

.linklist p a:hover
{
	color : #2A7A9D;
	text-decoration : none;
	font-weight: 400;
	border-bottom: 1px solid #2A7A9D;
}

#mailform {
	margin: 16px 0px 0px 32px;
	font-size: 92%;
}

/******************* footer *******************/

#footer {
	width: 100%;
	height: 1.2em;
/*	background-color: #C83800;
	background-image:url(../material/bg_footer01.gif);
	background-repeat: repeat-x; */
	border-top: 1px solid #C83800;
	clear: both;
	margin-bottom: 8px;
}

#footer #pastdiary {
	font-size: 85%;
	padding: 2px 0px 0px 32px;
	float: left;
}

#footer p {
	color: #C83800;
	padding: 2px 32px 0 16px;
	font-weight: 700;
	font-size: 77%;
	text-align: right;
}


/******************* gallery *******************/

ul.gallery01 {
	margin: 0px 0px 0px 32px;
	width: 400px;
}

ul.gallery01 li {
	margin: 0px 8px 16px 0px;
	list-style: none;
    float:left;
	width: 392px;
/*	background-color: #041A28;*/
}

ul.gallery01 li img {
	margin: 0px 8px 0px 0px;
/*	border: 1px #505050 solid;*/
	border: none;
	background-color : #000305;
	vertical-align:top;
	float: left;
}

ul.gallery01 li a:hover img {
    filter:alpha(opacity=70);
    opacity:0.7;
}

.gallerybox {
	margin: 0px 8px 0px 140px;
	text-align: left;
	font-size: 92%;
}

.gallerybox p.title {
	padding: 2px 0 0 0;
	font-weight: 700;
}

.gallerybox p {
}

ul.gallery02 {
	margin: 0px 0px 0px 32px;
	padding: 0px 0px 16px 0px;
	width: 450px;
}

ul.gallery02 li {
	margin: 0px 16px 16px 0px;
	list-style: none;
	float:left;
}

ul.gallery02 li img {
	margin: 0px 0px 0px 0px;
	border: none;
	background-color : #000305;
	vertical-align:top;
	float: left;
}

ul.gallery02 li a:hover img,
.linklist a:hover img,
.recentwork a:hover img
{
    filter:alpha(opacity=70);
    opacity:0.7;
}
/******************* ads *******************/
#ads {
	text-align: right;
	padding: 24px 12px 24px 0px;
	font-size: 77%;
}
.ads_blog {
	padding: 0px 0px 24px 0px;
}

/******************* sites *******************/
#sites {
	text-align: right;
	padding: 72px 12px 0px 0px;
}
#sites li {
    padding: 0 0 8px 0;
}
#sites a:hover img {
    filter:alpha(opacity=70);
    opacity:0.7;
}