@charset "UTF-8";

/********** 共通 **********/

html,body{
    height: 100%;
    font-family:'Lucida Grande', 'Verdana','Georgia', 'Hiragino Kaku Gothic ProN', 'ヒラギノ丸ゴ ProN W4', Meiryo, メイリオ, sans-serif,'ＭＳ Ｐゴシック';
    font-size:0.95em;
    line-height: 1.8;
}

div#container{
    position: relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}

a{
	text-decoration: none;
	color:#ff66ff;
	font-weight: bold;
}

a:hover{
	text-decoration: underline;
	color:#ff66ff;
}

/*ホバー*/
::selection {
	background:black; /* Safari */
	color:white;
}
::-moz-selection {
	background:black; /* Firefox */
	color:white;
}


/***** ヘッダー(左メニュー部) *****/

div#header{
	clear:both;
	position: fixed;
	padding: 10px;
	width:100%;
	background-color:white;
/*	border-bottom: 4px solid black;*/
}

div#nav,div#nav ul{
	width:600px;
	margin:0 auto;
	list-style: none;
	text-align: right;
}

div#nav h1{
	text-align:center;
}
div#nav img#title_logo{
	padding:5px;
	border:1px solid #cccccc;
/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px -2px;
-webkit-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px -2px;
-moz-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 6px -2px;
}

div#nav li{
/*	font-size: 1.4em;*/
	margin: 10px 0px;
	padding:0px 6px;
	font-weight:bold;
	line-height: 1;
	font-style:oblique;
	display: inline-block;
/*	border-left: 4px solid #b5b5b5;*/
}

/*メニュー斜線区切りここから*/
/*
div#nav li:first-child{
	border-left: 0px solid #b5b5b5;
}
*/

div#nav li:after{
	content: "　/";
	display: inline;
}

div#nav li:last-child:after{
	content:none;
}
/*メニュー斜線区切りここまで*/


div#nav li a{
	color:#000000;
}

div#nav li a:hover{
	 background: linear-gradient(transparent 80%, #66FFCC 0%);
	text-decoration: none;
}

div#nav li a.ononon {
	background-color: #66FFCC;
}

/***** メイン *****/
div#main{
    padding-bottom: 50px;
	height:auto;
	overflow:hidden;
	width:700px;
	margin:0 auto;
	padding-top:60px;


}

div#section{
	float:left;
}

/***** フッター *****/
div#footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	color:white;

}

#copylight{
	clear:both;
	margin:4px auto;
	text-align:center;
}

/***********共通デザイン**************/
.section#nikki .article,
.section#gallery .article,
.section#event .article,
.section#about .article{
	clear:both;
	margin:10px;
	padding:20px;
	background-color: white;
}

.section#nikki,
.section#gallery,
.section#event,
.section#about{
	margin-top:20px;
}

/********** 日記記事エリア **********/

.section#nikki .article{
/*	border-bottom: 1px dashed #d5d5d5;*/
}

.section#nikki .article h2{
	margin-bottom: 20px;
	font-weight: normal;
}

.section#nikki .article p:last-child,
.section#gallery .article p:last-child{
	padding-bottom:20px;
}

/********** イベントエリア **********/
.section#event .article h3{
	margin:10px 0;
	padding:0px 20px 8px 0px ;
	border-bottom:1px dashed #999999;
}


.section#event .hon h3:before{
	content: url(../images/icon/donut.png);
	width:10px;
	margin:-4px 6px 0 0;
	top:5px;
}


.section#event .hon img{
	float:left;
	width:140px;
	border:1px solid #666666;
	margin-right:16px;
}
.section#event .hon p{
	margin-top:10px;
}

.section#event .hon{
	padding-top:20px;
}

.section#event .hon .sample{
padding-bottom:50px;
}

.section#event .hon .sample p{
background-color:#eeeeee;
padding:2px;
margin:4px;
width:400px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;

}

.section#event .hon .sample img{
	width:40px;
}



/********** アバウトエリア **********/
.section#about .article ul{
	list-style: none;
	margin:10px;
}
.section#about .article ul li{
	margin:4px 0;
}


.section#about .article dd,.section#about .article dl{
	margin:6px 40px;
}
.section#about .article dl{
	margin-top: 40px;
}


	.section#gallery .article {
		max-width:500px;
	}



/**********リニューアル後用暫定※デザイン関係のみ*****************/
.lavel1,
.section#nikki .article h2 span:first-child{

/*
	background-color:steelblue;
	background-color:#66FFCC;
	color:black;
	*/

/*
	background-color:#ff66ff;
*/
	background-color:black;
	font-style:oblique;
    font-size:1.4em;
	color:white;
/*	text-shadow: -1px -1px 0px #c0c0c0; */

/*
	 background: linear-gradient(transparent 80%, #ff66ff 0%);
	font-style:oblique;
	font-size:16px;
*/
}


.lavel2{
	background-color:yellow;
	font-style:oblique;
}

.lavel3{
	background-color:#bfbfbf;
	font-style:oblique;
}