@charset "utf-8";

/*
Theme Name: www.atelier-mansell.com/
Theme URI: http://www.atelier-mansell.com/
Description: atelier-mansell.com/
Version: 1.0
Author: MUNENORI OKADA OFFICIAL SITE.
Author URI: http://www.atelier-mansell.com/
Tags: Original
*/

/* common.css
-----------------------------------------*/

body {
		background: #000;
		
		margin: 0;
		padding: 0;

		color: #ddd;

		font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "MS P ゴシック", verdana, sans-serif;
}

input, select, textarea {
		font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "MS P ゴシック", verdana, sans-serif;
		margin: 0;
		padding: 2px;
}

img {
	border:0;
	
	display : block;
	
	margin: 0;
	padding: 0;
}

.css_img_hover {
		transition: opacity 0.1s ease-in 0;
}

.css_img_hover:hover {
		opacity:0.6;
		/*
		opacity:0.6;
		filter: alpha(opacity=60);
		-moz-opacity:0.6;
		-ms-filter:"alpha(opacity=60)";*/
}

a:link,a:visited { color: #ddd; transition: color 0.1s ease-in 0;}
a:hover,a:active { color: #F60;}


/* header
-----------------------------------------*/

#header {
		margin: 0 auto;
		padding: 50px 0 0;
		
		width: auto;
		
		border-bottom: 1px solid #ddd;
}

#header > h1 {
		margin: 0 auto 20px;
		padding: 0;
		
		width: 315px;
}

#header > nav {
		position: absolute;
		top:0;
		right: 10px;
		margin: 0 0 0 auto;
		padding: 0;
		
		width: 100px;
		
		font-size: 12px;
		
		border-top: none;
		border-right: 1px solid;
		border-bottom: 1px solid;
		border-left: 1px solid;
		
		text-align: center;
}

#gnavi {
		margin: 0 auto;
		padding: 0;
		
		width: 1000px;
		
		list-style: none;
}
#gnavi:after {
		content : "";
		display : block;
		height : 0;
		clear : both;
}

#gnavi > li {
		margin: 0;
		padding: 0;
		
		float: left;
}


/* footer
-----------------------------------------*/

#pagetop {
		margin: 0 auto;
		padding: 0 0 10px;
		
		width: 1000px;
		
		text-align: right;
		
		font-size: 12px;
		
}

#footer {
		margin: 0;
		padding: 20px 0;
		
		width: auto;
		
		border-top: 1px solid #ddd;
}

#footer > p {
		margin: 0 auto;
		padding: 0;
		
		width: 1000px;
		
		line-height: 180%;
		
		font-size: 14px;
		
		text-align: center;
}



#footer .sns{
	margin: 0 auto;
	padding: 0 0 20px;
	width: 76px;

	list-style: none;
}

#footer .sns:after {
		content: " ";
		display: block;
		height: 0;
		clear: both;
}


#footer .sns li{
	padding: 0 4px 0;
	float: left;
}

#footer .sns li a:hover{
	opacity: 60%;
}




/* contents
-----------------------------------------*/

#contents {
		margin: 0 auto;
		padding: 20px 0 40px;
		
		width: 1000px;
		
		min-height: 300px;
}
#contents:after {
		content: " ";
		display: block;
		height: 0;
		clear: both;
}

#contents > h1 {
		margin: 0 0 20px;
		padding: 10px 0 10px;
		
		width: 1000px;
		
		border-bottom: 1px solid #ddd;
}

#contents > h1 > span {
		font-size: 16px;
}

#contents > h2 {
		margin: 0 0 20px;
		padding: 30px 0 10px;
		
		width: 1000px;
		
		font-size: 16px;
		
		border-bottom: 1px solid #ddd;
}


/* biography.css
-----------------------------------------*/

#profile {
		margin: 0 auto;
		padding: 0 0 0;
		
		width: 1000px;
}
#profile:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
}

.profile_img {
		margin: 0 20px 0 0;
		
 		float: left;
}

.profile_box {
		margin: 0 0 0 0;
		padding: 0;
		
		width: 550px;
		
		float: left;
}

.profile_box > dt {
		margin: 0 0;
		padding: 0;
		
		width: 550px;
		
		font-size: 20px;
		
		line-height: 180%;
}
.profile_box > dt > span {
		font-size: 12px;
}

.profile_box > dd {
		margin: 0 0 10px;
		padding: 0;
		
		width: 550px;
		
		font-size: 14px;
		
		line-height: 180%;
}

.award {
		margin: 0;
		padding: 0 0;
		
		width: 1000px;
}
.award:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
}

.award > dl {
		margin: 0 50px 0 0;
		padding: 0;
		
		width: 450px;
		
		float: left;
}

.award > dl > dt {
		margin: 0 0;
		padding: 0;
		
		font-size: 20px;
		
		line-height: 180%;
}

.award > dl > dd {
		margin: 0 0 10px;
		padding: 0;
		
		font-size: 14px;
		
		line-height: 180%;
}
.award > dl > dd > img {
		margin:20px 0 0;
}

#fuku {
		margin: 0 auto;
		padding: 0 0 60px;
		
		width: 1000px;
}
#fuku:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
}

.img_right {
		margin: 0 30px 30px 0;
		
		float: right;
}