@charset "UTF-8";
/* CSS Document */


html { 
	font-size: 10px; 
	*	font-size: 62.5%;	/*forIE6IE7*/ 
}

body {
	margin: 0;
	padding: 0;
	font: 10px Verdana, sans-serif;
	_font-size: 62.5%;	/* IE 6 */
	color: #333;
	background: url(http://www.yousmile.jp/~ameblo/img/body_bg.png) 0 0;
	word-break: break-all;
}



/*
==============================

	Common
	
==============================
*/

img {
	border: 0;
}

table {
	border-collapse: collapse;
}

blockquote {
	margin: 12px 0;
	padding: 10px;
	border: 2px dotted #D4D4D4;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1.2em;
}

h1, h2, h3, h4, h5, h6,
pre, p, input, textarea, ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}

ul, ol, li {
	list-style-type: none;
}


/*
------------------------
	link
------------------------
*/

a {
	color: #33c;
	text-decoration: none;
}

a:visited {
	color: #00c;
	text-decoration: none;
}

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



/*
==============================

	Layout
	
==============================
*/

#amebaBar {
	border-bottom: 1px solid #666 !important;
}

#frame {
	width: 980px;
	min-height: 1%;
	margin: 0 auto;
	padding: 0;
	font-size: 1.2em;
	background: url(http://www.yousmile.jp/~ameblo/img/contents_bg.png) 0 0;
}

* html #frame {
	height: 1%;
}

#wrap {
	position: relative;
	width: 980px;
	margin: 0;
	display: inline-block;
	min-height: 1%;
}

* html #wrap {
	height: 1%;
	display: block;
}

#sub_main {
	width: 100%;
	overflow: hidden;
}

#main {
	float: left;
	width: 685px;
	margin: 100px 0 0;
	padding: 0 0 0 5px;
	overflow: hidden;
	word-break: break-all;
}

#sub_a {
	float: right;
	width: 288px;
	margin: 10px 0 0;
	padding: 0;
	overflow: hidden;
	word-break: break-all;
	color: #666666;
	z-index: 1;
}

#sub_b {
	display: none;
	overflow: hidden;
	word-break: break-all;
	color: #666666;
	background-color: #FFFFFF;
}

#frame:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#wrap:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}



/*
==============================

	Header
	
==============================
*/

#overHeader {
	position: relative;
	height: 500px;
	overflow: hidden;
	background: #fff url(//stat.blogskin.ameba.jp/blogskin_images/20130318/14/eb/f3/p/o09800500smile-ange1363583457710.png) no-repeat 0 0;
	width: 980px;
}

#userNaviArea {
	display: none;
}

#userNickName {
	float: left;
	font-size: 12px !important;
}

ul#navigationList {
	float: left;
	padding: 0 !important;
	color: #000;
	border-left: 1px solid #000;
}

ul#navigationList li {
	font-size: 12px;
}

ul#navigationList .lastItem {
	padding: 0 5px;
	background: #efefef;
}

#userNaviArea a,
#userNaviArea a:visited,
#userNaviArea a:hover {
	color: #000 !important;
	font-weight: normal;
}

#header	 {
}

#header h1 {
	position: absolute;
	top: 5px;
	left: 25px;
	margin: 0;
	padding: 0;
	width: 490px;
	height: 30px;
	overflow: hidden;
}

#header h1 a {
	display: block;
	width: 490px;
	height: 0px;
	padding-top: 30px;
	text-decoration: none;
}

#header h1 a:hover {
	text-decoration: none;
}

#header h2 {
	display: none;
	margin: 0;
	padding: 5px 10px;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.2;
	color: #000;
	text-align: center;
	background: #fff;
	opacity: 0.7;
	filter: alpha(opacity=70);
}



/*
==============================

	Contents
	
==============================
*/

/*
------------------------
	message board
------------------------
*/

#message {
	margin-bottom: 14px;
}

#message .contents {
	width: 675px;
	margin: 0 0 20px 10px;
}

#message .contents .left {
	float: left;
	margin-right: 10px;
}

#message .contents .msg {
	margin: 0 0 20px;
	padding: 15px 0;
	border: 2px solid #fff;
	line-height: 1.6;
	text-align: center;
}

#message .contents .clr {
	clear: left;
}


/*
------------------------
	entry
------------------------
*/

.entry {
	position: relative;
	width: 675px;
	margin: 0 0 40px 10px;
}

