@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体
 * ---------------------------------------------------------------- */

body {
	background-color: #FFFFFF;
	background-image: url(../image/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 0px;
}

#container {
	width: 840px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#container.topics a:link { color: #873442; }
#container.topics a:visited { color: #873442; }
#container.topics a:hover { color: #ff6600; }

#container.profile a:link { color: #005284; }
#container.profile a:visited { color: #005284; }
#container.profile a:hover { color: #ff6600; }

#container.books a:link { color: #2E634B; }
#container.books a:visited { color: #2E634B; }
#container.books a:hover { color: #ff6600; }

#container.works a:link { color: #3C4C83; }
#container.works a:visited { color: #3C4C83; }
#container.works a:hover { color: #ff6600; }

#container.gallery a:link { color: #ff6600; }
#container.gallery a:visited { color: #ff6600; }
#container.gallery a:hover { color: #ff6600; }

#container.hawaii a:link { color: #019EC5; }
#container.hawaii a:visited { color: #019EC5; }
#container.hawaii a:hover { color: #ff6600; }

#container.essay a:link { color: #829C2B; }
#container.essay a:visited { color: #829C2B; }
#container.essay a:hover { color: #ff6600; }

#container.js-note a:link { color: #9A84BC;}
#container.js-note a:visited { color: #9A84BC; }
#container.js-note a:hover { color: #ff6600; }

#container.link a:link { color: #007698; }
#container.link a:visited { color: #007698; }
#container.link a:hover { color: #ff6600; }

#container.contact a:link { color: #D38769; }
#container.contact a:visited { color: #D38769; }
#container.contact a:hover { color: #ff6600; }

/* ---------------------------------------------------------------- *
	ヘッダ部分
 * ---------------------------------------------------------------- */
#header {
	background-image: url(../image/header-logo.gif);
	background-repeat: no-repeat;
	height: 30px;
	background-color: #959595;
	margin-bottom: 6px;
	background-position: left;
}

#header h1 {
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	font-size: 0;
	visibility: hidden;
}

#menu {
	height: 14px;
	position: relative;
	padding-left: 20px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 1;
}

.topics-bg {background-color: #873442;}
.profile-bg {background-color: #005284;}
.books-bg {background-color: #2E634B;}
.works-bg {background-color: #3C4C83;}
.gallery-bg {background-color: #474645;}
.hawaii-bg {background-color: #019EC5;}
.essay-bg {background-color: #829C2B;}
.js-note-bg {
	background-color: #9A84BC;
}
.link-bg {background-color: #007698;}
.contact-bg {background-color: #D38769;}

#menu #main-menu ul li {
	height: 14px;
	display: inline;
	margin-right: 20px;
	float: left;
	line-height: 1;
}

#menu #sub-menu ul li {
	height: 14px;
	display: inline;
	margin-right: 20px;
	float: right;
	line-height: 1;
}

#menu .AlphaPng {cursor: pointer;}

/* ---------------------------------------------------------------- *
	コンテンツコンテナ
 * ---------------------------------------------------------------- */
#contents {
	text-align: left;
	padding: 0px;
	margin-top: 25px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	font-size: 105%;
}

#contents .img-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 5px;
}

#contents .img-left {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
	margin-top: 5px;
}


#main {
	width: 550px;
	padding-bottom: 30px;
	float: left;
	margin-left: 60px;
}

#main .img-right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 5px;
}

#main .img-left {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 5px;
}

#footer-navi {
	font-size: 85%;
	float: right;
	position: relative;
	margin: 20px;
	clear: both;
}



/* サブメニュ */

#submenu {
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 29px;
	margin-bottom: 20px;
	clear: both;
	text-align: left;
}
#submenu #menu {
	height: 20px;
	margin: 0;
	padding: 0;
}
#submenu #menu li { display: inline; }
#submenu #menu li a { float: left; margin-right: 10px; }


/* Note：バグ回避 
[id="sidenavi"]#sidenavi {
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  margin-top: 0;
}


/* ---------------------------------------------------------------- *
	フッタ部分
 * ---------------------------------------------------------------- */

#footer1 {
	background-image: url(../image/footer-logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 17px;
	clear: both;
	background-color: #959595;
}

#footer1 h6 {
	height: 0;
	overflow: hidden;
	padding-top: 17px;
}

#footer2 {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 8px;
}
#footer2 .copy { float: left; font-size: 85%; }
#footer2 .link {float: right; font-size: 85%; }


/* ---------------------------------------------------------------- *
	コンテンツ　コラム設定
 * ---------------------------------------------------------------- */


.c2-250l {
	width: 210px;
	float: left;
	margin-right: 30px;
	position: relative;
}

.c2-250r {
	width: 540px;
	float: right;
	position: relative;
}

#c3-books-1 {
	width: 60x;
	float: left;
	margin-right: 20px;
	position: relative;
	padding: 0;
}

#c3-books-2 {
	width: 340px;
	float: left;
	margin-right: 10px;
	position: relative;
	font-size: 90%;
	margin-bottom: 30px;
}

#c3-books-3 {
	width: 350px;
	float: right;
	position: relative;
}

#c2-works-1 {
	width: 350px;
	float: left;
	margin-right: 10px;
	position: relative;
	margin-bottom: 30px;
}

#c2-works-2 {
	width: 420px;
	float: right;
	position: relative;
}

#c2-gallery-1 {
	width: 410px;
	float: left;
	font-size: 90%;
	margin-right: 10px;
	position: relative;
	margin-bottom: 30px;
}

#c2-gallery-2 {
	width: 360px;
	float: right;
	position: relative;
}

#c2-essay-1 {
	width: 250px;
	float: left;
	margin-right: 30px;
	position: relative;
}

#c2-essay-2 {
	width: 500px;
	float: right;
	position: relative;
}

#photo ul li {
	height: 60px;
	display: inline;
	margin-left: 10px;
	float: left;
	line-height: 1;
}

#photo-g ul li {
	height: 60px;
	display: inline;
	margin-left: 10px;
	float: left;
	line-height: 1;
	margin-bottom: 10px;
}