@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      default.css
 Author:         Your Name (admin)
 Style Info:     デフォルトのスタイルのリセット及び基本設定
----------------------------------------------------------- */

/*----------------------------------------------------
	Reset
----------------------------------------------------*/



html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

p {
	margin-bottom: 1em;
}

sup{
	font-size: 50%;
}

/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
	background: #fff;
	color: #000;
	font-size: 90%;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}

/*----------------------------------------------------
	Link
----------------------------------------------------*/
a{
	outline : 0 ;
}

a:link {
	color: #000;
}

a:visited {
	color: #666;
}

a:hover {
	text-decoration: none;
	color: #7baae9;
}

a:active {
	text-decoration: none;
}


/* -----------------------------------------------------------
CSS Information

 File name:      header.css
 Style Info:     ヘッダーフッター
----------------------------------------------------------- */

/*----------------------------------------------------
	#header
----------------------------------------------------*/

#header h1{
	text-indent: -9999px;
	background: transparent url("../img/header.gif") no-repeat;
	height: 64px;
	margin-left: 144px;
}

#header h1 a{
	display: block;
	height: 64px;
	width: 632px;
}

/*----------------------------------------------------
	#menu
----------------------------------------------------*/

#menu{
	margin-left: 144px;
	padding-left: 20px;
	height: 182px;
	font-family: Helvetica, Arial, sans-serif;
	background: transparent url("../img/common/circles.gif") no-repeat 0px 3px;
}

#lastupdate{
	font-size: 11px;
	font-weight: normal;
}

#menu ul{
	margin-top: -3px;
}

#menu li{
	display: inline;
	padding: 0 5px 0 5px;
	border-left: 1px solid #000;
	font-size: 12px;
}

#menu li.firstchild{
	padding-left: 0;
	border-left: none;
}

#menu li.firstchild a,
#menu li a:link{
	text-decoration: none;
}

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

#menu li a:hover{
	color: #fff;
	background: #7baae9;
	text-decoration: none;
}

/*----------------------------------------------------
	#footer
----------------------------------------------------*/

#footer {
	width: 632px;
	margin-left: 144px;
	background: #f9f9f8;
	border-top: 2px solid #000;
}

.copy{
	font-family: Helvetica, Arial, sans-serif;
	padding: 0.5em 0 2em 0;
	font-size: 80%;
}


/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Your Name (admin)
 Style Info:     コンテンツエリア関係 他
----------------------------------------------------------- */

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

.small{
	font-size: 78%;
	letter-spacing: -0.05em;
}

.large{
	font-size: 120%;
}



/*clearFix*/
.clearfix:after {
	content: url("../img/common/pixel.gif");
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* Mac版IEを除外 \*/
.clearfix { display: block; }
/* */


/*----------------------------------------------------
	#navSkip (Navigation Skip)
----------------------------------------------------*/

span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/


#page {
	text-align: left;
	background: #f9f9f8 url("../img/logo.gif") no-repeat fixed 16px 23px;
	width: 792px;
	height: 100%;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
}

#contents .pageTop {
	clear: both;
	margin: 1em 0.3em 0.5em 0;
	padding: 0;
	text-align: right;
}

#contents .pageTop a:hover{
	background: transparent;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main {
	margin-left: 144px;
}

h3{
	margin-top: 16px;
	margin-bottom: 0;
}

.cell,
.cellpieces{
	width: 632px;
	border-top: 2px solid #000;
	padding-top: 8px;
}

.cell h2{
	float: left;
	width: 120px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	font-weight: normal;
	line-height: 1.2;
}

.cell .description{
	float: right;
	width: 504px;
	line-height: 1.7;
}

.cell .description ul{
	margin-bottom: 1em;
	font-family: Helvetica, Arial, sans-serif;
}

/*----------------------------------------------------
	.inside
----------------------------------------------------*/

.inside{
	border-top: 1px dashed #000;
	padding-top: 1em;
}

.insidefirstchild{
	border-top: none;
	padding-top: 0;
}

.insidelastchild{
	border-top: 1px solid #000;
	padding-top: 0;
}

/*----------------------------------------------------
	.insideleft
----------------------------------------------------*/

.insideleft{
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	width: 120px;
}

.insideleft h3{
	font-weight: normal;
	font-size: 100%;
	margin-top: 0;
	line-height: 1.1;
}

.insideleft h3.date{
	margin-top: 0.2em;
	margin-bottom: 0;
	color: #7baae9;
	font-weight: normal;
	font-size: 130%;
}

p.category{
	margin-top: 0;
	font-size: 85%;
	color: #333;
}

/*----------------------------------------------------
	.insideright
----------------------------------------------------*/


