/* basic */

	body {
		background-color: #374e77;
		color: #000000;
		font-family: "‚l‚r ƒSƒVƒbƒN", sans-serif;
		font-size: 12px;
		text-align: center;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	h1 {font-size: 20px;font-weight:800;margin:0;}
	h2 {font-size: 18px;font-weight:800;margin:0;}
	h3 {font-size: 16px;font-weight:600;margin:0;}
	h4 {font-size: 14px;font-weight:400;margin:0;}
	a {
		text-decoration: underline;
		border: 0;
		color: #0018ff;
		vertical-align: baseline;
	}
	a:hover {
		text-decoration: underline;
		border: 0;
		color: #0018ff;
		vertical-align: baseline;
	}
	img {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: bottom;
		text-decoration: none;
	}
	a img {
		text-decoration: none;
		border-style: none;
		border-bottom: none;
		border: 0;
	}

	p,div {
		margin: 0;
		padding: 0;
	}
	ul li {
		list-style: none;
	}
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0.1em;
		line-height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {
		/*display: inline-block;*/
		min-height: 1px;
	}
	/* Hides from IE-mac \*/
		* html .clearfix {
			height: 1%;
		}
		.clearfix {
			display: block;
		}
	/* End hide form IE-mac */





/* area */

	#container {
		width: 1015px;
		margin: 0 auto;
		text-align: center;
		background-repeat: repeat-y;
	}
/* each css
	#wrapper {
		width: 975px;
		margin: 0px auto;
		text-align: center;
		clear: both;
		background-color: #374e77;
	}
*/
	#page {
		margin: 10px 4px 0px 4px;
		padding: 0;
	}
	#pageInner {
		float: left;
		width: 700px;
		margin: 0;
		padding: 0;
	}
	#pageLeft {
		float: left;
		width: 200px;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	#main {
		margin-left: 7px;
		width: 492px;
		float: right;
		
		text-align: left;
	}
	#pageRight {
		float: right;
		width: 260px;
		margin: 0;
		padding: 0;
		text-align: center;
	}




/* header */

	#header {
		background-repeat: no-repeat;
		background-position: top left;
		background-color: #ffffff;
	}
	#headerMessage {
		margin: 0;
		padding: 5px 0px 5px 45px;
		font-size: 10px;
		font-weight: 400;
		color: #5b5b5b;
		text-align: left;
	}

/*footer*/

	#footer {
		width: 1015px;
		margin: 0;
		padding: 0;
		clear: both;
	}
	#footer .footerCopyrightInner {
		padding-right: 5px;
	}
	.copyrightTop {
		text-align: left;
	}
	



