/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family:'メイリオ',Meiryo,'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro','Verdana','ＭＳ Ｐゴシック', sans-serif;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* float解除 */
.clear { clear: both; }

/* ----------------------- */
/* 各パーツ                */
/* ----------------------- */
.indent01	{ text-indent: 1em; }
.indent-01	{ text-indent: -1em; }
.indent15	{ text-indent: 1.5em; }

.b_indent01	{ text-indent: -1em; margin-left: 1em;}

.bold		{ font-weight:bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.text_orange	{ color: #e95711; }
.text_red		{ color: #f00000; }
.text_enji		{ color: #b90058; }
.text_blue		{ color: #0000f0; }
.text_black		{ color: #000000; }
.text_gray		{ color: #888888; }

.tac	{ text-align: center; }
.tal	{ text-align: left; }
.tar	{ text-align: right; }

.wwbw	{ word-wrap: break-word; }

.lheight_15 { line-height: 1.5; }
.lheight_18 { line-height: 1.8; }
.lheight_20 { line-height: 2.0; }

.solid { border-style: solid; border-width: 1px; }
.double { border-style: double; border-width: 3px; }
.radius {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.fs85	{ font-size: 85%; }
.fs90	{ font-size: 90%; }
.fs95	{ font-size: 95%; }
.fs100	{ font-size: 100%; }
.fs110	{ font-size: 110%; }
.fs120	{ font-size: 120%; }
.fs130	{ font-size: 130%; }
.fs140	{ font-size: 140%; }
.fs150	{ font-size: 150%; }
.fs180	{ font-size: 180%; }
.fs200	{ font-size: 200%; }
.fs250	{ font-size: 250%; }

.w60	{ width: 60px; }
.w80	{ width: 80px; }
.w90	{ width: 90px; }
.w100	{ width: 100px; }
.w120	{ width: 120px; }
.w200	{ width: 200px; }
.w220	{ width: 220px; }
.w250	{ width: 250px; }
.w300	{ width: 300px; }
.w350	{ width: 350px; }
.w550	{ width: 550px; }
.w650	{ width: 650px; }
.w700	{ width: 700px; }
.w720	{ width: 720px; }
.w840	{ width: 840px; }
.w900	{ width: 900px; }

.w01em	{ width: 1em; }
.w02em	{ width: 2em; }
.w03em	{ width: 3em; }
.w04em	{ width: 4em; }
.w05em	{ width: 5em; }
.w07em	{ width: 7em; }
.w10em	{ width: 10em; }
.w40em	{ width: 40em; }

.w25p	{ width: 25%; }
.w75p	{ width: 75%; }

.check	{ color:#d40000; font-weight:bold; }

.mb01 { margin-bottom: 1em; }
.mb02 { margin-bottom: 2em; }
.mb06 { margin-bottom: 6em; }

.mt01 { margin-top: 1em; }
.mt02 { margin-top: 2em; }
.mt03 { margin-top: 3em; }
.mt04 { margin-top: 4em; }
.mt10 { margin-top: 10em; }

.mar_h_auto { margin-left: auto; margin-right: auto; }

.ml01 { margin-left: 1em; }
.ml02 { margin-left: 2em; }
.ml04 { margin-left: 4em; }

.mr02 { margin-right: 2em; }

.pb01 { padding-bottom: 1em; }

.pt01 { padding-top: 1em; }
.pt05px { padding-top: 5px; }

.pl01 { padding-left: 1em; }

.bg_white	{ background-color: #ffffff; width: 75%; }
.bg_gray248	{ background-color: #f8f8f8; }

.b_both {
	padding: 1em 1em 2em 1em;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #d0d0d0;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #d0d0d0;
	background-color: #f0f0f0;
}

.b_bottom {
	padding: 1em 1em 2em 1em;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #d0d0d0;
	background-color: #f0f0f0;
}

.hankaku {
	ime-mode:disabled;
}

#page-wrapper,
#page-wrapper-sideless {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
        min-height: 1100px;
    }
}

@media(min-width:768px) {
    #page-wrapper-sideless {
        position: inherit;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
        min-height: 1100px;
    }
}

.navbar-static-side ul li {
    border-bottom: 1px solid #e7e7e7;
}

.navbar-static-side ul li.active {
	background-color: #eee;
}



.navbar-top-links li {
	display: inline-block;
}

.navbar-top-links li:last-child {
	margin-right: 15px;
}

.navbar-top-links li a {
	padding: 15px;
	min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
	display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
	margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
	padding: 3px 20px;
	min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
	white-space: normal;
}

.navbar-top-links .dropdown-user {
	right: 0;
	left: auto;
}

.navbar-top-links .dropdown-user {
	right: 0;
	left: auto;
}

@media(min-width:768px) {
    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 250px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

/* ************************************************ 
 *	外枠
 * ************************************************ */

#wrap {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

/* ************************************************ 
 *	コンテンツ
 * ************************************************ */
#contents {
	width: 960px;
	padding: 30px;
	margin: 0px auto;
	background-color: #f8f8f8;
}

/* ************************************************ 
 *	ヘッダー
 * ************************************************ */

#header {
	padding-top: 1em;
	width: 100%;
	margin: 0 0 2em;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}

/* ************************************************ 
 *	フッター（統一コンテンツ）
 * ************************************************ */

#footer {
	width: 100%;
	height: 6em;
	line-height: 2em;
	margin-left: 3em;
	clear: both;
}


#font_window{
	width:50%;
	margin:1.5em auto 0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	z-index:2;
}

.button-link{
	color:#00f;
	text-decoration:underline;
}
 
.button-link:hover{
	cursor:pointer;
	color:#f00;
}

/* ************************************************ 
 *	TOPへ戻るボタン
 * ************************************************ */
#toTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 85%;
}
#toTop a {
	background: #999;
	text-decoration: none;
	color: #fff;
	padding: 8px 15px;
	text-align: center;
	display: block;
	border-radius: 15px;
}
#toTop a:hover {
	text-decoration: none;
	background: #bbb;
}