@charset "utf-8";
/* CSS Document */

/* Redefine *
***********************************************************/

a { outline: none;
	text-decoration: none;
	border: none;
}

.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs17 { font-size: 17px; }
.fs18 { font-size: 18px; }
.fs19 { font-size: 19px; }
.fs20 { font-size: 20px; }

.fwB { font-weight: bold; }
.fwN { font-weight: normal; }

  .fontred { color: #dc5962; }
 .fontblue { color: blue; }
.fontgreen { color: green; }
.fontblack { color: black; }
.fontwhite { color: white; }
 .fontgold { color: #8c6600; }    

.aunderline { text-decoration: underline; }

.positionC {
    margin: 0 auto;
    padding: 0 auto;
}

.textL { text-align: left; } 
.textC { text-align: center; }

.hide { display: none; }

/***************************************************/


/* clearfix *
***********************************************************/

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

.clearfix{ overflow:hidden; }

/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hides from IE-mac */

/***************************************************/


/* other *
***********************************************************/

/* css import */
@import "foo.css";

* html #foo {} /* IE6ハック */
*+html #foo {} /* IE7ハック */




body {
	background: #ffffff url(../images/backpatternB_beige.gif) repeat;
    overflow: scroll;
    overflow-x: hidden;

}

div#backImage {
	position: absolute;
	width: 100%;
	height: 533px;
	background: url(../images/backimageB2.png) left 50px no-repeat;
}

/* header *
***********************************************************/

div#header {
	display: block;
	margin: 30px 0 0 0; 
	width: 100%; 
	height: 55px; 
	border: none;
	background: url(../images/header_baseB.png) repeat-x; 
	z-index: 100;
}
h1 {
	float: left;
	width: 410px;
	height: 55px;
}
p#blogLink {
	float: right;
	padding: 15px 20px 0 0;
}
p#twLink,
p#twLink2 {
	float: right;
	padding: 15px 10px 0 0;
}


/* container *
***********************************************************/

div#container {
	position: absolute;
	width: 100%;
	z-index: 100;
	margin-bottom: 160px;
}


/* content *
***********************************************************/

div#content {
	margin: 40px auto 0 auto;
	width: 970px;
}


/* tab */
ul#tab li { float: left; }
ul#tab li a {
	display: block;
	margin: 0 2px 0 0;
	padding: 3px 12px;
	height: 19px;
	color: white;
	background-color:#C34a44;
	cursor: pointer;
}
ul#tab li a:hover,
ul#tab li.select a {
	display: block;
	margin: -13px 2px 0 0;
	padding: 3px 12px 16px 12px;
	height: 19px;
	color: #C34a44;
	background-color: white;
}


/* content_wrap *
***********************************************************/

div.disnon { display: none; }

div.content_wrap {
	clear: left;
	padding: 30px 70px 40px 70px;
	width: 830px;
	background-color: white;
}


/* column1 */
table.column1 {
	margin-bottom: 20px;
	width: 100%;
}
table.column1 caption {
	font-size: 14px;
	text-align: left;
	color: #464646;
	font-weight: bold;
	line-height: 2;
}
table.column1 th, 
table.column1 td { vertical-align: top; }
table.column1 th {
	text-align: center;
	color: white;
	border-right: 1px white dotted;
	background: url(../images/ft_bg_01.gif) repeat;
}
table.column1 .side { background: url(../images/list-boder.gif) 0 0 no-repeat; }
table.column1 td {
	padding: 0 12px;
	text-align: left;
	color: #464646;
	border-bottom: 1px #a0a0a0 dotted;
}
table.column1 .page {
	width: 25px;
	text-align: center;
}
table.column1 .nor {
	white-space: nowrap;	
}



/* column2&3 */
table.column2,
table.column3 {
	margin-bottom: 20px;
	line-height: 1.6;
	color: #464646;
}
div.content_wrap h2 {
	margin-bottom: 20px;
	text-align: left;
	font-size: 14px;
	color: #9cbd51;
	font-weight: bold;
	line-height: 2;
	border-bottom: 1px #a0a0a0 dotted;
}
table.column2 h3,
table.column3 h3 {
	margin-bottom: 6px;
	font-size: 13px;
	color: #9cbd51;
}
table.column2 th, 
table.column2 td {
	padding-left: 22px;
	width: 191px;
	vertical-align: top;
	text-align: left;
}
table.column3 th, 
table.column3 td {
	padding-left: 22px;
	width: 262px;
	vertical-align: top;
	text-align: left;
}

table.column2 td,
table.column3 td { padding-bottom: 20px; }
table.column2 .tdLeft,
table.column3 .tdLeft { padding-left: 0px; }
table.column2 td.photo,
table.column3 td.photo { text-align: center; }
table.column2 p,
table.column3 p { padding-bottom: 10px;}


/* oop */
h3#oopH3 { 
	font-size: 14px;
	color: #9cbd51;
}
div#oop {
	padding: 30px 40px;
	background-color: #e0eec0;
}
div#oop ul { 
	list-style: disc;
	padding-left: 12px;
}
div#oop p { padding-left: 24px; }



/* gotop *
***********************************************************/

p.gotop { text-align: right; }