/* Reset general--ブラウザ間のcssの初期値が影響しないようにリセットする--*/
html, body, div, span, h1, h2, h3 p, blockquote, pre,
a, address, big, code, em, font, img,  small, strong,
ol, ul, li, form, label, table,  tr, th, td,
article, aside, footer, header, menu, nav, section, summary
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul, ol { list-style: none;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img { border: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h3, h4, h5, h6 { font-weight: normal; }
.clearfix { display: inline-block; }

/* Layout-----------------------------------------------------------*/
/* ページ全体設定*/
body {
	background: #000;
	color: #555;
background-image: url("../images/back.jpg");
	font: 14px/24px sans-serif;
}

/* ページ本体（両サイドが増減する）*/
#pageall{
	background: #fff;
	margin:0px auto;
	width: 950px;
	background-image: url("../images/back.jpg");
}


/* ページ本体（両サイドが増減する）*/
#page{
position:absolute;
	background: #fff;
	margin:0px;
	width: 900px;
}

/* merry gloomy plant*/
#mgp{
font-family:Times;
font-size:24px;
font-weight:bold;
color: white;
letter-spacing:1px;
}
/* Illustration gallary*/
#ill{
font-family:Times;
font-size:12px;
font-weight: bold;
color: white;
letter-spacing:2px;
}
/* ヘッダーの高さ指定*/
#titlebar{
height: 100px;
background-image: url("../images/head.jpg");
}
/* ヘッダーのページ名*/
#titletxt{
position:absolute;
margin-top:40px;
color: white;
margin-left:40px;
width:255px;
}
/* ナビゲーション*/
#navbar{
	position:absolute;
	margin-top:65px;
		margin-left:350px;
width:545px;
height:35px;
}
/* ヘッダー下の飾り*/
#headerdeco{
	position:absolute;
	margin-top:100px;
width:865px;
}
/* メイングラフィック*/
#maingraphic{
	position:absolute;
	margin:25px 0px 0px 0px;
width:635px;
height:300px;
background:#fff;
}

/* 見出しフォント */
.decofont{
font-family:Times;
font-size:24px;
font-weight:bold;
color: #55423a;
letter-spacing:1px;
}

/* タブシステム（横並びにする display: inline-block;） */

.ptabgallary{
clear:left;
	margin:40px 0px 5px 10px;
	width:900px;

}


.tabgallary{
	margin:340px 0px 5px 10px;
	width:635px;
		height:775px;
}


ul{
	padding:3px 10px 0;
	*zoom:1; /* ie clear float */
}
	ul.tabs li{
		display: inline-block;
font-family:Times;
font-size:10px;
font-weight:bold;
letter-spacing:1.2px;

	}
		ul li a{
			color:#333;
			padding:.2px;
			text-decoration:underline;
		}
		ul li a:hover{
			text-decoration:underline;
		}
		/* ハイライトされた時 */
		ul li a.on{
			color:#333;
			cursor:default;
			text-decoration:none;
		}
		ul li a.on:hover{
			text-decoration:none;
		}
.panel{
	background:#fff;
	width:635px;
	padding-left:10px;
	font-size: 11px;
line-height: 18px;
}

/*仕事*/
.thumb{
float:left;
margin:0px 15px 15px 0px;
width:195px;
height:195px;
	background:#fff;
}


/*Infomation*/
#info{
	font-size: 11px;
	padding-top:25px;
	padding-left:15px;
	position:absolute;
	margin:25px 0px 0px 650px;
width:235px;
height:275px;
color: #55423a;
background:#fff;
background-image: url("../images/back_info.jpg");
}

a:link {
color: #330066; }
a:visited { color: #999999; }
a:hover { color: #cc6666; }
a:active { color: #ff8000; }


.news{
line-height: 20px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
border-bottom: 1px solid gray;
padding-bottom: 12px; /* 内容と線との間隔量 */
padding-right: 12px; /* 内容と線との間隔量 */
padding-left: 5px; /* 内容と線との間隔量 */
}
.date{
font-weight:bold;
letter-spacing:1px;
}
/*profile*/
#prof{
	position:absolute;
	margin:347px 0px 0px 640px;
	padding-left:15px;
width:235px;
height:300px;
background:#fff;
color: #55423a;

font-size: 11px;
line-height: 18px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
}
/*cliant*/
#cliant{
	position:absolute;
	margin:510px 0px 0px 640px;
		padding-top:10px;
		padding-left:15px;

width:235px;
height:200px;
background:#fff;
color: #55423a;
font-size: 11px;
line-height: 18px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
}

/*books*/
#books{
	position:absolute;
	margin:700px 0px 0px 640px;
		padding-top:10px;
		padding-left:15px;

width:235px;
height:310px;
background:#fff;
color: #55423a;
font-size: 11px;
line-height: 18px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
}

/*social*/
#social{
	position:absolute;
	margin:1020px 0px 0px 640px;
		padding-top:10px;
		padding-left:15px;

width:235px;
height:100px;
background:#fff;
color: #55423a;
font-size: 11px;
line-height: 18px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
}




/*sns*/
#sns{
position:absolute;
top:130px;
 	margin-left:900px;
 	margin-top:0px;
 width:50px;
 height:280px;
 background:#333;
 	line-height: 0px;
}

/*attention*/
#attention{

	/*position:absolute;*/
    clear:left;
	margin:0px 0px 0px 0px;
    padding:15px 0px 0px 0px;
width:900px;
height:95px;
background:#fff;
background-image: url("../images/attention.jpg");
color: #fff;
font-size: 11px;
line-height: 18px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
}

#atleft{
	margin:20px 0px 0px 200px;
    width:300px;
float:left;

}
#atright{
	margin:20px 0px 0px 0px;
width:370px;
float:right;
}

/* プロフィールページ左カラム*/
#pleft{
	margin-top:30px;
		padding:20px 30px 20px 20px;
float:left;
	background: #fff;
width:300px;
font-size: 11px;
line-height: 18px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
}
#pleft h3{
color:#ee3300;
}


/* プロフィールページ右カラム*/
#pright{
	margin-top:30px;
		padding:20px 30px 0px 0px;
float:left;
	background: #fff;
width:520px;
font-size: 11px;
line-height: 18px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
}
#pright h3{
color:#ee3300;
}

/* リンクページ左カラム*/
#lleft{
	margin-top:30px;
		padding:20px 30px 20px 20px;
float:left;
	background: #fff;
width:300px;
font-size: 11px;
line-height: 18px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
}
/* リンクページ右カラム*/
#lright{
	margin-top:30px;
		padding:20px 30px 0px 0px;
float:left;
	background: #fff;
width:520px;
font-size: 11px;
line-height: 32px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
}

/* コンタクトページ左カラム*/
#cleft{
	margin-top:30px;
		padding:20px 30px 20px 20px;
float:left;
	background: #fff;
width:300px;
font-size: 11px;
line-height: 22px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
}
/* コンタクトページ右カラム*/
#cright{
	margin-top:16px;
		padding:0px 0px 0px 0px;
float:left;
	background: #fff;
width:520px;
font-size: 12px;
line-height: 24px;
font-family: "ＭＳ ゴシック","ヒラギノ角ゴ Pro",sans-serif; 
}

#cright section{
padding:20px 0px 20px 0px;
border-bottom: 1px solid gray;
}
/* コンタクトページ右カラム見出し*/
#cright h3{
color:#ee3300;
}