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


/*
■■■■■■■■■■■■■■■■■■
ナビゲーション
■■■■■■■■■■■■■■■■■■
*/

nav.top li {	width:250px;
			margin-right:35px;
			float:left;}

nav.top li.nav_r {	margin-right:0px;}

nav.top { margin-top:50px;}

nav.top img {margin-bottom:15px;}

nav.top a:focus img,
nav.top a:hover img {
    filter:alpha(opacity=50); /*IE*/
    -moz-opacity:0.5; /*Older Firefox*/
    opacity:0.5; /* Modern Browsers*/
}


nav.under {	background-color:#FFF;
					padding:9px 18px 12px;
					margin-bottom:8px;
					border-radius: 10px; 		/* CSS3草案 */  
					-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */  
					-moz-border-radius: 10px;	/* Firefox用 */  }

nav.under li {		margin-right:20px;
						float:left;}

nav.under { margin-top:10px;}

/*
■■■■■■■■■■■■■■■■■■
コンテンツエリア
■■■■■■■■■■■■■■■■■■
*/




/* 本文エリア */

#contents { background-color:#FFF;
			padding:40px 60px;
			border-radius: 10px; 		/* CSS3草案 */  
			-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */  
			-moz-border-radius: 10px;	/* Firefox用 */  }


/* 本文エリアWORKS 右側のpaddinが違う */

#contents_works { background-color:#FFF;
			padding:40px 40px 40px 60px;
			border-radius: 10px; 		/* CSS3草案 */  
			-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */  
			-moz-border-radius: 10px;	/* Firefox用 */  }


/* トップページ */

.info {	clear:both;
			padding-top:40px;}

.info li { margin-bottom:5px;
			padding-left:25px;
			background-image:url(../img/common/icon.gif);
			background-repeat:no-repeat;
			background-position:3px 6px;}

.info h2 { margin-bottom:0px;}


#contents h2 img { margin-bottom:10px;}


/* ABOUTページ */

h2.profile {	width:250px;
					float:left;}

div.profile {	width:530px;
					margin-top:50px;
					text-align:justify;
					margin-left:290px;}

.bio {	padding-left:20px;
			margin:20px 0px;
			background-image:url(../img/common/bg_stripe.gif);
			background-repeat:repeat-y;}

.profile p { margin-bottom:10px;}

.profile h3 { margin-top:30px;
					color:#FFFFFF;
					font-family: 'Oswald', sans-serif;
					font-weight:normal;
					font-size:16px;
					letter-spacing:0.1em;
					background-color:#3e3e3e;
					padding:0px 10px 1px;
					width:90px;
					text-align:center;
					border-radius: 15px; 		/* CSS3草案 */  
					-webkit-border-radius: 15px;	/* Safari,Google Chrome用 */  
					-moz-border-radius: 15px;	/* Firefox用 */ }

.profile h4 {	color:#ff40a3;
					margin-top:10px;
					padding-left:17px;
					background-image:url(../img/common/icon.gif);
					background-position:1px 5px;
					background-repeat:no-repeat;}

.mail {	margin-top:50px;
			padding-left:30px;
			background-image:url(../about/img/icon_mail.gif);
			background-repeat:no-repeat;
			background-position:0px 5px;}
			

/* WORKSページ */


h2.works {	width:250px;}


div.works {	width:840px;
				margin-top:20px;
				text-align:justify;}



/* フィルターボタン */

.category { margin-top:30px;}

button{
			  font-size:16px;
			  display:inline-block;
			  padding:0.4em 0.8em;
			  background:#ffffff;
			  border:#666 1px solid;
			  color:#666;
			  border-radius:4px;
			  cursor:pointer;
			  margin-right:8px;
}

button.active{
  background: #666;
  color:#ffffff;
}

button:focus{
  outline: 0 none;
}


button:hover {
	color:#ffffff;
	background:#666;
	}



/* サムネイルエリア */

#Container {	margin-top:30px;}

#Container img { box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);}

#Container ul { text-align:left;}

#Container li {margin-right:15px;
						margin-bottom:20px;}

#Container a:focus img,
#Container a:hover img {
    filter:alpha(opacity=50); /*IE*/
    -moz-opacity:0.5; /*Older Firefox*/
    opacity:0.5; /* Modern Browsers*/
}


/* DWで編集するときはこのプロパティをコメントアウトする */

#Container .mix{
    display: none;
}


/* トップへ戻る */


#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	left:50%;
	bottom:50px;
	margin-left:380px;
}

 
 
 /* ▲アイコンの部分 */
 
#page-top p{
	width:50px;
	margin:0;
	padding:0;
	text-align:center;
	border:#FFFFFF 3px solid;
	background:#3b3b3b;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top p:hover{
	background:#8b8b8b;
}
 
#move-page-top{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}



/* CONTACTページ */


h2.contact { margin-bottom:20px;}

table.formTable {margin:20px 0px;}

.error_messe { font-size:150%;
						padding:10px 0px;}

.error {padding-bottom:20px;}