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


body {
	background-attachment: scroll;
	background-image: url(../img/ground.jpg);
	background-repeat: repeat;
	background-position: center top;
	padding: 0px;
	margin: 0px;
	font-family:"メイリオ",ＭＳ Ｐゴシック, Osaka, sans-serif, "ヒラギノ角ゴ Pro W3", "SimSun"Microsoft YaHei,Arial, Helvetica, sans-serif, SimHei, SimSun,;
	font-size: 14px;
	color:#FFFFFF;
	text-align: left;
	line-height:1.4;
}


#topBar {
	height: 90px;
	background-position: center top;
	background-image: url(../img/top_ber.jpg);
	margin-top: 10px;
}



#topBar .elements {
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
#topBar .elements2 {
	width: 210px;
	margin: 0 auto 0px auto; /* the bottom margin is the negative value of the footer's height */
	text-align: right;
}

.floatRight {
	float:right;
}

img {
	border: none;
}


#leaderSplash {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* margin-top: 105px; */
}


#Name {
	height: 60px;
	margin-top: 3px;
	padding-top: 0px;

}

#navBar {
	width: 983px;
	height: 20px;
	background-image: url(../images/navBG.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 3px;
	text-align: left;
	margin-top: 0px;

}

#navBar2 {
	width: %;
	height: 650px;
	background-image: url(../images/navBG.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 3px;
	text-align: center;

}
#navBar3 {
	width: 200px;
	height: 600px;
	background-image: url(../images/navBG.png);
	background-position: right;
	background-repeat: no-repeat;
	padding: 3px;
	text-align: right;

}

.contentBox {
	width: 870px;
	height: 315px;
	background-image: url(../images/contentBG.png);
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
}

.contactBox {
	width: 870px;
	height: 315px;
	background-image: url(../images/contactBG.png);
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
}

.resumeBox {
	width: 870px;
	background-image: url(../images/resumeBG.png);
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
}


.contentWrapper {
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: 870px;
}


.thumbList {
	width: 866px;
	height: 133px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 10px;
	padding-left: 6px;
	overflow: hidden;
	text-align: center;	

}

.thumb {
	width: 200px;
	float: left;
	display: inline;
	margin-left: 8px;
	margin-right: 8px;
	color: #1c4375;
}

.thumb img {
	background-image: url(../images/thumbBG.jpg);
	padding: 6px;
	margin-bottom: 6px;
}

.thumb a {
	color: #1c4375;

}

.thumb a:visited {
	color: #1c4375;

}

.thumb a:hover {
	color: #2860a8;

}

a:focus {
	color: #CCCCCC;
}


.contactSub  {
	width: 280px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
	display: inline;
}

.contactSub img {
	margin-bottom: 5px;
}

.contactText {
	width: 545px;
	margin-left: 310px;
	margin-top: 10px;
	margin-bottom: 70px;
	font-size: 14px;
	color: #12335e;
}

.contactText a {
	color: #12335e;

}

.contactText a:visited {
	color: #12335e;

}

.contactText a:hover {
	color: #2860a8;

}


.contactText strong {
	font-size: 19px;
	color: #12335e;
}

.orange {
	color: #c98702;
}

p.resume {
	margin-top: 20px;
	line-height: 20px;
	color: #333333;
}

p.resume strong {
	font-size: 15px;
}

ul {
	color: #4d4d4d;
	line-height: 30px;

}

li {
	line-height: 15px;
	margin-bottom: 10px;
	margin-top: 3px;

}


* {

}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: 100%;
	margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 70px; /* .push must be the same height as .footer */
}

.footer {
	height: 200px;
	color: #999999;
	font-size: 14px;
	margin-top: 50px;
	text-indent: 20px;
	text-align: center;
	background-image: url(../img/ftte_ber.jpg);
}

.footer a {
	color: #999999;
}



.leightbox {
	color: #000000;
	display: none;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 655px;
	height: 397px;
	
	border: 5px  solid #ffffff;
	background-color: white;
	text-align: left;
	z-index:1001;
	overflow: auto;	
}



.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }


.details {
		width: 643px;
		background-image: url(../images/captionBG.jpg);
		background-repeat: repeat-x;
		color: #fff;
		border-top: #FFFFFF solid;
		border-top-width: 5px;
		padding-left: 12px;
		padding-top: 4px;
		padding-bottom: 8px;
		font-size: 11px;
		line-height: 18px;
		margin-bottom: 0px;
}

.details.Photo {
		width: 643px;
		background-image: url(../images/captionPhotoBG.jpg);
		background-repeat: repeat-x;
		color: #fff;
		border-top: #FFFFFF solid;
		border-top-width: 5px;
		padding-left: 12px;
		padding-top: 4px;
		padding-bottom: 8px;
		font-size: 11px;
		line-height: 18px;
		margin-bottom: 0px;
}

.details a {
	color: #FFFFFF;
	text-decoration: underline;
}

.details a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

.details a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.details p {
	float: left;
	display: inline;
	padding:0px;
	margin:0px 80px 0px 0px;
}


img, div { behavior: url(iepngfix.htc) }


a:hover{
	text-decoration:underline;
}

a:link,
a:visited {
	text-decoration:none;

}
a:hover,
a:active {
	text-decoration:underline;

}

.container {width: 970px; margin: 0 auto;}



ul#topnav {
	margin: 0;
	padding: 0;
	float: left;
	width: 990px;
	list-style: none;
	position: relative;
	font-size: 12px;
	background: url(topnav_stretch.gif) repeat-x;
	margin-top: 0px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
	font-size: 12px;
}
ul#topnav li:hover { background: #1376c9 url(topnav_active.gif) repeat-x; }
ul#topnav li span {
	float: left;
	padding: 5px 0;
	position: absolute;
	left: 0;
	top:35px;
	display: none;
	width: 990px;
	background: #000;
	color: #999999;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}


/* 画像の入る枠の設定 */

.screenshot {
	position:relative;
	overflow:hidden;
	width:650;
	height:350px;
	z-index:1;
	margin-bottom:0px;
	margin:0;
	background-color:#fffff;
	padding:5px;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:14px;
	font-style:normal;

}

/* キャプションの入る枠の設定 */




.rating {
	left:0px;
	position:absolute;
	background: #111;
	-moz-opacity:.60;
	filter:alpha(opacity=70);
	opacity:.65;
	bottom:-224px;
	background-color:#000;
	margin-left:0px;
	margin-bottom:0px;
	padding:2px 0 0 6px;
	display:block;
	cursor:pointer;
	width:580px;
	height:200px;
	overflow:hidden;

}


/* キャプションの設定 */

.thumbnail span {

        display:block;
    
        color:#ffffff;
    
    text-align:left;
}


/* ミニ枠 */
.screenshot2 {

        position:relative;
        overflow:hidden;
        width:275px;
        height:350px;
        z-index:1;
        margin-bottom:0px;
        margin:0;
    background-color:#fffff ;
        padding:3px;
        font-family:Tahoma,Verdana,Arial,sans-serif;
        font-size:12px;
        font-style:normal;
}

/* キャプションの入る枠の設定 */




.rating2 {
        left:0px;
        position:absolute;    
        background: #111;       
    -moz-opacity:.60;  
    filter:alpha(opacity=70);   
    opacity:.65;
        bottom:-450px;
        background-color:#000 ;
        margin-left:0px;
        margin-bottom:0px;
        padding:2px 0 0 6px;
        display:block;
        cursor:pointer;
        width:280px;
        height:350px;
        overflow:hidden;
}


/* キャプションの設定 */

.thumbnail2 span {
        display:block;   
        color:#ffffff;   
    text-align:left;
}