@charset "UTF-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}


body {
	color: #000000;
	background-color: #DDEEF6;
	background-image: url(../images/headback.png);
	background-repeat: repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 90%;
	margin: 0;
}

strong{
	font-weight: lighter;
}

/*========================================
　　ヘッダー / header
========================================*/

#header {
	background-image: url(../images/top001.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 800px;
}

h1 {
	color: #FFF;
	text-align: right;
	font-weight: lighter;
	padding-right: 25px;
	padding-top: 7px;
	height: 31px;
}

.title {
	padding-top: 0px;
	padding-left: 30px;
}

/*========================================
　　グローバルナビ / gnavi
========================================*/
ul#gnavi {
	background-color: #001351;
	margin-right: auto;
	margin-left: auto;
	font-size: 80%;
	letter-spacing: 1px;
}

ul#gnavi li {
	float: left;
	margin: 0 5px 0 0;
	background-color: #20316b;
	color: #FFF;
}

ul#gnavi li a{
	text-decoration:none;
	color: #FFF;
}

ul#gnavi li .gnavy{
	background-color: #20316b;
	padding: 7px 0 3px;
	height: 17px;
	text-align:center;
	width: 110px;
}

ul#gnavi li a:hover .gnavy {
	background-color: #20316b;

}

ul#gnavi li .gpink{
	background-color: #DDEEF6;
	height: 5px;
}

ul#gnavi li a:hover .gpink {
	background-color: #E11E79;
}

/*========================================
　　パンくず / topicPath
========================================*/

p.topicPath {
	margin: 5px;
	padding: 10px 10px 7px 10px;
	font-size: 80%;
	color: #666;
	float: left;
}

p.topicPath a {
	color: #E11E79;
	text-decoration: none;
}

/*========================================
　　ブックーマーク / bookmark
========================================*/

#bookmark {
	margin: 25px 50px 15px 0;
}


#bookmark li{
	float: right;
	margin: 3px;
}

#bookmark li.tweet{
	float: right;
	margin: 3px 5px;
}



/*========================================
　　メイン / mainContent
========================================*/

#mainContent{
	background-color: #B4D2E1;
	background-image: url(../images/footer001.png);
	background-repeat: no-repeat;
	height: auto;
	padding-top:5px;
	clear: both;
}

.search{
	margin-top: 30px;
	margin-left: 230px;
	height: 50px;
}

.searchf{
	float: left;
	margin: 3px;
	font-size: 20px;
	line-height: 25px;
}

.searchBT{
	height: 35px;
	width: 35px;
	margin: 3px;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: left top;
}


p.textright{
	font-size: 80%;
	text-align: right;
	padding-top: 5px;
	padding-right: 40px;	
}

.pege-title{
	background-color: #FFF;
	height: 35px;
	width: 700px;
	padding-top: 15px;
	text-align: center;
	margin: 20px auto 5px;
	border: #E11E79 solid 1px;
	color: #E11E79;
	font-size: 160%;
}

.pege-aboutTitle{
	text-align: center;
}

.pege-aboutTitle img{
	margin: 30px auto 30px;
}

.about-note{
	background-color: #FFF;
	border: #666 dotted 1px;
	margin: 25px auto 30px auto;
	height: 330px;
	width: 600px;
	padding-top: 20px
}

.about-row{
	width: 500px;
	height: 20px;
	border-bottom: #666 dotted 1px;
	margin: 15px auto;
	padding: 5px 0 0 15px;
}

.about-row2{
	width: 500px;
	height: 20px;
	margin: 15px auto;
	padding: 5px 0 0 15px;
}


.daykw-tab{
	background-color: #FFF;
	height: 17px;
	width: 100px;
	padding-top: 5px;
	text-align:center;
	margin-top:10px;
	margin-left: 100px;
	font-size: 80%;
}

.word-note{
	background-color: #FFF;
	height: auto;
	width: 600px;
	padding-top:10px;
	text-align:center;
	margin-left:105px;
	clear: both;
}

.word-note2{
	background-color: #FFF;
	height: auto;
	width: 600px;
	padding-top:10px;
	text-align:center;
	margin-left:105px;
	margin-top: 20px;
	clear: both;
}

.word-notekw{
	background-color: #FFF;
	height:150px;
	width: 600px;
	padding-top:10px;
	text-align:center;
	margin: 0 auto;
}


.word-month001{
	background-color: #20316b;
	width: 90px;
	height: 13px;
	color: #FFF;
	font-size: 90%;
	text-align: center;
	margin-left: 49px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	float: left;
	border-left: #666 dotted 1px;
	border-right: #666 dotted 1px;
	border-top: #666 dotted 1px;
}