.insideright{
	float: right;
	line-height: 1.7;
	width: 376px;
}

.insidefirstchild .insideright{
	margin-top: 2px;
}

.insideright h4{
	font-family: Helvetica, Arial, sans-serif;
	margin-bottom: 0.5em;
	font-size: 95%;
	letter-spacing: 0.1em;
	color: #333;
}

.insideright p,
.inside p{
	font-size: 95%;
}

p.categoryname,
p.archivedescription{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
	margin-bottom: 0;
	margin-top:-2px;
	color: #666;
}

.weblogcontrol{
	padding-top: 0.5em;
	font-family: Helvetica, Arial, sans-serif;
}

.weblogcontrol h3{
	margin: 0;
	padding: 0;
}

.weblogcontrol ul{
	margin-top: -0.7em;
	text-indent: 2px;
}

* html .weblogcontrol ul{ /* ie6 hack */
	margin-top: -0.3em;
}

.weblogcontrol li{
	display: inline;
	padding: 0 5px 0 5px;
	border-left: 1px solid #000;
	font-size: 12px;
}

.weblogcontrol li.firstchild{
	padding-left: 0;
	border-left: none;
}

.weblogcontrol li a{
	text-decoration: none;
}

.weblogcontrol li a:link{
	text-decoration: none;
}

.weblogcontrol li a:visited{
	color: #000;
}

.weblogcontrol li a:hover{
	color: #fff;
	background: #7baae9;
}

.pageswitch{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
}

.pageswitch a{
	text-decoration: none;
}

.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}



#map{
	border: 1px solid #333;
	margin-bottom: 1em;
}

.times{
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
}

.sansserif{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 120%;
}

.serif{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",Osaka,"ＭＳ Ｐ明朝","MS PMincho",Serif;
	font-size: 100%;
}

.officecomment{
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dashed #ccc;
}

/*----------------------------------------------------
	.insideright table
----------------------------------------------------*/

.insideright table{
	margin-top: -0.3em;
	margin-bottom: 1em;
	width: 100%;
	border-collapse: collapse;
}

.insideright tr{
	border-bottom: 1px dashed #ccc;
}

*html .insideright tr{
	border-bottom: none;
}

.insideright tr.lastchild{
	border-bottom: none;
}

.insideright th{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	width: 4em;
}

.insideright th,
.insideright td{
	padding: 0.3em 0 0.3em 0;
	vertical-align: top;
}

*html .insideright th,
*html .insideright td{
	border-bottom: 1px dashed #ccc;
}

.insideright tr.lastchild th,
.insideright tr.lastchild td{
	border-bottom: none;
}


/*----------------------------------------------------
	panel
----------------------------------------------------*/

.greypanel{
	background: #f0f0f0 url(../img/common/greypanel_bg.gif) top left repeat-x;
	padding: 2em 0 1em 0;
	border-bottom: 2px solid #7baae9;
}

.greypanel h4{
	float: left;
	margin-top: -2px;
	padding-left: 0px;
	background: transparent url(../img/common/circles.gif) 0px 36px no-repeat;
	height: 200px;
	width: 120px;
}

h4.en{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 140%;
}

h4.en2{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 140%;
	line-height: 1.0;
	background: transparent url(../img/common/circles.gif) 0px 62px no-repeat;
}

h4.en2 .small{
	font-size: 11px;
}

h4.ja{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",Serif;
	font-weight: normal;
	font-size: 120%;
}

h4.ja2{
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",Serif;
	font-weight: normal;
	font-size: 120%;
	line-height: 1.2;
	background: transparent url(../img/common/circles.gif) 0px 62px no-repeat;
}

h4.ja2 .small{
	font-size: 11px;
}

.greypanel .description{
	width: 496px;
	margin-left: 128px;
	line-height: 1.7;
}

.greypanel h5{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	border-bottom: 1px dashed #000;
	margin-top: 1.5em;
}

.greypanel p{
	margin-top: 0.5em;
}


.photoline {
	border-top: 1px solid #000;
	padding-top: 3px;
}

.photoline li{
	display: inline;
	margin-right: 3px;
}

p.credit{
	margin-top: 0;
	margin-bottom: 2em;
	font-size: 80%;
	color: #666;
}

/*----------------------------------------------------
	datatable
----------------------------------------------------*/


.datatable{
	margin-top: 1em;
	font-size: 85%;
}

.dataleft{
	width: 248px;
	float: left;
}

.dataright{
	width: 240px;
	float: right;
}

.dataleft th,
.dataright th{
	width: 6em;
	vertical-align: top;
	height: 2em;
}

.dataright td,
.dataleft td{
	vertical-align: top;
	height: 2em;
}