@CHARSET "UTF-8";

/********** ********** ********** ********** ********** ********** **********
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
/********** ********** ********** ********** ********** ********** **********/
html { color:#333; background:#fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; }
/*input,textarea,select { *font-size:100%; }*/
legend { color:#333; }


/********** ********** ********** ********** ********** ********** **********
/* Basic Set
/********** ********** ********** ********** ********** ********** **********/
html {
	top: 0;
	height: 100%;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	overflow: auto;
	background-color: #fff;
}

body {
	width: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	text-align:left;
	font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: medium;
	color: #333;

	background-image: url(../images/bg_header.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

h1 {
	height: 35px;
	padding: 0 10px 0 20px;
	font-size: large;
	font-weight: bold;
	line-height: 2.5;

	background-image: url(../images/bg_h1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #1c75ab;
}

h2 {
	position: relative;
	margin-bottom: 20px;
	font-size: medium;
	font-weight: bold;
	border-bottom: 3px double #1c75ab;
}

h3 {
	position: relative;
	font-size: medium;
}

p {
	margin: 0.5em 0 0 0;
}


ul, ol {
	margin: 0 10px 10px 10px;
	padding: 5px 10px;
}

ul li, ol li {
	margin: 5px 0 5px 10px;
	line-height: 1.5;
}

ul li ul li, ol li ol li {
	margin: 0 0 5px 0;
	line-height: 1.5;
}

ul li {
	list-style-type: disc;
}

ul li ul li {
	list-style-type: circle;
}

ol li {
	list-style-type: decimal;
}

textarea {
	width: 90%;
	margin-left: 10px;
	padding: 0.5em;
	font-size: small;
}

input.button {
	margin-top: 15px;
	margin-bottom: 5px;
}

em, strong, th {
	font-weight: bold;
}


/********** ********** ********** ********** ********** ********** **********/

/*** ヘッダー ***/
#header {
	width: 950px;
	height: 45px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#header #logo {
	position: absolute;
	left: 10px;
	top: 0px;
	overflow: hidden;
}
#header #logout {
	position: absolute;
	right: 0px;
	top: 10px;
	overflow: hidden;
}


/*** メインコンテンツ ***/
#maincontainer {
	width: 930px;
	margin: 10px auto 10px auto;
	padding: 0;
	position: relative;
	line-height: 1.6;
	background-color: #fff;
}

#breadcrumb {
	margin: 0 0 20px 0;
	padding: 0.1em 1em 0.4em 1em;
	font-size: 12px;
	text-align: left;
	color: #666;

	background-image: url(../images/slash.jpg);
	background-position: top left;
	background-repeat: repeat;
}
#breadcrumb {
	font-size: 10px;
}
#breadcrumb span {
	padding: 0 0.5em;
}


/*** セクション ***/
#section {
	float: right;
	width: 670px;
	background-color: #fff;
}

#section .wrapper {
	margin: 10px;
	padding: 10px 20px;
	background-color: #fff;
}

#section #error, #section .error { padding-top: 0.5em; font-size: small; color: #e00000; }

#section .inputtext { width: 270px; }

#section .button { position: relative; left: 10px; vertical-align: top; }


/*** 左サイド ***/
#sidecontainer {
	position: relative;
	float: left;
	width: 240px;
	font-size: small;
	background-color: #dcebfa;
	background-image: url(../images/bg_side_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#sidecontainer #menulist_bottom {
	position: absolute;
	bottom: 0;
}

#sidecontainer ul#goHome li {
	list-style: none;
	text-align: center;
}

#sidecontainer ul#goAdminHome {
	padding-left: 20px;
}
#sidecontainer ul#goAdminHome li +li {
	margin-top: 15px;
}

#sidecontainer ul#information li {
	margin-left: 0;
	margin-right: 0;
	list-style: none;
	font-size: 12px;
}

#sidecontainer h3 {
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #1c75ab;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #1c75ab;
}

#sidecontainer h3 .button { /*** ボタンイメージ ***/
	position: absolute;
	top: 1px;
	right: 4px;
}

#sidecontainer img.title {
	margin-left: 10px;
	margin-top: 10px;
}

#sidecontainer .wrapper +img.title {
	margin-top: 20px;
}

#sidecontainer table#statusinfo {
	margin: 2px;
	border: 1px solid #e0e0e0;
}

#sidecontainer table#statusinfo tbody th {
	width: 70px;
	font-size: 12px;
	text-align: center;
	background-color: #f0f0f0;
	border-bottom: 1px solid #e0e0e0;
}

#sidecontainer table#statusinfo tbody td {
	padding: 0.2em 0.2em 0.2em 0.5em;
	font-size: 12px;
	border-bottom: 1px solid #e0e0e0;
}

#sidecontainer .wrapper {
	margin: 0 10px;
	padding: 5px 10px 10px 10px;
	background-color: #fff;
}
#sidecontainer .wrapper .wrapper {
	margin: 10px 0;
	padding: 5px;
	line-height: 1.75;
}

#sidecontainer ul {
	background-color: #fff;
}

/*** 機能説明 ***/
#sidecontainer ul#functionlist {
	margin-left: 10px;
	padding-left: 0;
}
#sidecontainer ul#functionlist >li {
	list-style: none;
	padding-left: 10px;
	color: #1c75ab;
	font-size: medium;
	font-weight: bold;
	line-height: 1.5em;
	background-image: url(../images/bg_arrow.jpg);
	background-position: left 0.44em;
	background-repeat: no-repeat;
}

#sidecontainer ul#functionlist li ul {
	margin: 0;
	padding-top: 0.5em;
	padding-left: 10px;
	color: #333;
	font-size: small;
	font-weight: normal;
}

/*** FAQ ***/
#sidecontainer ul#faqlist {
	margin-bottom: 0;
}

#sidecontainer ul#faqlist li ul {
	margin: 0;
	padding-left: 10px;
}


/*** フッター ***/
#footer {
	margin: 0;
	padding: 0;
	background-color: #454545;
}

#footer ul {
	width: 950px;
	margin: 0 auto;
}

#footer ul li {
	display: inline;
	height: 30px;
	padding: 0 10px;
	font-size: 10px;
	list-style: none;
	background-image: url(../images/bg_arrow.jpg);
	background-position: left 0.2em;
	background-repeat: no-repeat;
}

#footer ul li a {
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}

#footer address {
	width: 950px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	color: #f0f0f0;
	font-size: 10px;
	text-align: right;
}

#footer .wrapper {
	padding: 10px;
	background-color: #f9f9f9;
	border-top: 1px solid #454545;
}


/********** ********** ********** ********** ********** ********** **********/
.gotop {
	margin-top: 10px;
	padding-right: 30px;
	font-size: small;
	text-align: right;
}
.gotop img {
	margin-right: 0.3em;
}

.fs_small {
	font-size: small;
}

.fs_xsmall {
	font-size: x-small;
}

.grayout {
	color: #999;
}

.border {
	border: 1px solid #e0e0e0;
}

.dash {
	border: 1px dashed #e0e0e0;
}


/********** ********** ********** ********** ********** ********** **********/
#maincontainer, #section, #sidecontainer, #footer,
#footer ul,
.wrapper,
.clearfix { display: block; zoom: 100%; }


#maincontainer:after, #section:after, #sidecontainer:after, #footer:after,
#footer ul:after,
.wrapper:after,
.clearfix:after {
	clear:both;
	height: 0;
	content:"";
	display: block;
	visibility: hidden;
}


/********** ********** ********** ********** ********** ********** **********/
/********** ********** ********** ********** ********** ********** **********/