/* top */

	#blogerList {
		margin: 0;
		padding: 0;
		
	}
	#blogerList ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#blogerList li {
		margin: 0;
		list-style: none;
		border: solid 1px #d7d7d7;
		padding: 1px;
		margin-bottom: 5px;
		background-color: #ffffff;
	}
	#blogerList .headerArea {
		text-align: left;
		background-repeat: no-repeat;
		height: 22px;
		font-size: 10px;
		color: #ffffff;
	}
	.blogerListBlogerNameInner {
		padding: 5px 0px 0px 27px;
	}
	.blogerListBlogerInfo {
		margin: 8px;
	}
	#blogerList .areaLeft {
		width: 45px;
		float: left;
		text-align: left;
	}
	#blogerList .areaRight {
		width: 125px;
		float: right;
		text-align: left;
	}
	#blogerList .newestBlogDate {
		font-size: 10px;
		color: #6f6f6f;
		margin-bottom: 7px;
	}
	#blogerList .blogTitle {
		font-size: 12px;
		font-weight: 800;
		color: #817036;
	}
	#blogerList .blogSummary {
		margin: 8px;
		font-size: 12px;
		color: #4e4e4e;
	}
	#blogerList ul * li {
		border: 0;
		margin-bottom: 5px;
		fongt-size: 11px;
	}
	
	#blogerList .textReadNext {
		font-size: 10px;
		padding-left: 5px;
	}
	
	
	#topMain {
		margin: 0;
		padding: 0;
	}
	#topMain .blogArea {
		border-right: solid 1px #f2f2f2;
		border-bottom: solid 1px #f2f2f2;
		background-color: #ffffff;
	}
	#topMain .blogAreaInner {
		border-right: solid 1px #d9d9d9;
		border-bottom: solid 1px #d9d9d9;
		padding-right: 3px;
		padding-bottom: 3px;
	}
	.bannerMessage {
		background-repeat: no-repeat;
		background-position: top left;
		font-size: 10px;
		color: #666666;
		height: 17px;
		padding-left: 7px;
		padding-top: 1px;
		letter-spacing: -1px;
	}
	#topMain .newestBlog {
		padding: 10px;
	}
	.blogTitleArea {
		background-repeat: repeat-y;
		background-position: left;
		margin-bottom: 20px;
	}
	.blogTitle {
		color: #7d7d7d;
		margin-left: 18px;
	}
	.blogDateArea {
		margin-top: 5px;
		margin-bottom: 20px;
		font-size: 12px;
		color: #4e4e4e;
		text-align: right;
	}
	.blogSectionArea {
		margin-top: 40px;
		margin-bottom: 20px;
		font-size: 12px;
		color: #000000;
		text-align: left;
	}
	.blogNaviArea {
		margin: 40px 0px 0px 0px;
	}
	#topMain .blogNaviAreaLeft {
		float: left;
		width: 350px;
		text-align: left;
		font-size: 12px;
	}
	#topMain .blogNaviAreaRight {
		float: right;
		width: 100px;
		text-align: right;
	}
	.blogNaviComment {
		text-align: left;
		font-size: 12px;
	}
	.blogNaviGoTuduki {
		text-align: right;
		font-size: 12px;
	}
	#topMain .bannerLinkArea {
		margin-top: 10px;
	}
	#topMain .movieArea {
		margin-top: 10px;
	}
	
	#topMain .topMainNewMovieArea {
		border-right: solid 1px #f2f2f2;
		border-bottom: solid 1px #f2f2f2;
		background-color: #ffffff;
	}
	#topMain .topMainNewMovieAreaInner {
		border-right: solid 1px #d9d9d9;
		border-bottom: solid 1px #d9d9d9;
		padding-right: 3px;
		padding-bottom: 3px;
	}
	#topMain .topMainNewMovieBanner {
		margin-top: 10px;
	}
	#topMain .topMainNewMovieBannerSpan {
		padding: 3px 20px 3px 20px;
		background-color: #ffe100;
		color: #666666;
		text-align: center;
		font-size: 10px;
	}
	#topMain .topMainNewMovieTag {
		margin-top: 10px;
		font-size: 12px;
		text-align: left;
	}
	#topMain .topMainNewMovieInfo {
		margin-top: 10px;
		font-size: 12px;
		text-align: left;
	}
	#topMain .memberArea {
		margin-top: 10px;
		//border: solid 1px #d9d9d9;
	}
	#topMain .memberInnerArea {
		margin: 0;
		padding: 0;
		background-color: #ffffff;
	}
	#topMain .topMainMemberContentsAreaBG {
		background-repeat: no-repeat;
		background-position: top left;
		background-color: transparent;
		border-left: solid 1px #d9d9d9;
		border-right: solid 1px #d9d9d9;
		border-bottom: solid 1px #d9d9d9;
	}
	#topMain .payMemberArea {
		margin-top: 10px;
	}
	#topMain .payMemberInnerArea {
		margin: 0px 1px 0px 1px;
		padding: 0;
		background-color: #ffffff;
	}
	#topMain .topMainPayMemberContentsArea {
		padding: 0px 20px 15px 20px;
		border-left: solid 1px #d9d9d9;
		border-right: solid 1px #d9d9d9;
		border-bottom: solid 1px #d9d9d9;
	}
	
	#topMain .payMemberRelatedLinkArea {
		text-align: center;
		margin: 10px;
	}
	#topMain .payMemberRelatedLinkAreaBtn {
		padding: 10px;
	}
	
	
	
	
	
	#topMain .areaTitleText {
		font-size: 20px;
		font-weight: 800;
		text-align: center;
		color: #333333;
	}
	#topMain .areaTitleBanner {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#topMain .areaText {
		padding: 10px;
		text-align: center;
		font-size: 12px;
		font-weight: 800;
		line-height: 1.7em;
	}
	
	#topMain .areaTextL {
		padding: 10px;
		text-align: left;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.7em;
	}
	#topMain .action {
		padding: 10px;
		text-align: center;
		font-size: 12px;
		font-weight: 800;
	}
	#topMain .topMainMemberContentsAreaLink {
		//width: 420px;
		margin: 10px;
		text-align: center;
	}



