@charset "UTF-8";

html { height: 100%; }

body {
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 100%;
	line-height: 1.6em;
	margin : 0;
	padding: 0;
	position: relative;
}

/* * { word-wrap: break-word; } */
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */

* { margin : 0 ; padding : 0 ; }

form,
p,ul,li,input,
dl,dt,dd,textarea,
header,footer {
	margin:0;
	padding:0;
}

img {
	/* vertical-align: bottom; */
	border: none;
}

*:first-child+html body { font-size:77%;}
* html body { font-size:77%; }

ul { list-style:none;}

.contentsWrap {
	margin: 0 auto 30px;
	width: 920px;
}

.contentsWrap a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.leftArea {
	float: left;
	width: 600px;
}

.rightArea {
	float: right;
	width: 270px;
}

.contentsWrap h1 img {
	padding: 0 0 20px;
}

/* Profile
=========================================*/
.leftArea ul {
	letter-spacing: -0.4em;
	margin: 0 5px;
}

.leftArea ul li {
	display: inline-block;
	*display: inline;
	letter-spacing: normal;
	margin: 0 0 30px;
	width: 275px;
    *zoom: 1;
}

.leftArea ul li:nth-child(2n+1) {
	margin-right: 40px;
}

.leftArea ul li h2 {
	font-size: 18px;
}

.blue { color: #003f8e;}
.red { color: #e8383d;}

.anaImg {
	float: left;
	height: auto;
	margin: 0 1em 0 0;
	width: 112px;
}

.anaProf {
	float: left;
	width: 145px;
}

.anaProf img {
	margin: 7px 0 0;
}

.anaProf p {
	border-bottom: 1px dashed #BBB;
	color: #787878;
	font-size: 10px;
	line-height: 1.8em;
}

.titleWrap {
	border-bottom: 2px dotted #f4070d;
	margin: 0 5px 20px;
	padding: 15px 5px 10px;
}




/* Blog
=========================================*/
.rightArea ul {
	margin: 0 10px 40px 0;
}

.rightArea ul li {
	background: #FFF;
	border-bottom: 1px dotted #BBB;
}

.rightArea ul li a {
	background: #FFF;
	display: block;
	padding: 5px 3px 2px;
	text-decoration: none;
}

.rightArea ul li a:hover {
	background: #F5F5F5;
}

.rightArea ul li img {
	float: left;
	height: auto;
	margin: 0 0.5em 3px 0;
	width: 46px;
}

.blogContents {
	float:left;
}

.blogContents p {
	color: #787878;
	font-size: 11px;
	line-height: 1.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 200px;
	white-space: nowrap;
}

.blogContents p span {
	color: #ea553a;
}



/* Banner
=========================================*/

.bnWrap {
	text-align: left !important;
}




/* Detail
=========================================*/
.detailWrap {}

.detailWrap h2 {
	float: left;
	font-size: 20px;
	margin: 0;
	padding: 7px 0 2px 15px;
	width: 585px;
}

.detailWrap h2 span {
	font-size: 12px;
	padding: 0 0 0 10px;
}

.detailWrap img {
	float: left;
}

.detailWrap dl {
	border-bottom: 1px dashed #C8C8C8;
	float: right;
	/* margin-left: 20px; */
	width: 330px;
}

.detailWrap dt {
	border-top: 1px dashed #C8C8C8;
	clear: left;
	float: left;
	padding: 5px 0;
	width: 100px;
}

.detailWrap dd {
	border-top: 1px dashed #C8C8C8;
	margin: 0 0 0 100px;
	padding: 5px 0;
}

.detailWrap dd a {
	color: #555;
	text-decoration: underline;
}

.detailWrap dd a:hover {
	text-decoration: none;
}

.blogBtn {
	position: absolute;
	right: 0;
	top: 0;
}

.nameWrap {
	clear: both;
	margin: 0 0 25px;
	padding: 0;
	position: relative;
}

.nameWrap img {
	float: right;
	margin: 3px 5px;
}

/*  */
.redT dt {
	color: #e8383d;
}

.redT h2 {
	background: url(../images/title_back_red.gif) no-repeat left bottom;
	border-bottom: 3px solid #e8383d;
	color: #e8383d;
}

.blueT dt {
	color: #003f8e;
}

.blueT h2 {
	background: url(../images/title_back_blue.gif) no-repeat left bottom;
	border-bottom: 3px solid #003f8e;
	color: #003f8e;
}

/*  */

.navWrap {
	background: #fffff0;
	border: 3px solid #9fcc34;
	border-radius: 5px;
	clear: both;
	margin: 40px 0 0;
}

.navWrap ul {
	letter-spacing: -0.4em;
	padding: 0 0 0 16px;
}

.navWrap ul li {
	display: inline-block;
	*display: inline;
	letter-spacing: normal;
	margin: 0 0 10px;
	text-align: center;
	width: 92px;
    *zoom: 1;
}

.navWrap ul li img {
	height: auto;
	width: 72px;
}

.navWrap ul li p {
	color: #222;
	font-size: 11px;
}

.navWrap ul li:nth-child(2n+1) {
	margin-right: auto;
}

.navWrap ul li a:link {
	color: #222;
	text-decoration: none;
}