/*
 * Aipo is a groupware program developed by Aimluck,Inc.
 * Copyright (C) 2004-2010 Aimluck,Inc.
 * http://aipostyle.com/
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

@charset "utf-8";

/***************************************************
	HTML
--------------------------------------------------*/
html {
	margin:0px;
	padding:0px;
}
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-auto-text-size-adjust: none;
	background:#333333;
}

a {
}
a:hover {
}

/* list */
li {
	font-size:small;
}

/* table */
table {
	width:100%;
}
table caption {
}
table tbody {
}
table th {
	padding:5px;
	text-align:left;
	background:#f0f0f0;
}
table td {
	padding:5px;
}

/* form */
form {
}
fieldset {
}
input {
	font-size:small;
}
input.text {
	line-height:1.4em;
}
input.submit {
	min-height:2em;
	padding:0px 5px;
}
input.checkbox {
	vertical-align:middle;
	height:1.2em;
	width:1.2em;
}
input.checkbox:checked {
	background:#f00;
}
select {
}
optgroup {
}
option {
	font-size:small;
}
textarea {
	width:90%;
	line-height:1.4em;
	font-size:small;
}

/***************************************************
	wrapper
--------------------------------------------------*/
#wrapper {
	background:#ffffff;
}

/***************************************************
	header
--------------------------------------------------*/
#header {
	width:100%;
	height:22px;
	padding:5px;
}
#header h1 {
	width:61px;
	float:left;
	margin:0px;
	padding:0px;
}
#header .menu {
	float:left;
	text-align:right;
}
h2 {
	margin:0px;
	padding:2px 0;
	font-size:small;
	font-weight:normal;
	text-align:center;
	text-shadow: 1px 1px 1px #cc6600;
	background:#ff9900;
	border-top:solid 1px #ffe090;
	border-bottom:solid 1px #cc6f00;
}

/***************************************************
	contents
--------------------------------------------------*/
#contents {
	padding:5px 2%;
	font-size:1.2em;
}
#contents h3 {
	padding:2px;
	font-size:1em;
	border-top:solid 1px #cccccc;
	background:#f0f0f0;
}
#contents h4 {
	border-bottom:solid 1px #cccccc;
}
#contents ul, #contents ol {
	padding-left:2em;
}

/***************************************************
	mainMenu
--------------------------------------------------*/
#contents #mainMenu {
	width:100%;
	margin:0px;
	text-align:center;
}
#contents #mainMenu p {
	display:block;
	float:left;
	width:33%;
	margin:0px;
}
#contents #mainMenu a {
	display:block;
	padding:3px 0px;
	color:#333333;
	font-size:x-small;
	text-align:center;
	text-decoration:none;
	border-top:solid 1px #e0e0e0;
	border-right:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
	border-left:solid 1px #e0e0e0;
}
#contents #mainMenu a {
	display:block;
}
#contents #mainMenu li {
	float:left;
	width:33%;
	list-style:none;
}
#contents #mainMenu li.even a {
	background-image: -webkit-gradient(
		linear, left top, left bottom, from(#f0f0f0), to(#e0e0e0) 
	);
}
#contents #mainMenu li a img {
	margin-bottom:5px;
}


/***************************************************
	submenu
--------------------------------------------------*/
.submenu {
	margin:0px;
	padding:0px;
	text-align:center;
	line-height:1em;
	border-top:solid 1px #e0e0e0;
	border-bottom:solid 1px #e0e0e0;
	background:#eeeeee;
}


/***************************************************
	footer
--------------------------------------------------*/
#footer {
	width:100%;
	clear:both;
	padding:5px;
	font-size:x-small;
	color:#ffffff;
	text-align:right;
	background:#303030;
}
#copy a {
	text-decoration:none;
	color:#ffffff;
}