/* section */
	.text {
		color: #4e4e4e;
		text-align: left;
		font-size: 12px;
		line-height: 1.7em;
	}
	.section {
		border-bottom: dotted 1px #4e4e4e;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 20px 0px;
	}
	.sectionLast {
		margin: 0px 0px 20px 0px;
	}
	div.section h2 {
		margin-bottom: 10px;
	}
	div.sectionLast h2 {
		margin-bottom: 10px;
	}
	.sectionImageLeft {
		float: left;
		margin-right: 10px;
		text-align: left;
	}
	.sectionImageRight {
		float: right;
		margin-left: 10px;
		text-align: left;
	}
	.sectionImageCenter {
		text-align: center;
		margin-bottom: 10px;
	}
	.sectionImageEach {
		margin-bottom: 5px;
		padding: 5px;
		border: solid 1px #dddddd;
	}
	.sectionImageEachCenter {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		padding: 5px;
		border: solid 1px #dddddd;
	}
	.sectionImageExplanation {
		font-size: 10px;
		color: #000000;
		margin-top: 10px;
		text-align: left;
		word-break: break-all;
	}
	.sectionRelatedLink li {
		margin-bottom: 5px;
	}
	.liBtnGoWeb {
		word-break: break-all;
	}

/* blog */

	#blogMain {
		
		text-align: left;
	}

	#blogMain .blogArea {
		border-right: solid 1px #31466b;
		border-bottom: solid 1px #31466b;
		margin-bottom: 20px;
	}
	#blogMain .blogAreaInner {
		border-right: solid 1px #283856;
		border-bottom: solid 1px #283856;
		padding-right: 3px;
		padding-bottom: 3px;
		background-color: #ffffff;
	}
	
	#blogMain .payMemberArea {
		margin-top: 10px;
	}
	#blogMain .payMemberInnerArea {
		margin: 0px 1px 0px 1px;
		padding: 0;
		background-color: #ffffff;
	}
	#blogMain .topMainPayMemberContentsArea {
		padding: 10px 20px 15px 20px;
		border-left: solid 1px #d9d9d9;
		border-right: solid 1px #d9d9d9;
		border-bottom: solid 1px #d9d9d9;
	}
	
	#blogMain .payMemberRelatedLinkArea {
		text-align: center;
		margin: 10px;
	}
	#blogMain .payMemberRelatedLinkAreaBtn {
		padding: 10px;
	}
	
	#blog {
		padding: 10px;
	}
	#blogCommentArea {
		padding: 10px;
	}
	#blogMain .blogNaviComment {
		text-align: left;
		font-size: 12px;
		padding: 5px;
	}
	.spanqCreateBlogComment {
		margin: 10px 0px 10px 0px;
		text-align: right;
	}
	#blogCommentArea li {
		border-bottom: dotted 1px #999999;
		padding-bottom: 10px;
		margin-bottom: 10px;
		text-align: left;
	}
	#blogCommentArea li {
		border-bottom: dotted 1px #999999;
		padding-bottom: 10px;
		margin-bottom: 10px;
		text-align: left;
	}
	#blogCommentArea .title {
		font-size: 12px;
		font-weight: 600;
		color: #374e77;
		border-left: solid 5px #374e77;
		padding-left: 5px;
		margin-bottom: 5px;
	}
	#blogCommentArea .text {
		font-size: 12px;
		font-weight: 400;
		color: #000000;
		margin-bottom: 5px;
	}
	#blogCommentArea .summary {
		font-size: 10px;
		font-weight: 400;
		color: #4e4e4e;
		text-align: right;
	}
	.blogCommentMessageArea {
		margin-left: 40px;
		font-size: 10px;
		font-weight: 800;
		color: #000000;
		text-align: left;
	}

	#blogFooter {
		padding: 10px;
		text-align: left;
	}
	#blogFooter .copyright {
		font-size: 10px;
		color: #374e77;
		margin-bottom: 5px;
		font-weight: 800;
	}
	.disclaimer {
		font-size: 10px;
		color: #000000;
		font-weight: 800;
	}
	




/* blogLeft */

	#blogLeft {
		margin: 0;
		padding: 0;
	}
	#blogLeft .blogLeftArea {
		border: solid 1px #d7d7d7;
		padding: 1px;
		margin-bottom: 5px;
		background-color: #ffffff;
	}
	#blogLeft .headerArea {
		text-align: left;
	}