.entry .entry_head {
	position: absolute;
	top: 50px;
	right: 40px;
	text-align: right;
	font-size: 10px;
	color: #666;
}

.entry .date {
}

.entry .theme {
	display: block;
	margin: -15px 0 0;
	padding-right: 40px;
	text-align: right;
	font-size: 10px;
	color: #666;
}

.entry .theme a {
	padding: 0 10px;
}

.entry .name {
	display: block;
	margin: 2px 0 0 0;
	padding: 0;
	color: #666666;
	font-size: 0.85em;
}

.entry h3.title {
	width: 415px;
	height: 75px;
	margin: 0;
	padding: 75px 30px 10px 230px;
	font-size: 1.6em;
	font-weight: bold;
	color: #ff4c97;
	line-height: 1.5;
	background: url(http://www.yousmile.jp/~ameblo/img/blog_title.png) no-repeat 0 0;
}

.entry .contents {
	margin: 0 20px 0 20px;
	padding: 5px 30px 30px;
	background: #fff;
}

.entry .contents img {
	margin-left: 10px;
	margin-right: 10px;
	/*padding: 4px;
	border: 1px solid #ccc;*/
}

.entry .foot {
	width: 605px;
	margin: 0 20px;
	padding: 5px 30px 10px 0;
	text-align: right;
	background: #fff;
}

.entry .foot .comment {
	margin-left: 10px;
}

.entry .foot .trackback {
	margin-left: 10px;
}

.entry .foot .petaLink {
	margin-left: 10px;
}

#advertising2,
.advertising2 {
	height: 0;
	overflow: hidden;
}


/*
------------------------
	themeBox
------------------------
*/

div#themeBox {
	padding: 30px 0 5px;
	font-size: 1em;
}

div#themeBox h5 {
	font-size: 1em;
}

div#themeBox li {
	padding: 0 0 0 15px;
	background: url(http://www.yousmile.jp/~ameblo/img/mark_pink.png) no-repeat 0 5px;
}


/*
------------------------
	pager
------------------------
*/

.page {
	margin: 0 auto 14px auto;
	padding: 0;
	font-size: 0.85em;
	text-align: center;
}


/*
------------------------
	trackback
------------------------
*/

#trackback {
	margin: 15px 0 0;
	padding: 0;
	line-height: 1.5;
}

#trackback h3.title {
	margin: 0;
	padding: 5px 10px;
	font-size: 1.2em;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #66f;
}

#trackback p.tr_URL {
	margin: 10px 0 20px;
	padding: 5px 10px;
	border: 3px double #999;
}

#trackback ul {
	margin: 0 0 10px;
	padding: 5px;
	border: 1px solid #66f;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#trackback .label {
	font-weight: bold;
}


/*
------------------------
	comment
------------------------
*/

#comment_module {
	line-height: 1.5;
}

#comment_module h3.title {
	margin: 0;
	padding: 5px 10px;
	font-size: 1.2em;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #66f;
}

#comment_module p.list {
	margin: 0 0 10px 0;
	padding: 0;
}

#comment_module .comment_body {
	margin: 0;
	padding: 10px 0;
}

#comment_module .each_comment {
	margin: 0 0 10px;
	padding: 5px;
	border: 1px solid #66f;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#comment_module .comment_footer {
	margin: 0;
	padding: 5px 0 0;
	text-align: right;
	border-top: 1px dotted #66f;
}

#comment_module .error {
	margin-top: 20px;
	padding-bottom: 10px;
}

#comment_module form ul {
	width: 340px;
	margin: 0 auto;
}

#comment_module form li {
	display: block;
	width: 340px;
	margin-bottom: 5px;
}

#comment_module li.lastItem {
	display: block;
	width: 330px;
	margin-bottom: 5px;
	text-align: right;
}

#comment_module .button {
	margin-left: 5px;
	width: 80px;
	font-size: 0.91em;
}

#comment_module .error {
	color: #FF0000;
}

#comment_module .label {
	font-size: 1.2em;
	font-weight: bold;
}


/*
------------------------
	reader
------------------------
*/

#reader_list h3.title {
	margin: 0;
	padding: 7px 0 8px 0;
}

#reader_list li {
	margin: 0;
	padding: 8px 0;
}

#reader_list .reader_blog {
	display: block;
	margin-top: 2px;
}


/*
------------------------
	favorite
------------------------
*/

#favorite_list h3.title {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.17em;
	background: none;
}

#favorite_list ul {
}

#favorite_list li {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px dotted #7E8984;
}