/***************************************************
	ClearFix
--------------------------------------------------*/
#archiveList_category ul li:after,
.pagenation:after,
#breadcrumb:after,
#footer:after,
#contents:after,
#header:after {
	content:".";
	height:0px;
	clear:both;
	display:block;
	visibility:hidden;
}
#archiveList_category ul li,
.pagenation,
#breadcrumb,
#footer,
#contents,
#header {
	display:inline-block;
}
* html #archiveList_category ul li,
* html .pagenation,
* html #breadcrumb,
* html #footer,
* html #contents,
* html #header {
	height:1%;
}
#archiveList_category ul li:after,
.pagenation:after,
#breadcrumb:after,
#footer:after,
#contents:after,
#header:after {
	display:block;
} 

/***************************************************
	align
--------------------------------------------------*/
.center {
	text-align:center;
}
.center img {
	display:block:
	margin:inherit auto;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}

/***************************************************
	float & position
--------------------------------------------------*/
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
.clear {
	clear:both;
}
.abs {
	position:absolute;
}
.rlt {
	position:relative;
}

/***************************************************
	width&height
--------------------------------------------------*/
.w100, .wide {
	width:100%;
}
textarea.wide, input.wide {
	width:90%;
}
.w99 {
	width:99.9%;
}
.w95 {
	width:95%;
}
.w90 {
	width:90%;
}
.w85 {
	width:85%;
}
.w80 {
	width:80%;
}
.w75 {
	width:75%;
}
.w70 {
	width:70%;
}
.w65 {
	width:65%;
}
.w60 {
	width:60%;
}
.w55 {
	width:55%;
}
.w50, .half {
	width:50%;
}
.w45 {
	width:45%;
}
.w40 {
	width:40%;
}
.w35 {
	width:35%;
}
.w30 {
	width:30%;
}
.w25, .quater {
	width:25%;
}
.w20 {
	width:20%;
}
.w15 {
	width:15%;
}
.w10 {
	width:10%;
}
.w5 {
	width:5%;
}
/***************************************************
	margin&padding
--------------------------------------------------*/
.noMP {
	margin:0;
	padding:0;
}

.noMargin {
	margin:0px;
}
.mt0 {margin-top:0px !important;}
.mr0 {margin-right:0px !important;}
.mb0 {margin-bottom:0px !important;}
.ml0 {margin-left:0px !important;}
.ma0 {margin:0px !important;}

.mt5 {margin-top:5px !important;}
.mr5 {margin-right:5px !important;}
.mb5 {margin-bottom:5px !important;}
.ml5 {margin-left:5px !important;}
.ma5 {margin:5px !important;}

.mt10 {margin-top:10px !important;}
.mr10 {margin-right:10px !important;}
.mb10 {margin-bottom:10px !important;}
.ml10 {margin-left:10px !important;}
.ma10 {margin:10px !important;}

.mt15 {margin-top:15px !important;}
.mr15 {margin-right:15px !important;}
.mb15 {margin-bottom:15px !important;}
.ml15 {margin-left:15px !important;}
.ma15 {margin:15px !important;}

.mt20 {margin-top:20px !important;}
.mr20 {margin-right:20px !important;}
.mb20 {margin-bottom:20px !important;}
.ml20 {margin-left:20px !important;}
.ma20 {margin:20px !important;}

.mh0 {margin-top:0px !important; margin-bottom:0px !important}
.mh5 {margin-top:5px !important; margin-bottom:5px !important}
.mh10 {margin-top:10px !important; margin-bottom:10px !important}
.mh15 {margin-top:15px !important; margin-bottom:15px !important}
.mh20 {margin-top:20px !important; margin-bottom:20px !important}

.noPadding {
	padding:0px;
}
.pt0 {padding-top:0px !important;}
.pr0 {padding-right:0px !important;}
.pb0 {padding-bottom:0px !important;}
.pl0 {padding-left:0px !important;}
.pa0 {padding:0px !important;}

.pt5 {padding-top:5px !important;}
.pr5 {padding-right:5px !important;}
.pb5 {padding-bottom:5px !important;}
.pl5 {padding-left:5px !important;}
.pa5 {padding:5px !important;}

.pt10 {padding-top:10px !important;}
.pr10 {padding-right:10px !important;}
.pb10 {padding-bottom:10px !important;}
.pl10 {padding-left:10px !important;}
.pa10 {padding:10px !important;}