.word-month002{
	background-color: #efefef;
	width: 90px;
	height: 12px;
	color: #20316b;
	font-size: 90%;
	text-align: center;
	padding: 9px 0 5px;
	float: left;
	border-right: #666 dotted 1px;
	border-top: #666 dotted 1px;
}

.morepast{
	width: 50px;
	color: #E11E79;
	font-size: 120%;
	text-align: center;
	padding: 5px 0;
	float: left;
}

.navyLine{
	width: 700px;
	height: 15px;
	margin: -1px auto 0 auto;
	background-color: #20316b;
	border: #666 dotted 1px;
}

.word-pastday{
	background-color: #fff;
	height: 180px;
	width: 670px;
	text-align:center;
	margin: 0 auto;
	border-left: #666 dotted 1px;
	border-right: #666 dotted 1px;
	padding: 15px;
}

.pick{
	height:40px;
	width: 540px;
	text-align: left;
	margin: 10px auto;
	border-bottom: #666 dotted 1px;
	clear:left;
	padding-bottom: 5px;
}

.pickup{
	height:25px;
	width: 100px;
	text-align: left;
	margin-left: 10px;
	padding-top: 5px;
	float:left;
}

.pick-text{
	height:25px;
	width: 400px;
	text-align: left;
	margin-left: 10px;
	padding-top: 10px;
	color:#001351;
	overflow: hidden;
	margin-bottom: 5px;
	background-color: #FFF;
}

.pick-text ul.normalList {
	word-break: break-all;
}

.pick-text ul.normalList li {
	display: inline;
	margin-right: 5px;
	line-height: 1.5;
	font-size: 90%;
}


.pick-text ul.normalList li a{
	display: inline;
	margin-right: 5px;
	color:#001351;
}


.trend{
	height: auto;
	width: 500px;
	padding: 5px 10px 15px 30px;
	text-align: left;
	margin: 10px auto;
}

.trend ul.normalList {
	width: 470px;
	word-break: break-all;
}

.trend ul.normalList li {
	display: inline;
	margin-right: 5px;
	line-height: 150%;
	font-size: 90%;
}

.trend ul.normalList li.size1 {
	display: inline;
	margin-right: 5px;
	line-height: 150%;
	font-size: 90%;

}

.trend ul.normalList li.size2 {
	display: inline;
	margin-right: 5px;
	line-height: 150%;
	font-size: 120%;

}

.trend ul.normalList li.size3 {
	display: inline;
	margin-right: 5px;
	line-height: 150%;
	font-size: 140%;

}

.thisMonth{
	height: 140px;
	width: 620px;
	text-align: center;
	margin: 0 auto;
	border: #666 dotted 1px;
	padding: 15px 10px 25px;
}

.thisMonth ul.daycolumn{
	float: left;
	text-align: center;
	border-right: #666 dotted 1px;
	width: 85px;
}

.thisMonth ul.daycolumn-r{
	float: left;
	text-align: center;
	border: none;
	width: 85px;
}

.thisMonth ul.daycolumn li{
	padding: 7px;
	text-align: center;
	margin: 0 20px;
	border-bottom: #666 dotted 1px;
}

.thisMonth ul.daycolumn li.no-border{
	padding: 7px;
	text-align: center;
	margin: 0 10px;
	border: none;
}

.thisMonth ul.daycolumn-r li{
	padding: 7px;
	text-align: center;
	margin: 0 20px;
	border-bottom: #666 dotted 1px;
}

.thisMonth ul.daycolumn-r li.no-border{
	padding: 7px;
	text-align: center;
	margin: 0 10px;
	border: none;
}


.trendpre{
	height: 70px;
	width: 540px;
	padding-top:20px;
	padding-bottom: 5px;
	text-align: center;
	margin: 50px auto 100px auto;
	background-color: #FFF;
}


.turn{
	margin-left: 30px;
	font-size:85%;
	color:#000;
}

.turnTitle{
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom:5px;
	font-size:80%;
	color:#333;
	float: left;
}


.date{
	margin-top: 25px;
	margin-right: 60px;
	font-size:90%;
	color:#222;
	float: right;
}

.dateTitle{
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 5px;
	font-size:90%;
	color:#222;
	float: right;
}


.morelook{
	font-size: 70%;
	background-color: #E11E79;
	color: #fff;
	padding: 6px 5px 5px 5px;
	margin: 5px 50px 40px 640px;
	width: 100px;
	text-align: center;
}

.morelook a{
	text-decoration: none;
	color: #fff;
}

.morelook a:hover{
	color: #999;
}

