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

	body{
	margin:0;
	padding:0;
	color: #666666;
	font-family:arial ,sans-serif;
	text-align:center;
/* 	background-image:url(http://www.msstyle-net.com/blog/images/bg_bg.jpg); */
/* 	background-attachment: fixed; */
	background-color:#FFFFFF;
	}
ul { list-style-type: none; margin: 0; padding: 0px 0px 0px 0px; }
li { margin: 0; padding: 0; }
	a:link{color:#999;}
	a:visited{color:#999;}
	a:active{color:#999;}
	a:hover{color:#999;text-decoration:none;}
img {
	vertical-align: top;
	border: none;
}
#wap{
	width:960px;
	background-color:#FFFFFF;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background-repeat: no-repeat;
}


#Layer1 {
	position:absolute;
	width:760px;
	height:20px;
	z-index:1;
	visibility: hidden;
}

#right_con{
	width: 180px;
	float: right;
}

#clear_r{
	clear: right;
}
#clear_b{
	clear: both;
}
.clear_b{
	clear: both;
}
.clear_b4{
	clear: both;
height: 8px;
}
.clear_b8{
	clear: both;
	height: 8px;
}

#container{
	width:960px;
	text-align:left;
	word-break:break-all;
	margin-left: auto;
	margin-right: auto;
	}
#top_title{
	background-image: url(images/top_title.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 370px;
	float: left;
}
	#banner,#subbanner{
	width:280px;
	height:56px;
	text-align:left;
	margin:0;
	float: right;
	margin-top: 30px;
	margin-right: 12px;
	}

	#banner a{color:#996633;text-decoration:none;}
	#banner a:link{color:#996633;text-decoration:none;}
	#banner a:visited{color:#996633;text-decoration:none;}
	#banner a:hover{color:#FF6699;text-decoration:underline;}
	
	h1,h2,h3{margin:0;padding:0;}

	.blogtitle{
		font-size:14px;
		padding:35px 0px 2px 35px;
	}

	.description{
		color:#CC6666;
		font-size:11px;
		padding:0px 0px 0px 35px;
	}

	#blogcontainer{
	width:960px;
/*     background-image: url(images/contens_bg.gif);*/
/*	background-repeat: repeat-y;*/
	}

	#content{
	float:left;
	width:770px;
	text-align:center;
	}
*html #content{
	float:left;
	width:770px;
	text-align:center;
	}


	#blog{
	width:750px;
	padding-bottom:20px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	}
*html #blog{
	width:750px;
	padding-bottom:20px;
	margin:0;
	text-align:left;
	background:#fff;
	}
	#links{
	float:right;
	width:180px;
	padding:0px 0px 30px;
	background-color: #FFFFFF;
	color: #666666;
	}
	#profile{
	font-size: 10px;
	line-height: 1.5em;
	color: #666666;
	padding: 10px;
	}
	#profile img{
	margin-top: 0px;
	margin-bottom: 12px;
	}
	#categorytitle{
	color:#E98297;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	text-align:center;
	border-bottom:1px solid #666;
	background:#fff;
	margin-bottom:15px;
	　　　　height:30px;
	background-image: url(images/cat_t_bg.gif);
	}
	
	.fullbody,#articlebody{
	padding:10px 10px 20px;
	border-bottom:1px solid #666;
	}
	
	.date{
		font-size:12px;
		font-weight:normal;
		padding:0px;

	}
	.blogbody{
		padding:11px 0 0;
	}

	.blogbodybottom{
	}
.titlebody{
	width:730px;
	text-align:left;
padding:4px;
background-color:#4B553C;
	}
.title{
		font-size:18px;
		font-weight:bold;
color:#FFFFFF;
	}
.title a{
		font-size:18px;
		font-weight:bold;
color:#FFFFFF;
	}

