@charset "utf-8";

/*------------------------------------------------

Site URL:	http://pgd.jp/
File name:	style.css
Summary:	base styles
Auther:		Akira Motojima / PGD WORKS

------------------------------------------------*/

/* ブラウザ初期設定のリセット */

/* リンククリック時のフォントの大きさの変更を回避 */
* { font-size:100%;} 

/* addressタグのイタリック体表示をリセット */
address {
	font-style: normal;
}

html {
	/* スクロールバーの強制表示 */
	/* CSS3 */
	overflow-y:scroll;
	/* CSS3非対応ブラウザ用 */
	margin-bottom:1px; height:100%;
	/* スクロールバーの色 html/body両方に設定が必要 IE独自IE5.5/6共用とするため html と body 両方に設定する */
	scrollbar-base-color: #DDDDDD;
}

body {
	color:#111111; background-color:#FFFFFF; margin-top:0px; margin-bottom:0px;
	font-size:0.8em;
	line-height:1.6em;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS UI Gothic','ＭＳ Ｐゴシック',sans-serif;
	/* スクロールバーの色 html/body両方に設定が必要 IE独自IE5.5/6共用とするため html と body 両方に設定する */
	scrollbar-base-color: #DDDDDD;
}

img { border-width:0px;}

td { vertical-align:top;}

/* 未訪のリンク */
:link { 
	/* color: #450179; */
	text-decoration: none; 
}
/* 訪問済みのリンク */
:visited {
	/* color: #450179; */
	text-decoration: none;
}
/* カーソルが上に乗っているリンク */ 
a:hover {
	/* color: #DDDDDD; */
	text-decoration: none;
}
/* アクティブ中のリンク */
a:active {
	/* color: #450179; */
	text-decoration: none;
}

/* 全体センタリング設定用div設定 */
div#body {
	text-align:center;
}

/* ヘッダ設定 */
div#header {
	width:800px;
	margin:40px auto 20px auto;
	color:#000000;
	height:50px;
	background:transparent url(../images/parts-header.jpg) no-repeat center top;
}

div#header a {
	display:block;
	width:800px;
	height:50px;
	text-indent:-9999px;
	overflow: hidden;
	
}

/* 本文センタリング用div設定 */
div#body_main {
	width:800px;
	margin:0px auto;
	padding:0px;
	text-align:left;
}
	
	/* メインカラムdiv設定 */
	div#column_center {
		width:550px;
		float:left;
		padding:10px 10px 10px 10px;
		border-right:1px solid #DDDDDD;
	}
	
		div#column_center p {
			padding: 0px 10px;
		}
	
		div#column_center h1 {
			font-size:1.3em;
			padding-top:6px;
			padding-left:5px;
			border-left:4px solid #DDDDDD;
			border-bottom:1px solid #DDDDDD;
		}
	
		div#column_center h2 {
			font-size:1.1em;
			padding-top:6px;
			padding-left:5px;
			border-left:4px solid #DDDDDD;
		}
		
		div#column_center h3 {
			font-size:1em;
			padding-top:3px;
			padding-left:5px;
			border-bottom:1px solid #DDDDDD;
		}
		
		div#column_center h4 {
			color:#b22222;
			font-size:1em;
			padding-top:3px;
			padding-left:5px;
		}
		
		div#column_center h5 {
			font-size:1em;
			padding-top:3px;
			margin-bottom:0px;
			padding-left:5px;
			text-indent: 0.5em;
		}
		
		/* メインカラム 作品div設定 */
		div#column_center div.works {
			background-color:#F0F0F0;
			border:1px solid #DDDDDD;
			width:500px;
			margin:0px 0px 30px 0px;
			padding:10px;
			zoom: 100%; /* clearを使わず親要素で設定する回り込み制御  IE独自 (なぜか)回りこみが解除される */
		}
		
		div#column_center div.works:after { /* clearを使わず親要素で設定する回り込み制御  IE以外 */
			content: "";
			clear: both;
			height: 0;
			display: block;
			visibility: hidden;
		}
		
		/* メインカラム 作品div 内部設定 */
		div#column_center div.works div.img {
			width:150px;
			margin:0px;
			float:left;
		}
		div#column_center div.works div.img img {
			width:150px;
			margin:0px;
		}
		div#column_center div.works div.text {
			width:330px;
			margin:0px;
			float:right;
			padding: 0px 0px 3px 5px;
		}
		div#column_center div.works div.text h3 {
			border-bottom: solid 2px #DDDDDD;
			font-size:1em;
			margin: 0;
		}
	
	/* 右カラムdiv設定 */
	div#column_right {
		width:200px;
		float:right;
		margin:0px;
		padding:10px;
	}
	
		/* 右カラムメニュー設定 */
		div#column_right h2 {
			margin-left: 0px;
			padding: 0px 0px 3px 5px;
			border-left: solid 1px #DDDDDD;
			border-bottom: dashed 1px #DDDDDD;
			font-size:1.1em;
		}
		div#column_right ul {
			margin-left: 0px;
			padding-left: 0px;
			list-style:none;
			text-align:right;
		}
		
		/* メニューのクリック領域の拡大 */
		div#column_right ul li a {
			display: block;
			width: 200px; /* ブロックレベル要素に変換しただけのみの場合IEにて改行が入るがwidthを設定すると解消される */
		}
		
		/* アクティブな項目に背景色をつける */
		div#column_right ul li a.active,
		div#column_right ul li a:focus,
		div#column_right ul li a:hover {
			background-color:#F0F0F0;
		}
	
/* フッタ設定 */
div#footer {
	width:800px;
	clear:both;
	margin:0px auto;
	padding:3px;
	text-align:right;
	color:#111111;
	height:16px;
	font-size:0.8em;
	border-top: solid 1px #DDDDDD;
}

/* cgiscript.html */

/* clearを使わず親要素で設定する回り込み制御 */

/* IE独自 (なぜか)回りこみが解除される */
.sample_list {
	zoom: 100%;
}

/* IEで利用できない :after を利用して clear: both; */
.sample_list:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.sample_list img {
	float:left;
	margin: 3px;
	border: solid 1px #DDDDDD;
}