@charset "Shift_JIS";

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

	構成

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


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

/*-----------------------------------------------------
	1. 基本設定(p/br/hrも含む)
-----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,Helvetica,Verdana,メイリオ,Meiryo,Osaka,sans-serif;
	line-height:1.5;
	text-decoration:none;
}

html{
}

body{
	text-align:center;
	font-size:78%;
	color:#333;
	background:url(beach_img/body.gif) repeat 0% 0%;
}

p{
	margin:0 0 0.8em;
}

br{
	letter-spacing:normal;
}

hr{
	display:none;
}

img{
	border:none;
	vertical-align:middle;
}

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

a{
	font:inherit;
}

a:link{
	color:#333;
}

a:visited{
	color:#333;
}

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

#KIZI a{
	text-decoration:underline;
}

/*-----------------------------------------------------
	3: 見出し
-----------------------------------------------------*/
h1{
	font-size:280%;
	font-weight:bold;
	font-family:Arial,Helvetica,sans-serif;
	padding:13px 0 13px 70px;
	color:#111;
	background:url(beach_img/h1.gif) no-repeat 0% 50%;
}

h2{
	font-size:130%;
	font-weight:bold;
	color:#ff255f;
}

h3{
	font-size:110%;
	font-weight:bold;
}

#KIZI h3{
	margin:0 0 0.3em -0.5em;
}

h4{
	font-size:105%;
	font-weight:bold;
}

#KIZI h4{
	margin:0 0 0.3em -0.3em;
}

h5,
h6{
	font-size:100%;
	font-weight:bold;
	margin:0 0 0.2em -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.8em;
}

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

dl{
	list-style-position:inside;
}

dt{
	font-weight:bold;
	color:#0aafff;
}

dd{
	margin-left:2.5em;
}

/*-----------------------------------------------------
	5. フォーム
-----------------------------------------------------*/
form{
	margin:0.5em 0;
}

fieldset{
	border:none;
	background:#e6e6e6;
	padding:0.5em 0.8em;
}

label{
	font-size:100%;
}

input,
textarea,
select{
	margin-bottom:0.3em;
	vertical-align:middle;
	font:100%/normal Osaka,Tahoma,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

input,
textarea{
	border:none;
	background:#8af9ff;
}

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

input#BUTTON{
	background:#ff8c00;
	color:#fdf416;
}

option,
optgroup{
	font-family:Osaka,Tahoma,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

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

strong{
	font-weight:bold;
	color:#34d3ff;
}

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

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

blockquote{
	width:95%;
	margin:0.8em auto;
	padding:0.3em 0.5em;
	border-left:solid 3px #e6e6e6;
	background:url(beach_img/quote.gif) no-repeat 5px 0%;
}

blockquote[cite]:after{
	content:attr(cite);
	font-style:oblique;
	text-align:right;
	display:block;
	color:#ff255f;
}

blockquote p{
	margin:0 0 0.3em;
}

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

q{
	border:solid 1px #e6e6e6;
	padding:0 0.25em;
}

pre{
	width:95%;
	overflow:scroll;
	margin:0.8em auto;
	padding:0.2em 0.3em;
	font-family:"Courier New",Courier,monospace;
	background:#e6e6e6;
}

#KIZI .text > pre{
	overflow:auto;
}

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

/* --------------- ページの大枠 ---------------*/
#PAGETOP{
	margin:0 auto;
	min-width:600px;
	position:relative;
}

/* --------------- ヘッダー ---------------*/
#HEADER{
	height:80px;
	text-align:left;
	background:#0aafff;
	border-top:solid 70px #34d3ff;
	border-bottom:solid 5px #f7f7f7;
}

/* サイトタイトル部分 */
#HEADER h1{
	color:#f7f7f7;
	position:relative;
	top:-40px;
	margin:0 0 0 20px;
}
	
/* パン屑 */
ul#PAN{
	list-style:none outside;
	margin:0;
	position:absolute;
	top:10px;
	right:20px;
}

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

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

ul#PAN li a:link,
ul#PAN li a:visited{
	color:#f7f7f7;
	text-decoration:underline;
}

ul#PAN li a:hover{
	color:#f7f7f7;
	text-decoration:none;
}

/* --------------- メニュー ---------------*/
#MENU{
	text-align:left;
	background:transparent;
	padding:5px 0 0 30px;
}

#MENU h2{
	display:none;
}

#MENU ul{
	list-style:none outside;
	margin:0;
	padding:0;
}

#MENU li{
	list-style-type:none;
	padding:0;
	display:inline;
}
		
/* メニューのリンク設定 */
#MENU li a{
	width:100px;/* メニュー1個の横幅 */
	display:block;
	padding:0.25em 0;
	float:left;
	text-align:center;
	margin:0 5px 5px 0;
}

#MENU li a:link,
#MENU li a:visited{
	color:#f7f7f7;
	background:#f58000;
}

#MENU li a:hover{
	color:#f7f7f7;
	background:#ff8c00;
}

#MENU li.menu-on a:link,
#MENU li.menu-on a:visited{
	font-weight:bold;
	color:#f7f7f7;
	background:#ff8c00;
}

#MENU li.menu-on a:hover{
}

#ADSENSE{
	clear:both;
	width:85%;
	margin:0 auto;
	text-align:left;
	background:#fff;
}

#ADSENSE .text{
	background:#fff;
	padding:0.8em 1.2em 0.8em 1.75em;
	margin:0 0 1.2em;
	-moz-border-radius:15px;/* FF+NNのみ角丸 */
}

/* --------------- 記事部分 ---------------*/
#KIZI{
	clear:both;
	width:85%;
	margin:0 auto;
	text-align:left;
	padding:15px 30px 0;
}

#KIZI .text{
	background:#fff;
	padding:0.8em 1.2em 0.8em 1.75em;
	margin:0 0 1.2em;
	-moz-border-radius:15px;/* FF+NNのみ角丸 */
}

/* 戻りの設定 */
#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{
	text-decoration:none;
}

#KIZI ul.modori li a:link,
#KIZI ul.modori li a:visited{
}

#KIZI ul.modori li a:hover{
}

/* --------------- フッター ---------------*/
#FOOTER{
	width:85%;
	margin:0 auto;
	text-align:right;
	padding:15px 0;
}

#FOOTER h2{
	display:none;
}

#FOOTER ul{
	list-style:none outside;
	margin:0;
}

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

#FOOTER li a{
}

#FOOTER li a:link,
#FOOTER li a:visited{
}

#FOOTER li a:hover{
}

#FOOTER address{
	display:inline;
}