#favorite_list .favorite_blog {
	display: block;
	margin-top: 2px;
}

#favorite_list .favorite_theme {
	display: block;
	margin-top: 2px;
}


/*
------------------------
	bookmark list
------------------------
*/

#bookmark_list h3.title {
	margin: 0px;
	padding: 7px 0 8px 0;
	font-size: 1.17em;
	background: none;
}

#bookmark_list ul {
}

#bookmark_list li {
	margin-bottom: 4px;
	padding: 4px 0;
	border-bottom: 1px dotted #7E8984
}


/*
------------------------
	recent
------------------------
*/

#recent_entries_list h3.title {
	margin: 0;
	padding: 7px 0 8px 0;
	font-size: 1.17em;
	background: none;
}

#recent_entries_list li {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px dotted #7E8984;
}

#reader_list h3.title {
	background: none;
	font-size: 1.17em;
}

#reader_list li {
	border-bottom: 1px dotted #7E8984;
}


/*
------------------------
	footer ad
------------------------
*/

#footer_ad {
	height: 0;
	overflow: hidden;
}



/*
==============================

	Side
	
==============================
*/

h4.menu_title {
	position: absolute;
	top: -30px;
	margin: 0;	/*width: 260px;
	height: 70px;
	margin: 0;
	font-weight: normal;
	font-size: 10px;
	color: #666;
	overflow: hidden;
	text-align: right;*/
}

div.mainMenu {
	position: relative;
	margin: 0 0 30px;
	padding: 70px 0 0;
	width: 288px;
	font-size: 0.91em;
	line-height: 1.3;
	overflow: hidden;
}

div.menu_frame {
	margin: 0 9px;
	padding: 10px 20px 20px;
	background: #fff;
}

#profile div.menu_frame {
	padding: 0 30px 20px;
}

.mainMenu ul {
}

.mainMenu ul li {
	padding: 5px 0 5px 18px;
	background: url(http://www.yousmile.jp/~ameblo/img/mark_pink.png) no-repeat 0 4px;
}

.mainMenu dl {
}

.mainMenu p,
#search form {
	margin: 0;
}

p.list,
p.link_blog {
	margin: 0;
	padding-top: 5px;
}


/*
------------------------
	ad
------------------------
*/

#defaultAd {
	display: none;
	height: 0;
	overflow: hidden;
}

#defaultAd.mainMenu {
	margin: 0 !important;
}

#attentionBox {
	display: none;
}



/*
------------------------
	profile
------------------------
*/

#profile {
	padding: 140px 0 0;
	background: url(http://www.yousmile.jp/~ameblo/img/profile.png) no-repeat 0 0;
}

#profile h4.menu_title {
}

#profile p {
	display: block;
}

#profile #new_profile {
	color: #666666;
}

#profile ul li {
	padding: 2px 0;
	background: none;
}

#profile ul li.image,
#profile ul li.piggLink,
#profile ul li.profLink {
	text-align: center;
}

.menuMsg {
	background: url(//stat100.ameba.jp/p_skin/cmn/img/icon_msg.gif) no-repeat scroll 2px 5px !important;
}

#amemberProf3	{
	background: url(//stat100.ameba.jp/amember/img/pc/user/ameba/common/icons/amember_icon.gif) no-repeat 0 0 !important;
	margin: 0 !important;
	padding: 4px 0 0 19px !important;
}

.menuPresent {
	background: url(//stat100.ameba.jp/common_style/img/common/icon/present.gif) no-repeat scroll 1px 2px !important;
}


/*
------------------------
	recent
------------------------
*/

#recent_entries {
	background: url(http://www.yousmile.jp/~ameblo/img/side_entry.png) no-repeat 0 0;
}

#recent_entries h4.menu_title {
}


/*
------------------------
	theme
------------------------
*/

#theme_list {
}

#theme_list h4.menu_title {
}

#theme_list select {
	margin-left: 6px;
	margin-right: 6px;
}


/*
------------------------
	calendar
------------------------
*/

#calendar {
	padding: 80px 0 0;
	background: url(http://www.yousmile.jp/~ameblo/img/side_calendar.png) no-repeat 0 0;
}

#calendar h4.menu_title {
}

#calendar .menu_title {
}

#calendar table {
	width: 230px;
	line-height: 1.3;
}

#calendar caption {
	padding: 5px 0;
}

#calendar caption a {
	padding: 0 20px;
	font-size: 0.83em;
}

#calendar th {
	padding: 0;
	text-align: center;
}

