@charset "utf-8";

{
	margin: 0;  /* 全ての要素をリセット */
	padding: 0;  /* 全ての要素をリセット */
	border: none;
}
body {
	margin:0;
	padding:0;
	background:rgb(168,179,177) url(images/bg-body.jpg) repeat-y;
	color:#000000;
	font-size:100%;
	font-family:Arial,sans-serif;
}
#jpen{
	width:200px
	height:22px;
	position:absolute;
	left:70%;
	top:5px;
	z-index:10;
	background:url(images/jp-en-1.gif) no-repeat;
}
#jpen a{
	display:block;
}
#jpen a:hover{
	background:url(images/jp-en-2.gif) no-repeat;
}

#jpenE{
	width:200px
	height:22px;
	position:absolute;
	left:70%;
	top:5px;
	z-index:10;
	background:url(images/jp-enE-1.gif) no-repeat;
}
#jpenE a{
	display:block;
}
#jpenE a:hover{
	background:url(images/jp-enE-2.gif) no-repeat;
}
/********************* Header *********************/
#header {
	background:rgb(176,198,183) url(images/bg-header2.jpg) repeat-x;
	width:100%;
	height:130px;
}
#sitetitle{
	position:absolute;
	left:20%;
	top:30px;
	width:400px;
	height:70px;
	
}
#title{
	min-height:30px;
	margin:0;
	padding:8px 0 0 80px;
	background:url(images/bg-title.png) no-repeat;
	font-size:120%;
	font-weight:bold;
	color: rgb(221,73,0);
}
#wrapper{
	width:100%;
	margin:20px 0 30px 0;
}
#nav_colmn{
	margin-left:15px;
	float:left;
	width:170px;
}
.clearR{
	clear:right;
}
.clearL{
	clear:left;
}
.clearB{
	clear:both;
}
#footer{
	width:100%;
	height:200px;
	/*margin:20px auto 0 auto;*/
	background:url(images/bg-footer.jpg) repeat-x;
	border-top:1px solid rgb(51,51,51);
	padding-top:20px;
	text-align:center;
	font-size:75%;
	line-height:150%;
	opacity:0.6;
	filter: Alpha(opacity=60);
}

#footer a:link{
	text-decoration:none;
	color:rgb(0,131,239);
}
#footer a:visited {
	text-decoration:none;
	color: rgb(0,131,239);
}
#footer a:hover {
	color: #C41818;
}
#footer a:active {
	color: #A9A9D1;
}
#footer #banner{
	padding:0 0 10px 300px;
}
/********************** Main Contents *************************/
#main_colmn{
	margin-left:210px;
	width:640px;
	background:rgb(255,255,255);
	font-size:90%;
}

#main_colmn .contents {
	/*margin: 5px 5px 10px 5px;*/
	padding: 30px 40px 50px 40px;
	border-right:8px solid rgb(60,83,94);
	border-bottom:8px solid rgb(60,83,94);
	text-align:justify;
	line-height:150%;
}
#main_colmn .contents h1{
	font-size:150%;
	line-height:150%;
	color: rgb(179,2,37) ;
}
#main_colmn .contents h2{
	margin-top:30px;
	font-size:120%;
}
#main_colmn .contents div#author{
	margin-bottom:30px;
	text-align:right;
}
#main_colmn .contents p{
	text-align:justify;
	line-height:200%;
}

#main_colmn .bg{
	background:url(images/bg-torii.gif) no-repeat center center;
}
#main_colmn .contents a:link{
	text-decoration:none;
	color:rgb(0,131,239);
}
#main_colmn .contents a:visited {
	text-decoration:none;
	color: #0D5280;
}
#main_colmn .contents a:active {
	color: #A9A9D1;
}
#main_colmn .contents a:hover {
	color: #C41818;
}
#main_colmn .contents a.no:visited {
	text-decoration:none;
	color:rgb(0,131,239);
}
#main_colmn .contents a.no:hover {
	color: #C41818;
}
#main_colmn .contents .linebox{
	margin-right:10px;
	padding:0 10px 15px 15px;
	border:1px solid rgb(204,204,204);
}

#main_colmn .contents .lineboxColor{
	background:url(images/bg-grad1.jpg) repeat-x;
	padding:0 10px 15px 15px;
	border:1px solid rgb(10,152,142);
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
}
#main_colmn div#nav{
	text-align:right;
}
#main_colmn div#nav a{
	padding:4px 6px 4px 6px;
	border:2px solid rgb(176,198,183);
	background:rgb(247,246,185);
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
}
#main_colmn div#nav a:visited{
	color:rgb(49,94,120);
}
#main_colmn div#nav a:hover{
	background:#2E81C4;
	color:yellow;
}
#main_colmn hr{
	margin:10px 0 20px;
	background:rgb(204,51,0);
	border:none;
	color:rgb(204,51,0);
	height:2px;
	width:100%;
}
ul.bline{
	list-style-image:url(images/whatsnew_pocci.png);
}
ul.whatsnew{
	list-style-image:url(images/potch-1.png);
	vertical-align:bottom;
}
.contents #link{
	margin:20px 0 0 20px;
	width:450px;
}
.smallBox{
	width:500px;
}
.imgR{
	float:right;
	margin-left:10px;
}
.imgC{
	text-align:center;
}
/********************** Main Contents END ******************/

#main_colmn .contents .pagetop{
	width:80px;
	margin:20px 10px 20px auto;
	padding:0 4px 0 4px;
	text-align:center;
	font-size:75%;
	font-weight:bold;
	color:#000052;
	font-family:Arial,sans-serif;
}
#main_colmn .contents .pagetop a{
	display:block;
	background:#C5E6FF;
	color:#000052;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
}
#main_colmn .contents .pagetop a:link{
	color:#000052;
}
#main_colmn .contents .pagetop a:hover{
	background:rgb(216,248,189);
	color:#103994;
}
ul.image1{
	list-style-image:url(images/dot-orange.png);
}
ul.arrow{
	list-style-image:url(images/arrow-orange.png);
}
.txtright{
	text-align:right;
}
.txtcenter{
	text-align:center;
}
.margL20{
	margin-left:20px;
}
.margL40{
	margin-left:40px;
}
.margL60{
	margin-left:60px;
}
.margL80{
	margin-left:80px;
}
table#experiance td {
	font-weight:bold;
	color:rgb(123,148,0);
}
table#experiance td a img{
	border:3px solid rgb(255,255,255);
}
table#experiance td a img:hover{
	border:3px solid rgb(250,162,0);
}
a img.light{
	border:3px solid rgb(255,255,255);
}
a img.light:hover{
	border:3px solid rgb(250,162,0);
}
div.source{
	margin:10px 0 0 0;
	width:280px;
	text-align:left;
	overflow:auto;
	padding:10px;
	border:1px solid rgb(153,153,153);
}
.left{
	text-align:left;
}
.txunderline{
	text-decoration:underline;
}

/********************lightbox*********************/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#overlay{ 
	background-image: url(images/overlay-grey.png);
	opacity:0.8;
	filter: Alpha(opacity=80);
}
/*
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/pixel.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="mozillaimg/overlay-grey.png", sizingMethod="scale");
}*/