/* CSS Document */

/* CSS Document */
@charset "EUC-JP";

/*ページ全体の基本的な設定と背景色*/
	html{
		margin:0px;
		padding:0px;
		}

	body {
		margin:0px;
		padding:0px;
		color: #666;
		font-size:small;
		font-family:"osaka","ms pゴシック",verdana,arial,sans-serif,trebuchet ms,trebuchet;
		background:url(../img/bg.gif) repeat-y;
		}
		a,
		a:link	{color: #000099; text-decoration:none;}
		a:visited	{color: #0033CC; text-decoration:none;}
		a:active,
		a:hover		{color: #000099; text-decoration:underline;}
		
	ul{
		margin:0px;
		padding:0px;
		list-style:none;
		}
		
	li{
		margin:0px 0px 3px 0px;
		padding:0px 0px 2px 5px;
		border-bottom:1px dotted #999;
		}

/*基本の設定*/
	h1,h2,h3{
		font-size:small;
		font-weight:normal;
		letter-spacing:1px;
		margin:0px;
		padding:0px;
		}
		
	h6 {
		font-size:xx-small;
		margin:0px;
		padding:0px;
		}

/* エントリーのある大段落（トップページ） */
	#header {
		position:relative;
		width:740px;
		background:#FF9900;
		color:#FFF;
		text-align:right;
		}

	#content {
		position:relative;
		width:740px;
		}
		
	#navi {
		text-align:right;
		}
		
	#main {
		margin-left:170px;
		text-align:left;
		}

/*エントリーのある大段落（トップページ以外）*/
	#container {
		color:#666;
		margin-left : 250px ;
		margin-right : 30px ;
		margin-bottom : 20px ;
		width: auto ;
		}

	strong {
		color: #000;
		margin:0px;
		font-size:large;
		font-weight:bold;
		padding: 0px
		}

/*blockquote設定*/
	blockquote {
		color: #000;
		background:#FFF;
		margin:0px 5px 5px 5px;
		font-size:large;
		font-weight:normal;
		padding: 0px 10px 0px 10px;
		}

/*quotetitle設定*/
	.quotetitle{
		font-size:medium;
		font-weight:normal;
		border-bottom: 1px solid #666; 
		padding: 3px;
		}

/* エントリーのある段落 */
	.blog {
		font-size:small;
		color: #660033;
		}

/* 各エントリー */
	.blogbody {
		color:#666;
		font-size: small;
		padding:10px;
		line-height:150%;
		letter-spacing:1px;
		width :auto;
		}

/* エントリータイトル */
	.title	{
		font-size: medium;
		font-weight: bold;
		color: #000;
		margin:5px 0px 10px 0px;
		}
		
	.page-title	{
		font-size: small;
		font-weight: bold;
		color: #FFF;
		letter-spacing:1px;
		margin-bottom:10px;
		backg?
.round-color:#999;
		padding-left:5px;
		}

/* 日にち */
	.date	{ 
		font-size: small;
		color: #333;
		padding :3px 3px 3px 0px;
		font-weight:bold;
		border-bottom:solid 1px #999;
		margin:0px 0px 0px 0px;
		}

/* 本文での画像への回り込み */	
	.img_L{
		float: left;
		border: none;
		margin-right:8px;
		margin-top:2px;
		}

/* エントリー投稿者の段落 */
	.posted {
		clear: left; 
		font-size: small;
		color: #666;
		text-align:right;
		margin-top:5px;
		padding:0px 2px 3px 0px;
		border-bottom: 1px solid #999;
		}

/* 「続きを読む・・・」の行 */
	.extended { 
		font-weight:normal;
		padding: 3px;
		}
		
	.link-note{
		font-size:small;
		text-align:center;
		margin:15px 0px 0px 0px;
		}
		
	.link-note input{
		width:60px;
		color:#666;
		font-size:small;
		}

/*エントリーやアーカイブなどのタイトル文字や枠の設定*/
	.sidetitle {
		color:#666;
		font-size:small;
		line-height:140%;
		padding:3px 3px 4px 3px;
		text-align:left;
		}

/*rss(xml)の設定*/
	.syndicate {
		font-size:small;
		line-height:140%;
		padding:2px;
		margin-top:15px;
		text-align:center;
		}
		
/*問い合わせフォームの設定*/
	.form-1 {
		width:400px;
		font-size:small;
		color:#333;
		letter-spacing:1px;
		}
		
