@charset "utf-8";
@import url(css/slider.css);
@import url(css/stylist.css);

/*
Theme Name: GlassForecast
Theme URI: http://glasses-o-o-brille.com/
Description: This theme is made for 「眼鏡予報」
Version: 0.1
Author: Takahashi Wolf / a.k.a. 呑キ
Author URI: http://www.yakuin-records.com/
*/

/*AllStyleReset*/

*{
	margin:0px;
	padding:0px;
	}

/*========GrovalSettings========*/

body{
	background-image:url(images/bg.gif);
	background-attachment:fixed;
	width:772px;
	margin:20px auto 20px 10px;
	background-color:#fff;
	font-family:Verdana,'ＭＳ Ｐゴシック','メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,sans-serif;
	font-size: 12px;
	line-height: 180%;
	color:#000;
	}


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


ul{
	list-style:none;
	}


a:link { color: #000000;}
a:visited { color: #999999;}
a:hover { color: #ff69b4;}
a:active { color: #999999;}

/*========All Contents Settings========*/
#header{
	width:536px;
	height:138px;
	background-color:#fff;
	padding-top:4px;
	float:right;
	}

.child{
	height:130px;
	}

h1{
	text-align:right;
	}

#header p{
	text-align:right;
	margin:10px 5px 0 0 ;
	font-size: 10px;
	line-height: 30%;
	}


#wrap{
	background-image:url(images/whiteline.gif);
	background-repeat:repeat-y;
	width:100%;
	float:left;
	}

#menuArea{
	width:236px;
	float:left;
	/*background-color:#ccc;*/
	padding-top:410px;
	}

.contents{
	width:524px;
	float:right;
	}

#copyright{
	clear:both;
	margin-left:190px;
	background-color:#fff;
	padding:25px 2px 25px 87px;
	text-align:right;
	margin-bottom:20px;
	font-size:9px;
	color:#999;
	}
	
/*========MenuArea Settings========*/

#menuArea h2{
	background-color:#fff;
	padding:2px;
	font-size: 10px;
	text-align:center;
	letter-spacing:1em;
	}

#navigation{
	width:236px;
	text-align:right;
	/*position: relative;*/
	position: fixed;
	margin-top:-410px;
	}

#navigation a{
	display:block;
	height:40px;
	}

#home{
	margin-bottom:90px;
	}


#update{
	width:190px;
	margin-top:0px;
	}

.pola li{
	width:125px;
	margin:1em auto;
	font-size:9px;
	line-height:160%;
	}
	
.sumnail{
	display:block;
	margin:0 4px;
	background-color:#fff;
	text-align:center;
	padding:6px;
	height:74px;
	line-height:0;
	}

.pola p{
	margin:0 4px;
	background-color:#fff;
	text-align:right;
	padding:6px;
	padding-bottom:2px;
	}

#update p{
	padding-bottom:20px;
	background-image:url(images/forecast_s.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
	}

/*shared style*/
#localIndex li{
	float:left;
		width:122px;
	}

#localIndex .sumnail{
	border:1px solid #ccc;
	border-bottom:none;
	padding:6px;
	width:105px;
	}

#localIndex .pola p{
	border:1px solid #ccc;
	border-top:none;
	width:105px;
	padding-bottom:18px;
	background-position:center bottom;
	background-repeat:no-repeat;
	}


#inner{
		margin:0 18px;
		}

#inner p,#inner h2,#inner h2,#inner h2,#inner h2,#inner h2,#inner ul,#inner ol,#inner dl{
	margin-bottom:12px;
	}

.entry img{
	display:block;
	text-align:center;
	margin:0 auto;
	}

.post{
	margin:2em 0;
	padding-bottom:31px;
	background-image:url(images/boldline.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	}

.post h2{
	margin-bottom:1em;
	font-size:14px;
	letter-spacing:0.1em;
	padding-bottom:4px;
	border-bottom:1px solid #ff69b4;
	}

.post h3{
	font-size:22px;
	letter-spacing:0.1em;
	padding-bottom:14px;
	background-image:url(images/boldline.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-bottom:1em;
	margin-top:2em;
	clear:both;
	}

.post h4{
	margin-bottom:1em;
	margin-top:3em;
	font-size:16px;
	padding-bottom:4px;
	border-bottom:1px solid #ff69b4;
	clear:both;
	}

.post blockquote{
	padding-top:34px;
	margin-top:20px;
	background-image:url(images/boldline.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding-bottom:22px;
	border-bottom:1px solid #ff69b4;
	margin-bottom:22px;
	}

.post blockquote img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #ff69b4;
	}

hr{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
 	border-color: #ff69b4;
 	height: 1px;
	margin:3em 0;
	}

.postDate{
float:right;
color:#ff69b4;
}

.post dt{
	font-size:14px;
	font-weight:bold;
	}

.post dd{
	margin-bottom:1em;
	}


p.pager{
text-align:center;
	clear:both;
}

.miscData{
text-align:right;
}

/*------blog----*/
#blogAdmin{
	padding:18px;
	padding-top:0;
	}

#blogAdmin li{
	display:inline;
	}

#blogAdmin a{
	display:block;
	height:10px;
	font-size:10px;
	float:right;
	text-decoration:none;
	margin-left:1em;
	}


/*======TopPage=====*/
#headLine{
	margin:0 16px 24px 18px;
	font-weight:normal;
	padding-left:100px;
	background-image:url(images/news_m.gif);
	background-repeat:no-repeat;
	}

#hLineLink{
	font-weight:bold;
	text-align:right;
	}

#hLineLink a{
	color: #ff69b4;
	}

#msg{
	margin:18px;
	font-size:9px;
	}

#recommend{
	float:right;
	width:502px;
	background-color:#ff0;
	padding:4px;
	margin-bottom:15px;
	}

#recommend li{
	float:left;
	margin:4px 0;
	}

#recommend p{
	padding-bottom:18px;
	background-position:center bottom;
	background-repeat:no-repeat;
	}

div.news p{
	background-image:url(images/news_s.gif);
	}

div.blog p{
	background-image:url(images/blog_s.gif);
	}

div.forecast p{
	background-image:url(images/forecast_s.gif);
	}

div.talk p{
	background-image:url(images/talk_s.gif);
	}

div.stylist p{
	background-image:url(images/stylist_s.gif);
	}

div.plus p{
	background-image:url(images/plus_s.gif);
	}

div.contact p{
	background-image:url(images/mail_s.gif);
	}


#brand{
	margin-left:18px;
	}

#brand p{
	margin:1em 0;
	}

#brand dl{
	background-color:#369;
	padding:11px;
	}

#brand dt{
	font-size:14px;
	border-bottom:1px solid;
	font-weight:bold;
	color:#ff69b4;
	margin-bottom:3px;
	font-family:arial;
	}

#brand dd{
	display:inline;
	padding-right:4px;
	}

#brand a{
	color:#fff;
	text-decoration: underline;
	}

#brand a:hover {
	color: #ff69b4;
	}


/*brandPage*/
#brandHead img{
display:inline;
	vertical-align:middle;
	}

#brandHead a{
	font-size:10px;
	font-weight:normal;
	padding-left:1em;
	}


/*plus*/
#naturaInfo{
	background-color:#2e8d27;
	color:#fff;
	padding:6px;
float:left;
margin-bottom:1em;
	}

#naturaPhoto{
	width:105px;
	float:left;
	}

#naturaTxt{
	width:365px;
	float:left;
	padding-top:5px;
	}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */