@charset "UTF-8";

/* リンク設定 */

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #CBCADA;
	text-decoration: none;
}
a:hover {
	color: #9999FF;
	font-weight: bold;
}

/* 基本レイアウト設定 */

p, div, ul {
    padding-top: 0px;
    margin: 0px;
}
img, map, q, sub, sup, i, strong, cite, abbr, em, ins, del, blockquote, address {
    padding: 0px;
    margin: 0px;
}
h1, h2, h3, h4, h5, h6 {
    padding: 0px;
    margin: 0px;
}
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0px;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-image: url(index-images/background.gif);
}
.thrColFix #container {
	width: 800px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-image: url(office-images/officeback.jpg);
	height: 566px;
}
.thrColFix #container2 {
	width: 800px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #FFFFFF;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-image: url(photo-images/photoback.jpg);
	height: 566px;
}
.thrColFix #container3 {
	width: 800px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #FFFFFF;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-image: url(private-images/privateback.jpg);
	height: 566px;
}
.thrColFix #container-web {
	width: 800px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left;
	height: auto;
	background-color: #372A27;
}
.thrColFix #container-photo {
	width: 800px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left;
	height: auto;
	background-color: #242F44;
}
.thrColFix #container-private {
	width: 800px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left;
	height: auto;
	background-color: #343C44;
}
.thrColFix #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 72px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px 0px 0px 0px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
}
.thrColFix #sidebar2 {
	float: left;
	width: 216px;
	padding: 0px 0px 0px 0px;
}
.thrColFix #sidebar3 {
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 75px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 0px 0px 0px 5px; /* 余白は、div のコンテンツを div の端に接触しない位置に維持します */
	/*color: #FFFFFF;*/
}
.thrColFix #mainContent {
	/*margin: 0px 0px 0px 504px; /* この div エレメントの右マージンと左マージンにより、ページの両側に 2 つのサイドバーが設定されます。#sidebar1 div と #sidebar2 div に含まれるコンテンツの量に関係なく、列のスペースは維持されます。サイドバーのコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、このマージンを削除します。 */
	padding: 0px 0px 0px 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	width: 216px;
	float: left;
}

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 0px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 0px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
	height:0;
	border: none;
	/*line-height: 0px;*/
}
.navi {
	height: 36px;
}
#navi ul {
    margin: 0px;
	padding: 0px;
	list-style: none;
}
#navi li {
	margin-left: 5px;
	line-height: 32px;
	font-size: 0.9em;
}
.subnavi {
	height: 36px;
}
#subnavi ul {
    margin: 0px;
	padding: 0px;
	list-style: none;
}
#subnavi li {
	margin-left: 5px;
	line-height: 32px;
	font-size: 0.9em;
}
.office-header {
	height: 132px;
	background-image: url(office-images/office-header.jpg);
	padding: 20px 0px 0px 10px;
	width: 790px;
}
.photo-header {
	height: 132px;
	background-image: url(photo-images/photo-header.jpg);
	padding: 20px 0px 0px 10px;
	width: 790px;
}
.private-header {
	height: 132px;
	background-image: url(private-images/private-header.jpg);
	padding: 20px 0px 0px 10px;
	width: 790px;
}
.office-navi {
	height: 72px;
}
#office-navi li {
	font-size: 0.9em;
	float: left;
	list-style: none;
	padding: 0px 0px 0px 20px;
	margin: 52px 0px 0px 0px;
}

/* 文字設定 */

.sitetitle {
	font-size: 0.9em;
	color: #FFFFFF;
	line-height: 130%;
	margin-left: 5px;
}
.basictext {
	font-size: 0.9em;
	color: #585858;
	font-weight: normal;
	line-height: 130%;
}
.sincetext {
	font-size: 0.7em;
	color: #FFFFFF;
	margin-left: 5px;
}
.copywrite {
    font-size: 0.7em;
	color: #FFFFFF;
}
.spacertext {
	font-size: 23px;
	line-height: 130%;
}
.pankuzu {
	font-size: xx-small;
	padding-left: 7px;
	height: 20px;
	color: #FFFFFF;
	padding-top: 3px;
	margin-top: 8px;
}
.totop {
	font-size: 0.8em;
	color: #FFF;
}
.totop a {
	color: #FFF;
	text-decoration: none;
}
.totop a:hover {
	color: #9999FF;
	font-weight: bold;
}

.web-nagare {
	border-left: 4px solid #372A27;
	font-size: 0.9em;
	font-weight: bold;
	margin: 4px 0px 4px 4px;
	padding-left: 2px;
}
.web-nagaretext {
	font-size: 1em;
	margin: 2px 0px 2px 4px;
}
#web-nagaretext li {
	color: #000;
	font-size: 1em;
}