/* calendar */
	#myBlogCalendar {
		text-align: center;
		margin: 0;
		padding: 0;
		margin-left: 2px;
	}
	#calOuter {
		margin: 10px auto;
		text-align: center;
	}
	#calOuter	.calDay {
		float: left;
		width: 25px;
		height: 25px;
		font-size: 10px;
		background-color: #eeeeee;
		margin-bottom: 2px;
		margin-left: 2px;
		text-align: center;
	}
	#calOuter .notThisMonth {
		float: left;
		width: 25px;
		height: 28px;
		font-size: 10px;
		background-color: #cccccc;
		margin-bottom: 2px;
		margin-left: 2px;
		text-align: center;
		color: #999999;
	}
	#calOuter .weekName {
		float: left;
		width: 25px;
		font-size: 10px;
		background-color: #374e77;
		border-bottom: solid 2px #ffffff;
		margin-left: 2px;
		text-align: center;
		color: #ffffff;
	}
	#calOuter .weekNameSpan {
		padding: 3px;
	}
	
	#calOuter .sun {
		float: left;
		width: 25px;
		height: 28px;
		font-size: 10px;
		background-color: #ebc0c0;
		border-bottom: solid 2px #ffffff;
		margin-left: 2px;
		text-align: center;
		color: #ff0000;
	}
	#calOuter .sat {
		float: left;
		width: 25px;
		height: 28px;
		font-size: 10px;
		background-color: #c0d5eb;
		border-bottom: solid 2px #ffffff;
		margin-left: 2px;
		text-align: center;
		color: #336699;
	}
	#calOuter .other {
		float: left;
		width: 25px;
		height: 28px;
		font-size: 10px;
		background-color: #f2f2f2;
		border-bottom: solid 2px #ffffff;
		margin-left: 2px;
		text-align: center;
		color: #000000;
	}
	#calOuter .dayInner {
		padding: 2px;
	}
	.nowMonth {
		font-weight: 800;
		font-size: 20px;
		color: #333333;
		text-align: center;
	}
	.calNavi {
		text-align: center;
	}
	.calNaviPre {
		text-align: right;
		margin-bottom: 20px;
		font-size: 10px;
	}
	.calNaviNext {
		text-align: left;
		margin-bottom: 20px;
		font-size: 10px;
	}
	.getBlogInCal ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.getBlogInCal li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#myBlogWN {
		margin: 0;
		padding: 0;
	}
	#myBlogWN ol {
		margin: 0;
		padding-left: 30px;
	}
	#myBlogWN li {
		list-style-type: decimal;
		margin-bottom: 3px;
		font-size: 12px;
	}
	#myBlogCategory ul {
		margin: 0;
		padding-left: 5px;
	}
	#myBlogCategory li {
		margin-bottom: 3px;
		font-size: 12px;
	}
	#myBlogArchive {
		margin: 0;
		padding: 0;
	}
	#myBlogArchive ul {
		margin: 0;
		padding-left: 5px;
	}
	#myBlogArchive li {
		list-style-type: none;
		margin-bottom: 10px;
		font-size: 12px;
	}
	#myBlogArchive .year {
		margin-bottom: 5px;
	}
	#myBlogArchive .month li {
		margin-left: 20px;
		margin-bottom: 3px;
		font-size: 12px;
	}
	
	
	#blogRight {
		margin: 0;
		padding: 0;
	}
	#blogRight .blogRightArea {
		border: solid 1px #d7d7d7;
		padding: 1px;
		margin-bottom: 5px;
		background-color: #ffffff;
	}
	#blogRight .headerArea {
		text-align: left;
	}
	#myBlogProfile {
		margin: 0px auto;
		width: 246px;
		padding: 0;
	}
	#myBlogProfile .myBlogProfileFace {
		float: left;
		width: 50px;
		text-align: left;
	}
	#myBlogProfile .myBlogProfileName {
		float: right;
		width: 190px;
		text-align: left;
	}
	#myBlogProfile .myBlogProfileText {
		margin: 10px;
		text-align: left;
		font-size: 12px;
		line-height: 1.4em;
		color: #4e4e4e;
	}


/* pageRight */

	#pr {
		border: solid 1px #d7d7d7;
		padding: 1px;
		margin-bottom: 5px;
		background-color: #ffffff;
		text-align: center;
	}
	#pr .banner {
		text-align: center;
		margin-bottom: 5px
	}
	#pr .prArea {
		margin-bottom: 10px
	}
	#pr .prAreaBannerABCD {
		margin-bottom: 5px;
		text-align: center;
	}
	#pr .prAreaBannerCDInner {
		padding-left: 3px;
		padding-right: 3px;
	}
	#pr .prAreaBannerC {
		float: left;
		width: 49%;
		text-align: left;
	}
	#pr .prAreaBannerD {
		float: right;
		width: 49%;
		text-align: right;
	}
	#pr .prAreaGoogleAmazon {
		text-align: center;
		margin-top: 20px;
		margin-left: 3px;
		margin-right: 3px;
	}
	#pr .prAreaAmazonBanner {
		margin-bottom: 5px;
	}
	#pr .prAreaGoogleAmazonText {
		margin: 0px auto;
		text-align: center;
		width: 250px;
	}

