@charset "utf-8";

/* CSS Document */

/* body
--------------------------------------------------------------------------------*/
body {
	color: #555;
	font-size: 90%;
	/*background: #FFF;*/
}

/* link
--------------------------------------------------------------------------------*/
a:link { color: #39c; }
a:visited { color: #39c; }
a:hover { color: #f90; }
a:active { color: #f90; }

/* text
--------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5 { margin-bottom: 0.5em; }

#content p {
	line-height: 1.6;
	margin-bottom: 2em;
}

#content ul, #content ol {
	line-height: 2;
	margin-bottom: 1em;
}
#main dt{
	background: url(../img/mark.gif) no-repeat left center;
}
ul.listTxt1 li {
	padding-left: 1em;
	background: url(../img/mark.gif) no-repeat left center;
}

ul.listTxt2 li {
	padding-left: 1em;
	background: url(../img/list02mark.gif) no-repeat 3px center;
}

ul.listImg1 li { 
	margin-bottom: 30px;
}

dl.listBox1 {
	overflow: hidden;
	width: 100%;
}

dl.listBox1 dt {
	float: left;
	clear: both;
	width: 30%;
	border-top: 4px solid #555;
	margin-bottom: 1em;
	padding: 1em;
}

dl.listBox1 dd {
	margin-left: 40%;
	border-top: 4px solid #555;
	margin-bottom: 1em;
	padding: 1em;
}

/* text
--------------------------------------------------------------------------------*/

div#tabs ul {
	overflow:hidden;
	margin: 0;
}

div#tabs ul li {
	float:left;
	display:inline;
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

div#tabs ul li a {
	display: block;
	width: 100px;
	height: 30px;
	background: #ccc;
	color: #555;
}

div#tabs ul li.active a { background: #ddd; }

div#tabs ul li a:hover {
	background: #ddd;
	color: #555;
}

div#tabs div.panel {
	display:none;
	background: #ddd;
	padding: 30px;
}

/* font size
--------------------------------------------------------------------------------*/
.fontSS { font-size: 75%; }
.fontS { font-size: 90%; }
.fontL { font-size: 120%; }
.fontLL { font-size: 150%; }

/* font color
--------------------------------------------------------------------------------*/
.colorR { color: #c00; }
.colorB { color: #39C; }
.colorG { color: #0C3; }
.colorO { color: #F90; }
.colorP { color: #F66; }
.colorR2 { color: #FCC; }
.colorB2 { color: #3CF; }
.colorG2 { color: #9F3; }
.colorO2 { color: #FC3; }
.colorP2 { color: #F9C; }
.gray10 { color: #eee; }
.gray30 { color: #ddd; }
.gray50 { color: #ccc; }
.gray70 { color: #999; }
.gray90 { color: #333; }

/* opacity
--------------------------------------------------------------------------------*/
.opacity30 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";  /* IE 8 */
	filter: alpha(opacity=30);  /* IE 5-7 */
	-moz-opacity: 0.3;  /* Firefox */
	-khtml-opacity: 0.3;  /* Safari 1.x */
	opacity: 0.3;  /* Good browsers */
}

.opacity50 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.opacity70 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.opacity90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

/* padding margin
--------------------------------------------------------------------------------*/
.ma0 { margin:0 !important; }
.pd0 { padding:0 !important; }

/* align
--------------------------------------------------------------------------------*/
.alignL { text-align:left !important; }
.alignR { text-align:right !important; }
.alignC { text-align:center !important; }

/* float
--------------------------------------------------------------------------------*/
.floatR { float:right; }
.floatL { float:left; }
.floatN { float:none; }

/* clearfix
--------------------------------------------------------------------------------*/
.clearfix:after, #content:after, #gnavi:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	max-height:0;
	overflow:hidden;
}

.clearfix, #content, #gnavi { display:inline-block; }

* html .clearfix, * html #content, * html #gnavi { height:1%; }

.clearfix, #content, #gnavi { display:block; }