@charset "utf-8";
/* ========================================== */
* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
/* ========================================== */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
} /* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */
.css-att {
	display: none;
}
/* ========================================== */

body {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

body link="#333333" vlink="#999999">
; 	font-size: 100%;
}

a:link {color:#666666; text-decoration:none;}
a:visit {color:#CCCCCC;}
a:hover {color:#666666; text-decoration:underline;}
a:active {color: #0000CC;}




.left {
float:left;
margin:0 10px 5px 0;
}
.right {
float:right;
margin:0 0 5px 10px;
}
.hr{
	border-top:1px solid;
	margin:10px 0;
	font-size:0px;
	line-height:0px;
}
.dot,.dot th, .dot td {
border-style:dotted;
}
.bdr {
border-collapse:collapse;
border-width:1px;
}
.bdr th,.bdr td {
border-width:1px;
padding:4px;
}
/* ========================================== */
.menua li{
border-bottom:1px solid #666666;
list-style:none;
}
.menua a{
color:#333333;
display:block;
padding:4px;
text-decoration:none;
}
.menua a:hover {
background-color:#999999;
color:#FFFFFF;
}
/* ========================================== */
body {
}
/* ========================================== */
.top {
width:820px;
height:40px;
margin-left:auto;
margin-right:auto;
border-top:solid 5px #B8B162;
}
.tamamo {
margin-top:10px;
}

.ctr {
width:820px;
margin-left:auto;
margin-right:auto;
position: relative;
}


.rgt {width:590px;}
.m{font-size:13px;line-height:30px;}
.h{margin-left:25px;margin-top:3px;font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-size: 84%;line-height: 1.05;font-weight: lighter;letter-spacing: -0.8px;color:#666666 ; }
.i{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 84%;
	line-height: 1.25;
	font-weight: lighter;
	letter-spacing: -0.5px;
	color:#333333;
}
.bot {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.wc {
width:590px;
margin-bottom:5px;
}

.title {
background:url(../img/t10.png);
width:700px;
height:32px;
margin-bottom:8px;
}
.title h3{
font-size:98%;
padding-left:45px;
padding-top:9px;
}
.o {background:url(../img/e3.png);}
.b {background:url(../img/a7.png);}




.personal{width:290px;}
.p1{height:70px;}
.p2{background:url(../img/t12.png) repeat-y;padding:10px;}
.dotg {width:100%;border-bottom:1px dotted #36917D;margin-top:5px;margin-bottom:5px;}

.company{width:290px;}
.c1{height:70px;}
.c2{background:url(../img/t15.png) repeat-y;padding:10px;}
.dotb {width:100%;border-bottom:1px dotted #244D90;margin-top:5px;margin-bottom:5px;}

.topics{width:590px; margin-top:10px;}
.t1{height:70px;}
.t2{background:url(../img/t18.png) repeat-y;padding:10px;}
.doto {width:100%;border-bottom:1px dotted #EF9022;margin-top:10px;margin-bottom:10px;}


.foot {
	width:820px;
	height:100px;

	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	border-top:solid 1px #999999;
	color:#999999;
	padding-top:3px;

}
.f1 {
width:200px;
height:75px;
background-color:#B8B162;
border-right:solid 5px #8F8A4B;
margin-left:0px;
}
.f2 {
	margin-top:25px;
	margin-left:10px;
}
/* ========================================== */
/* ========================================== */
.in {
margin-left:50px;
margin-left:30px;
}
.hg {
border-collapse:collapse;
}
.hg td{
border:solid 1px #999999;
padding:5px;
}
.list {
	float: left;
}
.fontsize-ctn {
	float: right;
}
.fontsize-ctn td {
	vertical-align: top;
	font-size: 10px;
}

.fontsize-ctn  form {
	width: 160px;
}


#fontsize {
	display: none;
}
#portfolio {
	list-style:none;
	height: 225px;
	overflow: hidden;
}