/* index */

	#index {
		margin: 20px;
		padding: 0;
	}
	#index ul {
		margin: 0;
		padding-left: 5px;
	}
	#index li {
		list-style-type: none;
		margin-bottom: 10px;
		border-bottom: dotted 1px #cccccc;
		padding-bottom: 5px;
		font-size: 12px;
	}
	#index .date {
		font-size: 11px;
		color: #6f6f6f;
		margin-bottom: 5px;
	}
	#index .title {
		font-size: 14px;
		font-weight: 600;
		margin-left: 25px;
	}
	#index .areaTitle {
		margin: 20px 0px 20px 0px;
		font-size: 20px;
		font-weight: 800;
		text-align: left;
		color: #333333;
	}
	#indexPageNavi {
		margin: 0;
		padding: 0;
	}
	#indexPageNavi .prev {
		float: left;
		width: 45%;
		text-align: left;
		font-size: 12px;
	}
	#indexPageNavi .next {
		float: right;
		width: 45%;
		text-align: left;
		font-size: 12px;
	}


/* form */
	#formMain {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#form {
		width: 600px;
		margin: 20px auto;
		text-align: center;
	}
	.formTitle {
		margin: 20px 0px 20px 0px;
		font-size: 20px;
		font-weight: 800;
		text-align: center;
		color: #333333;
	}
	#form ul {
		margin: 0;
		padding: 0;
	}
	#form li {
		margin: 0px 0px 20px 0px;
		padding: 0;
	}
	#form .label {
		width: 180px;
		float: left;
		font-size: 14px;
		font-weight: 800;
		color: #333333;
		text-align: right;
	}
	#form .formArea {
		width: 400px;
		float: right;
		font-size: 12px;
		font-weight: 400;
		color: #000000;
		text-align: left;
	}

	.note {
		margin: 5px 0px 0px 0px;
		padding: 0;
		font-size: 12px;
		font-weight: 800;
		color: #333333;
		text-align: left;
	}
	#form .tf {
		font-size: 14px;
		font-weight: 800;
		padding: 5px;
		background-color: #eeeeee;
	}
	.formMessageArea {
		margin: 40px 0px 40px 0px;
	}
	.formMessageText {
		margin-bottom: 20px;
		font-size: 14px;
		font-weight: 400;
		color: #000000;
		text-align: center;
		line-height: 1.7em;
	}
	.formErrorMessageText {
		margin-bottom: 20px;
		font-size: 14px;
		font-weight: 800;
		color: #800000;
		text-align: center;
		line-height: 1.7em;
	}


/* login */

	#login {
		width: 700px;
		margin: 20px auto;
		text-align: center;
	}
	#login ul {
		margin: 0;
		padding: 0;
	}
	#login li {
		margin: 0px 0px 20px 0px;
		padding: 0;
	}
	#login .label {
		width: 80px;
		float: left;
		font-size: 14px;
		font-weight: 800;
		color: #333333;
		text-align: left;
	}
	#login .formArea {
		width: 630px;
		float: right;
		font-size: 12px;
		font-weight: 400;
		color: #000000;
		text-align: left;
	}
	.formMessageArea2 {
		margin: 40px auto;
		width: 700px;
	}
	
/* freeMemberContents */

	#fmc {
		margin: 40px auto;
		width: 490px;
	}
	#fmc .inner {
		background-color: #454545;
	}
	.areaTitle {
		margin: 20px 0px 20px 0px;
		font-size: 20px;
		font-weight: 800;
		text-align: center;
		color: #ffffff;
	}
	.sectionMovie {
		margin-top: 20px;
	}
	#login .iconLabel {
		width: 60px;
		float: left;
		text-align: right;
	}
	#login .tf {
		margin-top: 10px;
		font-size: 14px;
		font-weight: 800;
		padding: 5px;
		background-color: #eeeeee;
	}
	#fmc .movieAreaTitle {
		margin: 0;
		padding: 0;
	}
	#fmc .movieTitle {
		padding: 20px 0px 20px 0px;
		font-size: 16px;
		font-weight: 800;
		text-align: center;
		color: #ffffff;
	}
	#fmc .movieSummary {
		font-size: 12px;
		font-weight: 400;
		text-align: left;
		color: #ffffff;
		padding: 10px;
	}