@import "adjust.css";

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0px none;
	vertical-align:bottom;
}

.floatclear{
	clear:both;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

a:link{
	color: #666
}
a:visited{
	color: #666
}
a:hover{
	color: #F00
}


body{
	width:auto;
	/*height:100%;*/
	/*font-size:80%;*/
	font-family: sans-serif;
}

div#wrapper{

}


/*-----------------------------------------------------
header関連
-----------------------------------------------------*/
div#header{
	width:auto;
	/*height:125px;*/

}

h1{
	margin:0px 0px 0px 25px;
}

h2{
	text-align:right;
	font-size:13px;
	font-weight:normal;
	padding:10px 10px 0px 0px;
	/*background-color:#999;*/
}

nav{
	height:20px;
	margin-top:10px;
	padding-left:20px;
	background-image:url("../img/nav-bg01.jpg");	
	background-repeat:repeat-x;
	background-position:bottom;
}

/*リンクメニュー*/
ul#link-menu{

}

ul#link-menu li{
	display:block;
	float:left;
	margin-right:10px;
	padding-left:8px;
	/*background-image:url("../img/li.gif");	
	background-repeat:no-repeat;
	background-position:0px 5px;*/
}

ul#link-menu li a{
	text-decoration: none;
}

ul#link-menu li a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

ul#link-menu li a:link{
}
ul#link-menu li a:visited{
}
ul#link-menu li a:hover{
}

/*スマホ用バナーを隠す*/
.sh{
	display:none;
}

.pc{
	/*border:1px solid #ccc;*/
	width:400px;
}

#contents a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}


/*-----------------------------------------------------
メインコンテンツ
-----------------------------------------------------*/
div#contents{
	margin-left:40px;
	margin-right:50px;
	margin-bottom:30px;
	margin-top:30px;

}

div#contents img{

}

h2#top-h2{
	margin:0;
	padding:0;
}

h3{
	border-bottom:1px solid #999;
	margin-bottom:20px;
	font-size:130%;
}

/*-----------------------------------------------------
プロフィール
-----------------------------------------------------*/
#profile{
	margin-top:40px;
	font-size:90%;
}

#profile td{
	padding:0 2em 2em 0;
	white-space:nowrap;
}

#profile td.midashi{
	vertical-align:top;
}

/*-----------------------------------------------------
principles
-----------------------------------------------------*/
#principles{
	margin-top:40px;
	font-size:90%;
}

#principles p{
	line-height:200%;
}


/*-----------------------------------------------------
フッター
-----------------------------------------------------*/
footer{
	height:175px;
	padding:10px;
	font-size:80%;
	text-align:right;

	background-image:url("../img/footer.jpg");	
	background-repeat:repeat-x;
	background-position:bottom;

	position:relative;

	/*background-color:#CCC;*/
}

#page-top{
	position:absolute;
	top:0px;
	right:20px;

	background-color:#666;

	/*背景を丸にする*/
	display:flex;
	align-items: center;
	height:70px;
	width:70px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;

	text-align:center;
}

#page-top p{
	margin:0 auto;
}

#page-top p a{
	color: #FFF;
	text-decoration:none;
	font-weight:bold;
}

p#cp{
	position:absolute;
	top:75px;
	right:20px;
	font-size:90%;
}


/*------------------------------------------------------------------------------
フロートバグ対策
解除したい要素にクラスclearfixを追加
------------------------------------------------------------------------------*/

/*clearfixハック*/
.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:inline-block;}
/*End hide from IE-mac*/