@charset "Shift_JIS";

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

	構成

	1. 基本設定(p/br/hrも含む)
	2. リンク
	3. 見出し
	4. リスト
	5. フォーム
	6. その他のタグ要素
	7: レイアウト(#id/.class)


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

/*-----------------------------------------------------
	1. 基本設定(p/br/hrも含む)
-----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.5 Verdana,Arial,Helvetica,sans-serif;
	text-decoration:none;}

html{
	}

body{
	font-size:78%;
	font-color:#333;
	text-align:right;}

p{
	margin-bottom:0.8em;}

br{
	letter-spacing:normal;}

hr{
	display:none;}

/*-----------------------------------------------------
	2. リンク
-----------------------------------------------------*/

a{
	font:inherit;}

a:link{
	color:#39b0bf;}

a:visited{
	color:#ddd;}

a:hover,
a:active,
a:focus{
	color:#f29400;}

	#KIZI a{
		}

/*-----------------------------------------------------
	3: 見出し
-----------------------------------------------------*/
h1{
	font-size:250%;
	font-family:"Century Gothic",Arial,Helvetica,sans-serif;
	color:#fff;}

h2{
	font-size:140%;
	font-weight:bold;
	color:#333;
	background:url(youth_img/h2.gif) repeat 0% 0% #e1eefc;
	border:solid #3d93e6;
	border-width:0 0 0 10px;}

	#KIZI h2{
		padding:0.1em 0 0 10px;
		margin:0 0 0.3em;
		position:relative;}

h3{
	font-size:120%;
	font-weight:bold;
	color:#961d37;}

	#KIZI h3{
		margin:0 0 0.2em -10px;}

h4{
	font-size:110%;
	font-weight:bold;
	color:#fa0;}

	#KIZI h4{
		margin:0 0 0.4em -5px;}

h5,
h6{
	font-weight:bold;
	text-align:center;
	margin-bottom:0.2em;}

/*-----------------------------------------------------
	4. リスト
-----------------------------------------------------*/
ol{
	list-style:decimal outside;
	margin:0.8em 1.8em;}

ol li{
	list-style-type:decimal;}

ul{
	list-style:circle outside;
	margin:0.8em 1.5em;}

ul li{
	list-style-type:circle;}

dl{
	list-style-position:inside;}

dt{
	font-weight:bold;}

dd{
	margin-left:2.5em;}

/*-----------------------------------------------------
	5. フォーム
-----------------------------------------------------*/
form{
	}

label{
	font-size:100%;}

input,
textarea,
select{
	margin-bottom:0.3em;
	vertical-align:middle;}

input,
textarea{
	border:solid 1px #333;
	padding:0.2em 0.3em;
	background:#fff;}

	input#RADIO,
	input#CHECKBOX{
		border:none;
		background:none;}

	input#BUTTON{
		padding:0.1em 0.2em;}

option,
optgroup{
	}

/*-----------------------------------------------------
	6. その他のタグ要素
-----------------------------------------------------*/
em{
	font-weight:bold;}

strong{
	font-weight:bold;
	color:#f33;}

ins{
	text-decoration:underline;
	color:#c99a20;}

del{
	text-decoration:line-through;
	color:#999;}

blockquote{
	margin:0.8em auto;
	padding:0.5em 0.8em;
	border:double 4px #fff;
	background:url(youth_img/quote.gif) no-repeat 5px 5px #b4def4;}

cite{
	font-style:oblique;
	border-bottom:solid 1px #b4def4;}

q{
	border:double 4px #fff;
	background:#b4def4;}

pre{
	width:95%;
	overflow:auto;
	margin:0.8em auto;
	padding:0.2em 0.3em;
	background:#eee;}

/* 物理要素(非推奨) */

b{
	font-weight:bold;}

i{
	font-style:oblique;}

big{
	font-size:110%;}

small{
	font-size:84%;}

tt{
	font-family:monospace;}

/*-----------------------------------------------------
	7. レイアウト
-----------------------------------------------------*/

/* --------------- ページの大枠 ---------------*/
#PAGETOP{
	width:90%;/* 横幅 */
	min-width:580px;/* 最小横幅 */
	max-width:1000px;/* 最大横幅 */
	margin:0 0 0 auto;
	position:relative;
	text-align:left;
	padding:10px 0 0 10px;}

/* --------------- ヘッダー ---------------*/
#HEADER{
	height:180px;/* メニューを増やす場合はここを調節 */
	background:url(youth_img/img.jpg) no-repeat 15% 80% #3d93e6;}

	/* サイトタイトル部分 */
	#HEADER h1{
		text-align:right;
		padding:20px 15px 0 0;}
	
	/* パン屑 */
	ul#PAN{
		list-style:none outside;
		margin:0 15px;
		text-align:right;}

	ul#PAN li{
		list-style-type:none;
		display:inline;
		color:#fff;}

		ul#PAN li a{
			background:url(youth_img/pan.gif) no-repeat 100% 50%;
			padding-right:9px;}

		ul#PAN li a:link,
		ul#PAN li a:visited{
			color:#333;}

		ul#PAN li a:hover{
			color:#fff;}

/* --------------- メニュー ---------------*/
#MENU{
	}

	#MENU h2{
		display:none;}

	#MENU ul{
		height:180px;/* メニュー数を増やす場合はここを調節 */
		width:260px;
		list-style:none outside;
		position:absolute;
		top:10px;
		margin:0;
		border-right:solid 10px #fff;}

	#MENU li{
		list-style-type:none;
		display:inline;
		padding:0;}
		
		/* メニューのリンク設定 */
		#MENU li a{
			display:block;
			width:250px;
			height:36px;
			line-height:36px;
			font-weight:bold;
			padding-left:10px;}

		#MENU li a:link,
		#MENU li a:visited{
			color:#fff;
			background:url(youth_img/menu.gif) repeat 0% 0%;}

		#MENU li a:hover{
			color:#333;
			background:none;}

		#MENU li.menu-on a:link,
		#MENU li.menu-on a:visited{
			color:#333;
			background:none;}

		#MENU li.menu-on a:hover{
			color:#333;
			background:none;}

/* --------------- 記事部分 ---------------*/
#KIZI{
	margin:30px 0 0;}

	#KIZI .text{
		padding:0.8em 1.5em 0.5em 2.5em;}

	/* 戻りの設定 */
	#KIZI ul.modori{
		list-style:none outside;
		text-align:right;
		margin:0;}

	#KIZI ul.modori li{
		list-style-type:none;}

		#KIZI ul.modori li a{
			}

		#KIZI ul.modori li a:link,
		#KIZI ul.modori li a:visited{
			color:#3d93e6;}

		#KIZI ul.modori li a:hover{
			color:#f29400;}

/* --------------- フッター ---------------*/
#FOOTER{
	background:url(youth_img/footer.jpg) no-repeat 100% 100% #3d93e6;}

	#FOOTER h2{
		display:none;}

	#FOOTER ul{
		list-style:none outside;
		padding:10px 0;
		margin:0 15px;
		text-align:right;}

	#FOOTER li{
		list-style-type:none;
		display:inline;
		margin-left:10px;}

		#FOOTER li a{
			}

		#FOOTER li a:link,
		#FOOTER li a:visited{
			color:#fff;}

		#FOOTER li a:hover{
			color:#333;}

	#FOOTER address{
		display:inline;}