/*カレンダーの設定*/
	#calendar {
  		line-height: 140%;
		color: #666;
		font-family: "osaka",verdana, arial, helvetica, sans-serif,"ms pゴシック";
		font-size: x-small;
		text-align: center;
		margin: 0px;
		padding:0px;
		}

	#calendar table {
		padding: 2px;
		border-collapse: collapse;
		border: 0px;
		width: 150px;
		}

	#calendar caption {
		color: #666;
		font-family: "osaka",verdana, arial, helvetica, sans-serif,"ms pゴシック";
		font-size: x-small;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .3em;
		background-color:#EEE;
		}

	#calendar th {
		text-align: center;
		font-weight: normal;
		}

	#calendar td {
		text-align: center;
		font-size:xx-small;
		}

/*コメント枠の設定*/
	.comments-body {
		color:#000;
		font-size:small;
		font-weight:normal;
		border: 1px solid #000;
		padding:10px;
		margin?
.:25px;
		line-height:150%;
		width : auto ;
		}

/* コメント投稿者 */
	.comments-post {
		color:#000;
		background: none;
		font-size:small;
		font-weight:normal;
		}

/* 「コメント」「トラックバック」の見出し */
	.comments-head	{
		font-size:small;
		color: #000;
		padding-bottom:10px;
		padding-top:10px;
		padding-left:35px;
		font-weight:bold;
		width : auto ;
		margin:25px;
		margin-bottom:20px;
		}

/* 投稿者名、コメントの書き込み欄の文字化け防止 */
	input {
		font-family:"osaka","ms pゴシック",verdana,arial,sans-serif,trebuchet ms,trebuchet;
		}

	textarea {
		font-family:"osaka","ms pゴシック",verdana,arial,sans-serif,trebuchet ms,trebuchet;
		}
	
	#footer {
		color:#666;
		font-size:small;
		text-align:center;
		letter-spacing:1px;
		}
		
	.detail {
		color:#666;
		font-size:small;
		margin:0px 0px 0px 10px;
		padding:10px 3px 3px 3px;
		text-align:right;
		}
		
/*サイドメニューの基本設定*/
	#menu {
		position:absolute;
		top:0px;
		left:0px;
		width:160px;
		}
		
	#mainnavi br,#mainnavi a{
		display:block;
		width:150px;
		height:35px;
		list-style:none;
		}
		
	#mainnavi_top a{
		display:block;
		width:150px;
		height:85px;
		background:url(../img/b-logo.gif) 0px 0px no-repeat;
		}
	#mainnavi_top a:hover{
		background:url(../img/b-logo.gif) 0px 0px no-repeat;
		}
		
	#mainnavi_cont a{
		display:block;
		width:150px;
		height:35px;
		background:url(../img/cont.gif) 0px 0px no-repeat;
		}
		
	#mainnavi_cosme a{
		display:block;
		width:150px;
		height:35px;
		background:url(../img/menu.gif) 0px -155px no-repeat;
		}
	#mainnavi_cosme a:hover{
		background:url(../img/menu.gif) -150px -155px no-repeat;
		}
		
	#mainnavi_esthe a{
		display:block;
		width:150px;
		height:35px;
		background:url(../img/menu.gif) 0px -190px no-repeat;
		}
	#mainnavi_esthe a:hover{
		background:url(../img/menu.gif) -150px -190px no-repeat;
		}
		
	#mainnavi_nail a{
		display:block;
		width:150px;
		height:35px;
		background:url(../img/menu.gif) 0px -225px no-repeat;
		}
	#mainnavi_nail a:hov?
.er{
		background:url(../img/menu.gif) -150px -225px no-repeat;
		}
	
	#mainnavi_skin a{
		display:block;
		width:150px;
		height:35px;
		background:url(../img/menu.gif) 0px -260px no-repeat;
		}
	#mainnavi_skin a:hover{
		background:url(../img/menu.gif) -150px -260px no-repeat;
		}
		
	#mainnavi_news a{
		display:block;
		width:150px;
		height:35px;
		background:url(../img/menu.gif) 0px -295px no-repeat;
		}
	#mainnavi_news a:hover{
		background:url(../img/menu.gif) -150px -295px no-repeat;
		}
		
	#mainnavi_make a{
		display:block;
		width:150px;
		height:35px;
		background:url(../img/menu.gif) 0px -330px no-repeat;
		}
	#mainnavi_make a:hover{
		background:url(../img/menu.gif) -150px -330px no-repeat;
		}
		
	#mainnavi_info a{
		display:block;
		width:150px;
		height:35px;
		background:url(../img/menu.gif) 0px -365px no-repeat;
		}
	#mainnavi_info a:hover{
		background:url(../img/menu.gif) -150px -365px no-repeat;
		}	
		
	#mainnavi_cale a{
		display:block;
		width:150px;
		height:20px;
		background:url(../img/cale.gif) 0px 0px no-repeat;
		}
		
	#mainnavi a{
		text-indent:-5000px;
		text-decoration:none;
		}