.morelookn{
	font-size: 70%;
	color: #fff;
	padding: 6px 5px 5px 5px;
	margin: 5px 50px 40px 640px;
	width: 100px;
	text-align: center;
}

.rank-note{
	background-color: #FFF;
	height: auto;
	width: 700px;
	padding-top:10px;
	padding-bottom: 5px;
	text-align:center;
	margin-left: 50px;
}

.no-title{
	margin: 10px 0 0 50px;
	padding: 10px 0 0 20px;
	font-size:100%;
	color:#E11E79;
	background-color: #FFF;
	text-align:left;
	height: 25px;
	width: 680px;
}

.popup{
	margin: 10px 70px 0 70px;
}

.no-titleTag{
	margin: 30px auto 0 auto;
	padding: 10px 0 10px 20px;
	font-size:140%;
	color: #fff;
	text-align: center;
	font-weight: lighter;
	height: auto;
	width: 680px;
	background-color: #001351;
	letter-spacing: 4px;
}

.no-tubuyaki{
	margin: 0 10px 0 10px;
	padding: 6px 5px 4px 5px;
	text-align:left;
	font-weight: lighter;
	height: auto;
	font-size: 75%;
	border-bottom: dotted 1px #666;
}

.no-text{
	margin: 0 15px 5px 15px;
	float: left;
	width: 550px;
	height: auto;
	line-height: 1.5;
}

.no-name a{
	float: left;
	color: #001351;
}

.no-time a{
	float:left;
	color: #999;
	margin-left: 10px;
}

.no-comment{
	clear: left;
	height: auto;
	padding: 3px;
}

.TweetList{
	float: left;
	height: auto;
	margin: 0 10px;
}

.no-icon{
}

.no-icon img{
	width: 43px;
	height: 43px;
	border: #999 solid 1px;
}

.follow{
	margin-top: 7px;
}

.follow a:hover{
	background-image: url(../images/followover.png);
}

.RBT{
	clear: both;
	margin: 3px;
	height: auto;
}

.RT{
	float: right;
	margin: 3px;
}

.Rep{
	float: right;
	margin: 3px;
}

.sepaTag1{
	height: auto;
	width: 680px;
	padding:10px 0 8px 20px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 10px;
	font-size: 90%;
}

.sepaTag1 a{
	color: #001351;
}

.sepaTag2{
	background-color: #FFF;
	height: auto;
	width: 660px;
	padding:10px 20px 8px 20px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 10px;
	font-size: 90%;
}

.sepaTag2 li {
	display: inline;
	margin-right: 5px;
	line-height: 150%;
	font-size: 90%;
}

.sepaTag2 a{
	color: #001351;
}

/*========================================
　　アドセンス / Adsense
========================================*/

.adsense000{
	background-color: #B4D2E1;
	height:14px;
	width: 600px;
	text-align:center;
	margin-top: 35px;
	padding-top:10px;
	margin-left:105px;
	margin-bottom: 10px;
}


.adsense001{
	background-color: #B4D2E1;
	height:90px;
	width: 600px;
	padding-top: 15px;
	text-align:center;
	margin-top: 10px;
	margin-left:105px;
}


.adsense002{
	background-color: #B4D2E1;
	height: auto;
	width: 750px;
	padding-top:15px;
	text-align:center;
	margin-top: 10px;
	margin-left:25px;
	margin-bottom: 10px;
}

.adsense003{
	background-color: #B4D2E1;
	height: 15px;
	width: 728px;
	text-align:center;
	margin-top: 10px;
	margin-left:36px;
	margin-bottom: 10px;
}


/*========================================
　　フッター / Footer
========================================*/

.footerLink{
	margin-top:10px;
	margin-left:50px;
	height:70px;
}

.footer-column{
	float:left;
	margin-right:25px;
	margin-bottom: 0;
}

.footer-column li{
	padding-bottom: 15px;
}

.footer-column li a{
	color: #001351;
	font-weight: bold;
	text-decoration: none;
}

.footer-column li a:hover{
	color: #E11E79;
	font-weight: bold;
	text-decoration: none;
}

.copyright{
	text-align:center;
	font-size:90%;
	color:#000;
	padding: 10px 0 10px 0;
}

/*========================================
　　フッター固定 / Footer
========================================*/

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {
	width: 800px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
}

#footer {
	position: relative;
	width: 800px;
	margin: 0 auto;
	height: auto;
	clear: both;
	font-size: 70%;
	color: #001351;
	background-image: url(../images/footer001.png);
	background-repeat: no-repeat;
	background-position: bottom;
	font-weight: bold;
} 

 
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.paging{
	margin: 30px 105px;
	padding: 5px;
	text-align: center;
}