.pt15 {padding-top:15px !important;}
.pr15 {padding-right:15px !important;}
.pb15 {padding-bottom:15px !important;}
.pl15 {padding-left:15px !important;}
.pa15 {padding:15px !important;}

.pt20 {padding-top:20px !important;}
.pr20 {padding-right:20px !important;}
.pb20 {padding-bottom:20px !important;}
.pl20 {padding-left:20px !important;}
.pa20 {padding:20px !important;}

/***************************************************
	font
--------------------------------------------------*/
.fssmaller{
	font-size:smaller;
}
.fslarger {
	font-size:large;
}
.fs10 {
	font-size:77%;
	*font-size:70%;
}
.fs11 {
	font-size:85%;
}
.fs12 {
	font-size:92%;
}
.fs13 {
	font-size:100%;
}
.fs14 {
	font-size:108%;
}
.fs15 {
	font-size:116%;
}
.fs16 {
	font-size:123.1%;
}
.fs17 {
	font-size:131%;
}
.fs18 {
	font-size:138.5%;
}

.fcOrange {
	color:#f90;
}
.fcBlue {
	color:#06c;
}
.fcGreen {
	color:#0c6;
}
.fcRed {
	color:#f00;
}
.fcPink {
	color:#ff909f;
}
.fcYellow {
	color:#fc0;
}
.fcGray {
	color:#909090;
}
.date {
}


/***************************************************
	list
--------------------------------------------------*/

/*無階層：スレッド一覧などのテキストリスト用*/
#contents .radius_list {
	font-size:small;
	border:solid 1px #cccccc;
}
#contents .radius_list p {
	margin:0px;
	padding:0px;
	list-style:none;
	border:solid 1px #ffffff;
	background:#efefef;
}
#contents .radius_list p a {
	display:block;
	padding:5px;
	text-decoration:none;
	color:#000000;
}

/*無階層：アイコンを含む大項目メニューリスト用（余白が大きい）*/
#contents .menu_list {
	margin:5px 0px;
	padding:0px;
	font-size:small;
	border:solid 1px #cccccc;
	-webkit-border-radius:5px;
}
#contents .menu_list p {
	margin:0px;
	padding:0px;
	list-style:none;
	-webkit-border-radius:5px;
	border:solid 1px #ffffff;
}
#contents .menu_list p a {
	display:block;
	padding:10px;
	text-decoration:none;
	color:#000000;
	background:#efefef;
}

/*複数階層リストメニュー用（スケジュール等）*/
#contents .multi_list {
	margin:10px 0px;
	padding:0px;
}
#contents .multi_list div {
	margin:5px 0px;
	list-style:none;
	-webkit-border-radius:5px;
	border:solid 1px #cccccc;
	background:#cfcfcf;
}
#contents .multi_list p {
	margin:0px;
	border:solid 1px #ffffff;
}
#contents .multi_list p.parent a {
	font-weight:bold;
	background:#999999;
}
#contents .multi_list p span {
	display:block;
	padding:5px;
	background:#ffffff;
}
#contents .multi_list p a {
	display:block;
	padding:5px;
	color:#000000;
	text-decoration:none;
	background:#efefef;
}
#contents .multi_list li ul {
	margin:0px;
	padding:0px;
}
#contents .multi_list li li {
	margin:0px;
	padding:0px;
	border:none;
	-webkit-border-radius:0px;
}
#contents .multi_list li ul li a {
	background-image: -webkit-gradient(
		linear, left top, left bottom, from(#ffffff), to(#dddddd) 
	);
}

/***************************************************
	table
--------------------------------------------------*/
.nowrap {
	white-space:nowrap;
}
.thc th {/* tableに指定するとthを一括でセンタリング */
	text-align:center;
}
.thl th {/* tableに指定するとthを一括で左詰め */
	text-align:left;
}