/*?*/
* html .main{height:1%;}
* html .mainmore{height:1%;}
/**/

	.main,.mainmore{
		font-size:12px;
		text-align:left;
		line-height:150%;
		padding:25px 0px;
	}
	
	blockquote{
		border:2px dotted #666;
		margin:10px;
		padding:10px;
		text-align:left;
	}
	
	.pict{
	float: left;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	}
	
	 a.continues:link{color:#999;}
	 a.continues:visited{color:#999;}
	 a.continues:active{color:#999;}
	 a.continues:hover{color:#999;text-decoration:none;}

	.posted{
		color:#999;
		font-size:11px;
		text-align:right;
	}

	.posted a:link{color:#999;}
	.posted a:visited{color:#999;}
	.posted a:active{color:#999;}
	.posted a:hover{color:#999;text-decoration:none;}

 .dateend{
		margin-bottom:45px;
	}

	.nextpage{
		font-size:12px;
		padding:5px;
		text-align:right;
	}
	.nextpage a:link{color:#000;}
	.nextpage a:visited{}
	.nextpage a:active{}
	.nextpage a:hover{text-decoration:none;}

	.menu{
		color:#999;
		font-size:11px;
		text-align:right;
		margin-top:5px;
		}

	.menu a:link{color:#999;}
	.menu a:visited{color:#999;}
	.menu a:active{color:#999;}
	.menu a:hover{color:#999;text-decoration:none;}


	.comblogbodybottom{}

/*  */
	.trackbackurlbody{
		text-align:left;
	}
	.trackbackurlttl{
		color:#4d4d4d;
		font-size:12px;
		font-weight:bold;
	}

	.trackbackurl{text-align:center;margin-bottom:10px;}
	.trackbackurl table{width:400px;margin:10px auto;}
	input.trackbackbox{width:325px;}

/*  */

	a.posttitle:link{color:#006;}
	a.posttitle:visited{color:#006;}
	a.posttitle:active{color:#006;}
	a.posttitle:hover{color:#006;text-decoration:none;}

	#trackback,#comment,#takecomment{
		padding:10px 0px;
		text-align:left;
	}
	.trackbackhead,.commenthead,.takecommenthead{
		color:#4d4d4d;
		font-size:12px;
		font-weight:bold;
	}
	#trackbackbody,#commentbody,#takecommentbody{
		padding:10px 5px;
	}
	.trackbackttl,.commentttl{
		font-size:12px;
	}
	.trackbacktext,.commenttext{
		font-size:12px;
		margin:3px 0 10px 10px;
	}

	#error{
		padding:x-small;
		font-size:12px;
		line-height:150%;
		font-weight:bold;
	}
	#error span{font-weight:normal;}

	.loginon{
		color:#4d4d4d;
		font-size:12px;
		margin:15px 0;
	}
	
	.loginon a:link{color:#666;}
	.loginon a:visited{color:#666;}
	.loginon a:active{color:#666;}
	.loginon a:hover{color:#666;}

	.loginoff{
		color:#4d4d4d;
		font-size:12px;
		margin:15px 0;
	}

	.loginoff a:link{color:#666;}
	.loginoff a:visited{color:#666;}
	.loginoff a:active{color:#666;}
	.loginoff a:hover{color:#666;}


	#formbody{text-algin:center;}

	.form{
		margin:0px auto;
		color:#4d4d4d;
		font-size:12px;
	}
	
	.form th{
		font-weight:normal;
		padding:2px;
		text-align:right;
	}
	.form td{
		padding:2px;
	}

	input#author{width:200px;}
	input#email{width:200px;}
	input#url{width:200px;}
	input#bake{}
	textarea#text{width:350px;height:200px;}
	input.button{margin-top:20px;width:80px;}
	
	#blogcommentbottom{
	}

	.calendarhead{
		color:#666;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		padding-bottom:5px;
		background:url(http://parts.blog.livedoor.jp/img/usr/concrete/line.gif) no-repeat 50% 100%;
	}
	
	.calendarhead a:link{color:#666;}
	.calendarhead a:visited{color:#666;}
	.calendarhead a:active{color:#666;}
	.calendarhead a:hover{color:#666;text-decoration:none;}
	
	.calendarpre,.calendarnext{
		font-size:11px;
	}
	
	.caltop{}
	.calbody{}
	.caltbl{
		width:161px;
		margin:5px auto 40px;
	}

	.caltblwkbg{}
	.caltblwk{
		color:#000;
		font-size:12px;
	}
	.caltblwk td{
		padding:3px 0;
		text-align:center;
	}

	.weekday{}
	.sun{}
	.sat{}

	.caltbldaybg{}

	.caltblday{
		font-size:12px;
		color:#666;
	}

	.caltblday td{
		text-align:center;
		padding:3px 0px;
	}
	
	.calon{}
	.caloff{}

	.caltblday a:link{color:#000;}
	.caltblday a:visited{color:#000;}
	.caltblday a:active{color:#000;}
	.caltblday a:hover{color:#000;text-decoration:none;}

	.calbottom{}

	a.ttllink:link{color:#000;text-decoration:underline;}
	a.ttllink:visited{color:#000;text-decoration:underline;}
	a.ttllink:active{color:#000;text-decoration:underline;}
	a.ttllink:hover{color:#000;text-decoration:none;}

	input.sf{width:122px;margin-right:3px;}
	.moblogbody,.linkme,.skypeme{text-align:center;}
	.afbody{text-align:center;padding-bottom:10px;}
	.afbody img{margin-bottom:3px;}
	.photo{text-align:center;}
	.nickname{font-size:11px;font-weight:bold;margin:10px 0;text-align:left;}
	.message{text-align:left;font-size:11pxl;margin-bottom:10px;}
	.blogtimes{margin:10px auto;text-align:center;width:170px;}
	.quotetable{background:#000;width:170px;}
    .quotetable img{width:150px;}
	.quote{color:#000;font-size:11px;padding:1px;background:#fff;}

	.elsehead{
		padding:3px 0 4px;
	}
	.elsebody{text-align:center;}
	.elsebottom{
		padding:3px 0 4px;
	}
	
	.elsebody a:link{}
	.elsebody a:visited{}
	.elsebody a:active{}
	.elsebody a:hover{}
	
	.checkers{padding-bottom:10px;width:117px;font-size:11px;text-align:left;margin:0 auto;}
	.reader{padding-bottom:20px;width:117px;font-size:11px;text-align:left;margin:0 auto;}
	.powered{padding-bottom:10px;}
	.syndicate{}

	.blogbody iframe{width:430px;margin-top:20px;margin-left:10px;}

	a.adtitle:link{color:#4d4d4d;font-weight:bold;}
	a.adtitle:visited{color:#4d4d4d;font-weight:bold;}
	a.adtitle:active{color:#4d4d4d;font-weight:bold;}
	a.adtitle:hover{color:#4d4d4d;font-weight:bold;}
	
	a.addescription:link{color:#666;text-decoration:none;}
	a.addescription:visited{color:#666;text-decoration:none;}
	a.addescription:active{color:#666;text-decoration:none;}
	a.addescription:hover{color:#666;text-decoration:none;}
	
	a.adurl:link{color:#666;text-decoration:none;}
	a.adurl:visited{color:#666;text-decoration:none;}
	a.adurl:active{color:#666;text-decoration:none;}
	a.adurl:hover{color:#666;text-decoration:none;}
	
	a.adld:link{color:#666;}
	a.adld:visited{color:#666;}
	a.adld:active{color:#666;}
	a.adld:hover{color:#666;}
	
	body.ad{background:#fff;}
	
#footer {
	width: 960px;
margin-top: 10px;
background-image: url(http://msstyle-net.com/blog/images/blog_footer.gif);
background-repeat: no-repeat;
width: 960px;
height: 30px;
margin-left:auto;
margin-right:auto;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}
#footer_menu {
	width: 960px;
	font-family:Hiragino Gothc Pro W3, "MS PGothic", Osaka;
	font-size: 11px;
	color: #999999;
	margin-top: 20px;
	clear: both;
	text-align: center;
	border-top: solid #CCCCCC 1px;
	padding-top: 4px;
	margin-left: auto;
	margin-right: auto;
}
#footer_menu a{
	text-decoration: none;
	text-align: center;
	color: #999999;
}
#footer_menu a:hover{
	text-decoration: underline;
	text-align: center;
	color: #336699;
}


#headerss{
	width: 960px;
	height: 50px;
	overflow: hidden;
	display: block;
	text-align: left;
	background-image: url(http://msstyle-net.com/blog/common/images/header.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#header1{
	width: 200px;
	height: 50px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	text-align: left;
	float: left;
}
#header1 h1 a{
	display: block;
	width: 200px;
	height: 50px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
}
#twi_btn{
	width: 40px;
	height: 50px;
	text-decoration: none;
	overflow: hidden;
	display: block;
	text-align: left;
	float: right;
}
#fb_btn{
	display: block;
	width: 40px;
	height: 50px;
	text-decoration: none;
	overflow: hidden;
	text-align: left;
	float: right;
}

#main_area{
	width:960px;
	height:750px;
}

#d1{
	width:406px;
	height:auto;
	float:left;
	text-align:left;
}
#d2{
	width:217px;
	height:auto;
	float:left;
	text-align:left;
}
#d3{
	width:337px;
	height:auto;
	float:right;
	text-align:left;
}
#d4{
	width:406px;
	height:268px;
	float:left;
	background-image:url(http://msstyle-net.com/blog/img/new_top__09.gif);
}
#d5{
	width:149px;
	height:115px;
	float:left;
	text-align:left;
}
#d6{
	width:405px;
	height:115px;
	float:right;
	text-align:left;
}
#d7{
	width:280px;
	height:141px;
	float:right;
	text-align:left;
}
#d8{
	width:270px;
	height:138px;
	float:left;
	text-align:left;
}
#r1{
	float:right;
	width:554px;
}
#r2{
	float:right;
	width:554px;
}
.h67{
	height:44px;
}
.h15line{
	height:15px;
	background-image:url(http://msstyle-net.com/blog/img/new_top__15.gif);
	width:554px;
}
#top_main{
height:540px;
width:960px;
}
#top_main_header{
width:509px;
height:540px;
background-image:url(http://msstyle-net.com/blog/new_img/b00.jpg);
float:right;
overflow: hidden;
}
#baci_slides{
width:451px;
height:540px;
float:left;
overflow: hidden;
}

.sidetitle{
font-family: 'Amiri', serif;
		color:#7d7d7d;
		font-size:22px;
		font-style:italic;
		text-align:left;
		padding:3px 0 0px 0px;
		background:url(http://msstyle-net.com/blog/images/tit_01.gif) no-repeat left bottom;
height:52px;
	}

	.sidetitle a:link{color:#999;}
	.sidetitle a:visited{color:#999;}
	.sidetitle a:active{color:#999;}
	.sidetitle a:hover{color:#999;text-decoration:none;}
	
	.side{
	color:#e658ac;
	font-size:11px;
	text-align:center;
	padding:5px 0px 0;
	margin-bottom:40px;
	background-color: #fff;
	}
	
.sidebody{
font-size:12px;
	padding:2px 2px 2px 13px;
	text-align:left;
	margin-bottom:1px;
	background-color: #fff;
	}

 .side a:link{
	color:#c91111;
}
 .side a:visited{
	color:#c91111;
}
 .side a:active{
	color:#c91111;
}
 .side a:hover{
	color:#d7bb00;
	text-decoration:none;
}
.category-parent,.category-child{background:url(http://msstyle-net.com/blog/images/category_bul.gif) no-repeat left 3px;}
.recent-comment{padding-left:-26px; margin-left:-13px;}
.recent-comment-title{padding-left:13px;background:url(http://msstyle-net.com/blog/images/category_bul.gif) no-repeat left 3px;}
.recent-comment-author{padding-bottom:20px;}
.plugin-recent_articles{padding-left:-26px; margin-left:0px;}
.plugin-recent_articles .sidebody{font-size:12px;
	padding:2px 2px 2px 0px;
	text-align:left;
	margin-bottom:20px;
	background-color: #fff;}
.plugin-recent_articles .sidebody a{padding-left:13px;background:url(http://msstyle-net.com/blog/images/category_bul.gif) no-repeat left 3px;}

/* NEW Nav */
#blog-nav {
	position:relative;
	left:0px;
	top:0px;
	width:960px;
	height:124px;
}

div.blog-nav-top {
	position:absolute;
	left:0px;
	top:0px;
	width:960px;
	height:72px;
}

div.blog-nav-01 a{
	position:absolute;
	left:17px;
	top:72px;
	width:15px;
	height:33px;
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_01.png) top left no-repeat;
	display: block;text-indent: 100%;overflow: hidden;white-space: nowrap;
}
div.blog-nav-01 a:hover{
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_01over.png) top left no-repeat;
}
div.blog-nav-02 a{
	position:absolute;
	left:58px;
	top:72px;
	width:41px;
	height:33px;
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_02.png) top left no-repeat;
	display: block;text-indent: 100%;overflow: hidden;white-space: nowrap;
}
div.blog-nav-02 a:hover{
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_02over.png) top left no-repeat;
}
div.blog-nav-03 a{
	position:absolute;
	left:125px;
	top:72px;
	width:100px;
	height:33px;
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_03.png) top left no-repeat;
	display: block;text-indent: 100%;overflow: hidden;white-space: nowrap;
}
div.blog-nav-03 a:hover{
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_03over.png) top left no-repeat;
}
div.blog-nav-04 a{
	position:absolute;
	left:245px;
	top:72px;
	width:105px;
	height:33px;
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_04.png) top left no-repeat;
	display: block;text-indent: 100%;overflow: hidden;white-space: nowrap;
}
div.blog-nav-04 a:hover{
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_04over.png) top left no-repeat;
}
div.blog-nav-05 a{
	position:absolute;
	left:374px;
	top:72px;
	width:103px;
	height:33px;
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_05.png) top left no-repeat;
	display: block;text-indent: 100%;overflow: hidden;white-space: nowrap;
}
div.blog-nav-05 a:hover{
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_05over.png) top left no-repeat;
}
div.blog-nav-06 a {
	position:absolute;
	left:494px;
	top:72px;
	width:76px;
	height:33px;
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_06.png) top left no-repeat;
	display: block;text-indent: 100%;overflow: hidden;white-space: nowrap;
}
div.blog-nav-06 a:hover{
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_06over.png) top left no-repeat;
}
div.blog-nav-07 a {
	position:absolute;
	left:671px;
	top:72px;
	width:27px;
	height:33px;
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_07.png) top left no-repeat;
	display: block;text-indent: 100%;overflow: hidden;white-space: nowrap;
}
div.blog-nav-07 a:hover{
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_07over.png) top left no-repeat;
}
div.blog-nav-08 a {
	position:absolute;
	left:708px;
	top:72px;
	width:23px;
	height:33px;
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_08.png) top left no-repeat;
	display: block;text-indent: 100%;overflow: hidden;white-space: nowrap;
}
div.blog-nav-08 a:hover{
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_08over.png) top left no-repeat;
}
div.blog-nav-09 {
	position:absolute;
	left:743px;
	top:72px;
	width:217px;
	height:33px;
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_09.png) top left no-repeat;
	display: block;text-indent: 100%;overflow: hidden;white-space: nowrap;
}

div.blog-nav-mailmag a {
	position:absolute;
	left:850px;
	top:29px;
	width:102px;
	height:18px;
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_melmag.png) top left no-repeat;
	display: block;text-indent: 100%;overflow: hidden;white-space: nowrap;
}
div.blog-nav-mailmag a:hover{
	background:url(http://www.ms-style-net.com/blog/images/blog_nav_melmagover.png) top left no-repeat;
}
div.blog-nav-bottom {
	position:absolute;
	left:0px;
	top:105px;
	width:960px;
	height:19px;
}
#miracle_set{ width:176px; background:url(http://www.msstyle-net.com/blog/images/setion_t_bg.png) left top repeat-y;}
#miracle_set p{padding-left:8px; padding-right:8px; font-size:13px;}
#miracle_set .boderBB{ border-top:dotted 1px #7C7C7C;}
#miracle_set .boderBB{ border-top:dotted 1px #7C7C7C;}

.listArea p{line-height: 1.4em; margin: 10px 0 5px 0;}
.listArea p strong{font-weight: bold; font-size: 110%;}
.listArea{width:700px; margin-bottom:20px;}
.itemList{width:340px; height:720px; float:left;}
.listArea dl{width: 340px;font-size: 14px; display:block;float:left; margin-top: 5px;margin-bottom: 0;}
.listArea dt{width:63px; float:left;}
.listArea dd{width:317px; padding-left:63px; padding-bottom:10px;}
.listArea dl:after{content:""; clear:left; position:relative;}
.itemLis img{width:340px;height:447px;}
.mr20{margin-right:20px;}