@charset "utf-8";

/*--------------------------------------------
*
*	common class
	基本的にコンテンツ内用（MT投稿用）に使用
*	共通レイアウト・パーツには原則利用しない

*--------------------------------------------*/

.clearAll {
	clear:both;
}
.clearL {
	clear:left;
}
.clearR {
	clear:right;
}
.homeFreeBox h2,
#pageInHome h2,
#content #edit h2{
	color:#664f2f;
	background:url(../images/h2_border.gif) left no-repeat #faf7f1;
	padding:2px 18px;
	font-size:115%;
	font-weight:bold;
	margin:15px 0;
	clear:both;
}
.homeFreeBox h2 a,
#pageInHome h2 a,
#content #edit h2 a{
	text-decoration:underline;
}
.homeFreeBox h3,
#pageInHome h3,
#content #edit h3{
	border-left:4px solid #f9c200;
	border-bottom:1px solid #cccccc;
	padding:5px 13px;
	font-weight:bold;
	margin:15px 0;
	clear:both;
}


/* potision *****************/
.imgR { float: right; margin-left: 15px; margin-bottom:15px; }
.imgL { float: left; margin-right: 15px; margin-bottom:15px; }

.fltRBox { float: right; margin-left: 15px; margin-bottom:15px; }
.fltLBox { float: left; margin-right: 15px; margin-bottom:15px; }

.txtC { text-align: center !important; }
.txtR { text-align: right !important; }
.txtL { text-align: left !important; }
.txtT { vertical-align:top !important; }
.txtM { vertical-align:middle !important; }
.txtB { vertical-align:bottom !important; }


/* text *****************/
/* font-size chart */
/*
10px/77%	11px/85%	12px/93%	13px/100%	14px/108%	15px/116%	16px/123.1%	17px/131%
18px/138.5%	19px/146.5%	20px/153.9%	21px/161.6%	22px/167%	23px/174%	24px/182%	25px/189%
26px/197%
*/


.txtSmall {
	font-size:77%;
}
.txtLarge1 {
	font-size:108%;
}
.txtLarge2 {
	font-size:123.1%;
}

.txtRed {
	color:#ff3300;
}
.txtBlue {
	color:#23488e;
}
.txtGray {
	color:#999999;
}
#pageInHome ul.arrow,
#content #edit ul.arrow{
	list-style:none;
	margin-left:20px;
}
#pageInHome ul.arrow li,
#content #edit ul.arrow li{
	background:url(../images/icon_arrow.gif) no-repeat 0 0.4em;
	padding-left:15px;
	overflow:hidden;
}
a.arrow,
p.arrow,
div.arrow{
	background:url(../images/icon_arrow.gif) no-repeat 0 0.4em;
	padding-left:15px;
}
.linkbutton,
.linkButton{
	background-color:#a2ae71;
	padding:5px 10px 5px 7px;
	border:1px solid #856f51;
	display:inline;
}
.linkbutton a,
.linkButton a{
	color:#ffffff;
	text-decoration:underline;
	background:url(../images/arrow_w.gif) no-repeat 0 0.3em;
	padding-left:13px;
	font-weight:bold;
}


a.linkbutton,
a.linkButton {
	color:#ffffff;
	text-decoration:underline;
	background:#a2ae71 url(../images/arrow_w.gif) no-repeat 5px center !important;
	padding:5px 10px 5px 20px;
	border:1px solid #856f51;
	display:inline-block;
	font-weight:bold;
}

.subt{
	margin:10px 0;
	clear:both;
	background-color:#856f51;
	border:1px solid #000000;
	color:#FFFFFF;
	padding:5px;
	font-weight:bold;
	font-size:110%;
	display:inline;
	clear:both;
}
.subtxt{
	background:url(../images/subt_bg.gif) no-repeat bottom left;
	color:#8b9a4d;
	font-weight:bold;
	margin:10px 0;
	padding:0 15px 5px 20px;
	font-size:110%;
}
.sphere{
	background:url(../images/icon_sphere.gif) no-repeat 0 0.2em;
	padding-left:15px;
	color:#663300;
	font-weight:bold;
	font-size:110%;
	margin:8px 0 3px 0;
	clear:both;
}
.arrowbg{
	background:url(../images/icon_arrowbg.gif) no-repeat 0 0;
	padding-left:18px;
	color:#663300;
	font-weight:bold;
	font-size:110%;
	margin-left:15px;
	margin-bottom:5px;
}
.bgreen{
	color:#8b9a4d;
	font-weight:bold;
	margin:10px 0;
	font-size:110%;
}

#edit table td{
	/*vertical-align:top;
	padding:5px;*/
}
#content #edit table td h3{
	margin-top:0;
}
#content #edit table td div{
	margin-top:0;
}
#content #edit table td li{
	overflow:hidden;
}
.tablegreen{
	border:1px solid #cccccc;
	clear:both;
	margin-bottom:10px;
}
.tablegreen th{
	background-color:#eef2e0;
	color:#664f2f;
	font-size:110%;
	font-weight:bold;
	padding:5px 10px;
	text-align:left;
}
.tablegreen td{
	background-color:#f9fbf0;
	padding:10px;
}

.hasborder{
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.hasborder td{
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
.hasborder th{
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
#pageInHome ul,
#content #edit ul{
	list-style:none;
	margin:0 0 10px 10px;
	overflow:hidden;
}
#pageInHome ul li,
#content #edit ul li{
	background:url(../images/icon_sphere_s.gif) no-repeat 0 0.3em;
	padding-left:13px;
	overflow:hidden;
}
#pageInHome ol,
#content #edit ol{
	list-style-type: decimal;
	margin:0 0 10px 30px;
}