/***************************************************
	link
--------------------------------------------------*/
.caution {
	font-weight:bold;
	color:#f00;
}
a.btn, a.btn_left, a.btn_right {
	display:inline-block;
	line-height:2em;
	margin:0px;
	padding:2px 5px;
	color:#000000;
	font-size:x-small;
	text-align:center;
	text-decoration:none;
	border-top:solid 1px #e0e0e0;
	border-right:solid 1px #c0c0c0;
	border-bottom:solid 1px #c0c0c0;
	border-left:solid 1px #e0e0e0;
	background:#dddddd;
}
a.btn_left {
	-webkit-border-top-left-radius: 15px;
}
a.btn_right {
	-webkit-border-top-right-radius: 15px;
}
/* リンク文頭にアイコンを付ける際に適宜宣言
.icon01 {
	padding:0 0 0 15px;
	background:url() no-repeat center left;
}
*/

/***************************************************
	form
--------------------------------------------------*/
.txt {
}
.btn {
}

/***************************************************
	box
--------------------------------------------------*/
.box_recital {
	padding:5px;
	font-size:x-small;
	*font-size:xx-small;
	color:#999999;
	background:#f3f3f3;
}
.box_grayLine {
	margin:20px 0;
	padding:5px;
	border:solid 1px #e0e0e0;
	background:#f6f6f6;
}
.box_grayLineBold {
	margin:20px 0;
	padding:5px;
	border:solid 5px #e0e0e0;
}
.box_grayBack {
	margin:20px 0;
	padding:10px;
	background:#f3f3f3;
}
.box_attention {
	padding:20px 10px;
	text-align:center;
	background:#f3f3f3;
}

/***************************************************
	navi
--------------------------------------------------*/
.navi {
	position:relative;
	width:100%;
	margin:0px;
	padding:0px 0px 5px 0px;
	color:#666666;
	font-size:small;
	text-align:center;
}
.navi a {
	display:inline-block;
}
.navi .btn_left {
	position:absolute;
}
.navi .btn_right {
	position:absolute;
	right:0px;
}


/***************************************************
	detail
--------------------------------------------------*/
/* dl */
dl.detail {
	font-size:small;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
}
dl.detail dt {
	padding:5px;
	font-weight:bold;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background:#f0f0f0;
}
dl.detail dd {
	padding:5px 0px;
}


/***************************************************
	other
--------------------------------------------------*/
.hidden {
	display:none;
}

.rss {
	text-align:right;
}

/***************************************************
	ClearFix
--------------------------------------------------*/
.navi:after,
div.hlBox_bold:after,
div.hlBox_gray:after,
.clearfix:after {
	content:".";
	height:0px;
	clear:both;
	display:block;
	visibility:hidden;
}
.navi,
div.hlBox_bold,
div.hlBox_gray,
.clearfix {
	display:inline-block;
}
* html .navi,
* html div.hlBox_bold,
* html div.hlBox_gray,
* html .clearfix {
	height:1%;
}
.navi:after,
div.hlBox_bold:after,
div.hlBox_gray:after,
.clearfix:after {
	display:block;
} 



/***************************************************
	#schedule
--------------------------------------------------*/
#contents #schedule {
	margin:10px 0px;
	padding:0px;
	-webkit-border-radius:5px;
	border:solid 1px #cccccc;
}
#contents #schedule li {
	list-style:none;
	background:#ff9900;
}
#contents #schedule li a {
	display:block;
	padding:5px;
	color:#000000;
	text-decoration:none;
}
#contents #schedule li ul {
	margin:0px;
	padding:0px;
}
#contents #schedule li ul li a {
	background-image: -webkit-gradient(
		linear, left top, left bottom, from(#ffffff), to(#dddddd) 
	);
}

/***************************************************
	週間チェックボックス
--------------------------------------------------*/
.weaklycheck {
	border-top:solid 1px #eeeeee;
	border-right:solid 1px #eeeeee;
	border-bottom:solid 1px #eeeeee;
}
.weaklycheck p {
	float:left;
	width:14%;
	margin:0px;
	text-align:center;
	border-left:solid 1px #eeeeee;
}
.weaklycheck .sun {
	color:#ff3300;
}
.weaklycheck .sat {
	color:#3333ff;
}

/***************************************************
	ClearFix
--------------------------------------------------*/