#calendar td {
	padding: 3px 0;
	text-align: center;
}

#calendar .sun {
	color: #c00;
}

#calendar .sat {
	color: #00c;
}

#calendar td a {
	color: #66f;
	font-weight: bold;
	text-decoration: none;
}

#calendar td a:hover {
	color: #99f;
	text-decoration: underline;
}


/*
------------------------
	archives
------------------------
*/

#archives {
	background: url(http://www.yousmile.jp/~ameblo/img/side_archive.png) no-repeat 0 0;
}

#archives h4.menu_title {
}

#archives select {
	margin-left: 6px;
	margin-right: 6px;
}


/*
------------------------
	comment
------------------------
*/

#recent_comment {
}

#recent_comment h4.menu_title {
}


/*
------------------------
	search
------------------------
*/

#search {
	background: url(http://www.yousmile.jp/~ameblo/img/side_search.png) no-repeat 0 0;
}

#search h4.menu_title {
}

#search form {
	margin: 0 7px;
}

#search .searchbox {
	width: 100px;
}

#search .searchbtn {
	width: 40px;
}


/*
------------------------
	reader
------------------------
*/

#reader {
	background: url(http://www.yousmile.jp/~ameblo/img/side_reader.png) no-repeat 0 0;
}

#reader h4.menu_title {
}

#reader dl {
	margin-bottom: 15px;
}

#reader dt {
	width: 230px;
	height: 230px;
	overflow: hidden;
}

#reader dt a {
	display: block;
	width: 230px;
	height: 0;
	padding-top: 230px;
	background: url(http://www.yousmile.jp/~ameblo/img/btn_reader.png) no-repeat 0 0;
}

#reader dt a:hover {
	background: url(http://www.yousmile.jp/~ameblo/img/btn_reader.png) no-repeat 0 0;
}

#reader dt a:active {
	background: url(http://www.yousmile.jp/~ameblo/img/btn_reader.png) no-repeat 0 0;
}

#reader dd {
	padding: 10px 0 0;
	text-align: center;
}

#reader ul {
	margin: 5px 0 0;
	padding: 8px 0 0 0;
	border-top: 1px dotted #7E8984;
}

#reader li {
}

#reader p {
	display: inline;
}


/*
------------------------
	favorite
------------------------
*/

#favorite {
	background: url(http://www.yousmile.jp/~ameblo/img/side_favorite.png) no-repeat 0 0;
}

#favorite h4.menu_title {
}


/*
------------------------
	bookmark
------------------------
*/

#bookmark {
	background: url(http://www.yousmile.jp/~ameblo/img/side_bookmark.png) no-repeat 0 0;
}

#bookmark h4.menu_title {
}


/*
------------------------
	ranking
------------------------
*/

#ranking {
}

#ranking h4.menu_title {
}

#ranking .menu_frame {
	line-height: 1.4;
}

#ranking .rank_ttl {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}

#ranking .menu_frame img {
	vertical-align: bottom;
}

#ranking .rank {
	display: block;
	padding: 0 3px 0 3px;
}

#ranking a {
}

#ranking img {
	margin-left: 5px;
}

#ranking .rank_all {
	margin-bottom: 8px;
}

#ranking .rank_genre {
	margin-bottom: 8px;
}


/*
------------------------
	ameblo
------------------------
*/

#ameblo {
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#ameblo .menu_frame {
}

#ameblo p {
}

#ameblo li {
}


/*
------------------------
	rss
------------------------
*/

#rss {
	margin: -3px auto 0 auto;
	padding-bottom: 16px;
	border: none;
	background-image: none;
	text-align: center;
}

#rss .menu_frame {
	border: none;
	background: none;
}

#rss .menu_frame a {
	height: 0;
	overflow: hidden;
}

#rss .menu_frame p a {
	height: 20px;
}



/*
------------------------
	free space
------------------------
*/

#freespace {
	padding: 0;
}

#freespace .menu_frame {
	margin: 0 9px;
	padding: 10px 0;
	text-align: center;
}

#freespace .menu_frame img {
	margin: 0 5px;
}



/*
------------------------
	plugin
------------------------
*/

.plugin {
	position: absolute;
	top: -50px;
	left: 0;
	margin-bottom: 15px;
}

#HeaderNavi {
}


/*
==============================

	Footer
	
==============================
*/

div#footerArea {
	margin: 0;
	padding: 12px 8px 25px 0;
	border-top: 1px solid #666666;
	text-align: right;
}