@charset "utf-8";

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
	margin:0;
	padding:0;
	font-size:100%;
}

a {
 color: #336699;
}

body{
	line-height:1.0;
	background-color:#EBF0F3;
	font-size:14px;
}

/* ヘッダー、ｈ１　*/

header.gheader h1{
	width:100%;
	height:44px;
	background-color:#75d9d0;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#d9f5f3), to(#75d9d0));
	font-size:1.2em;
	text-align:center;
	line-height:44px;
}

header.gheader h1:before ,header.gheader h1:after{
	content:'★';
}

header.gheader img{
	display:block;
	margin:10px auto;
}

header.gheader p {
	background-color:#75d9d0;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:10px;
	margin:10px;
	line-height:18px;
}

/* セクション */

section h1{
	border-left:5px solid #C90;
	line-height:30px;
	padding:10px 0 10px 14px;
	font-size:18px;
	background-color:#EBF0F3;
	margin-bottom:10px;
}

section p{
	line-height:24px;
	padding:0 10px;
}

/* 正円アイコン型ナビゲーション */

.nav_portfolio img{
	margin-bottom:6px;
	width:60px;
	height:60px;
	-webkit-border-radius:30px;
	border-radius:30px;
	-webkit-box-shadow:0 0 3px #000;
	box-shadow:0 0 3px #333333;
}

.nav_portfolio ul li{
	float:left;
	list-style-type:none;
	margin:0 0 10px 16px;
	text-align:center;
}

.nav_portfolio ul:after{
	display:block;
	clear:both;
	content:'';
}

.nav_portfolio a{
	display:block;
	text-decoration:none;
}

.nav_portfolio a:after{
	display:block;
	content:attr(title);
	font-size:12px;
	width:60px;
	text-align:center;
	white-space:nowrap;
}

/* リスト型ナビゲーション（仕事内容案内）  */

.profeel{
	margin:10px;	
}

.profeel ul{
	-webkit-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0 0 3px #333333;
	box-shadow:0 0 3px #333333;
}

.profeel li{
	border-top:1px solid #d9f5f3;
	border-bottom:1px solid #75d9d0;
	height:44px;
	line-height:44px;
	background-color:#ffffff;
}

.profeel li:first-child{
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
}

.profeel li:last-child{
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;}

.profeel a{
	text-decoration:none;
	padding:0 14px;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

/* フッター */

footer{
	padding:10px 0;
	background-color:#75d9d0;
}

.copyright{
	  margin:0;
		color:#ffffff;
		font-size:0.8em;
	  text-align:center;
}

section.pen img{
	display:block;
	margin:10px auto;
}


/* 空飛ぶペンギンページ */

.pen p{
	margin-bottom:16px;
}

/*　↓headerにclassを入れたが、h1にclassを仕掛けることもできる　*/


.pen-header{
 	height:44px;
	background-color:#75d9d0;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#d9f5f3), to(#75d9d0));
		line-height:44px;
}

.page-heading{
	margin:0 auto;
	width:140px;
	overflow:hidden;
	text-overflow:ellipsis;	
	text-align:center;	
	font-size:1.2em;
	text-shadow:0 1px #ffffff;
	white-space:nowrap;
}


header.pen-header h1{
	font-size:1.2em;
	text-shadow:0 1px #ffffff;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
}


.nav-page{
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

.nav-page-left{
	position:absolute;
	top:0;
	left:10px;
}

.nav-page a{
	padding:6px 12px;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#d9f5f3),   color-stop(45%, #c8e4e2), color-stop(55%, #86e0e1),to(#75d9d0));
	border:1px solid #75d9d0;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px #d9f5f3;
	box-shadow:0 1px #d9f5f3;
	text-decoration:none;
}

/* NINJAのコマーシャルを消す */
ul.tdftad {
  display: none;
}