@charset "shift_jis";
body{/*ページ全般の設定*/
	margin:10px;
	padding:0;
	background-color: #FFFFFF;/*バックグラウンドの画像設定*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

h1{/*h1見だしの設定*/
	margin:0;
	padding:0;
	font-size: medium;
	}

#container{/*ページ本体の設定*/
	margin:0 auto;/*中央に配置*/
	padding:0;
	width:750px;/*ページの幅は750px*/
	background-color: #FFFFFF;/*バックグラウンドの色*/
	}

#header {/*ヘッダの設定*/
	margin:0 25px;
	padding:0;
	width:700px;
	height:300px;
	font-size:x-small;
	color:#CCCC66;
	text-align:right;
	background:url(images/title.jpg);/*ヘッダ画像*/
	
	
}

#navi {/*ナビゲーション全体の設定*/
	width:120px;/*ナビゲーションの幅は120px　縦並*/
	height:500px;	
	margin:0 0 0 25px;
	padding:10px 5px 10px 10px;
	color: #0066FF;
	float:left;
	background-color:#CCCCCC;
	
}

#navi ul,#navi li {/*ナビゲーションの文字領域の設定*/
	margin:0;
	padding:0;
	list-style-type:none;/*リストの・を消す*/
	font-size:small;/*文字サイズの設定*/
}

#navi li {/*個々のボタンの配置*/
	float:left;/*左に流し込む　横並にする*/
	margin:2px 0;/*ボタンの間をあける*/
	padding:0;
	background-color:#373737;
}

#navi a,#navi a:link,#navi a:visited {/*ボタンの通常形の設定*/
	text-decoration:none;/*リンク文字列の下線を消す*/
	color:#FFFFFF;/*文字色*/
	width:120px;/*ボタンの幅*/
	text-align:center;/*文字列のセンタリング*/
	padding:10px 0;/*文字の上下を5pxあける*/
	display:block;/*ボタンをブロックに指定する*/
}

#navi a:hover{/*マウス通過時のボタン*/
	color:#d530a1;/*文字色*/
	top:1px;/*通過時の動きを作る*/
}

h4{/*h4見だし全般の指定*/
	width:100px;/*見だしの幅*/
	margin:10px 10px 0 10px;/*マージン*/
	color:#CCCCCC;/*文字色*/
	font-size:small;/*フォントサイズ*/
	border-left: solid 1em;/*左側装飾*/
	border-bottom: solid 2px;/*下線装飾*/
	padding: 0.2em;/*パディング*/	
}

#maincontent {/*メインコンテンツブロックの設定*/
	width:380px;
	margin:10px;
	padding:0;
	background-color:transparent;
	color: #000000;
	height:200px;/*高さ200px　タイトルバナーの高さに合わせる*/
	background: #000000 url(images/girl.png) no-repeat;/*タイトルの配置*/
	float:left;
}

#subcontent_1 {/*サブコンテンツ１ブロックの設定*/
	width:160px;
	height:500px;
	margin:10px 25px 0 0;
	padding:0;
	background-color:transparent;
	color: #0066CC;
	float:right;
	
}

#subcontent_2 {/*サブコンテンツ２ブロックの設定*/
	width:360px;
	margin:0;
	padding:0 10px;
	background-color:transparent;
	color: #0066CC;
	float:left;
}


#subcontent_3 {/*サブコンテンツ３ブロックの設定*/
	width:200px;
	margin:0;
	padding:0 20px;
	background-color:transparent;
	color: #999999;
	float:left;
}

#maincontent p{/*メインコンテンツ段落ブロックの設定*/
	width:180px;
	margin:0;
	padding:20px;
	font-size:small;
	line-height:150%;
}

#subcontent_1 p{/*サブコンテンツ１段落ブロックの設定*/
	width:140px;
	margin:0;
	padding:0 10px;
	font-size:small;
	line-height:150%;
}

#subcontent_2 p{/*サブコンテンツ２段落ブロックの設定*/
	width:360px;
	margin:0;
	padding:10px;
	font-size:small;
	line-height:150%;	
}

#subcontent_3 p{/*サブコンテンツ３段落ブロックの設定*/
	width:200px;
	margin:0;
	padding:20px;
	font-size:x-small;
	line-height:150%;	
}
		
#maincontent h4{/*メインコンテンツh4の設定*/
	border-left-color: #33CC00;
	border-bottom-color: #33CC00;		
}

#subcontent_1 h4{/*サブコンテンツ１h4の設定*/
	border-left-color: #FFCC66;
	border-bottom-color: #FFCC66;		
}

#subcontent_2 h4{/*サブコンテンツ２h4の設定*/
	border-left-color: #FF99CC;
	border-bottom-color: #FF99CC;	
}

#subcontent_3 h4{/*サブコンテンツ３h4の設定*/
	border-left-color: #88FFFF;
	border-bottom-color: #88FFFF;		
}

#maincontent img,#subcontent_1 img,#subcontent_2 img,#subcontent_3 img{/*コンテンツ内のイメージの指定*/
	width:140px;/*幅*/
	margin:5px 5px;/*マージン　中央揃え*/
	padding:5px;/*パディング*/
}

#footer {/*フッターの指定*/
	width:700px; /*for ie*/
	height:20px;
	margin:0 25px;
	padding:0;
	clear:both;/*流れ込み終了*/
	color: #FFFFFF;/*文字色*/
	font-size: small;/*文字サイズ*/
	text-align:center;/*右揃え*/
	background-color: #373737;/*背景色*/
}