﻿

#container {
    margin-right: auto;
    margin-left: auto;
    width: 820px;
    background-position: center center;
    position: relative;
    font-size: small;
    letter-spacing: normal;
    height: auto;
    font-family: "ＭＳ Ｐゴシック", "Osaka";
    float: none;
    clear: none;
    font-style: small;
    padding: 5px 10px;
    background-image: none;
    text-indent: 0pt;
    text-align: left;
    word-spacing: normal;
    color: #333333;
    layout-grid-line: auto;
    line-height: normal;
    top: 10px;
}
a:visited { color: #009900 }
.linkcolor a:link { color: #FFFFFF }
.linkcolor a:visited { color: #FFFFFF }
.linkcolor a:hover {
    background: #000066;
    color: #ccccff;
    text-decoration: underline;
    font-weight: bold;
}
body { }
div#textbox {
	padding: 5px 15px;
	background-position: left top;
	height: auto;
	font-size: x-small;
	font-style: normal;
	text-valign: top;
}
address { clear: left }
div#side {
    float: left;
    width: 120px;
    padding: 10px 20px;
}
div#content {
    float: left;
    width: 640px;
    padding: 10px 10px 20px;
    text-align: left;
}
div#main {
    padding: 10px 20px 20px;
    background-position: center top;
}
th {
    font-weight: normal;
    background-position: center;
}
div#whatsnew {
    padding: 10px;
    color: #FFFFFF;
    font-size: 12px;
}
#TableTitle {
    text-align: center;
    width: 820px;
    height: 50px;
}
#TableMenu {
    background-position: center center;
    text-align: center;
    margin: auto;
    border: 0;
    border-collapse: collapse;
    font-size: small;
}
li { padding-bottom: 2px }
#diary {
    width: 480px;
    margin-right: auto;
    background-position: center;
    padding: 30px;
    border-left-width: 12px;
    border-left-style: solid;
    border-top-color: #999999;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #666666;
    margin-left: auto;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-width: 1px;
    text-align: left;
}
#FigName { float: left }
#mainTitle {
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    text-indent: -9999pt;
}
#diaryTitle {
    font-size: medium;
    background-color: #FFFFFF;
    color: #FFFFFF;
    text-indent: 20pt;
    padding: 10px 5px;
    background-image: url(figs/MenuBack.png);
    line-height: 100%;
}
#diaryMain { padding: 20px 30px }
#diaryList { padding: 0px 20px 0px 0px }
#PhotoDiary {
    background-position: center;
    float: none;
    margin: 0px;
}
#PhotoAndCaption {
    padding: 30px;
    background-position: center;
}
#boldStyle { font-weight: bolder }
footer {
    clear: both;
    text-align: right;
    font-size: small;
    width: 820px;
}
dl.news dt {
    font-weight: bold;
    font-size: normal;
    padding: 5px;
    margin: 5px 5px 5px 5px;
    border-left: solid 4px #00F;
}
dl.news dd { padding: 2px 0 5px }
img { margin: 3px 0 }

div.profile {
    vertical-align: center;
    /*
    border: 1px solid #999;
    border-radius: 5px;
    */
    height: 60px;
    position: relative;
    margin: 20px 10px;
}

div.profile img{
	margin: 0;
}
.profile_img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 60px;
    width: 60px;
    border-radius: 4px;
    box-shadow: 0px 0px 3px #999;
}

.profile_name_area{
	margin-left: 70px
}

/*----------Addition By tateyama 05192016------------*/
/*============================================
サブメニュー Main Manu
============================================*/
div#pagebody {
	width:80%; margin:0 auto;	/*内容全体をセンタリング*/
	position: relative;
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-color:#ffffff;		/*内容全体の背景色*/
	margin: autol
/*	margin-right: auto;
    margin-left: auto;*/
    background-position: center center;
    
    font-size: small;
    letter-spacing: normal;
    height: auto;
    font-family: "ＭＳ Ｐゴシック", "Osaka";
    float: none;
    clear: none;
    font-style: small;
    padding: 5px 10px;
    background-image: none;
    text-indent: 0pt;
    text-align: left;
    word-spacing: normal;
    layout-grid-line: auto;
    line-height: normal;
    top: 10px;
	
}

div#content {
	width:560pix; 
	margin:3px/*
	*/
		
	/*margin:10px 20px 10px 0px;幅の指定と位置調整*/
	float:right;				/*2カラム全体を右寄せにする*/
}
div#header {
	width:560pix;
	float:center;
}
/*============================================
サブメニュー Main Manu
============================================*/
ul#menu {
	width:600pix; height:42px; background-color:#eeeeee; font-weight:bold;
	font-size: 90%;
}
li#menu01,li#menu02,li#menu03,li#menu04,li#menu05 {
	float:left;			/*リスト項目を横に並べる*/
	display:inline;			/*リスト項目をインライン表示にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	background-repeat:no-repeat; 	/*背景画像を繰り返さない*/	
}
li#menu01 {
	 width:130px; height:42px; /*	背景画像に合わせたサイズ指定*/
		/*background-image:url("figs/HOME.jpg");背景画像*/
}
li#menu02 {
	 width:150px;  height:42px; /*	背景画像に合わせたサイズ指定*/
	/*background-image:url("figs/Schedule.png");	背景画像*/
}
li#menu03 {
	width:120px;  height:42px; /*背景画像に合わせたサイズ指定*/
}
li#menu04 {
	width:100px;  height:42px; /*	背景画像に合わせたサイズ指定*/
	text-align: right; 
}

ul#menu a {
	display:block;				/*リンクをブロック表示にする*/
	height:42px; padding-top:4px; text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
/*============================================
サブメニュー(左カラム)
============================================*/
div#submenu {
	width:180px;			/*幅の指定*/
/*	margin:10px 10px 10px 25px;	位置調整(IE6のバグに注意)*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのヘッダ部分(余白調整・背景画像・背景色・文字サイズなど)*/
div#submenu_header {
	height:30px; padding:4px 0px 0px 0px;
	background-image:url("images/bg_submenu_header.gif");
	background-repeat:no-repeat; background-position:top;
	background-color:#cccccc;
	font-size:90%; font-weight:bold; text-align:center;
}

/*サブメニューのボディ部分(余白調整・背景画像・背景色)*/
ul#submenu_body {
	padding-bottom:10px;
	background-image:url("images/bg_submenu_footer.gif");
	background-repeat:no-repeat; background-position:bottom;
	background-color:#cccccc;
}
ul#submenu_body li {
	font-size:90%;			/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
}
ul#submenu_body li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#eeeeee;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
}
ul#submenu_body li a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら色を変える*/
}
