@charset 'UTF-8';
/* SpacialID wrapper,header,*/
* { margin:0; padding: 0; }

/* Edit -----------------------------------------------*/
._edit {
	min-height:10px;
	height: auto !important; /* for IE6,7 */
	height: 10px; /* for IE6,7 */
}
._sp { display;none; }
._j { width:18px; height:18px; border:2px solid red;}

html,body { height: 100%; }

body  {
	margin: 0;
	padding: 0;
	text-align: center;	/*IE5.5*/
	font-size: 14px;
    font-style: normal;
	color: #000000;
    font-family: vardana,Arial,Helvetica,sans-self,'MS PGothic',Osaka,'Hiragino Kaku Gothic ProN';
}

h1,h2,h3,h4,h5,h6 { padding: 5px 20px; }
h1,h2,h3 { font-size: 1.5em; margin-bottom: 10px; }
h4,h5,h6 { font-size: 1.2em; margin-bottom: 8px; }

img { vertical-align: bottom }
a img { border: 0; vertical-align: bottom }


ul, ol, {
	line-height: 1em;
	margin:  0;
}
blockquote {
	margin: 20px 10px;
	padding: 10px;
	border: 1px solid #ccc;
}

ul ,ol {
	list-style-position: inside;
}
ul ul ,ol ol {
	font-size: 1em; /*IE*/
}

dl {
	margin: 1em 0;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0.5em;
	padding: 0;
}
table {
/*	width: 100%;*/
}
table td {
	padding: 5px 10px;
}

/* wrapper ***************************************************/
#wrapper {
	width: 800px;
    text-align: left;	/*IE5.5*/
	margin: auto;
	background: #ffffff;
}
#wrapper_inner {}
/* header ***************************************************/
#header {
	height: 80px;
}
#header_inner {}

/* sidebar ***********************************************/
#sidebar {
	width: 200px;
}
#sidebar_inner {
	padding: 5px 0;
}
/* sidebar area1*/
#sidebar #area1_inner, #sideflat #area1_inner {
	padding: 5px 10px;
}
#sidebar #area1 ul, #sideflat #area1 ul {
	text-align: center;
}
#sidebar #area1 li, #sideflat #area1 li {
	display: block;
    list-style: none;
	padding: 2px 0;
} 
#sidebar #area1 li a, #sideflat #area1 li a {
	display: block;
	border: 1px solid #cccccc;
	padding: 8px 0;
	text-decoration: none;
}
/* sidebar area2*/
#sidebar #area2_inner, #sideflat #area2_inner {
	padding: 5px 10px;
}
#sidebar #area2 ul, #sideflat #area2 ul {
	text-align: center;
}
#sidebar #area2 li, #sideflat #area2 li {
	display: block;
    list-style: none;
	padding: 2px 0;
} 
#sidebar #area2 li a, #sideflat #area2 li a {
	display: block;
	border-bottom: 1px dotted #cccccc;
	padding: 5px 0;
	text-decoration: none;
}

/* flat ***********************************************/
.flat {
	padding:5px 0;
}
.flat ul {
	text-align: center;
}
.flat li {
	display: inline;
	list-style: none;
}
.flat li a {
	padding: 0 5px;
	text-direction: none;
}
.flat li a:hover {
}

/* navi ***********************************************/
#navi {
    text-align: center;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#navi ul {
	}
#navi li {
	display: block;
	float: left;
    list-style: none;
} 
#navi li a {
	display: block;
	text-decoration: none;
    padding: 10px 20px;
	font-size: 0.9em;
	font-weight: bold;
	border-right: 1px solid black;
}
#navi li a:hover {
}
/* container ***********************************************/
#container {}
#container_inner {
	padding: 10px 0;
}

/* contents ***********************************************/
#contents {
	width: 600px;
}
#contents_inner {
	padding: 5px 20px;
}
#contents p, blockquote, pre, code {
	line-height: 1.5em;
	margin: 0.5em 0;
}
#contents span {
	line-height: 1.5em;
}
#contents li {
	padding: 3px 0;
	list-style-position: inside;
}

/* footer ***********************************************/
#footer {}
#footer_inner{
	padding:5px 10px;
}


/* a link button */
.a_tag_block  a:link ,.a_tag_block  a:visited  ,.a_tag_block  a:hover{
	text-decoration: none;
	display: block;
	width: 100%; 
	color: white;
}

/* width */
.w100per { width: 100%; }
.w50per { width: 50%; }
.w49per { width: 49.8%; }
.w5px { width: 5px; }
.w10px { width: 10px; }
.w20px { width: 20px; }
.w100px { width: 100px; }

/* height */
.h100per { height: 100%; }
.h50per { height: 50%; }
.h49per { height: 49.8%; }
.h5px { height: 5px; }
.h10px { height: 10px; }
.h20px { height: 20px; }
.h100px { height: 100px; }

/* float */
.f-left	{ float: left }
.f-right { float: right }

/* margin */
.m2	{ margin: 2px; }
.m5	{ margin: 5px; }
.m10	{ margin: 10px; }
.m15	{ margin: 15px; }
.m20	{ margin: 20px; }
.m25	{ margin: 25px; }
.m30	{ margin: 30px; }
.m35	{ margin: 35px; }
.m40	{ margin: 40px; }
.m45	{ margin: 45px; }
.m50	{ margin: 50px; }


.mt2  { margin-top: 2px; }
.mt5  { margin-top: 5px; }
.mt10  { margin-top: 10px; }

.mtb2	{ margin-top: 2px; margin-bottom: 2px; }
.mtb5	{ margin-top: 5px; margin-bottom: 5px; }
.mtb10	{ margin-top: 10px; margin-bottom: 10px; }

.mr2 { margin-right: 2px;}
.mr5 { margin-right: 5px;}
.mr10 { margin-right: 10px;}

.ml2 { margin-left: 2px;}
.ml5 { margin-left: 5px;}
.ml10 { margin-left: 10px;}


/* padding */
.p0 { padding: 0px; }
.p2 { padding: 2px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }

.pt0 { padding-top: 0px;}
.pt2 { padding-top: 2px;}
.pt5 { padding-top: 5px;}
.pt10 { padding-top: 10px;}

.pr0 { padding-right: 0px;}
.pr2 { padding-right: 2px;}
.pr5 { padding-right: 5px;}
.pr10 { padding-right: 10px;}

.pl0 { padding-left: 0px;}
.pl2 { padding-left: 2px;}
.pl5 { padding-left: 5px;}
.pl10 { padding-left: 10px;}

.pb0 { padding-bottom: 0px;}
.pb2 { padding-bottom: 2px;}
.pb5 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}

/************************************/
#contents .p-clr p {
	padding:0;
	margin:0;
	line-height:1.5em;
}
/************************************/

/***********************************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%; /* Hides from IEmac \*/
}
.clearfix {
    display: block;
}